*{margin:0; padding:0}
html, body{margin:0; padding:0; text-align:center; font-size:80%; font-family:Verdana, Arial, Helvetica, sans-serif; color:#424242; background:#d8edfa url(images/bg.jpg) repeat-x} 
#pagewidth{ width:768px; text-align:left; margin-left:auto; margin-right:auto; background:#fff url(images/bg_border.gif); position:relative}
.clearfix:after {content: "."; display: block;height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
#wrapper{width:758px; margin:0 auto; background-color:#f9f9f9; border-left:1px solid #fff; border-right:1px solid #fff; padding-top:384px;}
body#account #wrapper, body#non #wrapper, body#contact #wrapper{padding-top:85px;}
body#sitemap #wrapper{padding-top:87px;}
body#blank #wrapper{background-color:#fff; padding-top:85px;}
#leftcol{width:503px; float:left; position:relative;  background-color:#6633FF; margin-left:1px; background-color:#f8f8f8;}
#maincol{float:right; display:inline; position:relative; width:251px; background:#FCFCE9 url(images/bg_right.gif); }
body#blank #leftcol{width:757px; float:left; position:relative; margin:0px; background:#fff url(images/bg_product.jpg) repeat-x 0 1px; border-top:1px solid #dbdbdb; margin-top:1px; height:auto !important; height:700px; min-height:700px}
.clr{clear:both;}
p{color:#3f3f3f; font-size:1.1em; line-height:1.4em; word-spacing:0.1em; padding:0 6px 0 12px; margin-bottom:15px}
li{line-height:1.4em}
h1,h2, h3{color:#1A7AB4}
h1{font-size:2.1em; padding:0; margin:15px 6px 5px 12px;}
h2{font-size:1.8em; font-weight:700; padding:0; margin:25px 6px 5px 12px;}
h3{font-size:1.5em; padding:0; margin:13px 6px 2px 12px;}

a{color:#E60086; text-decoration:none; outline:0}
a:hover{color:#E60086; text-decoration:underline}
a:visited{color:#E60086;}
ul{margin-left:12px; list-style:none}
ul li{font-size:1.1em}

/*----HEADER--------------------------------*/
#header{position:relative; height:60px; width:736px; margin:0 auto; background-color:fff; position:absolute; top:0; left:12px}
ul#header_contact{float:right; margin:10px 0 0 0 }
ul#header_contact li{text-align:right; list-style:none; color:#e60086}
ul#header_contact li#tel{font-size:1.1em; font-weight:bold; margin-bottom:3px}
ul#header_contact li#email{font-size:1.1em;}
ul#header_contact li#email a{color:#e60086; text-decoration:none}
ul#header_contact li#email a:hover{text-decoration:underline}
ul#header_contact li#logout{font-size:1.1em;}
ul#header_contact li#logout a{color:#e60086; text-decoration:none}
ul#header_contact li#logout a:hover{text-decoration:underline}


/*----NAV--------------------------------*/
#logo, body#blank #logo{float:left; width:306px; height:54px; text-indent:-6000px; margin:0 0 0 0px; padding:0; background:url(images/logo2.gif) no-repeat}
#logo a{height:45px; width:100%; display:block; overflow:hidden; outline:0}
ul#nav{position:absolute; left:0; top:60px}
ul#nav li{float:left; font-size:12px; margin:7px 0 0 0; padding:0; color:#000; }
ul#nav li a{text-decoration:none; color:#000}
ul#nav li a:hover{text-decoration:none; color:#1F8DEA}

ul#nav li.home,
ul#nav li.images,
ul#nav li.positions,
ul#nav li.features,
ul#nav li.spec,
ul#nav li.account,
ul#nav li.non,
ul#nav li.contact
{padding:0; text-indent:-10000px; margin:0 2px 0 0}

ul#nav li.home{width:58px;}
ul#nav li.images{width:67px;}
ul#nav li.positions{width:94px;}
ul#nav li.features{width:83px;}
ul#nav li.spec{width:48px;}
ul#nav li.account{width:114px;}
ul#nav li.non{width:124px;}
ul#nav li.contact{width:79px;}

ul#nav li.home a,
ul#nav li.images a,
ul#nav li.positions a,
ul#nav li.features a,
ul#nav li.spec a,
ul#nav li.account a,
ul#nav li.non a,
ul#nav li.contact a
{display:block; line-height:27px; text-decoration:none;}

ul#nav li.home a{width:58px; background:url(images/nav.gif) no-repeat 0 -27px}
ul#nav li.images a{width:67px; background:url(images/nav.gif) no-repeat -58px -27px}
ul#nav li.positions a{width:94px; background:url(images/nav.gif) no-repeat -125px -27px}
ul#nav li.features a{width:83px; background:url(images/nav.gif) no-repeat -219px -27px}
ul#nav li.spec a{width:48px; background:url(images/nav.gif) no-repeat -302px -27px}
ul#nav li.account a{width:114px; background:url(images/nav.gif) no-repeat -350px -27px}
ul#nav li.non a{width:124px; background:url(images/nav.gif) no-repeat -464px -27px}
ul#nav li.contact a{width:79px; background:url(images/nav.gif) no-repeat -588px -27px}

ul#nav li.home a:hover,ul#nav li.images a:hover,ul#nav li.account a:hover,ul#nav li.contact a:hover{display:block; line-height:27px; text-decoration:none;}
ul#nav li.home a:hover,body#index ul#nav li.home a{width:58px; background:url(images/nav.gif) no-repeat 0px 1px}
ul#nav li.images a:hover,body#images ul#nav li.images a{width:67px; background:url(images/nav.gif) no-repeat -58px 1px}
ul#nav li.positions a:hover, body#positions ul#nav li.positions a{width:94px; background:url(images/nav.gif) no-repeat -125px 1px}
ul#nav li.features a:hover, body#features ul#nav li.features a{width:83px; background:url(images/nav.gif) no-repeat -219px 1px}
ul#nav li.spec a:hover, body#spec ul#nav li.spec a{width:48px; background:url(images/nav.gif) no-repeat -302px 1px}
ul#nav li.account a:hover, body#account ul#nav li.account a{width:114px; background:url(images/nav.gif) no-repeat -350px 1px}
ul#nav li.non a:hover, body#non ul#nav li.non a{width:124px; background:url(images/nav.gif) no-repeat -464px 1px}
ul#nav li.contact a:hover, body#contact ul#nav li.contact a{width:79px; background:url(images/nav.gif) no-repeat -588px 1px}


/*----PRODUCT--------------------------------*/
#product_container{width:758px; position:relative; height:295px; margin:1px auto 0 auto; background:#fff url(images/bg_product.jpg) repeat-x 0 1px ; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; position:absolute; left:5px; top:85px}
#image_product{position:absolute; top:5px; left:20px}
#product_details{width:280px; margin:5px 6px 0 0; float:right}
span#price{font-size:4.0em; color:#e60086; font-weight:bold; float:left; margin-bottom:10px}
span#price_sm{font-size:1.8em; color:#e60086; font-weight:bold; margin-top:7px; float:left}
#price_container{width:280px; margin:0; padding:0;}
span#small_text{font-size:1.0em; width:158px; float:right; font-weight:bold; color:#3a3a3a; margin-top:17px; color:#3a3a3a}
span.pink{color:#E60086}
#button_buy{margin-top:20px}
input.buy_button_2{margin:20px 0 0 12px}

#product_extras img{margin-top:0px}
#plus_sign{width:65px; height:285px; float:left; background:url(images/symbol_plus.gif) no-repeat 0 105px; margin-left:183px}
html>body #plus_sign{margin-left:364px; background-position:0 115px }
p.title{color:#3a3a3a; font-size:2.0em; margin:0; padding:0; }

/*----RIGHT COL--------------------------------*/
#main_press,#main_payment {width:233px; margin:14px 0 3px 11px; height:27px; background:url(images/title_press.gif) no-repeat; padding-bottom:3px;}
#main_payment{background:url(images/title_payment.gif) no-repeat;}
#main_top{width:235px; margin-left:9px; height:auto !important; height:500px; min-height:500px}
#main_bottom{width:253px; height:85px; background-image:url(images/bg_right_bottom.gif)}
html>body #main_bottom{width:251px;}
ul#reviews{list-style:none; margin:10px 0 0 17px}
ul#reviews li{width:100px; float:left; margin:4px 9px 10px 0px; font-size:1.1em; font-weight:bold}
ul#reviews li a{float:left; color:#b7b776}
ul#reviews li a:hover{color:#E60086}
p.payment{color:#B7B776; width:120px; margin:0 auto; text-align:center; font-weight:bold}
img.payment{margin:10px 0 10px 27px}

/*----IMAGES--------------------------------*/
ul.images{list-style:none; width:400px; margin-bottom:20px; float:left}
ul.images li{float:left; margin:6px 0 6px 6px; color:#3f3f3f}
html>body ul.images li{margin-left:12px}
ul.images li img{border:1px solid #dbdbdb}
a.normal{color:#3f3f3f; text-decoration:none}
a.normal:hover{text-decoration:none}


/*----FEATURES--------------------------------*/
ul.list{margin-left:50px; list-style:square}
ul.list li{margin:2px 0}

/*----CONTACT--------------------------------*/
form.mailing,form.mailing_reg   {width:350px; margin:0;}
form.mailing p, form.mailing_reg p{width:100%; padding:10px 0 10px 10px; margin:0;}
form.mailing p label{width:100px; float:left; display:inline; text-align:right; color:#353535; font-weight:bold; padding-right:4px;}
form.mailing input,  form.mailing textarea, form.mailing_reg input,  form.mailing_reg textarea{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;}
form.mailing fieldset, form.mailing_reg fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing legend, form.mailing_reg legend{display:none}
form.mailing textarea, form.mailing_reg textarea{width:200px;}
.button_submit{margin-left:110px;}
.button_captcha{margin-left:10px;}
input{color:#3f3f3f}
textarea{ font-size:1.0em; color:#3f3f3f;}
span.required{color:#E60086}
form.mailing_reg p label{width:150px; float:left; display:inline; text-align:right; color:#353535; font-weight:bold; padding-right:4px}

form.mailing_amend {width:450px; margin:0;}
form.mailing_amend p{width:100%; padding:10px 0 10px 10px; margin:0;}
form.mailing_amend p label{width:150px; float:left; display:inline; text-align:right; color:#353535; font-weight:bold; padding-right:4px}
form.mailing_amend input,form.mailing_amend textarea{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;}
form.mailing_amend fieldset{ width:100%; border:none; margin:0; padding:0;}
form.mailing_amend legend{display:none}

ul#contact{padding:0; margin:20px 0 12px 0; list-style:none;}
ul#contact li{font-size:1.1em; margin-left:12px}
ul#contact li.address_bold{font-weight:bold}
ul#contact li.tel{margin-top:12px; font-weight:bold}
ul#contact li.fax{font-weight:bold}
ul#contact li.email{margin-top:12px; font-weight:bold}
ul#contact li.email a{color:#1F8DEA; text-decoration:none; font-weight:500}
ul#contact li.email a:hover{background-color:#1F8DEA; color:#FFF}

/*----FOOTER--------------------------------*/
#footer{height:60px; width:758px; margin:0 auto; clear:both; text-align:center; background-color:#1979B3} 
#footer_text{font-size:1.1em; color:#fff; padding-top:6px}
#footer_text a{color:#fff; text-decoration:none}
#footer_text a:hover{text-decoration:underline}
#disclaimer{font-size:1.0em; color:#FFF; float:left; margin:5px auto ; width:100%; text-align:center;}


/*----BASKET-------------------------------*/
tr.main_basket_header{background-color:#E60086; color:#FFFFFF; font-weight:bold;}
.box{width:700px; background-color:#D8EDFA; border:1px solid #2A92CF; margin:25px auto 8px auto; padding:10px}
table#basket{width:700px; margin-left:17px; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif}
table#basket input{font-size:1.0em}
html>body table#basket{margin-left:27px; font-size:1.1em}
td.main_basket_total{border-top:1px solid #E60086; border-bottom:1px solid #E60086}


/*----ORDER HISTORY-------------------------------*/
table#basket tr.odd td{border-bottom:1px solid #DBDBDB}
table#order_details{margin-left:12px; width:600px; font-size:1.0em}

/*----MY ACCOUNT---------------------------*/
ul.myDetails{padding:0; margin:0px 0 20px 0px; list-style:none;}
ul.myDetails li{font-size:1.1em; margin-left:12px}
ul.myDetails li.addressTitle{font-weight:bold}
ul.myDetails li.links{font-size:1.1em;}
ul.myDetails li.links a{color:#e60086; text-decoration:none}
ul.myDetails li.links a:hover{text-decoration:underline}

body#account #leftcol, body#contact #leftcol, body#non #leftcol{width:380px; float:left; position:relative; margin:0; background:#fff url(images/bg_product.jpg) repeat-x 0 1px; height:auto !important; height:800px; min-height:800px}
body#account #maincol2, body#contact #maincol2,  body#non #maincol2  {float:right; display:inline; position:relative; width:377px; border-left:1px solid #dbdbdb; background:#fff url(images/bg_product.jpg) repeat-x 0 1px; height:auto !important; height:800px; min-height:800px;}
.box{width:640px; background-color:#D8EDFA; border:1px solid #2A92CF; margin:25px auto 8px auto; padding:10px}

/*----CHECKOUT----------------------------*/
ul#checkout{padding:0 0 15px 0; margin:20px 0 20px 0; list-style:none}
ul#checkout li{font-size:1.1em; margin-left:12px; line-height:1.9em;}
ul#checkout li.title{color:#353535; font-size:1.1em; font-weight:bold}
ul#checkout li.breadcrumb{font-size:1.1em;}
ul#checkout li.breadcrumb a{color:#e60086; text-decoration:none}
ul#checkout li.breadcrumb a:hover{text-decoration:underline}
ul#checkout a.contact{color:#e60086; text-decoration:none}
ul#checkout a.contact:hover{text-decoration:underline}
ul#checkout li.errors{color:#FF0000}
table#checkout{padding:0 0 15px 0; margin:20px 0 20px 0;}
table#checkout tr.header{background-color:#E60086; color:#FFFFFF; font-weight:bold}
.box_check{width:440px; background-color:#D8EDFA; border:1px solid #2A92CF; padding:10px; margin:10px 0 10px 12px}
table#basket_2{width:700px; margin-left:12px; font-size:1.1em; font-family:Verdana, Arial, Helvetica, sans-serif}
table#basket_3{width:700px; margin-left:25px; font-size:1.0em; font-family:Verdana, Arial, Helvetica, sans-serif}
html>body table#basket_3{font-size:1.1em}
img.credit_blue{float:right; margin-right:12px}
html>body img.credit_blue{ margin-right:6px}

/*----SITEMAP----------------------------*/
body#sitemap #leftcol{height:auto !important; height:500px; min-height:500px}

/*----BILLING----------------------------*/
form#billing {width:450px; margin:0;}
form#billing p{width:100%; padding:10px 0 10px 10px; margin:0;}
form#billing p label{width:150px; float:left; display:inline; text-align:right; color:#353535; font-weight:bold; padding-right:4px}
form.billing textarea{background-color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.0em;}
form#billing fieldset{ width:100%; border:none; margin:0; padding:0;}
form#billing input{font-size:1.1em}
form#billing legend{display:none}
form#billing input.button{margin-left:150px}

/*----ERRORS-------------------------------*/
li.errors{margin-left:12px; color:#FF0000; font-weight:bold;}

