/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td { margin: 0;padding:0;vertical-align:top;}
table { border-collapse:collapse;border-spacing:0; }
fieldset,img,abbr {border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var,i,b { font-style:normal;font-weight:normal; }
caption,th { text-align:left; }
a,u { text-decoration:none; }
ul, ol { margin-bottom: 1em; }
p { margin: 0 0 1em 0; }

li {list-style:none;}

/* OVERALL LAYOUT */
html { height:99.9%; margin-bottom:0.1pt;  }
body { height:100%; font-size: 100%; line-height:1.125em; font-family: Verdana, Helvetica, Arial, Geneva, sans-serif; color:#666666; background: #ffffff; }

#wrapper {width: 750px; margin: 0 auto;}
#head-mid {border-bottom: 1px solid #cccccc; padding-bottom: 10px;}

.col1 {float: left; width: 580px;}
.col2 {float: right; width: 150px;}
.col3 {float: left; width: 260px;}
.col4 {float: right; width: 300px}
.col5 {float: left; width: 410px; border-right: 1px solid #cccccc}
.col6 {float: right; width: 320px}

.scol {width: 192px; min-height: 320px; float:left; margin-top: -2px; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc;}
.scol-first {border-left: 1px solid #cccccc; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
.scol-last {-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}

.box {clear: both}
.box object, .box img {float:right; padding: 0 0 10px 10px;}

.box-order {float: left; width: 260px; padding: 10px;}
.box-order em {color: #33cc00;}

.co-head-left {float: left; width: 400px; font-size: 1.2em; color: #ffffff; padding: 10px 0 10px 10px; margin-bottom: 15px; background: #009fda; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
.co-head-right {float: right; width: 155px; font-size: 1.2em; color: #ffffff; padding: 10px 0 10px 10px; margin-bottom: 15px; background: #009fda; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px;}

.checkout h3 {color: #009fda; font-size: 1em; font-weight: bold;}
.checkout p {font-size: 1em;}
.checkout td {border: 0; padding: 0 15px 0 0;}
.checkout td.co-left {width: 105px;}
.checkout td.co-mid {width: 270px;}
.checkout td.co-right {width: 140px; text-align: right; padding: 0;}

.order {padding-top: 50px; text-align: center;}

.hr {padding-bottom: 10px; border-bottom: 1px solid #cccccc;}
.img-note {float: right; width: 177px; padding: 0 0 10px 20px;}
.img-note p {font-size:  0.5em; color: #009fda;}
.img-left {float: left !important; padding: 0 20px 10px 0 !important;}

.blue {color: #009fda;}
.red {color: #FF0033;}

a.big-btn {display: block; height: 33px; text-decoration: none; padding: 0px 0px 0px 10px; margin: 20px 0; background: url(../images/btn-lft.gif) no-repeat left top;}
a.big-btn div {display: block; font-size: 1em; color: #ffffff; line-height: 29px; padding: 0px 30px 4px 0px; background: url(../images/btn-rgt.gif) no-repeat right top;}
a.btn-green {background: url(../images/btn-lft-grn.gif) no-repeat left top;}
a.btn-green div {background: url(../images/btn-rgt-grn.gif) no-repeat right top;}

.contact {margin: 0 0 5px 0 !important;}

.left {float: left;}
.right {float: right;}

.popup {padding: 20px;}
#lang-selector {float: right; padding-top: 10px;}
#lang-selector a {text-decoration: none;}
#lang-selector a:hover, #lang-selector .current {color: #009fda;}

/* NAVIGATION */
#head-top-nav {text-align: right; margin: 1px; background: #8c8c8a url(../images/head-top-nav-cnr-lft.gif) no-repeat bottom left;}
#head-top-nav ul {height: 23px; background: url(../images/head-top-nav-cnr-rgt.gif) no-repeat bottom right;}
#head-top-nav ul li {display: inline; font-size: 0.6em; border-left: 1px solid #ffffff; padding: 10px;}
#head-top-nav ul li a {color: #ffffff; text-decoration: none; }
#head-top-nav ul li .order {text-transform: uppercase; padding-left: 30px; background: url(../images/head-top-nav-cart.gif) no-repeat 5px 50px !important;}
#head-top-nav ul li .contact {text-transform: uppercase;}

#head-btm-nav {width: 750px; height: 70px; padding-bottom: 10px;}
#head-btm-nav ul {height: 50px; margin-top: 10px; margin-bottom: 0;}
#head-btm-nav ul li {float: left; position: relative; width: 100px; height: 45px; margin: 0 10px 0 0px; font-size: 0.6em; background: url(../images/head-btm-nav-divider.gif) no-repeat top right;}
#head-btm-nav ul li a {display: block; position: absolute; bottom: 0; width: 90px; line-height: 1.4em; text-decoration: none; padding: 25px 0 3px 0; border-bottom: 3px solid #009fda; color: #63635d}
#head-btm-nav ul li.last {background: #ffffff; width: 90px; margin-right: 0px;}

/* TYPE */
p {font-size: 0.7em; line-height: 1.6em;}
h1, h2 {font-family: Helvetica;}
h1 {font-size:  1.6em; color: #009fda; line-height: 1.2em; padding-bottom: 15px;}
h2 {font-size: 1em; padding-bottom: 20px;}
h3 {font-size: 0.9em; line-height: 1.1em; padding-bottom: 10px;}
h4 {font-size: 1em; color: #e78473; line-height: 1.4em; padding-bottom: 10px;}

small {font-size: 0.7em; font-weight: normal;}
#head-mid h2 {float: right; padding-top: 12px; font-size: 1.2em; color: #009fda}
#head-btm-nav p {font-size: 0.6em;}

.txt-box {float: left;}
.txt-box h1 {float: left; width: 200px; font-size: 2em; line-height: 0.8em;}
.txt-box2 {float: left; width: 400px;}

.scol h3 {text-align: center;}
.scol p {padding: 0 10px;}

a {color: #666666; text-decoration: underline;}
a:hover {text-decoration: none;}

/* LISTS */
.list li {font-size: 0.7em; line-height: 1.2em; padding: 0 0 5px 10px; background: url(../images/bullet.gif) no-repeat 0px 4px;}

/* COMPARE TABLE */
th {font-size: 0.7em; font-weight: bold; line-height: 1em; border: 1px solid #009fda; padding: 5px 0 5px 3px;}
td {font-size: 0.7em; border: 1px solid #009fda; padding: 2px 0 2px 2px;}
tr.odd {background: #ddf6fe;}

/* CONTACT FORM */
.contact textarea, .contact input {font-size: 0.6em; font-family: Verdana, Helvetica, Arial; color: #00a0d4; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.contact textarea {display: block; width: 360px; height: 200px; margin-bottom: 15px; padding: 10px;}
.contact input {height: 20px; width: 112px; margin-left: 10px; text-align: left; padding: 5px 0 0 5px;}
.contact #send {height: 26px; background: #009fda; color: #ffffff; text-align: center; border-color: #009fda; cursor: pointer !important; padding: 0px;}

.error {width: 371px; padding: 3px 5px; margin-top: 10px; font-size: 0.7em; color: #ffffff; background: #FF0033; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.success {width: 371px; padding: 3px 5px; margin-top: 10px; font-size: 0.7em; color: #ffffff; background: #33cc33; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

/* FOOTER */
#footer {clear: both; padding-top: 20px;}
#footer p {padding-top: 5px; font-size: 0.5em;}
#footer ul, #footer p {margin-bottom: 0;}
#footer ul li {display: inline; font-size: 0.5em; color: #666666;}
#footer ul li a {color: #666666; text-decoration: underline; line-height: 0;}
#footer ul li a:hover {text-decoration: none;}