/* Nav Menu ----------------------------------------------- */
@import "navigation.css";

/* Page Display Styles ----------------------------------------------- */
body { margin: 0; padding: 0; font-size: 12px; line-height:16px; font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000; }
br { clear:both; }
img { border:0px;opacity:1; filter:alpha(opacity=100)}
/*h1 { font-size: 22px; font-weight: bold; line-height: 24px; text-transform:uppercase; }
h2 { color: #FF0000; font-size: 18px; font-weight: bold; line-height: 16px; padding-bottom: 10px; }		
h3 { color: #FF0000; font-size: 14px; font-weight: bold; line-height: 14px; padding-bottom: 5px; }	
h4 { color: #003366; font-size: 14px; font-weight: bold; line-height: 14px; margin: 0; padding-bottom: 0px; }	
h5 { font-size: 10px; font-weight: bold; line-height: 10px; margin: 0;  padding-bottom: 0px; }
h6 { color: #245b9c; font-size: 12px; font-weight: bold; line-height: 12px; margin: 0; padding-bottom: 0px; }
*/
h1{font:bold 18px arial; color:#FFFFFF; line-height:20px;margin:0px 0px 20px 0px}
h2{font:bold 20px arial; color:#FFFFFF}
h3{font:normal 14px arial; color:#FFFFFF; line-height:20px;margin:0px 0px 10px 0px}
h4{font:italic 12px arial; color:#bebebe; line-height:16px}
h5{font:normal 14px arial; color:#f4f4f4;line-height:20px}
h6{font:bold 16px/18px arial; color:#FFFFFF;margin:20px 0px 20px 0px}
input, select, textarea{border:1px solid #a2a2a2;font:normal 12px arial}
p{margin:10px 0px 10px 0px}

/*Utilities ----------------------------------------------------------- */
.bluetxt{color:#0976db;font-weight:bold;text-transform:uppercase}
a.bluetxt:hover{color:#0976db;}
.hrWhite{border-bottom:5px solid #FFFFFF}
.left{float:left}
.right{float:right}
.buttonRedOn{background:#cc0000 url(/images/images/WOB_redbutton.gif) no-repeat 0 0; width:91px; height:28px; font:bold 14px arial; color:#FFFFFF; border:none; float:right;margin:20px 0px 20px 0; cursor:pointer; text-transform:uppercase}
.buttonRedOff{background:#660000 url(/images/images/WOB_redbutton_dark.gif) no-repeat 0 0; width:91px; height:28px; font:bold 14px arial; color:#FFFFFF; border:none; float:right;margin:20px 10px 20px 0; cursor:pointer; text-transform:uppercase}
.buttonBlue{background:#105598 url(/images/images/WOB_bluebutton.gif) no-repeat 0 0; width:73px; height:23px; font:bold 14px arial; color:#FFFFFF; border:none;margin:0px 0px 0px 0; cursor:pointer; text-transform:uppercase}
.BackgroundLtGray{background-color:#171717;display:block; float:left;width:100%; padding:0 0 15px 0;}

/* Main Layout -------------------------------------------------------- */
#mainContent { width:989px; padding:0px; }
#header { width:100%; text-align:left; display:block; float:left}
#body { font-size:12px; padding-top:15px; padding-bottom:30px; padding-left:20px; padding-right:20px; text-align:left; background-color:Black; color:#FFFFFF; min-height:300px; height:auto !important; height:300px; display:block; float:left; width:949px}
#foot { background-color:#014991; color:#FFFFFF; text-decoration:none; display:block; float:left; width:100%; height:79px; height:63px !ie}
#footL { float:left; width:50%; text-align:left; padding-top:10px; padding-bottom:10px; padding-left:20px; }
#footR { text-align:right; padding-top:10px; padding-bottom:10px; padding-right:20px; float:right }

/* Link Display Styles ----------------------------------------------- */
a:link, a:visited, a:active { color: #FFFFFF; text-decoration:none; font-size:12px; }
a:hover { color: #FFFFFF; text-decoration:underline; font-size:12px; }
/*#body a:link, #body a:visited, #body a:active { color: #FFFFFF; text-decoration:underline; font-size:12px; }
#body a:hover { color: #FFFFFF; text-decoration:none; font-size:12px; }*/
#footL a:link, #footL a:visited, #footL a:active { color: #FFFFFF; text-decoration:none; font-size:11px; }
#footL a:hover { color: #FFFFFF; text-decoration:underline; font-size:11px; }
#footR a:link, #footR a:visited, #footR a:active { color: #FFFFFF; text-decoration:none; font-size:11px; }
#footR a:hover { color: #FFFFFF; text-decoration:underline; font-size:11px; }

/*Submit form layout -------------------------------------------------- */
#TestVerify{margin-top:15px}
#TestVerify a{color:#0976DB}
#TestVerify input{border:none}
#TestVerify label{margin-left:10px}
#submitVerifyLeftCol{display:block;float:left;width:650px}
#submitVerifyRightCol{display:block;float:right;width:290px;text-align:right}
#submitVerifyLeftCol h1{margin:20px 0 10px 0}
#submitGetInvolvedLeft{display:block;float:left;width:575px;margin:0 20px 0 0}
#submitGetInvolvedRight{display:block;float:left;width:350px;text-align:right}
#submitGetInvolvedRight h1{text-transform:uppercase;font-weight:normal}
#submitGetInvolvedRight h1 a{font:bold 18px/20px arial}
#submitGetInvolvedLeft2{display:block;float:left;width:575px;margin:15px 20px 0 0}
#submitGetInvolvedRight2{display:block;float:left;width:350px;text-align:right}
#submitGetInvolvedLeft2 h3{width:275px;display:block; float:right; margin: 0 0px 0 0}
#submitGetInvolvedLeft2 a{display:block; float:left; margin:0 15px 0 0}

#TestInfoForm{}
#TestInfoForm h1{margin:10px 0 5px 0}
#TestInfoForm p{margin:10px 0 5px 0px;font:normal 14px arial}
#ContactDetails{display:block;float:left;width:952px;padding:0 0 20px 0}
#ContactLeftCol{display:block;float:left;width:360px;padding:0 0 0 30px;}
#ContactRightCol{display:block;float:left;width:552px;}
#StoreDetails{display:block;float:left;width:952px;padding:0 0 20px 0}
#StoreLeftCol{display:block;float:left;width:437px;padding:0 0 0 30px;}
#StoreRightCol{display:block;float:right;width:480px;text-align:right;padding:150px 0px 0 0}
#Comments{display:block;float:left;width:952px}
#CommentsLeftCol{display:block;float:left;width:360px;padding:0 0 0 30px;}
#CommentsRightCol{display:block;float:left;width:552px;}

#UploadImages{display:block;float:left;width:100%}
#TestImagesInfo{display:block;float:left;padding:0 0 0 30px;width:100%;margin:0 0 25px 0px}
#TestImagesInfo h3{margin:0px 0px 0px 0px}
#TestImagesUpload{display:block;float:left;padding:0 0 0 20px;width:100%;}
#TestImagesUpload p{padding:0 0 0 10px}

.ContinueButton{display:block; float:right; margin:70px 0 0px 0; width:100%}

/*List Testimonials layout --------------------------------------------- */
#ListTestLeftCol{display:block;float:left;width:165px;padding:0px 0 50px 0px}
#ListTestLeftCol ul{padding:20px 0 50px 0;margin:0px;text-align:right;position:relative;left:-20px}
#ListTestLeftCol li{padding:10px 20px 10px 0px;list-style:none;}
#ListTestLeftCol li a{text-transform:uppercase;font:bold 13px/18px arial;color:#FFFFFF;list-style:none;text-decoration:none}
#ListTestLeftCol li.current{border-bottom:3px solid #FFFFFF;/*padding:10px 20px 7px 0px;*/}
#ListTestRightCol{display:block;float:left;width:780px}
#TestPrimaryImage{display:block;float:left;width:655px;margin:25px 30px 0 0}
#TestPrimaryImage img{border:1px solid #9f9f9f}
/*#TestSecondaryImages{display:block;float:left;width:90px;margin:0px 0 0 0}
#TestSecondaryImages img{opacity:0.6; filter:alpha(opacity=60);border:1px solid #9f9f9f;margin:25px 0 2px 0}
#TestSecondaryImages img.current{opacity:1; filter:alpha(opacity=100)}
#TestSecondaryImages a.current{border-bottom:3px solid #FFFFFF}*/

#SecondaryImageWrapper{}
#TestSecondaryImages{display:block;float:left;width:90px;margin:0px 0 0 0}
#TestSecondaryImages input{opacity:0.6; filter:alpha(opacity=60);border:1px solid #9f9f9f;margin:25px 0 5px 0}
#TestSecondaryImages input.current{opacity:1; filter:alpha(opacity=100)}
#TestSecondaryImages #SecondaryImageWrapper.current{border-bottom:3px solid #FFFFFF}

#TestDescription{display:block;float:left;clear:both;width:100%;margin-top:20px}
#TestDescription h2{margin-top:0}
#TestWinners{display:block;float:left;clear:both;width:100%;padding:10px 0px 20px 10px}
/*#TestWinners img{opacity:0.6; filter:alpha(opacity=60);margin:0 0 2px 0}
#TestWinners img.current{}
#TestWinners a{margin-right:8px}
#TestWinners a.current{border-bottom:3px solid #FFFFFF;}*/

#TestWinners input{opacity:0.6; filter:alpha(opacity=60);margin:0 0 2px 0}
#TestWinners input.current{}
/*#TestWinners #TestWinnerImage{margin-right:8px}*/
#TestWinners #TestWinnerImage.current{border-bottom:3px solid #FFFFFF;}

/*Homepage -------------------------------------------------------------- */
#HomeLeftCol{display:block;float:left;width:550px}
#HomeLeftCol h5{margin:10px 0 0px 0;text-transform:uppercase}
#HomeLeftCol h4{margin:0px 0px 0px 0px}
#HomeLeftCol #TestPrimaryImage{margin:20px 10px 0 0;width:440px}
#HomeLeftCol #TestSecondaryImages{float:right;width:69px;margin:10px 0px 0 0}
#HomeLeftCol #TestSecondaryImages input{margin:10px 0 8px 0;padding-bottom:0px}
/*#HomeLeftCol #TestSecondaryImages img.current{margin:10px 0 5px 0}*/
#HomeLeftCol #TestSecondaryImages #SecondaryImageWrapper{display:block}
#HomeLeftCol #TestSecondaryImages #SecondaryImageWrapper.current input{margin:10px 0 5px 0}
#HomeRightCol{display:block;float:right;width:355px;padding:50px 20px 20px 20px;position:relative;right:-20px;top:-30px}
#HomeRightCol img{border:1px solid #9f9f9f;margin-bottom:25px}
#HomeRightCol a{color:#0976db;text-decoration:underline;font:normal 14px arial;}
#HomeRightCol a:hover{text-decoration:none;font:normal 14px arial;}
#HomeRightCol h3{margin: 0 0 40px 0}

/*Tips ------------------------------------------------------------------- */
#Tips ul{padding:0 0 0 0px;}
#Tips li{margin:5px 0 10px 0;list-style-type:none;padding:0 0 0 20px;}
#Tips li.tipsListHeader{list-style: url(/images/images/WOB_tips_asterisk.gif);background-color:#171717; list-style-position:inside;text-transform:uppercase; font:bold 16px/18px arial;padding:5px 0px 5px 20px;margin:20px 0px 5px 0px;}