body{font:normal 11px/120% Verdana, Arial, Helvetica, sans-serif;padding:0;margin:0;background:#fff;color:#330066; line-height:normal; }
h1 {line-height:normal;}

#innerbody{width:800px;margin:auto;}

/* main header */
#header{width:100%;height:86px;background:url(/img/header.jpg) no-repeat 0px 0px;overflow:visible;position:relative; top:0px; float:left;}
#header img#logo{position:absolute;top:0px;left:0px;margin:0px 0px 0px 0px;}

#header #uppernav { display:block; position:absolute; top:0px; right:0px; margin:2px 8px 2px 2px; padding:1px; color:#d8cce0; }
#header #uppernav a {display:inline; font-size:9px; text-decoration:none; color:#d8cce0; margin:0px 0px 0px 0px; padding:2px 4px 2px 4px;}
#header #uppernav a:hover { text-decoration:underline; color:#330066; } 

/* search bin */
#searchbox { text-align:center; margin:auto; }
#searchbox table { text-align:center; margin:auto; }
#searchbox td.srchbtn { text-align:right;}
/* search results */

#searchresults { font-size:12px; color:#330066; font-weight:normal; }
#searchresults blockquote{margin:6px 6px 6px 0px;padding:6px 6px 6px 6px; border-style:none;}
#searchresults blockquote blockquote{margin:4px 4px 4px 14px;padding:6px 6px 6px 6px;border-style:none;}
#searchresults .title { color:#0000FF; font-weight:bold; text-decoration:underline;}
#searchresults .description { color:#330066; }
#searchresults .url { color:#009900; }
#searchresults .url a { color:#009900; text-decoration:none; }
#searchresults .url a:hover { color:#009900; text-decoration:underline; }
#searchresults .busy { text-align:center; margin:50px 10px 100px 10px;}
#searchresults .busy img { margin:auto; }

/* bin box */
.binbox {position:relative;top:0px;left:0px; border:1px solid #330066;}
.binbox .tl{position:absolute;top:-1px;left:-1px;margin:0px;padding:0px;z-index:100;}
.binbox .tr{position:absolute;top:-1px;right:-1px; margin:0px;padding:0px;z-index:100;}
.binbox .bl{position:absolute;bottom:-1px;left:-1px;margin:0px;padding:0px;z-index:100;}
.binbox .br{position:absolute;bottom:-1px;right:-1px; margin:0px;padding:0px;z-index:100;}

.hdround .tl{position:absolute;top:31px;left:19px;margin:0px;padding:0px;z-index:100;}
.hdround .tr{position:absolute;top:31px;right:17px; margin:0px;padding:0px;z-index:100;}
/*
.justbin { }
*/


/* content area contianing columns */
#contentarea{float:left;width:100%;background: url(/img/bg_content.jpg) 0 0 repeat-x;}
#colfull{float:left;width:100%;}
#col1{position:relative; top:0px; float:left;width:150px;}
#col2{position:relative; top:0px; float:left;width:510px;}
#col3{position:relative; top:0px; float:right;width:140px;}

#col2 .tlinr{position:absolute;top:-1px;left:-1px;margin:0px;padding:0px;z-index:100;}
#col2 .binholder {margin:20px 6px 10px 8px;}
#col3 .binholder {margin:10px 0px 0px 0px; padding:0px 6px 0px 0px;}
#col3 .binbox { text-align:center; border:1px solid #330066; color:#ffffff; margin:0px 0px 15px 0px;padding:0px 0px 8px 0px; overflow:hidden;background: url(/img/bg_bin.jpg) 0 0 no-repeat;}
#col3 .binbox h2 { letter-spacing:2px; text-align:left; background-color:#330066; color:#ffffff; font-size:14px; font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; border-bottom:1px solid #ffffff;  margin:0px 0px 6px 0px;padding:10px 8px 8px 8px;background: url(/img/bg_bin_header.jpg) 0 0 no-repeat;}
#col3 .binbox p {text-align:left;color:#330066; margin:6px 6px 6px 6px;padding:0px 0px 0px 0px;}
#col3 .binbox img{margin:0;padding:0;}

#col3 .bincontact { text-align:left; color:#ffffff; font-weight:bold; font-size:11px; background: url(/img/bg_contact_us.jpg) 0 0 repeat-x; }
#col3 .bincontact .txt { text-align:left; font-size:9px;color:#ffffff; margin:36px 0px 0px 0px; padding:4px 0px 0px 4px; }
#col3 .bincontact .ph { text-align:left; font-size:13px;color:#ffffff; margin:0px 0px 0px 0px; padding:0px 0px 4px 4px;}
#col3 .bincontact .linkout { text-align:right;  color:#ffffff;}
#col3 .bincontact .linkout a { color:#FFFFFF; text-decoration:none; margin:5px 6px 6px 6px;}
#col3 .bincontact .linkout a:hover { color: #FF99FF;}
#col3 .bincontact  a { color:#FFFFFF; text-decoration:none; }
#col3 .bincontact  a:hover { color:#FF99FF; }


/* button and over effect for learn more button*/

.btnmore {position:relative; display:block;width:72px; height:19px; margin:0px 0px 0px 0px;padding:4px 0px 6px 0px; line-height:19px; vertical-align:middle; color:#ffffff; }
.btnmore a{display:block;width:72px; height:19px; font-size:9px; color:#ffffff; white-space:nowrap; text-decoration:none; text-align:center; font-weight:bold; font-family:Arial, Helvetica, sans-serif; background: url(/img/btn_blue_bg_72x19.gif) 0 0 no-repeat;background-position: 0px 0px;}
.btnmore a:hover{background-position: 0px -19px; color:#ffffff;}
.btnmore a:visited{color:#ffffff;}

/* go shopping button */
.btngoshopping {float:right; display:block;width:100px; height:22px; margin:1px 14px 0px 0px; padding:0;line-height:22px; vertical-align:middle;  color:#040364;}
.btngoshopping a{float:right; display:block;width:100px; height:22px; margin:0; padding:0px 0px 0px 8px; color:#040364; font-size:10px; font-weight:normal; text-decoration:none; color:#040364; text-align:center; vertical-align:middle; background: url(/img/btn_cart_bg_100x22.gif) 0 0 no-repeat;background-position: 0px 0px;}
.btngoshopping a:hover{background-position: 0px -22px; color:#040364;}
.btngoshopping a:visited{color:#040364;}

/* go shopping button */
.btngonowholder {float:right;display:block; text-align:center; width:100%;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; clear:both;}
.btngonow {display:block; width:94px; height:22px; margin:auto; line-height:22px; vertical-align:middle;  color:#040364;}
.btngonow a{display:block;width:94px; height:22px; margin:0; padding:0px 0px 0px 0px; color:#040364; font-size:10px; font-weight:bold; text-decoration:none; color:#040364; text-align:center; vertical-align:middle; background: url(/img/btns/btn_94x22.gif) 0 0 no-repeat;background-position: 0px 0px;}
.btngonow a:hover{background-position: 0px -22px; color:#040364;}
.btngonow a:visited{color:#040364;}

#sidenavbar {position:relative;top:0px;width:150px;color:#ffffff;background-color:#330066; float:left; text-align:left;margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;}
#sidenavbar h2 { font-size:12px; font-weight:bold; color:#ff00ff; text-decoration:none; margin:10px 0px 0px 0px;padding:3px 3px 3px 3px; border-top:1px dashed #ffffff;}
#sidenavbar ul{overflow:hidden;width:100%;vertical-align:middle;margin:0px 0px 24px 0px;padding:0px 0px 0px 0px;}
#sidenavbar li{ width:100%;float:left;margin:0;padding:0;list-style-type:none;vertical-align:middle;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#sidenavbar li span{line-height:10px;display:block;margin:0px; padding:4px 10px 4px 10px;}
#sidenavbar li a{width:100%;font-size:11px;text-decoration:none;color:#ffffff;display:block;margin:0;float:left;border-top:1px solid #330066; border-bottom:1px solid #330066;}
#sidenavbar li a:hover{color:#330066; background: url(/img/bg_sectionlink_hover.gif) 0 0 no-repeat;border-top:1px solid #FF00FF; border-bottom:1px solid #FF00FF;} 
#sidenavbar .sidenav li.current_page_item a {text-decoration:none; color:#330066; background: url(/img/bg_sectionlink_selected.gif) 0 0 no-repeat; border-top:1px solid #FF00FF; border-bottom:1px solid #FF00FF;} 

#sidenavbar div.bottom { position:relative; width:auto; height:150px; background-color:#330066;}
#sidenavbar .bl{position:absolute;bottom:-1px;left:-1px;margin:0px;padding:0px;z-index:100;}
#sidenavbar .br{position:absolute;bottom:-1px;right:-1px; margin:0px;padding:0px;z-index:100;}

/* banner over content */
#overcontentbanner{position:relative;top:0px;float:left;width:100%;padding:4px 0px 0px 0px;}

/* backgrounds */
.bluebg {background:url(/img/bg_blue.gif) repeat-x 0px 0px;}

/* content main styles */
.binmaincontent {margin:0px 0px 10px 0px; padding:12px 12px 12px 12px;}
.binmaincontent h1 { font-size:21px;color:#ffffff; height:50px; line-height:21px;  font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; letter-spacing:3px; margin:0px 0px 0px 0px; padding:22px 0px 0px 10px; background: url(/img/bg_content_h1.jpg) 0 0 no-repeat;} 
.binmaincontent h2 {font-size:17px;color:#330067;font-weight:bold;margin:0px 0px 0px 0px; padding:4px 0px 4px 4px;} 
.binmaincontent h3 {font-size:13px;color:#330067;font-weight:bold;margin:0px 0px 0px 0px; padding:4px 0px 4px 8px;} 
.binmaincontent p {font-size:13px;color:#330066;font-weight:normal;margin:0px 0px 10px 0px; padding:4px 4px 4px 4px;}
.binmaincontent p.pull {font-size:15px;}
.binmaincontent p.secondary {font-size:95%;color:#4b6e8f; font-style:italic;}
.binmaincontent div.highlight {background-color:#ffa4ef; font-style:italic;margin:8px 20px 14px 20px;padding:10px 10px 10px 10px;}
.binmaincontent p.highlight {background-color:#ffa4ef; font-style:italic;margin:8px 20px 14px 20px;padding:10px 10px 10px 10px;}
.binmaincontent img {margin:4px 10px 0px 0px; padding:0px 0px 0px 0px;} 
.binmaincontent ul {margin:0px 0px 0px 0px; padding:0px 0px 0px 40px;} 
.binmaincontent li {font-size:110%; list-style: square outside; color:#330066;}
.binmaincontent li a {text-decoration:none;}
.binmaincontent a{color:#330066;}
.binmaincontent a:hover {color:#FFCC00; }
.binmaincontent blockquote{margin:20px 20px 20px 0px;padding:10px 10px 20px 10px;border-bottom:1px solid #E5E9EC;}

.binquestions { font-size:1em; padding:0;margin:0;background:#fff;color:#424A54;margin:0px 0px 0px 0px; padding:8px 12px 8px 8px;}
.binquestions img {margin:4px 10px 0px 0px; padding:0px 0px 0px 0px;}
.binquestions .pull { font-size:.95em;}
.binquestions h2{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#337ec2;}

.testimonlayout { height: 120px; margin:0px 0px 10px 0px; padding:10px 10px 10px 10px;}
.testimonlayout .tstimg { float:left; margin:0px 0px 0px 0px; padding:0px 10px 0px 0px;} 
.testimonlayout .blurb{ font-style:italic; }
.testimonlayout .disclaim { position:absolute; bottom:10px; left:160px; text-align:left; font-size:.95em; font-style:italic; color:#999999; margin:10px 0px 0px 10px; padding:0px 0px 0px 0px;} 

.highlight{background:#ffffcc;}

.extramsg {background-color:#fcf1f7; font-size:1.1em; font-style:italic;margin:0px 0px 0px 0px;padding:20px 17px 20px 17px; text-align:justify;}
.extramsg p.extramsgauthor {width:100%; font-size:.95em; text-align:right; font-style:italic;margin:6px 0px 0px 0px;padding:0px 0px 0px 0px; }

.byauthor {  display:block; text-align:center; font-size:95%;color:#330066;font-style:italic;margin:0px;padding:0px;}

.contmore a{font-size:95%;font-style:italic;margin:0px 0px 0px 20px;padding:0px 0px 0px 0px;}

/* sidebin styles */
.sidebin {margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;}
.sidebin h2{ color:#330066;font:normal 1.8em/120% "Trebuchet MS","Times","Times New Roman",serif; margin:0px 0px 0px 0px;padding:10px 0px 10px 10px; border-bottom:1px dotted #e9e9d9; white-space:nowrap;}
.sidebin h3{ text-align:center; margin:0px 0px 0px 0px;padding:10px 0px 10px 0px; border-bottom:1px dotted #e9e9d9;  }
.sidebin p {text-align:center;font-size:13px;color:#000066;font-weight:normal;padding:4px 6px 4px 6px; }
.sidebin img{padding:10px 10px 10px 0px;}
.sidebin li {font-size:110%;}
.sidebin a{color:#330066;}

.sidebin #quotebox {  display:block; font-size:16px; color:#330066; font-weight:normal; font-style:normal; text-decoration:none; line-height:130%; width:auto; height:100px;  margin:18px 6px 0px 6px; padding:0px 0px 0px 0px;text-align:center; vertical-align:middle;border-style:none;}
.sidebin #quotebox a {display:block;font-size:16px; color:#330066; font-weight:normal; font-style:normal; text-decoration:none; line-height:130%; width:auto; height:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-style:none;}

.sidebin ul.checks{padding:0px;margin:6px 0;}
.sidebin ul.checks li{font-size:.95em; margin:0 0 0 4px; padding:0 0 0 15px; list-style-type:none;background:url(/img/bullet_check.gif) no-repeat 0px 0px;line-height:170%;}
.sidebin ul.faqs {padding:0px;margin:6px 0;}

/* popup msg over list items (hover over li tag makes embedded div visible */
.sidebin ul.faqs li{font-size:.95em; color:#330066; text-decoration:underline; margin:0px 0px 0px 0px; padding:0 0 0 20px; list-style-type:none;line-height:170%;border:1px solid #FFFFFF;}
.sidebin ul.faqs li:hover {color:#330066;text-decoration:none; border:1px solid #330066;}
.sidebin ul.faqs li.popfaq div {display:none; visibility:hidden; z-index:-9999;}
.sidebin ul.faqs li.popfaq:hover div{display:block; position:absolute; left:170px; bottom:120px; float:right;visibility:visible; z-index:9999; }

.sidebin .nextbox { text-align:center;margin:0px 0px -29px 0px;padding:0px 0px 0px 0px;}
.sidebin .nextbox .nextprod { text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.sidebin .nextbox .btnmore {position:relative;bottom:30px;left:110px; width:72px; height:19px;border:none; color:#FFFFFF;}
.sidebin .btnmore a{color:#FFFFFF;}
.sidebin .btnmore a:hover{color:#FFFFFF;}
.sidebin .btnmore a:visited{color:#FFFFFF;}

/* navigation bar, breadcrumbs and content navigation over content bin */
.navcontentbox{float:left; width:94%; text-align:right; line-height:100%;height:1.2em; margin:6px 10px 0px 10px; padding:6px 8px 4px 8px;}
.breadcrumbs {float:left; font-size:0.9em;color:#330066;}
.breadcrumbs a {color:#330066;}
.breadcrumbs a:hover {color:#FFCC00; }
.navcontent {float:right; font-size:0.9em;color:#c6b1df;}
.navcontent a {color:#330066;}
.navcontent a:hover {color:#FFCC00; }

/* add to cart button and hover fx */
.addtocart {float:right;display:block;width:100%;margin:0px 0px 10px 0px;padding:0px 0px 0px 0px; clear:both;border-style:none;}
.addtocartbtnbox {float:right;display:block;width:200px; height:27px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.addtocartbtn    {display:block;width:200px; height:27px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; line-height:27px; vertical-align:middle; clear:both;}
.addtocartbtn a  {display:block;width:200px; height:27px; margin:0px 0px 0px 0px;padding:0px 0px 0px 28px; font-size:11px; font-weight:bold; text-decoration:none;color:#040364;background: url(/img/btn_cart_bg.gif) 0 0 no-repeat;background-position: 0px 0px;}
.addtocartbtn a:hover{background-position: 0px -27px;color:#040364;}
.addtocartbtn a:visited{color:#040364;}
.addtocarttext { text-align:right;display:block; margin:0px 0px 0px 0px;padding:4px 4px 8px 4px; clear:both;}
.addtocarttext a{font-size:110%; font-weight:bold; color:#996600;}
.addtocarttext a:hover{color:#FF9900;}

#playvideo {position:relative; top:0px; left:0px; width:100%; background:url(/img/bg_playvideo.jpg) no-repeat 0px 0px;margin:10px 0px -24px -5px;padding:10px 10px 0px 4px;}
#playvideo img{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#playvideo .playvideobtn a{position:absolute;bottom:25px;right:70px; width:55px; height:55px; background:url(/img/btn_playvideo.gif) no-repeat 0px 0px;background-position: 0px 0px;}
#playvideo .playvideobtn a:hover{background-position: 0px -55px;}
#playvideo .playvideotext a {position:absolute;bottom:35px;left:10px; font-size:16px; font-style:italic; font-weight:bold; text-decoration:underline; color:#0000FF; }
#playvideo .playvideotext a:hover {text-decoration:none; color: #0066FF; }


.clearer{clear:both;line-height:1px;font-size:1px;height:1px;}
.clearpad{clear:both;line-height:10px;font-size:1px;height:10px;}

#footer{text-align:center; margin:auto;}
#footer div#nav {position:relative;top:0; float:left; display:block;width:800px;height:26px;font-size:11px;color:#330066;text-align:center;vertical-align:middle;margin:auto;padding:10px 0px 10px 0px;background:url(/img/bg_footer.jpg) no-repeat 0px 0px; border-top:1px solid #330066;}
#footer a {color:#330066;}
#footer a:visited{color:#330066; }
#footer a:hover {color:#FFCC00; }
#footer div#discliam {position:relative;top:0px;display:block;width:740px;font-size:11px;color:#999999;font-style:italic;text-align:center;vertical-align:middle;margin:0px auto 0px auto;padding:26px 0px 10px 0px;clear:both;}
#footer div#copy {position:relative;top:0px;display:block;width:740px;font-size:12px;color:#330066;font-style:normal;text-align:center;vertical-align:middle;margin:0px auto 0px auto;padding:20px 0px 100px 0px;clear:both;}

.nowbin {text-align:center;}
.nowbin p{font-size:13px;color:#000066;font-weight:normal;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.nowbin img{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

/* Now bin button */
.nowbinbtnbox {display:block;width:100%;text-align:left;margin:auto;padding:10px 0px 10px 0px;}
.nowbinbtn {display:block; width:212px; height:30px;margin:auto;padding:0px 0px 0px 0px; line-height:30px; vertical-align:middle;}
.nowbinbtn a {display:block;position:relative;width:212px; height:30px; font-size:14px; font-weight:normal; text-decoration:none; color:#040364;margin:0px 0px 0px 0px; padding:0px 0px 0px 5px; background: url(/img/btn_arrow.gif) 0 0 no-repeat;background-position: 0px 0px;}
.nowbinbtn a:hover{background-position: 0px -30px;color:#040364;}
.nowbinbtn a:visited{color:#040364;}

.nowbin .phonebox {margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;}
.nowbin .phone1 {display:block; font-size:13px;font-weight:bold;margin:3px auto 0px auto;padding:0px 0px 0px 0px;color:#000066;}
.nowbin .phone2 {display:block;font-size:11px;font-weight:bold;margin:3px auto 0px auto;padding:0px 0px 0px 0px;color:#000066;}
.topiclink p{display:block; width:80%; text-align:center;margin:10px auto 0px auto;padding:0px 0px 0px 0px;}
.topiclink a{text-decoration:none;}
.topiclink a:hover{text-decoration:underline;}
.topiclink .altlink a{color:#660000;}

.welcomebin{padding:0px 0px 0px 0px;}
.welcomebin h2{margin:4px 4px 4px 100px;padding:0px 0px 0px 0px;}
.welcomebin p{font-size:10px; text-align:justify; margin:6px 8px 10px 100px;padding:0px 0px 0px 0px;line-height:normal;}
.welcomebin p em {font-size:.9em;}
.welcomeperson {position:absolute;left:10px;bottom:0px;display:block;float:left;text-align:center;width:72px;height:inherit;margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;background: url(/img/welcome-person.gif) left bottom no-repeat;}
.basenavbar {text-align:center;}
.specialsave {text-align:center;}

.newsbin {text-align:left; background-color:#f3e6cf; border:none;margin:0px 0px 0px 0px;padding:0px 0px 15px 0px;}
.newsbin h2{text-align:left; font-size:1.5em; font-weight:bold; font-style:normal; color:#FFFFFF; background-color:#cdb89a;margin:0px 0px 0px 0px;padding:10px 0px 10px 20px; border-style:none; }
.newsbin p{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.newsbin ul{position:relative;top:0px;left:0px;margin:15px 15px 30px 15px;padding:0px 0px 0px 0px;list-style-type: none;}
.newsbin li{font-size:.85em;color:#007271;font-weight:normal;margin:4px 0px 8px 0px;padding:2px 2px 6px 2px;border-bottom:1px dotted #999999;}
.newsbin a {display:block; color:#007271;font-weight:normal; text-decoration:none;}
.newsbin a:hover {color:#00CC99;text-decoration:underline;}
.newsbin img{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.newsbinheader {position:relative;top:0px; left:0px;}
.borderleft {border-left:1px dashed #666666;}
.up_link {display:block;width:100%; padding:20px 20px 0 0; text-align:right;margin:40px 0 0 0;font-size:0.9em;line-height:100%;height:1.2em;}

.marryimg {width:100%;clear:both; text-align:right;}
.marryimg img {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.next_last{border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;padding:7px 10px;text-align:right;margin:40px 0 0 0;font-size:0.9em;line-height:100%;height:1.2em;}
.last_link{float:left;}

.compareimgbox {width:100%; display:block; clear:both; text-align:center;border:1px solid #e9e9e9;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}
.compareimgbox h1 {width:100%; text-align:center; font-size:1.3em; font-weight:bold; border:none; margin:4px 4px 4px 4px;padding:4px 4px 4px 4px;}
.compareimgbox h2 {width:100%; text-align:center; font-size:1em; font-weight:bold; color:#330066; margin:4px 4px 4px 4px;padding:0;}
.compareimgbox .imagebox{width:100%; text-align:center; margin:10px 0px 20px 0px;padding:4px 4px 4px 4px;}
.compareimgbox .leftimg { float:left;width:50%; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-right:1px dotted #999999;}
.compareimgbox .rightimg {float:left;text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 40px;}

/* mac product table  */
.productbin {width:800px;text-align:center;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.productbin table{width:787px;text-align:center;margin:0px 8px 40px 5px; padding:0px 0px 0px 0px;}
.productbin h1 {font-size:18px;color:#330067;font-weight:bold;margin:10px 10px 20px 10px; padding:4px 4px 4px 4px; border-bottom:1px dotted #330066;} 
.productbin h2 {font-size:17px;color:#330067;font-weight:bold;margin:0px 0px 0px 0px; padding:4px 0px 4px 4px;} 
.productbin td,th{vertical-align:top; }

.productbin .imgbox img {border:1px solid #ffffff;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.productbin .imgbox img:hover {border:1px solid #5eadf0;}
.productbin .titlebox{text-decoration:none;text-align:left;font-weight:bold;font-size:12px;color:#337ec2;margin:0px 0px 0px 0px; padding:0px 0px 6px 0px;}
.productbin .titlebox a{text-decoration:none;color:#337ec2;}
.productbin .titlebox a:visited{text-decoration:none;color:#337ec2;}
.productbin .titlebox a:hover{text-decoration:underline;color:#5eadf0;}
.productbin .pull{text-align:left;font-weight:normal;font-size:11px;}
.productbin .specs{border-bottom:1px solid #ffffff; text-align:left;font-weight:normal;font-size:10px; background-color:#f4f7f9;padding:0px 0px 0px 10px;}
.productbin .pad{width:1%;font-size:10px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.productbin .vline{width:1%;font-size:10px;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;border-left:1px solid #eee;}

/* --------------------------- PRODUCT PAGES --------------------------- */
/* next product column */
#nextprodcol{position:relative; top:26px; float:left;width:210px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

/* this is the popup messge box */
.popfaqbox {color:#330066; white-space:nowrap; position:absolute; bottom:100px; margin:auto; padding:8px 8px 10px 10px;border:1px ridge black; background:url(/img/bg_blue.gif) repeat-x 0px 0px;}
.popfaqbox h1 {text-align:center; font-size:14px; font-weight:bold; color:#330066;  margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; border-bottom:1px dotted #330066; }
.popfaqbox p {text-align:left; font-size:11px; color:#000000; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.popfaqbox .disclaim {font-size:.95em; color:#999999; font-style:italic;}

/* sidebin for next product column on product page */
#nextprodcol .nextprodbin p {font-size:.95em;text-align:left;margin:2px 4px 2px 4px;padding:4px 4px 4px 4px;color:#000000; background-color:#f4f7f9;}
#nextprodcol .nextprodbin h3 {font:normal 17px "Trebuchet MS","Times","Times New Roman",serif;color:#337ec2;}
#nextprodcol .nextprodbin .ormaybe { font-size:x-small; font-style:italic; color:#999999; margin:0; padding:6px 0px 0px 6px;}
#nextprodcol .btwbin p {font-size:.95em;text-align:center;margin:2px 4px 2px 4px;padding:4px 4px 4px 4px;color:#000000; background-color:#ffffff;}

#nextprodcol #playvideo .playvideobtn a{position:absolute;bottom:25px;right:10px;}

/* main product column */
#mainprodcol{position:relative; top:0px; float:right;width:580px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#mainprodcol li {color:#330066;}
#mainprodcol .productbox {margin:0px 0px 0px 0px;padding:0px 0px 40px 0px;}
#mainprodcol .productbox p{margin:0px 0px 0px 0px;padding:10px 10px 10px 10px;}
#mainprodcol .productbox .pull { font-size:1.1em;}
#mainprodcol .productbox .disclaim {color:#666666;}
#mainprodcol .productbox .descbox {position:relative; top:-35px; left:0px; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; border-bottom:1px dotted #e9e9e9;}
#mainprodcol .productbox .specbox {margin:6px 10px 6px 50px;padding:10px 10px 10px 10px;}
#mainprodcol .productbox .specbox h3{font:normal 1.5em/120% "Trebuchet MS","Times","Times New Roman",serif;color:#330066;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#mainprodcol .productbox .specbox ul{margin:8px 0px 0px 30px;padding:0px 0px 0px 0px;}

/* product page buy button and hover effect */
#mainprodcol .btnbuy{position:absolute;top:250px;right:10px; border:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}                                                                            
#mainprodcol .btnbuy a{display:block;width:168px; height:67px; text-decoration:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(/img/buy_btn_bg_168x134.gif) 0 0 no-repeat;background-position: 0px 0px;}
#mainprodcol .btnbuy a:hover{background-position: 0px -67px;}
#mainprodcol .btnbuy .pricebox {position:relative; top:8px;left:20px; width:120px; height:50px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;} 
#mainprodcol .btnbuy .whatis  {position:relative; top:0px;left:0px;color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:x-small; font-weight:bold; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#mainprodcol .btnbuy .dollars {position:relative; top:8px;left:0px;color:#000000; font-family:"Times New Roman", Times, serif; font-size:xx-large; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#mainprodcol .btnbuy .cents   {position:relative; top:1px;left:0px;color:#000000; font-family:"Times New Roman", Times, serif; font-size:small; vertical-align:top; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}  

/* product comparisons */
.kmcompbox {width:100%;color:#330066; text-align:center;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.kmcompbox h2 { width:100%; text-align:left; font-size:1.4em; font-weight:bold;color:#330066;margin:8px 8px 8px 4px;padding:0px 0px 0px 0px;}
.kmcompbox a{ color: #330066;}
.kmcompbox a:hover{ color:#33CCCC;}
.kmcompbox .winner {font-size:1.3em; font-weight:bold;}
table.kmcomparechart{width:100%;border:1px solid #D6DFE6;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
table.kmcomparechart th,table.kmcomparechart td{vertical-align:middle; white-space:nowrap;border-right:1px solid #E5E9EC;border-bottom:1px solid #E5E9EC;text-align:center;} 
table.kmcomparechart th{background-color:#edf7fd;font-size:1.2em; font-weight:bold;margin:0px 0px 0px 0px;padding:6px 4px 6px 4px;}
table.kmcomparechart td{background-color:#ffffff;font-size:1em; font-weight:normal;margin:0px 0px 0px 0px;padding:2px 4px 2px 4px;}
table.kmcomparechart img{margin:3px 0px 2px 0px;padding:0px 0px 0px 0px;}

.vidbox {float:left;text-align:center; margin:6px 0px 0px 0px; padding:0px 0px 0px 0px;}

/* questions to jump to answer */
.qmenu { font-size:10px;color:#330066;margin:0px 0px 10px 0px;padding:6px 6px 6px 6px;}
.qmenu h3 {font:normal 17px "Trebuchet MS","Times","Times New Roman",serif;color:#337ec2;}
.qmenu ul{list-style-type:none;margin:10px 0px 18px 0px;padding:0px 0px 0px 0px;}
.qmenu li{list-style-type:none;margin:0px 0px 8px 0px;padding:0px 0px 0px 0px;}
.qmenu a{display:block; color:#330066; text-decoration:none; background:url(/img/bullet_box_arrow.gif) no-repeat 0px 3px;margin:0px 0px 0px 0px;padding:0px 0px 0px 15px;}
.qmenu a:hover {color:#337ec2; text-decoration:underline;}

.binconf { margin:24px 0px 0px 0px; padding:0px 0px 0px 0px;} 
.binconf ul.checks{margin:6px 0px 20px 20px;padding:0px 0px 0px 0px;} 
.binconf ul.checks li{list-style-type:none;background:url(/img/bullet_check.gif) no-repeat 0px 0px;line-height:170%;margin:0px 0px 0px 4px; padding:0px 0px 0px 15px; }

.borderme {border:1px solid #dddddd;}
.picframe {border:1px solid #dddddd; }
.aleft{float:left;margin-right:10px;}
.aright{float:right;margin-left:10px;}


/* qbox */
.qbox  { text-align:center; }
.innerbox { display:block; margin:auto; text-align:left; border:1px dashed #330066; margin:20px; padding:15px; }
.innerbox img {float:left;}
.innerbox a {display:block;}
img.backoff { padding:10px; }

.binpromise { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; line-height:170%; margin:0px 0px 20px 0px; padding:10px 8px 20px 8px; background-color:#f5f9fd; }
.binpromise img { margin:8px 15px 10px 0px; padding:0px 0px 0px 0px; }
.binpromise p {font-style:italic; }
.binpromise h2 {font-style:italic; color:#337ec2;  }
.binpromise h3 {font-style:italic;color:#337ec2;}
.binpromise .signiture {display:block;width:auto;text-align:left;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.binpromise .signiture img {margin:0px 0px -12px 0px; padding:0px 0px 0px 0px;}
.binpromise .signiture p {text-align:left;font-style:normal;margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;}
.pushme,.pushme p,.pushme a {display:block;  font-family:Georgia, "Times New Roman", Times, serif; text-align:right; font-size:16px; font-style:italic; color:#660000;margin:14px 0px 16px 0px; padding:0px 0px 0px 0px; line-height:130%;}

/*--mailform FORM--*/
#mailform { font-size:12px; color:#330066; border:1px solid #333333; margin:10px 0px 10px 0px; padding:10px 20px 20px 20px; }
#mailform .pull { font-size:14px; color:#330066;}
#mailform .mailto {  font-size:12px; width:45%; font-weight:bold;margin:10px 10px 10px 30px; padding:10px 10px 10px 0px;list-style-type:none;}
#mailform .mailto h3 { font-size:13px;  margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; border-bottom:1px dotted #a9a9a9; }
#mailform .addresstable { font-size:14px; width:97%; text-align:center; border:1px solid #444444;margin:10px 2px 2px 2px; padding:2px 2px 2px 2px;}
#mailform .itemtable {  font-size:14px; width:97%; text-align:center; border:1px solid #444444;margin:10px 2px 2px 2px; padding:2px 2px 2px 2px;}
#mailform table { width:100%; }
#mailform th {text-align:left; background-color: #CCCCCC; }
#mailform td {border:1px solid #222222;}
#mailform .whatis { width:33%; text-align:right; font-weight:bold; background-color: #CCCCCC; }
#mailform .fillin { width:67%; text-align:left;border:1px solid #444444;}

/*--CONTACT FORM--*/
#contactus table{border:0;margin:0;width:100%;}
#contactus table td{padding:0px;border:0;}

#contactus input,
#contactus textarea{border:1px solid #999;width:95%;}
#submit,#contactus #submit{width:auto;border:0;}

#contactus .contactusname input{width:290px;}
#contactus .contactusphone input{width:290px;}
#contactus .contactusemail{width:300px;}
#contactus .contactusemail input{width:290px;}
#contactus .contactusemail2 input{width:260px;}

#diarybox {position:relative;top:0px;left:0px;width:910px;margin:auto;clear:both;}
#diarybox img {position:absolute;top:0px;left:0px;}
#diarybox #diarynav {position:absolute;top:20px;left:10px;white-space:nowrap;text-align:center;}
#utility {float:right;position:relative;top:20px;left:0px;vertical-align:middle;margin:0px;padding:0px;}
#utility img{vertical-align:middle;position:relative;top:0;left:0px;}
#utility a{color:#330066;font-size:0.9em;text-decoration:none;display:block;border:1px solid #eee;margin:2px 4px 2px 4px;padding:2px 11px 2px 11px;}
#utility a:hover{border:1px solid #c4e5f7;color:#337ec2;}

/* image viewer */
table.prodviewer th { text-align:left; background-color:#e9e9e9; margin:10px;padding:10px;}
table.prodthumbs td { border:1px solid #e9e9e9; }

.linkout { text-align:right; font-size:9px; color:#330066; font-weight:bold;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
.linkout a { color: #CC00FF; margin:10px 6px 10px 6px;padding:0px 0px 0px 0px;}
.linkout a:hover {color:#FF99FF; }

h1 span.btw { font-size:10px;  }
h2 span { text-align:right; font-size:9px; color:#9900FF; }

/* go stop buttons */
.btnholder { text-align:center;}
.btnfx {display:block;width:200px; height:40px; margin:auto; padding:0;line-height:40px; vertical-align:middle;  color:#330066;}
.btnfx a{display:block;width:200px; height:40px; margin:0; padding:0px 0px 0px 8px; color:#330066; font-size:15px; font-weight:bold; text-decoration:none; text-align:center; vertical-align:middle; background: url(/img/btns/bg_btn_green.gif) 0 0 no-repeat;background-position: 0px 0px;}
.btnfx a:hover{background-position: 0px -40px; color:#000000;}
.bggreen a{background: url(/img/btns/bg_btn_green.gif) 0 0 no-repeat;}
.bgred a{background: url(/img/btns/bg_btn_red.gif) 0 0 no-repeat;}
.personalnote { font-style:italic; margin:0px; padding:10px; }

.addressbloc { border:1px solid #999999; margin:2px; padding:4px; }
.addressbloc li { list-style-type:none; }

#fullpageframe iframe {	width:800px;height:1000px;background-color:#FFFFFF;border:1px solid #330066;}


/*-----------------------------------------------------------------------------------------*/
/* globalnav , menu and dropdowns  */
/*-----------------------------------------------------------------------------------------*/


/* global nav bar holding the main menu / page items */
#globalnav {
background-color:#330066;
color:#ffffff;
float:left;
height:26px;
margin:0;
padding:0;
position:relative;
top:0;
vertical-align:middle;
width:800px;
}

/* the main menu items with dropdown menus */
#globalnav ul.dropdown {
float:left;
position:relative;
z-index:597;
}

/* the dropdown menu items */
#globalnav ul.dropdown .dropdownpanel a {
text-decoration:none;
}

/* the dropdown menu item block */
#globalnav ul.dropdown .dropdownpanel li {
background-color:#7e5e9e;
margin:0;
padding:0;
width:200px;
}
/* the dropdown menu item text */
#globalnav ul.dropdown .dropdownpanel span {
background-color:#7e5e9e;
border:1px solid #7e5e9e;
color:#ffffff;
display:block;
margin:0;
padding:6px;
width:200px;
}
/* the dropdown menu item text hover */
#globalnav ul.dropdown .dropdownpanel span:hover {
background-color:#8046c2;

border:1px solid #330066;
}


#globalnav ul.dropdown .dropdownpanel ul {
background-color:#7e5e9e;
border:1px solid #330066;
margin:0;
padding:10px;
width:200px;
}

#globalnav ul.dropdown li {
float:left;
line-height:1.3em;
vertical-align:middle;
}

#globalnav ul.dropdown li:hover {
cursor:default;
position:relative;
z-index:999;
}

#globalnav ul.dropdown li:hover > ul {
visibility:visible;
}

#globalnav ul.dropdown ul {
left:0;
position:absolute;
top:100%;
visibility:hidden;
width:100%;
z-index:998;
}

#globalnav ul.dropdown,
#globalnav ul.dropdown li,
#globalnav ul.dropdown ul {
list-style:none;
margin:0;
padding:0;
}

#globalnav #nav li.page_item {
display:block;
color:#ffffff;
vertical-align:middle;
line-height:13px;
font-size:10px;
margin:0px 1px 0px 1px;
padding:4px 15px 4px 15px;
background-color:#330066;
border:1px solid #330066;
}

#globalnav #nav li.page_item a {
color:#ffffff;
text-decoration:none;
}

#globalnav #nav li.page_item:hover {
background-color:#7e5e9e;
border-top:1px solid #330066;
border-right:1px solid #330066;
border-left:1px solid #330066;
}

#globalnav #nav li.current_page_item {
background-color:#5a1e9e;
}


#globalnav ul.dropdown ul.dropdownpanel {
background: url(/img/shadows/shadowAlpha.png) no-repeat bottom right !important;
background: url(/img/shadows/shadow.gif) no-repeat bottom right;
width:210px;
padding:0px 10px 6px 0px;
}

