/*//////////////////////////////////////////////////////////// 2011 REDESIGN STYLES //////////////////////////////////////////////////////////////

 14327D - dark blue, main color controlled by TD
 BAC9E7 - sky blue
 6471B2 - midnight blue
 ED1C24 - red 
 
74C59A - light green
 
 
*/
 /* ----------------------- FIXED ELEMENTS ----------------------- */
BODY {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;}
TABLE {border-spacing:5px; border-collapse:collapse}
TD {padding: 5px;vertical-align:top;font-size:12px;color:#3E6680;line-height:130%;}
DIV {MARGIN: 0px;color:#002B54;}
H1 {font-size:18px; color:#143A53; margin-top:5px;}
H2 {font-size:13px; color:#75A2C0;line-height:120%;}
H3 {font-size:14px; color:#4A4D8B;margin-bottom: 0px;margin-top: 0px;line-height:120%;}
H4 {font-size:16px; color:#002B54;line-height:120%;}
HR {border: 0; height: 1px; background-color:#3F8B67;}
IMG {border:0;}
OL {FONT-SIZE: 12px;color: #14327D;}
LI {FONT-SIZE: 12px; color:14327D; LINE-HEIGHT: 140%;}
UL {FONT-SIZE: 12px; COLOR: #14327D; LINE-HEIGHT: 120%; color: #151D49;}
A {COLOR: #14327D; text-decoration:none;}
A:visited {COLOR: #6471b2; TEXT-DECORATION: none;}
A:hover {COLOR: #6471b2; TEXT-DECORATION: underline;}

/*---FORM---*/

FORM {MARGIN: 0px;color: #14327D;}
TEXTAREA {FONT-SIZE: 11px;color: #14327D; padding:0px; width:100%;FONT-FAMILY: Arial, Helvetica, sans-serif;}
INPUT {FONT-SIZE: 11px;color: #14327D;FONT-FAMILY: Arial, Helvetica, sans-serif; }
SELECT {FONT-SIZE: 11px;color: #14327D;width:100%;FONT-FAMILY: Arial, Helvetica, sans-serif;width:100%;}
OPTION {FONT-SIZE: 11px;color: #14327D;FONT-FAMILY: Arial, Helvetica, sans-serif;width:100%; }
.smallform td {font-size:11px;}

/*---NAVIGATION---*/
.login_instruction {font-size:9px; line-height:80%; padding:3px}

.login_wrap {position:relative; top:75px; width:250px;}
.error{font-weight:bold;color:#ED1C24}
.nav_bg2{background:url('images/online/Nav_bg_EPO.jpg') no-repeat;height:150px;}
.nav_bg3{background:url('images/online/Nav_bg_AccMan.jpg') no-repeat;height:150px;}
.nav_links a{color:#3E6680;font-size:16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold;}
.nav_links a:hover{color:#ED1C24;}
.footer { font-size:11px; color:#0082C6;}
.Acc_Man_login{color:#ffffff}
#AMinfo {position:absolute;display:block;background:url(images/online/AccManInfo_popup.png) no-repeat;width:320px;height:265px;}
#instruction{ font-size:10px; color:#0082C6;}

.submenu {
  -moz-border-radius: 10px 10px 10px 10px;
  background-color: #74C59A;
  color: #ffffff;
  font-size: 15px;
  font-weight: bold;
}

.submenu a{color: #ffffff;}
.submenu a:hover{color: #143A53;}

/*---BUTTONS---*/
.backBtn {background:url('images/online/buttons/back_up.png') no-repeat; width:70px; height:30px; border:0px;}
.backBtn:hover {background:url('images/online/buttons/back_down.png') no-repeat; text-decoration:none; } 
.browseBtn {background:url('images/online/buttons/browse_up.png') no-repeat; width:70px; height:30px; border:0px;}
.browseBtn:hover {background:url('images/online/buttons/browse_down.png') no-repeat; text-decoration:none; } 
.continueBtn {background:url('images/online/buttons/continue_up.png') no-repeat; width:70px; height:30px; border:0px; }
.continueBtn:hover {background:url('images/online/buttons/continue_down.png') no-repeat; text-decoration:none;} 
.infoBtn {background:url('images/online/buttons/info_up.png') no-repeat; width:70px; height:30px; border:0px;}
.infoBtn:hover {background:url('images/online/buttons/info_down.png') no-repeat; text-decoration:none; } 
.loginBtn {background:url('images/online/buttons/login_up.png') no-repeat; width:70px; height:30px; border:0px;}
.loginBtn:hover {background:url('images/online/buttons/login_down.png') no-repeat; } 
.orderBtn {background:url('images/online/buttons/order_up.png') no-repeat; width:70px; height:30px; border:0px;}
.orderBtn:hover {background:url('images/online/buttons/order_down.png') no-repeat; } 
.pdfBtn {background:url('images/online/buttons/pdf_up.png') no-repeat; width:70px; height:30px; border:0px;}
.primaryBtn {background:url('images/online/buttons/primary_up.png') no-repeat; width:80px; height:30px; border:0px;}
.primaryBtn:hover {background:url('images/online/buttons/primary_down.png') no-repeat; } 
.secondaryBtn {background:url('images/online/buttons/secondary_up.png') no-repeat; width:80px; height:30px; border:0px;}
.secondaryBtn:hover {background:url('images/online/buttons/secondary_down.png') no-repeat; } 
.pdfBtn:hover {background:url('images/online/buttons/pdf_down.png') no-repeat; text-decoration:none; } 
.searchBtn {background:url('images/online/buttons/search_up.png') no-repeat; width:70px; height:30px; border:0px;}
.searchBtn:hover {background:url('images/online/buttons/search_down.png') no-repeat; text-decoration:none; } 
.submitBtn {background:url('images/online/buttons/submit_up.png') no-repeat; width:70px; height:30px; border:0px;}
.submitBtn:hover {background:url('images/online/buttons/submit_down.png') no-repeat; } 
.uploadBtn {background:url('images/online/buttons/upload_up.png') no-repeat; width:70px; height:30px; border:0px;}
.uploadBtn:hover {background:url('images/online/buttons/upload_down.png') no-repeat; } 


#tagline{font-family:Helvetica, Arial, sans-serif;font-size:14px; text-transform:uppercase; font-weight:bold}



/*-------------------------ONLINE ORDERING ---------------------*/
#submitorder input{width:100%}
#financebox{padding:10px;border:#6471B2 1px solid;-moz-border-radius: 10px;-moz-box-shadow: #6471B2 1px 1px 5px;-webkit-border-radius: 10px;-webkit-box-shadow: #6471B2 1px 1px 5px;-khtml-box-shadow: #6471B2 1px 1px 5px;-khtml-border-radius: 10px; border-radius:10px; box-shadow: #00A156 1px 1px 5px;}

.shadowhead{
background-color:#3E6680;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-top-left-radius: 10px; 
-khtml-border-top-right-radius: 10px;
border-top-left-radius:10px;
border-top-left-radius:10px;
border:#75A2C0 solid 1px;
font-weight:bold;
color:#ffffff;
padding:10px;
}

.shadowhead td{
font-weight:bold;
color:#ffffff;}

.shadowbox{
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-khtml-border-bottom-left-radius: 10px; 
-khtml-border-bottom-right-radius: 10px;
border-bottom-left-radius:10px;
border-bottom-left-radius:10px;
-moz-box-shadow: #75A2C0 1px 1px 5px; 
-webkit-box-shadow: #75A2C0 1px 1px 5px; 
-khtml-box-shadow: #75A2C0 1px 1px 5px; 
box-shadow: #75A2C0 1px 1px 5px;
padding:10px;
border:#75A2C0 solid 1px;
}

.shadowboxnohead{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius:10px;
-moz-box-shadow: #75A2C0 1px 1px 5px; 
-webkit-box-shadow: #75A2C0 1px 1px 5px; 
-khtml-box-shadow: #75A2C0 1px 1px 5px; 
box-shadow: #75A2C0 1px 1px 5px;
padding:10px;
border:#75A2C0 solid 1px;
margin:10px;
overflow:visible;
}

.colourbox{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; 
border-radius:10px;
background-color:#3E6680;
-moz-box-shadow: #75A2C0 1px 1px 5px; 
-webkit-box-shadow: #75A2C0 1px 1px 5px; 
-khtml-box-shadow: #75A2C0 1px 1px 5px; 
box-shadow: #75A2C0 1px 1px 5px;
border:#75A2C0 solid 1px;
}




.colourbox div {background:#ffffff;}

#ordertable{text-align:left;}
#ordertable td{vertical-align:middle;}

.orderhead{
background-color:#3E6680;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-top-left-radius: 10px; 
-khtml-border-top-right-radius: 10px;
border-top-left-radius:10px;
border-top-left-radius:10px;
}
/*.orderhead table{margin-left:20px;}*/
.orderhead td{font-size:11px;color:#ffffff;font-weight:bold;}

#img-center{height:60px}
#img-center img {float: left;margin:0 10px 0;}

#mousebg{background:url(images/exampro_mouse2.jpg) center no-repeat;}
#epfree{background:url(images/exampro_eggtimer.jpg) center no-repeat; background-color:#FFFFFF;}
#epfree li{list-style-image:url(images/epfree_bullettick.png); line-height:140%}

.productlistwrap{clear:both; padding-top:20px;padding-right:20px;}
.panel{margin:10px;}

#info {background-color:#0082C6;}
#info td{color:#ffffff;font-weight:bold;}
.Order_header{background:url('images/online/Order_header.jpg') no-repeat; height:120px; width:900px;padding:0px;}
.pinfoProd {font-size:18px; color:#002B54;}
#submitorder input{width:100%}
.highlight {font-size:11px;color:#00A156}

#pindex_head{background-color:#3E6680;}
#pindex_head td{color:#ffffff;font-weight:bold;}


.falsehead{
font-family:Tahoma; 
font-size:16px; 
font-weight:bold; 
color:#074890;
margin-bottom:4px; 
padding:3px;
-moz-border-radius-topright: 10px;
-webkit-border-top-left-radius: 10px;
-khtml-border-top-right-radius: 10px;

}


/**/
.orderdivide{border-bottom: dashed 1px #00A156;border-top: dashed 1px #00A156; background:#e8eaec; font-weight:bold; font-style:italic; color:#00A156}
.orderfamilydivide{background:#BAC9E7;}




.orderdivhead{padding:0px 5px 5px;background-color:#3E6680; overflow:auto;}
.orderdivhead div{float:left;padding:10px;color:#ffffff;font-weight:bold;}

.orderdivwrap{ clear:both; padding:0px 5px 0px;background-color:#EAF0F9; overflow:auto;}
.orderdivwrap div{float:left;padding:10px; overflow:auto;}

.orderdivtotal{ clear:both;padding:0px 5px 0px;}
.orderdivtotal div{float:left;padding:10px;}

.updateBtn{background: transparent;border:none; text-decoration:underline; cursor:pointer}


.orderdivcalc{ clear:both;padding:0px 5px 0px;background-color:#f1f4f7; overflow:auto;border-bottom: dashed 1px #00A156;}
.orderdivcalc div{float:left;padding:10px;}

#ordertable .orderdivwrap{display: table-cell; vertical-align: middle;}

.plainwhiteblock form div, #tempname form div{margin:8px 0px 3px;}
.plainwhiteblock{background:#ffffff;padding:20px;overflow:hidden;border:solid 1px;border-color:#3E6680;}

.largeform td, .largeform td input {font-size:11px;}

.largeform TEXTAREA, .largeform INPUT, .largeform SELECT{width:100%;}



/* ----------------------- TEXT STYLES ----------------------- */

/*  FOOTER  */

.footA:active {color: #BAC9E7; font-size:10px;}
.footA:visited {color: #BAC9E7; font-size:10px;}
.footA:hover {color: #BAC9E7; font-size:10px;}
.footA{color: #BAC9E7; font-size:10px;}

.footnote { font-size:10px; color:#6471B2;}
.copyright { font-size:9px; color:#6471B2;}

.rssA:hover  {font-size:9px; color:#6471B2 ;}
.rssA:visited  {font-size:9px; color:#6471B2 ;}
.rssA:active  {font-size:9px; color:#6471B2 ;}
.rssA  {font-size:9px; color:#6471B2 ;}

.red {COLOR: #ff0000}
.redA:visited {color:red;}
.redA:active {color:red;}
.redA:hover {color:red;}
.redA {color:red;}

.skyblueA:hover {color:#bac9e7;}
.skyblueA:visited {color:#bac9e7;}
.skyblueA:active {color:#bac9e7;}
.skyblueA {color:#bac9e7;}


/* ----------------------- CUSTOM BLOCK ELEMENTS ----------------------- */  
.imgfloat {float:right; margin:5;}


/*---FAQs---*/

*/
.Accordion {
	overflow: hidden;}

.AccordionPanel {
	margin: 0px;
	padding: 0px;}

.AccordionPanelTab {

	color:#ffffff;
	margin: 0px;
	padding: 4px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-khtml-border-top-right-radius: 5px;
	-khtml-border-top-left-radius: 5px;}




.AccordionPanelContent {
	overflow: auto;
	padding: 0px 5px 0px;
	height: 200px;
	border-left: dotted 1px #74C59A;
	border-right: dotted 1px #74C59A;
	font-size:11px;}
	
.AccordionPanelContent li{font-size:11px;}

.AccordionPanelOpen .AccordionPanelTab {
	background-color: #75A2C0;
	border: #3E6680 solid 0px;}

.AccordionPanelTab {
	background-color: #3E6680;
	border: #ffffff solid 1px;
	font-weight:bold;}