/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding: 0;text-align:center; font:80%/1.5 Verdana, Arial, Helvetica, sans-serif; color:#333; background:#C5E1F6 url(images/bg.jpg) no-repeat top center} 
	
body{overflow: -moz-scrollbars-vertical;}
table {border-collapse: collapse;border-spacing: 0;}
	
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */   
#pagewidth{ width:962px; text-align:left;  margin-left:auto; margin-right:auto; } 
#wrapper{border-left:1px solid #4a98ce; border-right:1px solid #4a98ce; background-color:#FFF }
ul{list-style:none; font-size:1.1em}
a{color:#154d6a; text-decoration:none; outline:none}
a:hover{color:#154d6a; border-bottom:1px solid #154d6a}
#maincol a{color:#3333FF; text-decoration:underline; outline:none}
#maincol a:hover{color:#FF3333; border-bottom:0}
.clr{clear:left}

p{font-size:1.2em; line-height:1.7em; margin-bottom:1.3em;}

h1,h2,h3{font-weight:900; color:#2f2f2f}
h1{font-size:2.5em}
h2{font-size:1.4em; }
h3{font-size:1.8em;}
sup{color:#990000}

#curve-top{width:962px; height:14px; background-image:url(images/module-top-mainbody.gif)}
#curve-bottom{width:962px; height:14px; background-image:url(images/module-low-mainbody.gif)}

/*---------------HEADER---------------*/
#header{position:relative; height:75px; width:962px; display:block;}
#search-cont{width:962px; height:51px}
#search{width:284px; height:51px; background-image:url(images/search-bg.gif); float:right}

#logo{float:left; width:450px; height:73px;  margin:0px 0 0 0; display:inline; font-size:2.5em; background-image:url(images/logo.png)}
#logo a{height:73px; width:450px; display:block; overflow:hidden; font-size:1.0em; font-weight:bold; color:#DFD40E; text-decoration:none; text-indent:-3000px; border-bottom:0}
ul#header_contact{text-align:right; margin:10px 10px 0 0; float:right; display:inline;}
ul#header_contact li.num{font-size:2.3em; font-weight:bold; color:#FFF}
ul#header_contact a{color:#FFF; font-size:1.2em; font-weight:bold}
ul#header_contact a:hover{color:#2B3C06;}

/*---------------SEARCH---------------*/ 
form#search input.field{margin:15px 0 0 28px; width:160px; border:0; font-size:1.2em; margin-right:15px}
ul.search li.image{width:110px; height:170px; float:left}

/*---------------NAV---------------*/ 
ul#nav{width:490px;  height:18px; line-height:18px;  display:block; float:right; margin-top:36px}
ul#nav li{float:right; padding-left:16px; font-weight:bold; font-size:1.1em; display:inline}
ul#nav li a{color:#fff}
ul#nav li a:hover{color:#FF0000; border-bottom:0}
ul#nav li a, #footer a{text-decoration:none}

ul#nav-upper{width:180px;  height:51px; line-height:51px;  display:block; float:right;}
ul#nav-upper li{float:left; padding-left:16px; font-weight:bold; font-size:1.1em; display:inline}
ul#nav-upper li a{color:#fff}
ul#nav-upper li a:hover{color:#FF0000; border-bottom:0}
ul#nav-upper li a, #footer a{text-decoration:none}


/*---------------TWO COLs---------------*/
#twocols{width:745px; float:right; position:relative}

/*---------------MAIN COL---------------*/
#maincol{ float:left; display:inline; position: relative; width:530px; margin-right:25px }
#bread{margin-bottom:7px}
 
/*---------------LEFT COL---------------*/
#leftcol{width:190px; float:left; position:relative; margin:0; display:inline;  height:auto !important; height:715px; min-height:715px;}

.module-blue {width:180px; background-color:#d9e5f4; float:right;}
.module-blue .top{background:url(images/module-top-blue.gif) no-repeat left top; padding:0; margin:0; height:35px  }
.module-blue .bottom{background:url(images/module-low-blue.gif) no-repeat left bottom;  padding:0; margin:0; height:8px }
.module-blue .top h3,
.module-red .head h3
{font-size:1.2em; color:#FFF; line-height:26px; padding-left:10px}

ul#categories{width:160px; margin:8px auto}
ul#categories li{margin-bottom:5px; font-size:1.1em}

img.whats-new{margin:0 0 8px 35px; display:inline}
a.new:hover {border:0}
/*---------------RIGHT COL---------------*/
#rightcol{float:right; display:inline; position: relative; width:190px; margin:0;}

.module-red{width:180px; margin-bottom:30px}
.module-red .head{height:35px; background-image:url(images/module-top-red.gif)}

/*-----login side module------*/
form#login-module{width:180px;}
form#login-module input{width:95%; font-size:0.9em}
form#login-module p{width:100%; padding:0}
form#login-module p label{text-align:left}
form#login-module p.forgotten{font-size:1.1em}
form#login-module #submit_login{font-size:1.1em; margin:10px 0}
form#login-module #submit_login input{font-size:1.1em; width:70px}

/*---------------INDEX---------------*/
#banner-index{width:530px; height:200px; background-image:url(images/banner.jpg); text-indent:-3000px; margin-bottom:20px}
.header-yellow{width:530px; height:35px; background-image:url(images/header-yellow.gif); margin-bottom:20px}
.header-yellow h2,
.header-yellow h1
{padding-left:10px; font-size:1.3em; line-height:34px; height:34px}
table#subjects{width:530px}
table.subjects-inner{margin:8px 0; width:70%}
table.subjects-inner tr td{font-size:1.3em; font-weight:bold}
table.subjects-inner tr td.cat-name{padding-left:8px}

.index-cat{width:170px; float:left; margin-bottom:15px}
.index-cat .icon{width:40px; height:40px; float:left}
.index-cat .cat-name{width:130px; float:right; height:40px;}
.index-cat .cat-name a{font-size:1.3em; font-weight:bold; padding-left:4px}

/*---------------PRODUCTS---------------*/
.header-yellow-sht{width:530px; height:40px; background:url(images/header-yellow-sht.gif) no-repeat right top; margin-bottom:15px}
.header-yellow-sht h1,
.header-yellow-sht p
{display:inline; color:#2f2f2f; line-height:40px; height:40px; padding-left:18px; font-size:1.4em; font-weight:bold}
.header-yellow-sht-icon{float:left}

.module-silver {width:530px; background-image:url(images/module-mid-silver.gif); float:right; margin:10px 0;}
.module-silver .top{background:url(images/module-top-silver.gif) no-repeat left top; padding:0; margin:0; height:35px; position:relative}
.module-silver .bottom{background:url(images/module-low-silver.gif) no-repeat left bottom;  padding:0; margin:0; height:9px }
.module-silver .top h3,
.module-silver .top h2
{font-size:1.3em; padding-left:10px; height:35px; color:#2f2f2f; line-height:35px}
.module-silver p{display:inline; margin-left:3px; font-size:1.2em; color:#2f2f2f}
.products-cont{width:510px; margin:10px auto}

ul.products{width:110px; height:130px; float:left; text-align:center; margin:0 10px 10px 7px;}
ul.products li img{border:1px solid #D2D2D2}

/*---------------FAQS---------------*/
#faq-cat{width:530px; margin-bottom:15px}
#faq-cat p{float:left; font-size:1.2em; margin-right:5px}

ul#faq_q{margin:15px 0 65px 0; clear:left; list-style:none;}
ul#faq_q li{margin-bottom:5px; font-size:1.1em; line-height:1.6em}
ul#faq_q li a{text-decoration:none}


ul.faq_a{margin-bottom:15px; list-style:none;}
ul.faq_a li.question{margin-bottom:5px; font-size:1.1em; font-weight:bold; line-height:1.6em}
ul.faq_a li.answer{margin-bottom:5px; font-size:1.1em; line-height:1.6em}
ul.faq_a li.top{font-size:0.9em}

/*---------------PRODUCT DETAIL---------------*/
#product-cont{margin-top:20px}

ul#product-images{width:200px; float:left}
ul#product-images li{float:left}
ul#product-images li.right{float:right}
ul#product-images a:hover{text-decoration:none; border-bottom:0}
ul#product-images li img{border:1px solid #d2d2d2}

#product-details{width:315px; float:right; font-size:1.2em}
#product-details h1{font-size:1.2em; margin-bottom:5px}
#product-details #qty{margin:5px 0;}
#product-details p{font-size:1em}

ul#spec{margin-left:10px}
ul#spec li{background:url(images/icon-tick.gif) no-repeat left center; padding-left:20px; margin:5px 0; font-size:1.1em }

table#also-bought{width:510px; margin:7px auto 0 auto}
table#also-bought tr td{width:170px; text-align:center; height:130px}
table#also-bought tr td.mid{border-left:1px solid #D2D2D2; border-right:1px solid #D2D2D2;}

#review{position:absolute; top:10px; left:420px; background:url(images/icon-write.gif) no-repeat; padding-left:20px; font-size:1.1em}
ul.review{width:510px; margin:10px 0 0 10px; font-size:1.2em; font-style:italic}
ul.review li.name{font-weight:bold; margin-top:3px}

/*---------------EMAIL VALIDATION---------------*/
ul#email-notice{font-size:1.2em; margin-left:10px}
ul#email-notice li{list-style-type:disc; margin-bottom:6px;}


/*---------------MY ACCOUNT---------------*/
ul.my-account{font-size:1.2em; margin-bottom:15px}

/*---------------my order---------------*/
table#my-order {width:530px; background-color:#ffffFF; font-size:1.1em}
table#my-order thead{height:35px; color:#FFFFFF; background-color:#3333FF}
table#my-order thead tr th#orderDate{width:200px; padding:3px}
table#my-order thead tr th#orderNum{width:160px}
table#my-order thead tr th#orderTotal{width:100px}
table#my-order thead tr th#orderView{width:70px}
table#my-order tr td{padding:3px; font-size:1.1em;}


ul.confirm_address{width:280px; height:180px; float:left; font-size:1.2em;}
ul.confirm_address li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_address_short{width:280px; height:auto; float:left; margin-bottom:30px; font-size:1.2em;}
ul.confirm_address_short li.title{font-size:1.2em; font-weight:bold; margin-bottom:5px}

ul.confirm_status{width:200px; height:100px; font-size:1.2em;}

/*---------------BASKET---------------*/
table#basket, table#address_book,table#basket_my_account {width:530px; background-color:#3333FF; font-size:1.1em}
table#basket thead, table#address_book thead, table#basket_my_account thead{height:35px; color:#FFFFFF}
table#basket thead tr th.remove{width:60px; text-align:center}
table#basket thead tr th.product{width:225px;}
table#basket thead tr th.price{width:60px}
table#basket thead tr th.qty{width:100px}

table#basket thead tr th#orderDate{width:188px}
table#basket thead tr th#orderNum{width:124px}
table#basket thead tr th#orderTotal{width:118px}
table#basket thead tr th#orderStatus{width:80px}
table#basket thead tr th#orderView{width:80px}

table#basket thead tr th.sub_total{width:70px; text-align:right; padding-right:5px}
table#basket tbody, table#address_book tbody, table#basket_my_account tbody{background-color:#fff}
table#basket tbody tr td{padding:5px 0}
table#basket tbody tr td.remove{text-align:center}
table#basket tbody tr td.right{text-align:right; padding-right:5px}
table#basket tbody tr td.total{text-align:right; padding-right:5px}

table tr td.total{border-top:1px solid #567;}
form#basket input{border:none}

table#basket_my_account thead tr th#product{width:300px;}
table#basket_my_account thead tr th#price{width:60px}
table#basket_my_account thead tr th#qty{width:100px}
table#basket_my_account thead tr th#sub_total{width:130px; text-align:right; padding-right:5px}

ul#basket{list-style:none; width:170px; margin:0 auto; font-size:1.1em}
ul#basket li.title{font-weight:bold}
ul#basket li.total{border-top:1px solid #456; margin:6px 0 20px 0}
ul#basket li.total span.total{margin-left:90px}


/*---------------basket confirmed---------------*/
table#basket-confirmed {width:530px; background-color:#3333FF; font-size:1.1em}
table#basket-confirmed thead{height:35px; color:#FFFFFF}
table#basket-confirmed thead tr th#product{width:290px; padding:3px}
table#basket-confirmed thead tr th#price{width:160px}
table#basket-confirmed thead tr th#sub_total{width:80px; text-align:right; padding-right:5px}

table#basket-confirmed tbody{background-color:#fff}
table#basket-confirmed tbody tr td{padding:5px 0}
table#basket-confirmed tbody tr td.right{text-align:right; padding-right:5px}
table#basket-confirmed tbody tr td.total{text-align:right; padding-right:5px}

/*---------------PAYMENTS PRO---------------*/
table#payments-pro{width:530px}
table#payments-pro tr td{padding:4px}
table#payments-pro tr td.left{font-size:1.2em; width:230px; text-align:right; }
table#payments-pro tr td.right{width:300px;}
table#payments-pro tr td input.field{font-family: verdana, Helvetica, sans-serif; font-size:1.2em; width:250px; color:#561818; border:1px solid #7f9db9; padding:3px}
table#payments-pro tr td input.field-sm{width:30px}
table#payments-pro tr td select.long{width:150px; font-size:1.2em}
table#payments-pro tr td select.short{width:80px; font-size:1.2em}
table#payments-pro tr td span.what{font-size:1.1em}
p.make_payment{margin-left:220px}

/*---------------MAKE PAYMENT---------------*/
table#delivery{width:500px}
table#delivery tr td{font-size:1.2em; padding:3px}


/*-------------DOWNLOAD---------------*/
table.download{width:400px; font-size:1.2em}
table.download tr td{padding-bottom:10px}
table.download tr td.title{width:300px}
table.download tr td.download{width:100px}

/*-------------SEARCH---------------*/
ul.search{font-size:1.2em; margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #333}
ul.search li{margin-bottom:4px}

/*---------------FORMS---------------*/
form{width:500px; margin:0 auto;}
form#login, form#register, form#contact, form#password, form#contact, form#password-change{border:6px solid #3333FF; margin-bottom:20px}
form input.field, form select, form textarea{font-family: verdana, Helvetica, sans-serif; font-size:0.95em; border:1px solid #7f9db9; padding:3px}
form p{ padding:3px; margin:0; margin-bottom:1px;}
form p label{float:left; display:inline; text-align:right; padding-right:4px; font-weight:bold; width:100px; line-height:1.8em}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:none}
form#register p,
form#login p,
form#contact p,
form#password-change p
{background-color:#D9E5F4}
form#buy{float:left; width:100px }
form#basket-cont{float:left}


/*---------------register---------------*/
form#register p label{width:150px}
form#register p span.submit{margin-left:150px; display:block}


/*---------------login---------------*/
#login-new-cont{width:200px; float:right;}
#login-exist-cont{width:320px; float:left; border-right:1px solid #BEBEBE; display:inline}

form#login{width:280px; margin-top:10px; float:left}
form#login p label{width:80px}
form#login p input.field{width:150px}
form#login p span.submit{margin-left:85px}

/*---------------password change---------------*/
form#password-change{width:425px}
form#password-change p label{width:180px}
form#password-change p span.submit{margin-left:182px}

/*---------------contact---------------*/
form#contact p label{width:80px}
form#contact p span.submit{margin-left:85px}

ul#contact_details{margin:0 0 20px 10px; float:left; width:440px; }
ul#contact_details li{font-size:1.1em}
ul#contact_details li.address_bold{font-weight:bold}
ul#contact_details li.tel{margin-top:12px; font-weight:bold}
ul#contact_details li.fax{font-weight:bold}
ul#contact_details li.email{margin-top:12px; font-weight:bold}



/*---------------FOOTER---------------*/
#footer{width:962px;  clear:both; text-align:center; font-size:1.1em; color:#4A98CE; margin:10px 0}
#footer a{color:#4A98CE}
#footer a:hover{text-decoration:0; border-bottom:0}
/*---------------ERROR---------------*/
span.error, div.error { color: #FF0000; font-weight: bold; }