/*debug styles*/
.explain {
color: white;
background: #3c3;
}
/*
Light Blue: #D7E3EF   
Mid blue: #3365A2       
Blue: #003E89 
Face color: #99B2D0       
*/
/*
@font-face {
    font-family: Gill Sans;
    font-style:  normal;
    font-weight: normal;
    src: url(GILLSAN1.eot);
  }
 */

body,TD,P,DIV,H1,H2,A,SELECT,UL,INPUT, * { 
font-family: Arial, Helvetica, sans-serif;
color: #013D76;
font-size: 10pt;

}

body {
	font-size: 9pt;
	font-weight: normal;
	margin: 0px;
	margin-top: 10px;
	page : auto;	
	background-color:#FFFFFF;/*Page bg*/
	
	scrollbar-face-color:#004A91;/*flat area of the scroll bar and buttons*/
	scrollbar-arrow-color:#F2C726;
	scrollbar-track-color:#E4E4E4;/*scroll bar bg*/
	scrollbar-3dlight-color:#FFFFFF;/*top highlight*/
	scrollbar-highlight-color:#CCCCCC;/*mid highlight*/
	scrollbar-highlight-color:#FFFFFF;/*?*/	
	scrollbar-shadow-color:#999999;/*mid shadow*/
	scrollbar-darkshadow-color:#E4E4E4;/*Darkest shadow*/
}

#frame
{
	width: 770px;
	padding: 0;
	border: 0px solid #000000;
	text-align: left;
}


#frame	{position: relative;border:0px solid #000000;}
#frame DIV {position: absolute;}

#frame #currenciesBox  {top: 25px; left:400px;}
#frame #imageNav  {top:25px; left:640px;}

#frame #x  {
	top:0px;left:0px;
}

#frame #strapline  {
	top:0px;left:620px;padding:0px;
}
#frame #header  {
	top:15px;left:60px;padding:0px;
}

#sm1 {top:96px;left:520px;visibility: hidden;z-index:10;}

/* Layer styles ------------------------------- */
DIV.breadcrumb {
	margin-left:0px;margin-top:0px;border-bottom:0px solid #000000;width:100%;padding:5px;
	background:#F2C726;text-transform:uppercase;font-weight:bold;font-family:arial;
}
DIV.box_nav {padding:7px;}

/*### LINK STYLES ############################################### */
SPAN.orderEdit {color:#013D76;text-decoration: underline;}

DIV.infoboxContents A, DIV.infoboxContents A:ACTIVE, DIV.infoboxContents A:FOCUS, DIV.infoboxContents A:HOVER, DIV.infoboxContents A:LINK, DIV.infoboxContents A:VISITED {color:#F2C726;font-size:10pt;font-family:arial;}
DIV.infoboxContents A:HOVER {text-decoration: underline;}

/*-------------------------------*/
A, A:ACTIVE, A:FOCUS, A:HOVER, A:LINK, A:VISITED {
	color:#013D76;text-decoration: none;font-weight:bold;letter-spacing:0pt;font-size:10pt;
	} 
A:HOVER {text-decoration: underline;}

#nav A, #nav A:ACTIVE, #nav A:FOCUS, #nav A:HOVER, #nav A:LINK, #nav A:VISITED,
#nav2 A, #nav2 A:ACTIVE, #nav2 A:FOCUS, #nav2 A:HOVER, #nav2 A:LINK, #nav2 A:VISITED {
	text-decoration: none;font-size:10pt;color:#F2C726;text-transform:uppercase;}

/*-------------------------------*/
A.headerNavigation, A:ACTIVE.headerNavigation, A:FOCUS.headerNavigation, A:HOVER.headerNavigation, A:LINK.headerNavigation, A:VISITED.headerNavigation {
	text-decoration: none;font-size:10pt;color:#004A91;text-transform:uppercase;
}
A:HOVER.headerNavigation, A:ACTIVE.headerNavigation {text-decoration:underline;}

/*-------------------------------*/
A.productListing-heading, A:ACTIVE.productListing-heading, A:FOCUS.productListing-heading A:HOVER.productListing-heading, A:LINK.productListing-heading, A:VISITED.productListing-heading {color:#F2C726}

/*-------------------------------*/
#categoriesBox DIV.infoboxContents A, #categoriesBox DIV.infoboxContents A:ACTIVE, #categoriesBox DIV.infoboxContents A:FOCUS, #categoriesBox DIV.infoboxContents A:HOVER, #categoriesBox DIV.infoboxContents A:LINK, #categoriesBox DIV.infoboxContents A:VISITED, {font-weight:regular;font-size:10pt;color:#F2C726;}

#categoriesBox DIV.infoboxContents A:HOVER, #categoriesBox DIV.infoboxContents A:ACTIVE {text-decoration:underline;}

/*D.main A, TD.main A:ACTIVE, TD.main A:FOCUS, TD.main A:HOVER, TD.main A:LINK, TD.main A:VISITED,
{font-size:20pt;} Not used? */


/*### Header styles ############################################### */

/* Table styles -------------------------------*/
TABLE.header {background-color:#F2C726;width:100%;margin-bottom:5px;}
#nav TABLE{width:auto;margin-top:0px;}

/* TD styles -------------------------------*/
TD.mainnavcont, #nav2 {
	background:#004A91;border-top:2px solid #004A91;border-bottom:2px solid #004A91;width:100%;
}
#nav2 {text-align:right;margin-top:10px;}
#nav TD, #nav TD.nav_on,#nav2 TD, #nav2 TD.nav_on{
	width:100px;text-align:center;padding:5px;border: solid 1px #004A91;height:30px;
	background:#004A91;
	}
#nav TD.nav_on,#nav2 TD.nav_on {background:#004A91;cursor:pointer;border:1px solid #F2C726;}	
#nav TD.navdiv,#nav2 TD.navdiv {padding:2px;width:0px;color:#F2C726;background:none;}





/*### Footer styles ############################################## */	
#footer A, #footer A:ACTIVE, #footer A:FOCUS, #footer A:HOVER, #footer A:LINK, #footer A:VISITED {
	color: #004A91;font-size:9pt;font-weight:bold;
	}

#footer2 A, #footer2 A:ACTIVE, #footer2 A:FOCUS, #footer2 A:HOVER, #footer2 A:LINK, #footer2 A:VISITED, #footer2 P
	{
	color: #666666; text-decoration: none;font-size:8pt;text-decoration: none;
	}
/* TD styles -------------------------------*/	
TD.footer {
			background-color:#F2C726;/*background-image:URL(../../i/footer_bg.gif);background-repeat:repeat;*/
			width:770px;height:20px;text-align:center;font-size:9pt;
			font-weight:normal;color:#013D76;line-height:20pt;padding:5px;padding-top:0px;
			}
			

/*### Drop down styles  ############################################ */
TD.dropmenu, TD.dropmenu_on{
	background:#999999;padding:4px;padding-left:10px;
	width:140px;cursor:pointer;border: solid 1px #FFFFFF;height:36px;
	}
TD.dropmenu_on {cursor:pointer;background:#666666;}
A.dropmenu, A.dropmenu:ACTIVE, A.dropmenu:FOCUS, A.dropmenu:HOVER, A.dropmenu:LINK, A.dropmenu:VISITED {
	text-decoration: none;font-size:8pt;color:#ffffff;
}
			
			

/*### side nav styles ############################################## */	
#sidepanel TD.menu, TD.menu_on{
	background:#999999;padding:4px;padding-left:10px;
	width:140px;cursor:pointer;border: solid 1px #FFFFFF;height:36px;
	}
#sidepanel TD.menu_on{cursor:pointer;background:#666666;}
A.menu, A.menu:ACTIVE, A.menu:FOCUS, A.menu:HOVER, A.menu:LINK, A.menu:VISITED {
	text-decoration: none;font-size:8pt;color:#ffffff;}
	
	
	
	
	
/*### CONTENT STYLES ######################################################################## */	
#content {background:#FFFFFF;}
/* TD styles -------------------------------*/
TD.create_acct {border-right: solid 4px #004A91;padding-top:30px;}
TD.sign_in {padding-top:20px;}
TD.right_spacer {padding-right:0px;border-right: solid 30px #FFFFFF;}	
TD.arrow IMG {margin-right:7px;}
TD.price {font-weight:bold;font-size:15pt;width:110px;}/*Ensure that the width in TD.price and TD.price_image are the same*/
TD.price_image {width:110px;}
TD.price_image IMG {border: solid 1px #0A5096;}
TD.side {padding-left:0px;padding-top:10px;width:200px;}	
TD.content {padding-left:10px;padding-right:10px;padding-top:10px;}
TH {
	background-color:#004A91;/*background-image:URL(i/top_bg.gif);*/background-repeat:no-repeat;
	color:#F2C726;padding:5px;font-size:10pt;text-align:left;text-transform:uppercase;
	}
TD.main SELECT {width:150px;}/*Style for dropdown menu in view product page*/
#clientcontent TD {padding:5px;}
#thumbnailgallery IMG {border:4px solid #666666}
#thumbnailgallery TD {vertical-align:top;}
TD.login_td {
	background-color:#004A91;background-repeat:no-repeat;
	color:#F2C726;padding:5px;font-size:10pt;
	text-align:left;text-transform:uppercase;font-weight:bold;
	border-right: solid 4px #004A91;
	}
TD.login_text {border-right: solid 4px #004A91;}

/* TEXT styles -------------------------------*/
H1, .H1, H2, .H2, H3, H4 {font-weight:bold;}
H1 {font-size: 14pt;color: #013D76;text-transform:uppercase;font-family:verdana;padding:0px;margin:0px;}
H2 {font-size: 11pt;text-transform:uppercase;padding:0px;margin:0px;}
H3 {font-size: 10pt;}
H4 {font-size: 9pt;}

H1.top {margin-left:80px;}

STRONG {}
UL {
	list-style-image : url(i/bullet.gif);
	
	}
	LI {margin-top: -1px;margin-bottom: 20px;line-height:4pt;}

EM {font-weight:bold;font-style:normal;}
TD.conf_text {padding:10px;}
/* Table styles -------------------------------*/
TABLE.totals_table TD {padding-top:10px;padding-left:10px;font-weight:bold;} /*Used to define the total prices table (checkout_confirmation.php)*/
TABLE.main_table {width:520px;}/*This style defines the size of the table that surrounds the content*/
TABLE.sub_table {;}/*Table that sits within the main table*/
TABLE.productListing {border: solid 5px #004A91;width:100%;margin-bottom:20px;padding:10px;}
TABLE.register {border: solid 5px #004A91;width:100%;margin-bottom:20px;}/*Used for create_account.tpl.php*/
TABLE.displaying {width:100%;}/*style defines "Displaying X to X (of X products)" at the page bottom*/
TABLE.login_tbl {
		padding:5px;
		border-bottom: solid 4px #004A91;
		border-left: solid 4px #004A91;
		border-right: solid 4px #004A91;
		}
TABLE.content, TABLE.container {width:770px;border:0px solid #000000} 
TABLE.container {background:#FFFFFF;border:2px solid #004A91;}
TABLE.datatable {border: 2px solid #697DC7;}
#sidepanel TABLE{width:140px;}
#layernav TABLE {width:130px;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF;}
HR {}
/* TEXT styles -------------------------------*/
P.product_description {
	margin-top:15px;
	margin-right:150px;
	font-family: Arial, Helvetica, sans-serif;
	color: #013D76;
	font-size: 10pt;
	line-height:15px;
}

/* IMG styles -------------------------------*/ 
TD.smallText IMG {border: solid 1px #0A5096;/*width:67px;height:96px;*/}/*images that appear in the "New products for" box*/

/* FORM styles -------------------------------*/
TEXTAREA.form_field {
	background-color:#FFFFFF;
	font-size:12pt;color:#004A91;
	}
form {display: inline;}
input,select,textarea {/*
border : 1px solid #004A91; padding: 4px; background-color:#FFFFFF; 
color:#013D76; font-weight:normal;*/
}

form input.imgbutton {border : 0px;}
#form1 input {height:26px;width:300px;background-image: URL(i/formbg.gif);background-repeat:no-repeat;}
#form1 select {}
#form1 textarea {width:300px;background-image: url(i/formbg.gif);}
#form1 input.button {width:100px;background:#666666;color:#FFFFFF;font-weight:bold;}
#form1 TD.req, #form1 STRONG.req {font-weight:bold;color:#F1790D;font-size:20pt;vertical-align:top;padding-top:10px;}

/* Box Styles -------------------------------*/
DIV.infoBox {
	background: #004A91;
	border: 0px solid #004A91;
	position: relative;
	margin-bottom: 5px;
	width:175px;
	}

.infoBoxHeading, .infoBoxHeading, .productListing-heading {
	background: #004A91;
	padding: 5px;
	text-transform:uppercase;
	font-weight: bold;
	color: F2C726;

	}
	
.infoCategoryHeading {
	text-align:center;
	background: #F2C726;
	padding: 5px;
	text-transform:uppercase;
	/*font-variant : small-caps;*/
	font-weight: bold;
	color: #004A91;
	}/* Style for the header in the Category boxes */


.infoBoxHeading {
	border-bottom: 0px solid #000000;
	}

DIV.infoboxContents {
	margin-top: 5px; /* = the padding */
	width: 174px; /* ???????? needed for IE 160 minus margins and borders ? keep same width as DIV.infoBox */
	padding-bottom: 5px; /* IE */
	padding-right: 0px;
	padding-left:0px;
	color:#F2C726;
	font-weight:bold;
	}
	
.boxLink img {
	position: absolute;
	text-align:right;
	right: 5px;
	top: 7px;
	}
	
#form TH {margin-top:20px;border-top:10px solid #FFFFFF;border-bottom:10px solid #FFFFFF;}

DIV.cat_im {float:left;}
DIV.cat_txt {float:left;}

#img_border IMG {border: solid 1px #0A5096;}