/* Copyright © 2004 Matthew Ainge & Recurring Dreams */

a:link 
	{
	color: #6C89B8;
	}
a:visited 
	{
	color: #55719E;
	} 
a:active 
	{
	color: #C1B7E1; 
	}
a:hover
	{
	color:#839DC7;
	}
body
	{
	color:#25009D;
	background-color:#ffffff;
	font-family:arial, helvetica, "sans serif";
	font-size:80%;
	margin:6px 3px;
	}

input, select, textarea, submit
	{
	font-size:90%;
	font-family:arial, helvetica, "sans serif";
	border:solid 1px #AAAAAA;
	padding-left:2px;
	}

h3
	{
	padding:0px;
	margin:0px;
	border:0px;
	}

.readonly
	{
	background-color:#d6d6d6;
	}
th
	{
	padding:5px;
	background-color:#81DB77;
	}
table
	{
	margin-right:15px;
	}
		
/* The Frame division, used multiple times
    Includes different anchor behaviours, as links appear differently in the frame divisions */
	div.frame, div.framebox, div.adminmenu, input.button
		{
		background-color:#47CA39;
		border-top: 1px solid #A9E6D2;
		border-right: 1px solid #258E19;
		border-bottom: 1px solid #1D6E14;
		border-left: 1px solid #58CF4B;
		}
	div.frame, input.button
		{
		font-weight:bolder;
		color:#ffffff;	
		background-image:url('images/fr-topbg.gif');
		background-repeat:repeat-x;		
		}
	input.button
		{
		padding-left:5px;
		padding-right:6px;
		}
	input.button:hover
		{
		background-image:url('images/fr-topbg-light.gif');
		}
	input.button:active
		{
		background-image:url('images/fr-topbg-light.gif');
		border-top:1px solid #1D6E14;
		border-right:1px solid #58CF4B;
		border-bottom:1px solid #A9E6D2;
		border-left:1px solid #258E19;
		padding-left:6px;
		padding-right:5px;
		}
	input#buttonDeploy
		{
		border-color:#ff0000;
		border-width:1px;
		}		
	div.frame a:link
		{
		color: #FFFFFF;
		}
	div.frame a:visited
		{
		color: #FFFFFF;
		} 
	div.frame a:active
		{
		color: #FFFFFF; 
		}
	div.frame a:hover
		{
		color:#DDFFDA;
		}
	
	/* The id topbar contains search box and top links that are not product related */
	div.frame#topbar
		{
		height:41px;
		}	
	div.frame#topbar span
		{
		margin-right:10px;
		}		

/* The PageHeader division used once
   Contains the brief description text above all content  */
	div.pageheader
		{
		height:15px;
		color:#8A8A8A;
		text-align:center;
		padding-left:138px;
		padding-right:138px;
		overflow:hidden;
		font-size:90%;
		letter-spacing:0px;
		font-weight:bold;
		}	
		
/* The nw division used multiple times
   This is used for SPANS that must not be broken for presentation purposes, e.g. hyperlinks on the sublinks bar*/
	.nw
		{
		white-space:nowrap;
		}

/* The warn span, used multiple times */
	.warn
		{
		font-weight:bold;
		color:#B72CAC;
		}

/* The Waves division, used once
   Nested inside the topbar, used to display the wave background against the right side
   contains the non-producted related links and the search box */
	div.waves
		{
		background-image:url('images/fr-topwaves.gif');
		background-position: top right;
		background-repeat:no-repeat;
		height:41px;
		z-index:1;
		border:0px;
		margin:0px;
		padding:0px 5px 0px 140px;
		font-size:24px;
		text-align:center;
		}
	div#wavesearch
		{
		position:relative;
		z-index:3;
		width:318px;
		padding-top:6px;
		font-style:italic;
		}
	div#wavelinks
		{
		position:absolute;
		z-index:2;
		right:5px;
		top:25px;
		padding-left:445px;
		text-align:right;
		}
	p#wavesearch
		{
		padding-left:140px;
		font-style:italic;
		padding-right:160px;
		}		
	p#wavelinks
		{
		padding-left:138px;
		text-transform:capitalize;
		}
	p#wavesearch
		{
		padding-left:140px;
		font-style:italic;
		padding-right:160px;
		}
	#wavesearch input
		{
		background-image:url('images/searchbox.gif');
		background-position:top left;
		background-repeat:no-repeat;
		background-color:transparent;
		height:19px;
		width:103px;
		padding:3px;
		border:0px;
		margin:0px;
		}
	#wavesearch select
		{
		background-color:#DFF2DD;
		height:19px;
		width:109px;
		border:0px;
		margin:0px;
		text-transform:uppercase;
		font-size:90%;
		}		
		
/* The Head Links division, used twice */
	div.headlinks
		{
		background-color:#C2EDBD;
		border-top:0px;
		border-right:1px solid #C7D7C5;
		border-bottom:1px solid #9FC79B;
		border-left:1px solid #D1F2CD;
		font-weight:bolder;
		color:#25009D;
		margin-right:157px;
		overflow:auto;
		}		
	div.headlinks a:link 
		{
		color:#25009D;
		}
	div.headlinks a:visited 
		{
		color:#25009D;
		} 
	div.headlinks a:active 
		{
		color:#715AC4; 
		}
	div.headlinks a:hover
		{
		color:#5A35D4;
		}	
	div.headlinks#main
		{
		margin-top:3px;
		height:56px;
		padding:0px;
		}
	div.headlinks#main span
		{
		padding-left:148px;
		}				
	div.headlinks#main img
		{
		margin-left:15px;
		}	
	div.headlinks#sub
		{
		padding-top:2px;
		padding-bottom:2px;
		margin-left:157px;
		padding-left:10px;
		}
	div.headlinks#sub span
		{
		font-size:85%;
		margin-right:10px;
		letter-spacing:0px;
		font-weight:bolder;
		text-transform:capitalize;
		}

/* The FrameHolder Links division, used twice */
	div.frameholder
		{
		z-index:2;
		width:153px;
		text-align:center;
		}
		
	div.frameholder#left
		{
		margin-right:2px;
		position:absolute;
		top:125px;
		left:3px;
		}
		
	div.frameholder#right
		{
		margin-left:2px;
		position:absolute;
		top:80px;		
		right:4px;
		}

/* Inside the frameholders, we have the images, used multiple times */
	div.frameholder img
		{
		border:0px;
		padding:0px 0px 3px 0px;
		margin:0px;
		}
		
/* Inside the frameholders, we have the FrameBox divisions, used multiple times */
	div.frame#box
		{
		background-image:none;
		position:relative;
		z-index:3;
		padding-top:25px;
		padding-right:5px;
		padding-bottom:5px;
		padding-left:5px;
		margin-bottom:15px;
		color:#25009D;
		}

	div.framebox
		{
		position:relative;
		z-index:3;
		padding-top:25px;
		padding-right:5px;
		padding-bottom:5px;
		padding-left:5px;
		margin-bottom:15px;
		color:#15008D;
		background-color:#81DB77;
		}
	div.framebox p
		{
		margin:0px 0px .5em 0px;
		padding:0px;
		border:0px;
		}		
	div.framebox a:link, div.adminmenu a:link
		{
		color: #15008D;
		}
	div.framebox a:visited, div.adminmenu a:visited 
		{
		color: #15008D;
		} 
	div.framebox a:active, div.adminmenu a:active 
		{
		color: #715AC4; 
		}
	div.framebox a:hover, div.adminmenu a:hover
		{
		color:#5A35D4;
		}

/* Inside the frame boxes, we have the BoxTitle divisions, used multiple times */		
	div.boxtitle
		{
		background-image:url('images/framebox-title.gif');
		background-position:top center;
		background-repeat:no-repeat;
		position:absolute;
		width:100%;
		top:-10px;
		height:30px;
		overflow:hidden;
		z-index:4;
		text-align:center;
		padding-top:4px;
		font-weight:bolder;
		color:#ffffff;
		text-transform:capitalize;
		}

/* The Main division, used once */
	div.main
		{
	/*	margin-left:157px;
		margin-right:157px;
		margin-top:5px;*/
		padding:10px;
		text-align:center;
		min-width:600px;
		}
		
	div#storeDetails
		{
		margin: 0 auto;
		text-align: left;
		background-image:url('images/detailsbg.png');
		background-repeat:no-repeat;
		width:330px;
		height:350px;
		font-size:13px;
		padding-top:20px;
		}
	div#storeDetails h2
		{
		font-size:16px;
		margin:5px 0px;
		padding:5px 20px 0px 24px;
		}
	div#storeDetails p
		{
		margin:10px 0px;
		padding:0px 20px 0px 24px;
		}		
	
/* The promoimage division, used once */
	div.promoimage
		{
		text-align:center;
		padding:2px;
		}

/* The SectionHead division, used multiple times for dividing the main set of data*/
	div.sectionhead
		{
		color:#ffffff;
		background-color:#25009D;		
		text-align:center;
		font-weight:bolder;
		padding: 6px;
		text-transform:capitalize;
		margin-bottom:6px;
		}		
		
/* The Footer division, used once */
	div.footer
		{
		border-top:3px solid #C2EDBD;

		padding-left:157px;
		padding-right:157px;
		padding-top:10px;
		padding-bottom:5px;
		margin-top:25px;		
		text-align:center;
		}		
		
		
/* Keep frame images tight */
img.frame
	{
	padding:0px;
	margin:0px;
	border:0px;
	}
/* The site logo overlays the topbars */
img.frame#logo
	{
	position:absolute;
	z-index:5;	
	}