* {margin:0; padding:0;}
body {margin:0 auto; padding:0; width:800px; font-family: Arial, Helvetica, sans-serif; font-size:100%; color:#666; background:#ddd;}
body.pop {width:400px; background:#fff; }
img {border:0;}
.clear {margin:0; padding:0; width:100%;}
a {color:#0647A1; border-bottom:1px dashed #0647A1;  border-bottom:0px; text-decoration:none; }
a:hover {text-decoration:none; border-bottom:1px dashed #0647A1}
.l{float:left}
.r{float:right}
.s25{width:25px}
.s50{width:50px}
.s100{width:100px}
.s170 {width:170px}
.s300 {width:300px}

.cb {border: none; }


#header {margin:0 0 0 0; padding:0; background: url(../img/bg_header.gif) no-repeat; height:155px;}

#header a {text-decoration:none;}
#header a:hover {text-decoration:none;}
#header.home ul li a:hover {text-decoration:none;}

#logo {margin:0px; padding:35px 0 0 35px}
#header ul {border:0px solid red; margin:20px 13px 0 20px; list-style:none; float:left; color:#fff;}
html>body #header ul {margin:30px 26px 0 60px; list-style:none; float:left; color:#fff;}
#header li {border:0px solid green; border-right:1px solid #fff;  margin:0; padding:0 10px 0 12px;  float:left;  font-weight:bold; background:url()}
#header ul li.last {padding-right:7px; border-right:0px solid #fff; color:fff;}

#header ul li.products {border-left:1px solid #fff; color:fff;}
#header li a{color:#fff; font-weight:normal}
#header li a.on{color:#FF9600; font-weight:bold}
#header li a:hover.on{color:#FF9600; font-weight:bold}
#header li a:hover{color:#FF9600; font-weight:normal}
#header.home {margin:25px 0 0 0; padding:26px 0 0 25px; background: url(../img/home_banner.jpg) no-repeat; height:236px;}

#wrapper {margin:0; padding:0; width:800px; background: url(../img/bg.gif) repeat-y; height:100%; display:table-cell;}

/************************************************/
/************** Home Page ***********************/

/*#header.home .logo {padding:0; margin:0px 0 0 40px;}
#header.home ul {margin:31px 13px 0 0px; padding:0; text-align: right;}
html>body #header.home ul {margin:31px 25px 0 0px; }*/
#mainHome {margin:0; padding:7px 0 20px 0; width:800px;}
#mainHome .contentpocket {border:0px solid red; margin:0 20px 0 10px;  width:280px; float:left;}
html>body #mainHome .contentpocket {padding: 0 0 0 10px;}
#mainHome .contentpocket h1 {margin:20px 0 0 0;}
#mainHome .contentpocket h2 {margin:20px 0 0 0;}
#mainHome .homepocket {border:0px solid red; margin:0 0 0 5px; padding:0; width:215px; float:left;}
#mainHome .homepocket h3{border:0px solid green; text-decoration:none:}
#mainHome .homepocket h3 a:hover{border:0px solid green; text-decoration:none:}
#mainHome ul.news li {margin: 0 0 5px 0; padding:0 15px 0px 15px;  background: url(../img/icon_news.gif) no-repeat;}
#mainHome ul.news li a {color:#0647A1; text-decoration:none;}
#mainHome ul.news li a:hover {border-bottom:1px dashed #0483FF;  color:#0647A1;}

#Badge{position:absolute; border:0px solid red; top:199px; margin-left:-120px; height:88px; z-index:2; width:277px}
#Badge a{border:none;}

/************************************************/

#leftcol {width:170px; font-size:1.0em; float: left;}
#leftcol a {color:#666; text-decoration:none;}
#leftcol a:hover {border-bottom:0px dashed #0647A1}
#leftcol ul {margin:6px 10px 0 25px; list-style: none;}
#leftcol li {padding:8px 0 8px 9px; background:url(../img/dots.gif) repeat-x bottom;}
#leftcol li.on {font-weight:bold;}

#main {padding:7px 0 20px 0; width:415px; float:left; }
#main.oneCol {width:610px;}

#content {border:0px solid red; margin:0 15px;}
h1 {margin:10px 0; color:#FFB244; font-size:1.1em; font-weight:normal;}
h2 {margin:10px 0; color:#0559AF; font-size:0.75em;}
h3 {margin:10px 0; color:#888; font-size:0.8em;}
p {margin:10px 0; font-size:0.75em; line-height:1.5em;}
p.note {margin:10px 0 10px 10px;}
ul {margin:0 0 0 6px; list-style:none; font-size:0.75em;}
li {margin:3px 0; padding:0 0 0 15px; background:url(../img/arrow.gif) no-repeat left center;}

ul.download{margin:0 0 0 6px; list-style:none; font-size:0.75em;}
ul.download li{margin:0; padding:0 0 0 20px; color:#666; background: url(../img/icon_download.gif) no-repeat;}
ul.download li.details{margin: 0; padding:0 0 0 20px; color:#999; font-size:0.9em; background-image: url();}

/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/
.prod_type1{margin:20px 20px 0px 0; padding:3px; width:150px; float:left}
.prod_type1 ul{margin:6px 0 0 5px; padding:0; font-size:0.7em;}
.prod_type1 li{margin:1px 0; padding:0 0 0 11px;  font-weight:bold; color:#0025AB; background:url(../img/arrow.gif) no-repeat}
.prod_type1 li.price{margin:0; padding:0 0 0 11px; font-weight:normal; color:#666; background:url()}

.prod_type_holder {margin:20px 20px 0px 0; padding:3px; width:150px; float:left}
.prod_type_holder ul{margin:6px 0 0 5px; padding:0; font-size:0.7em;}
.prod_type_holder li{margin:1px 0; padding:0 0 0 11px;  font-weight:bold; color:#0025AB; background:url(../img/arrow.gif) no-repeat}
.prod_type_holder li.price{margin:0; padding:0 0 0 11px; font-weight:normal; color:#666; background:url()}


.prod_type2{margin:0; padding:0; width:200px; height:200px; float:left}

#prodDetail{margin:0; padding:0; width:170px; height:200px; float:right;}
#prodDetail_price{margin:2px 0 10px 0; padding:5px; width:150px; text-align:center; font-size:1.6em; color:#666; background:#F0F0F0; border:1px dashed #E1E1E1}
#prodDetail table{margin:0; padding:0; width:160px; border-width:0; border-collapse:collapse}
#prodDetail table td.bordered{border:1px solid #ccc; border-width:1px 0 1px 0}

/*...........................................................................*/
/*...........................................................................*/
/*...........................................................................*/

.inputform legend {padding:0 3px 4px 10px; color:#FFB244; font-weight:bold;}
.inputform fieldset {margin:10px 10px 0 0; border:1px dashed #ccc}
.inputform input {padding:0px 5px 0px 5px; border:1px solid #aaa; font-family: Arial, Verdana, Helvetica, sans-serif; color:#333;}
.inputform textarea {border:1px solid #aaa; font-family: Arial, Verdana, Helvetica, sans-serif; color:#333;}
.inputform input.button {background:#0855AD; color:#fff; font-size:0.9em; font-weight:bold;}
.inputform table {margin:5px 10px 20px 10px; width:100%; border:0;  font-size: 0.8em;}
.inputform table tr {vertical-align:top;}
.inputform table td {padding:4px; }
.inputform table tr.alt td {background:#F5F5F5;}
.inputform table tr.action td {padding:5px 0 0 0; text-align:center; border-top:1px solid #ddd;}
/*.........................................................*/
/*..................... CART ...........................*/
/*.........................................................*/
#cart{}
#cart p{margin:5px 10px 5px 10px; padding:0}
#cart span.orderNum{padding:3px; font-size:1.3em; font-weight:bold; border:1px solid #ccc; color:#FF9600}
#cart form fieldset{border:1px dashed #ccc}
#cart form legend{background:#fff}
#cart table{margin:10px 10px 10px 10px ; padding:0; border-collapse:collapse;}
#cart table th{margin:0; padding:2px; background:#AED5EF; color:#053C94; text-align:left; border:2px solid #fff; border-width:0px 1px 2px 1px}
#cart table td{margin:0; padding:2px; text-align:left; border-top:1px solid #ccc}
#cart table tr.subTotal{background:#FFFF99}

#stepsToPurchase{margin:0; padding:0 0 0 60px; height:20px; text-align:center; clear:both}
#stepsToPurchase .step{margin:0 10px 0 0; padding:0; float:left; width:130px; color:#888; border:1px solid #eee}
#stepsToPurchase .step.on {color:#053C94; background:#D6EDFC; }
#stepsToPurchase p{margin:0; padding:0; font-size:0.7em}

/*.........................................................*/
/*..................... NEWS ...........................*/
/*.........................................................*/
#news dl{ margin:10px 0 0 0; padding:0; font-size:0.8em; list-style-type:none}
#news dt{margin:0; padding:0; color:#999; font-weight:normal}
#news dd{margin: 0 0 5px 0; padding:3px 0 15px 15px;  background-image: url(../img/icon_news.gif); background-repeat: no-repeat;}
#news dd a{text-decoration:none; color:#0647A1}
#news dd a:HOVER{border-bottom:1px dashed #0483FF;  color:#0647A1}

.order_set {padding: 3px; margin: 10px 0 0 0;   width:98%;  color: #999; text-align: right; background-color: #fff; border-top: 1px solid #ff9600; font-size: 0.7em; clear:both; }


/*.........................................................*/
/*..................... THIRD COL .........................*/
/*.........................................................*/
#thirdcol {margin:7px 0 0 8px; padding:0; width:180px; float:left;}
.border {margin:0; padding:5px 0 0 0; height:128px; background:url(../img/bg_rightbox.gif) no-repeat bottom left; }
.rightbox ul {margin:10px 0 0 12px;}
.rightbox li {margin:5px 0;padding:0 0 0 23px; background:url(../img/arrowboxed.gif) no-repeat left center;}
.rightbox li a{color:#666;}
.rightbox p {margin:5px 0 0 35px;}


#thirdcol #loginCart{margin:1px 0 0 0; padding:0; border-bottom:1px dashed #ccc; background:#FFF7EB}
#thirdcol #loginCart h2{margin:0 0 3px 0; padding:1px 0 2px 6px; background:#FF9600; color:#fff}
#thirdcol #loginCart h2.login{background:url(../img/icon_key.gif) #FF9600 right no-repeat}
#thirdcol #loginCart h2.cart{background:url(../img/icon_cart.gif) #FF9600 right no-repeat}
#thirdcol #loginCart table{margin:0 0 5px 5px; padding:0; width:170px;  font-size:0.7em}
#thirdcol #loginCart table td{padding:1px;}
#thirdcol #loginCart table tr.butt{border-top:1px dashed #ccc; }




#rhs_img {margin:5px 0 0 0;}
#rhs_img #caption {margin:0; padding:0;background-color:#F89600;}
#rhs_img #caption p{margin:0; padding:0px 3px 3px 10px; color:#fff; font-size:0.7em}




#footer { padding:0 0 15px 0; font-size:0.8em; background:url(../img/bg_footer.gif) no-repeat top; height:10px;}
#footer a {color:#666; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer p {margin:25px 20px 0 20px;}
#footer p.copy {float:left;}
#footer p.links {float:right;}


/* data table */
table.def { padding:0; margin:20px 0 0 0; width:92%; border-collapse: collapse;   }
table.def {  voice-family:"\"}\""; voice-family:inherit; width:100%;  }
table.def { }
table.def td { border:1px solid #B2B2B2; padding: 3px 5px; font-size: 0.7em; color:#1b1b1b;}
table.def th { font-size: 0.7em; color:#333333; background-color:#CEE6F8; border:1px solid #5880B0; border-width:0 1px 2px 1px; padding: 3px 5px;  text-align:left; font-weight:bold; }
table.def tr.alt { background-color: #F4F4F4; }
table.def tr.head { background-color: #fff; font-weight:bold; color:#333;}
table.def ul { font-size: 1.3em; }
table.def li { margin: 0; padding: 2px 2px 2px 0;}

table.choose td { font-size: 0.7em; color:#333; padding:0; }
.promo form  { padding: 7px; }

.result {  width:98%; color: #244F83; text-align: right; background-color: #CEE6F8; padding: 5px 5px 5px 5px; margin: 10px 0 0 0; border-top: 1px solid #5880B0; font-size: 0.7em; }
.topnote {  width:98%; color: #244F83; background-color: #CEE6F8; padding: 5px 0 5px 10px; margin: 10px 0 0 0; border-top: 1px solid #5880B0; font-size: 0.7em; }


/*************************************************************************/
/*************** POP UP **************************************************/
/*************************************************************************/

#popUp{padding:20px 2px 2px 2px; background:#fff;}
#popUp h3{margin:0; padding:0 0 0 10px; text-align:left; font-weight: bold; font-size: 0.85em; color: #5884A6; font-family: Arial, Verdana, Geneva, Arial, sans-serif; }
#popUp table{ padding:0;  margin:0; width:91%; border-collapse: collapse;}
#popUp table td { border:1px solid #B2B2B2; padding: 3px 5px; font-size: 0.7em; color:#1b1b1b;}
#popUp table th { font-size: 0.7em; color:#333333; background-color:#CEE6F8; border:1px solid #5880B0; border-width:0 1px 2px 1px; padding: 3px 5px;  text-align:left; font-weight:bold; }
#popUp table tr.alt { background-color: #F4F4F4; }
#popUp table tr.head { background-color: #fff; font-weight:bold; color:#333;}