/*blue:#0072bc 0171b9 red:#e40a24*/
* {margin:0;padding:0}
body {text-align:center;font-family:'Lucida Grande','Lucide Sans', sans-serif;color:#0072bc}
img {border:none}
h2, h3 {color:#254153}
#join {position:absolute;width:245px;height:77px;right:12px;top:-8px;background-image:url(images/joinbg.gif);  background-position:bottom;}
#join form {margin-top:40px}
#join p {font-size:11px; margin-top:50px}
#container,#flex_container {position:relative;margin:auto;width:960px;text-align:left}
#container {position:relative;width:960px;height:498px;}
.privacy{position:absolute; top:43px; left:130px; text-decoration:none;color:#0296d3;  margin:-20px 0px 0px -130px;}
.privacy a {text-decoration:underline; color:#0296d3; background:none !important; font-size:9px !important;}
#nav {height:70px;background-color:#fff;text-align:center}
#nav ul {list-style-type:none}
#nav li{display:inline}
#nav a {text-decoration:none;color:#0296d3;display:block;float:left;width:104px;height:40px;margin:26px 4px 0;font:11px/40px 'Lucida Grande','Lucida Sans',sans-serif;background:0px 28px url(images/blue_bar.gif) no-repeat}
#nav a:hover {color:#e40a24;background-image:url(images/red_bar.gif)}
.mailing input[type="text"] {width:120px;font-size:10px}
.home {background-image:none}
.homepageBottom{width:960px; height:205px; background-image:url(images/homeBottom_bg.jpg); background-repeat:no-repeat; background-color:#fff; position:relative; top:430px;}

#main {position:relative;width:960px;min-height:428px;height:auto !important;height:428px;background-image:url(images/middle.gif);}
#main_inset {padding:70px 200px 0 200px;}
#main_inset p, #main_inset h2 {margin-bottom:6px;text-align:justify;}
#main_inset p {font-size:0.9em;line-height:1.5em;}
#main_inset a {color:#0171b9;}

/*INTERIOR BUY NOW*/
#intBkd{width:960px; height:328px; background:url(images/interior_bg.jpg) no-repeat; margin-top:224px;}
#buyNowBkgd{width:769px; height:287px; background: url(images/buyNow_bkgd.png) no-repeat; position:relative; left:95px; top:-40px; z-index:11; }
#buyNowBkgd .text{width:366px; height:155px; text-align:center; float:left; margin:105px 0px 0px 5px; font-size:14px;}
#buyNowBkgd .header{font-size:28px; margin-bottom:10px; }
#phone{text-align:center; margin-top:-30px; }
#paypal{float:left; margin:12px 20px 0px 26px;}
#google{float:left;  margin:13px 0px 0px 0px;}


#hydra_coup {position:absolute; top:20px; left:20px;}
#packCallout{position:absolute;  top:20px; left:8px; z-index:400;}
#surveyCallout {position:absolute;top:23px; left:-25px;z-index:300; }
#sampleCallout {position:absolute;top:92px; left:675px; z-index:302; }
#sweepsBkgd{width:602px; height:186px; background: url(images/sweeps_bkgd.png) no-repeat; position:relative; left:338px; top:5px;}
.sweepsLeft{float:left; width:265px; padding:5px 5px 0px 22px; font-family:'Lucida Grande','Lucida Sans',sans-serif; font-size:12px; color:#0066b3; line-height:17px;}
.sweepsLeft h2{font-size:15px; font-weight:normal;color:#0057a7; padding:7px 0px 10px 0px;}
#cool_carton {position:absolute;left:44px;top:14px;width:70px;height:98px;display:block;background-image:url(images/cool_carton.png)}
#arctic_carton {position:absolute;left:44px;top:113px;width:70px;height:98px;display:block;background-image:url(images/arctic_carton.png)}
#ice_carton {position:absolute;left:44px;top:213px;width:70px;height:98px;display:block;background-image:url(images/ice_carton.png)}
#hydra_carton {position:absolute;left:44px;top:14px;width:70px;height:98px;display:block;background-image:url(images/hydra_carton.png)}
#cool_carton:hover {background-position:-70px}
#arctic_carton:hover {background-position:-70px}
#ice_carton:hover {background-position:-70px}
#hydra_carton:hover {background-position:-70px}

#content {position:relative;text-align:left;left:240px;top:180px;width:320px;height:205px; }

#landing_content {position:relative;text-align:left;left:190px;top:320px;width:620px}
#landing_content p {font-size:12px;line-height:20px}

#content h2 {font-size:42px;font-weight:normal}
#content h3 {font-size:14px;font-weight:normal;margin-top:14px}
#content p {font-size:14px;line-height:20px;padding-top:8px}
#content ul {list-style-image:url(images/bullet.gif);margin-left:18px;margin-top:6px}
#content li {font-size:14px;line-height:20px}
#content a {color:#e40a24;text-decoration:none}


#heading {text-align:center;position:relative;left:110px;margin-bottom:36px}
a#drugstore {position:absolute;display:block;left:262px;top:320px;width:218px;height:59px;overflow:hidden;background-image:url(images/drugstore.gif)}
a#drugstore:hover {background-position:-218px}
#leftcol, #rightcol {float:left;width:400px;margin:0 10px 0 40px}
#rightcol {padding-left:12px}
#footer {width:960px;text-align:center;clear:both;padding-left:190px; background-color:#fff;height:36px; }
#footer p {font-size:10px;color:#0072bc;line-height:24px}
#footer a {color:#0072bc;text-decoration:none}
#footer a:hover {text-decoration:underline;color:#b44f85}
#copy {position:absolute;right:10px}
/*.moreinfo {background-image:url(images/moreinfo.gif);background-repeat:no-repeat;padding-left:40px;height:38px;display:block;list-style-type:none;margin-left:0;line-height:38px}*/
#frosty {position:absolute;width:960px;height:430px;background:top left url(images/slider.png);display:none;z-index:10;left:30;bottom:0; top:0px;}
#frosty_inset {width:760px;}
#frosty_form {position:absolute;width:980px;height:800px;background:top left url(images/slider.png);display:none;z-index:3;left:440px;top:5px;}
#frosty_inset_form {width:495px;padding:20px;margin-top:20px;background-color:#fff;margin-left:280px;border:1px solid #0072bc;}
#frosty h3 {font-size:18px;font-weight:normal;margin-top:14px;}
#frosty p {font-size:14px;line-height:20px;padding-top:8px;}
#frosty ul {list-style-image:url(images/bullet.gif);margin-left:18px;margin-top:6px;}
#frosty li {font-size:14px;line-height:20px;}

#frosty_hydra {width:700px;}
#frosty_hydra h3 {font-size:14px;font-weight:normal;margin-top:10px}
#frosty_hydra p {font-size:11px;line-height:14px;padding-top:4px}
#frosty_hydra ul {list-style-image:url(images/bullet.gif);margin-left:18px;margin-top:4px}
#frosty_hydra li {font-size:11px;line-height:14px}

.faqFormLabel{color:#868788; width:150px; padding:0px !important; font-size:12px; float:left; text-align:right; margin:0px 0px 15px 0px !important; }


#questions, #answers {position:absolute; font-size:14px;margin-left:360px;width:400px;height:130px;overflow:auto}
#questions {top:50px;height:120px;overflow:auto}
#questions a {display:block;width:360px;text-decoration:none;margin-bottom:12px;color:#0072bc}
#questions a:visited {color:#888}
#questions a:hover {color:#e40a24;text-decoration:underline}
#answers p {margin-bottom:200px;color:#e40a24}
#answers {top:220px;overflow:hidden}
#poll {width:960px;height:210px;background-image:url(images/poll.gif);position:absolute;top:455px}
#pollform {font-size:0.8em;line-height:1.6em;margin-top:8px}
#pollheader {display:none}
.error {position:absolute;left:480px;top:16px;color:#e40a24}
.hideme {margin-left:480px;margin-top:30px;display:none}



#leftcol, #rightcol {width:260px;float:left}
#leftcol {margin-left:170px}
#rightcol {padding-left:30px}
#rightcol p {line-height:1.8em}
#singlecol {width:580px;margin-left:205px;padding-top:125px}
#singlecol p {font-size:0.9em;margin-bottom:30px;line-height:1.7em}
#singlecol a {color:#e40a24}
#singlecol a:visited {color:#0072bc}
#twocol {padding-top:130px}
#rightcol p, #leftcol p {font-size:0.9em}

label {cursor:pointer}
#closer {position:absolute;left:740px;top:74px}

/*faq Page*/
.faq_submitTxt{width:555px; height:110px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#026dab; font-size:12px; margin-left:225px; line-height:20px; padding-top:50px;}
.faq_content{width:800px; margin-left:115px; margin-bottom:10px;float:left; }
.faq_contentLeft,.faq_contentRight {float:left; width:370px;  padding-top:3px; font-size:0.8em; margin-right:20px; line-height:17px;}
.faq_contentRight {border-left:1px solid #0072bc; padding: 0px 0px 15px 25px; margin:0px 0px 70px 0px; width:370px; }
h4{padding-left:15px; background:0px 3px url(images/squareDot.gif) no-repeat; margin:20px 0px 5px 0px; font-size:14px; font-weight:bold;  color:#026dab;}
.faq_content p{margin:0px 0px 0px 15px;}





.faq_contain{margin-top:15px; float:left;}
.faq_belinda{postion:absolute; width:284px; height:333px; background:url(images/faq_belinda.png) no-repeat;}



/*Flexible height pages*/
#flex_faqHeader {height:210px; background:top left url(images/faq_header.jpg) no-repeat}
#flex_header {height:269px; background:top left url(images/header.jpg) no-repeat}
#flex_middle {position:relative;text-align:left;margin-top:100px;}
#flex_middle2 {text-align:left; margin:0px; padding:0px;}
#flex_middle {*margin-top:-100px;}
#flex_middle a {color:#d60922;}
#flex_middle h3 {font-size:12px;}
#flex_middle p {font-size:13px;line-height:18px;margin:6px 14px 12px 0;}
#flex_content {margin-top:-200px; float:left;}
#flex_footer {height:100px;background:top left url(images/footer.gif) no-repeat;clear:all}
#flex_faqFooter {height:134px;background:top left url(images/faq_footer.jpg) no-repeat;clear:all}
#flex_surveyFooter {height:134px;background:top left url(images/survey_footer.jpg) no-repeat;clear:all}

/*purchase and retail page*/
#puchaseHolder{width:960px; height:608px; background: url(images/purchase_bg.gif) no-repeat;}
#calloutHolder{width:785px; height:290px; background: url(images/purchase_callouts.png) no-repeat; position:relative; top:130px; left:130px;}
#calloutHolder .text{width:366px; height:155px; text-align:center; float:left; margin:110px 0px 0px 10px; font-size:14px;}
#calloutHolder .header{font-size:28px; }
#retailHolder{width:960px; height:786px; background: url(images/retailLocator_bg2.gif) no-repeat;}


/*news/events*/
#mag, #news {float:left;}
#news {padding-left:20px;width:380px;margin-left:0px;border-left:1px solid #0072bc;width:400px;}
#news a {color:#d60922; font-size:12px;}
#mag {margin-left:130px;width:340px;}
#mag h2, #news h2, #flex_content h2 {font-weight:normal;margin-bottom:12px;font-size:20px;}
.mags {padding:0 4px 4 px 0}

.entry {margin-bottom:20px;font-weight:normal;margin-bottom:8px;clear:both}
.entry em, .entry p {font-size:12px;margin-bottom:6px}
.entry img {float:left;margin-right:10px;margin-bottom:8px}
.entry h3 {color:#e40a24;text-transform:uppercase;font-size:12px;letter-spacing:0.2em;font-weight:bold;margin-top:18px;}
.readmore {font-weight:bold;color:#e40a24}


a#slider {display:block;position:absolute;left:710px;top:400px;width:79px;height:16px;z-index:12;text-decoration:none;}
a#slider span {visibility:hidden;}
a.moreinfo {background-image:url(images/info.gif);}
a.hideinfo {background-position:-79px 0;}

sup.rohtoreg {font-size:50%;}

a.rss {text-decoration:none;color:#e40a24;border-bottom:1px dotted #e40a24;position:relative;top:-2px;}
a.rss:hover {border-bottom:none;}

/*Sampling table*/
.samplingevents {margin-top:12px;}
.samplingevents tr {height:60px;}
.samplingevents td {font-size:12px;vertical-align:top;padding-bottom:8px;border-bottom:1px dotted #e40a24;margin:0px;}
.samplingevents th {color:#e40a24;text-transform:uppercase;font-size:12px;letter-spacing:0.2em;padding:0;margin:0; min-width:100px;}


/*athletes*/
#athletes {width:141px;height:430px;position:absolute;left:819px;}
#athletes img {background:none !important; }

/*logo slideshow */
#logos { width:120px;height:100px;position:absolute;left:840px;top:345px;}

/*glows*/
#map {position:absolute;width:960px;height:430px;}
#glow_cool, #glow_ice, #glow_arctic, #glow_hydra {position:absolute;visibility:hidden;}
#glow_cool {background:top left url(images/glow_cool.png) no-repeat;width:243px;height:275px;left:131px;top:113px;}
#glow_ice {background:top left url(images/glow_ice.png) no-repeat;width:276px;height:131px;;left:423px;top:71px;}
#glow_arctic {background:top left url(images/glow_arctic.png) no-repeat;width:300px;height:285px;;left:215px;top:50px;}
#glow_hydra {background:top left url(images/glow_hydra.png) no-repeat;width:268px;height:338px;;left:573px;top:116px;}



/* contact*/
#contact-overlay {background-color:#fff; cursor:wait;}

/* Container */
#contact-container {width:450px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#333; text-align:left; font-weight:normal; }
#contact-container .contact-content {background-color:#fff;  border:#026dab 1px solid;color:#868788; height:40px; font-size:12px; font-weight:normal; padding:10px 10px 40px 10px;}
#contact-container h1 {color:#026dab; margin:15px 0px 20px 0px; padding:0 0 6px 12px; text-align:left; font-size:16px;}
#contact-container .contact-loading {position:absolute; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contact-container .contact-message {text-align:center;}
#contact-container .contact-error { font-size:12px;  text-align:left; margin-left:15px; color:#f34545;}
#contact-container br {clear:both;}
#contact-container form {padding:0; margin:0;}
#contact-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; }
#contact-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px;}
#contact-container textarea {height:114px; font-size:.9em;}
#contact-container .contact-cc {font-size:.9em; cursor:default;}
#contact-container .contact-top {height:13px;  padding:0; margin:0;}
#contact-container .contact-bottom {height:13px; font-size:.7em; text-align:center;}
#contact-container .contact-bottom a,
#contact-container .contact-bottom a:link,
#contact-container .contact-bottom a:active,
#contact-container .contact-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contact-container .contact-bottom a:hover {color:#888;}
#contact-container .contact-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;}
#contact-container .contact-send {width:60px; height:23px; background:url(images/btn_submit.jpg) no-repeat; margin-top:5px;}
#contact-container .contact-cancel {width:65px; background:url(../img/contact/cancel.png) no-repeat;}
#contact-container a.modal-close,
#contact-container a.modal-close:link,
#contact-container a.modal-close:active,
#contact-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:18px; right:6px; background:url(images/closer.png) no-repeat; width:18px; height:18px;}
#contact-container a.modal-close:hover {color:#9bb3b3;}

/* contact form*/
.contactUs{width:720px; *width:800px; font-size:11px; padding-top:40px; float:left;}
.contactUs label{width:120px;text-align:right; margin-right:5px;  float:left; padding-top:3px; font-size:11px;}
.contactUs input{ border:1px solid #ccc; height:23px; width:243px; margin-bottom:6px;}
.contactUs textarea{border:1px solid #ccc; width:330px; height:275px; margin-bottom:5px; padding:0px;}
.contactFormBot{margin-top:10px; padding-top:15px; padding-left:125px;  width:500px;}
.submitBtn{width:100px !important; height:37px !important; border:0px !important; float:right; margin:10px 0px 0px 0px; overflow:hidden; text-indent:100px; *padding-top:50px;}
.contactColLeft{float:left; width:383px; }
.contactComments{width: 330px;  float:left; margin:-15px 0px 0px 0px; }
.contactSecurity{float:right; margin-right:-5px;}
.success{ padding:0px 50px 30px 0px;}
.error1{color:red;}


/*Survey*/
form.survey {width:800px;margin-left:120px;margin-top:-120px;*margin-top:80px;font-size:12px;}
#survey_header {height:180px; background:top left url(images/survey_header.jpg) no-repeat;}
.surveyLeftColumn {float:left; width:360px;}
.surveyRightColumn {float:left; width:360px;margin-left:20px;}
.surveySection {display:block;clear:both;}
#noSurvey {border-bottom:1px dotted #0072bc;}
form.survey ol {padding-left:32px;font-weight:bold;}
form.survey ol li {padding-top:20px;*padding-top:10px;}
form.survey ol li ul li {padding-top:4px;}
form.survey li {color:#e40a24; clear:both;}
form.survey ul li {list-style-type:none; color:#0072bc;clear:both;font-weight:normal;padding-top:8px;*padding-top:4px;}
form.survey input {display:block;float:left;}
form.survey label {display:block;float:left;width:300px;margin:0 0 0 3px;*margin:3px 0 0 0;cursor:default;}
form.survey span {color:#0072bc;}
.surveySubmitButton {float:right;}
.alignRight {margin:10px 0 0 700px;clear:both;}
.alignRight input {float:right;}
.unordered{padding-left:32px;}