﻿body{margin:0;border-top:1px solid #F03F75; font:76% Arial, Helvetica, sans-serif;background:url(../images/body-bg.gif) repeat-x 1px 0;}
h1,h2,h3,h4,h5,h6,p,ul,li{padding:0;margin:0;}	
img {border:0}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
#wrapper{margin:19px auto;width:780px; }
#logo {text-indent:-9999px;}
#logo a{text-indent:-9999px;background:url(../images/header-logo.gif) no-repeat -18px -19px; height:18px;display:block;}

#header{margin:6px 0 0 0;background:url(../images/header-bg.jpg) repeat-x 0 18px;border-bottom:1px solid #F03F75;height:210px;position:relative}
#header ul{list-style:none;}
#header li{float:left;}
#header .header-nav1{position:absolute; top:-35px; left:609px;}
#header .header-nav1 li a{font-size:.8em; color:#999;margin:0 0 0 5px;}
#header .header-nav1 span{color:#999; margin:0 0 0 5px;}
#header .header-nav2{position:absolute;top:4px;left:585px; background:url(../images/header-nav2-bg.gif) no-repeat 0 0;width:171px; padding:0 0 0 25px}
#header .header-nav2 li {margin:0 8px;}
#header .header-nav2 li a{font-size:.9em; color:#fff; background:url(../images/header-nav2-bullet.gif) no-repeat 0 4px; padding:0 0 0 12px;}
#header .nav{position:absolute;top:19px;left:210px;}
#header .nav li{float:left;}
#header .nav li a{color:#333;font-weight:700;padding:8px 10px 2px 10px;display:block;}
#header .nav li a:hover{text-decoration:none; background:url(../images/nav-li-a-hover.gif) repeat-x 0 0;}
#header #promo-banner{background:url(../images/header-promo-banner-bg.jpg) no-repeat 0 73px;height:210px}
#header .value-by-design{position:relative;top:10px;z-index:10}
#header .promo-banner{position:absolute;top:73px;z-index:5;left:269px;border:0;}
*:first-child+html #header .people{top:-48px}

body.home #header {height:301px}
body.home #header #promo-banner {background:none;}
body.home img.home-banner{position:absolute;top:73px;left:0}

#content{margin:15px 0;float:left;}
#content a{color:#2296AD;text-decoration:none; font-weight:100}
#content p{padding:.6em 0; line-height:1.3em;}
#content h1{color:#FF3366; font-size:1.5em; padding:0 0 5px 0;}
#content h2{ font-size:1em;padding:15px 0 0px 0;} 
#content ul{list-style:none;margin:0 0 8px 0;}
#content ul li{padding:5px 0 5px 12px;background:url(../images/li-bullet.gif) no-repeat 0 11px}
#content ul li p{padding:0;}
#content ul li a:hover{text-decoration:underline;}
#content-1{float:left;width:180px;position:relative}
#content-2{float:right;width:580px}
#content-1{float:left;width:180px;position:relative}
#content-2{float:right;width:580px}


body.home #promo {width:780px; background:url(../images/promo-banner-bg.jpg) repeat-x 0 0;overflow:auto;}
body.home #promo .item{float:left;width:195px;border-right:1px solid #fff;position:relative;height:90px;}
body.home #promo .item h2 a{margin:0 7px 0 76px;font-size:1.2em; color:#000;font-weight:700;display:block;}
body.home #promo .item h2 a:hover{text-decoration:underline;}
body.home #promo .item img{position:absolute; top:7px; left:12px}
body.home #promo .item p.footer-link a{background:#eee url(../images/home-promo-bullet-small.gif) no-repeat 5px; position:absolute; left:76px; top:69px; padding:0 0 0 15px;width:104px;color:#333; font-size:.9em;}
body.home #promo .item p.footer-link a:hover{text-decoration:underline;}
body.home #promo .item.pos-4{background:url(../images/home-promo-globe.jpg) no-repeat 109px 8px;border:none;width:192px}
body.home #promo .item.pos-4 h2 a{padding:0 0 0 22px;margin:15px 76px 0 7px;background:url(../images/home-promo-bullet.gif) no-repeat 0 2px;}
body.home div.news{width:390px;float:left;clear:both; margin:15px 0 10px 0;position:relative; left:195px}
body.home #content .news h3{font-size:1.5em;}
body.home #content .news h3 a{border-bottom:1px solid #eaeaea; color:#FF3366;  padding:0 0 3px 0;display:block;margin:0 0 4px 0;}
#content ul.news li{background:none; font-size:.9em; padding:1px 0;}
#content ul.news li a strong{width:55px; float:left;text-align:right;margin:0 10px 0 0;}
#content ul.news li a{display:block;padding:3px 3px 3px 0;}
#content ul.news li a:hover{background:#eee;text-decoration:none;}
body.home #content .news p.more a{position:absolute; top:7px; left:318px; background:url(../images/home-promo-bullet-small.gif) no-repeat 5px; padding:0 0 0 15px;color:#333; font-size:.9em;}
body.home #content .news p.more a:hover{text-decoration:underline;}

body.home #content{margin:1px 0 0 0;}
body.home #content h1{display:none;}
body.home #content h2{padding:8px 0 0 0;}

body.home #flashcontent{background:#000;height:228px;background:#000; width:192px;position:absolute; top:73px;left:588px;}
body.home #flashcontent embed{position:relative; top:24px; left:6px;	}

.highlight {font-weight:bold; color:#FF3366}
.imgInNews {float:right}

body.products #content{width:780px;min-height:800px}
body.products #content h1{padding: 0 0 0 20px}
body.products #content #content-2 ul.col-1{float:left;background:none; width:270px;margin: 0 20px 0 0}
body.products #content #content-2 ul.col-2{float:left;background:none; width:270px}
body.products #content #content-2 ul li{padding:0;background:none;}
body.products #content #content-2 ul{padding:0;}

body.products #content #content-2 ul li h2{font-size:1.2em;}
body.products #content #content-2 ul li h2 a{padding:3px 0 0 20px;display:block;color:#2296AD;text-decoration:none;font-weight:700}
body.products #content #content-2 ul ul li{cursor: pointer; cursor: hand; background:none;margin:0 4px 0 20px;padding:4px 0 4px 0px;border-top:1px solid #eaeaea}
body.products #content #content-2 ul li .model{width:100px;display:block;float:left}
body.products #content #content-2 ul li .model a{font-weight:bold;color:#000;text-decoration:none;}
body.products #content #content-2 ul li .name {margin:0 0 0 100px;position:relative;display:block;}
body.products #content #content-2 ul li .name a{color:#333;font-size:.9em;}
body.products #content #content-2 ul li a{text-decoration:none;}
body.products #content #content-2 ul li.hover{background:#eee;}


ul#product-menu {width:196px;}
ul#product-menu li#product-items{position:absolute;list-style:none;background:#D3F4FA;padding:0;border:none; width:75px; padding:5px;cursor: pointer; cursor: hand; text-align:center; height:31px;}
ul#product-menu li#current{top:0;left:0;}
ul#product-menu li#discontinued-items{left:86px; position:absolute;list-style:none;background:#D3F4FA;padding:0;border:none; width:75px; padding:5px;cursor: pointer; cursor: hand; text-align:center; height:31px;}
ul#product-menu li#discontinued-items.active,
ul#product-menu li#product-items.active{background:#A8E8F4;border-bottom:1px solid #A8E8F4; font-weight:700}
ul#product-menu li ul{position:relative;left:-5px; margin:0;top:7px;width:196px}




ul#product-menu li ul li h2{padding:0 14px; line-height:2em;background: url(../images/nav-icons.gif) no-repeat 4px 9px;}
ul#product-menu li ul li.selected h2{background: url(../images/nav-icons.gif) no-repeat 4px -19px;}


ul#product-menu li ul li{margin:0;clear:both;padding:0;background:#A8E8F4; text-align:left;border-bottom:1px solid #D3F4FA;}
ul#product-menu li ul ul{position:relative; left:0; top:0;background:red;}
ul#product-menu li ul li li{background:#D3F4FA; border-bottom:1px solid #BDD8DC;padding:3px 8px 3px 14px;}


ul#product-menu li ul li li.hover,
ul#product-menu li ul li li.active{background:#D1E6E7}


ul#product-menu li ul li.selected{border-bottom:none;}
ul#product-menu li ul li li span.model a{font-weight:700;color:#000; display:block;text-decoration:none;}
ul#product-menu li ul li li span.name a{color:#333;display:block;font-size:.9em;text-decoration:none;}

ul#product-menu li#discontinued-items ul{left:-91px;}
ul#product-menu li#discontinued-items ul ul{left:0;}

body.product-detail #content{width:780px;min-height:740px}
body.product-detail #content-2{width:340px;float:left;margin:0 10px 0 30px}
body.product-detail #content-3{width:200px;float:left;}
body.product-detail #content #content-2 h1{float:left;margin:0 10px 0 0;}
body.product-detail #content #content-2 h2{float:left;font-size:1.2em;padding:4px 0 0 0;}
body.product-detail #content #content-2 .product-header{float:left;clear:both;}
body.product-detail #content #content-2 #product-details{float:left;clear:both;width:100%}


.product-image{position:relative;margin:0 0 20px 0;}
.product-image img.enlarge{bottom:0;right:0;position:absolute}


body.contact #content{width:780px}
body.contact #content-1{width:440px; border-right:1px solid #eaeaea;}
body.contact #content-2{width:310px}
body.contact #map{width:410px; height:300px;clear:both;margin:15px 0 0 0;float:left;}
body.contact #ctl00_ContentPlaceHolder1_pnlThanks p{padding:0 0 0 15px}

.contact-col{float:left;width:220px;margin-top:15px;}
.contact-col span{display:block;}
#contactform{list-style-type:none;width:340px;float:right;}
#contactform fieldset{margin-bottom: 10px;border:none;}
#contactform legend{padding: 0 2px;font-weight: bold;}
#contactform label{display: inline-block;line-height: 1.5;vertical-align: top;}
#contactform fieldset ol{margin: 0;padding: 0;}
#contactform fieldset li {
  padding: 5px;
  margin: 0;
  list-style:none;
}
#contactform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
#contactform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
#contactform fieldset fieldset label {
  display: block;
  width: auto;
}
#contactform em {
  font-weight: bold;
  font-style: normal;
  color: #006BB0;
}
#contactform label {
  width: 100px; /* Width of labels */
  
}
#contactform fieldset fieldset label {
  margin-left: 103px; /* Width plus 3 (html space) */
}

#contactform .textbox{border:1px solid #ccc; width:200px; padding:2px;font-size:1.1em}
#contactform .textarea{border:1px solid #ccc; width:200px; padding:2px; height:200px; font-family:Arial, Helvetica, sans-serif; font-size:1em}
.form-error{background:#eee; border:1px solid #FF3366;margin:0 17px 0 14px;padding:5px 8px}
.button{background:#eee; text-transform:uppercase; font-weight:700; color:#000; border:#ccc 1px solid; width:60px; font-size:11px;padding:5px 0;}
#content .form-error ul{margin:0;}

#contactform.vip-club{width:500px;float:left !important;}
#contactform.vip-club label{width:120px;padding:0 10px 0 0;}
#contactform.vip-club select{width:120px;}
#contactform.vip-club select#ctl00_ContentPlaceHolder1_ddlNoProducts{position:relative;top:8px;}
#contactform.vip-club input#ctl00_ContentPlaceHolder1_chbTerms{position:relative;left:130px;top:-2px}
#contactform.vip-club p.terms{width:300px; display:block;margin:-26px 0 0 154px;position:relative}
#contactform.vip-club fieldset{margin-left:0;padding:0;}
#contactform.vip-club fieldset li{padding-left:0;}
#contactform.vip-club .button{width:85px;}
#footer{background:url(../images/footer-bg.gif) repeat-x 0 0;color:#818183;text-align:right;clear:both;top:1400px;width:780px}



#footer p{padding:6px 9px 15px 0;font-size:.85em}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
