/*---------------GLOBAL---------------*/
*{margin:0; padding:0}
html, body{margin:0; padding:0; text-align:center; font:80%/1.5 Verdana, Helvetica, sans-serif; color:#434343; background:url(images/header_bg.jpg) repeat-x} 
.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:760px; text-align:left;  margin-left:auto; margin-right:auto} 
ul{list-style:none; font-size:1.2em}
a{color:#288803; text-decoration:underline; outline:0}
a:hover{color:#91009B}
.clr{clear:left}
p{font-size:1.1em; line-height:1.5em; margin-bottom:1.5em}

form{width:100%; margin:0;}
form input.field, form select, form textarea{font-family: Arial, Helvetica, sans-serif; font-size:1.1em; color:#434343; border:1px solid #7F9DB9; padding:3px}
form p{width:100%; padding:6px 0; margin:0;}
form p label{float:left; width:100px; display:inline; text-align:right; padding-right:4px; font-weight:bold}
form fieldset{width:100%; border:none; margin:0; padding:0;}
form legend{display:none}
input.checkbox{border:2px solid #678; margin:0 5px 0 105px}

 
h1,h2,h3{margin:0; padding:0; color:#436986}
h1{font-size:2.0em; color:#288803; font-weight:bold;  margin-bottom:7px}
h2{font-size:1.5em; color:#91009b; margin-bottom:5px}
h3{font-size:1.5em; color:#91009b; margin-top:25px}
.bold{font-weight:bold}

p.more{font-size:1.2em; width:480px}

span.italic{font-style:italic}
/*---------------HEADER---------------*/
#header{position:relative; height:95px; width:100%;}

#logo{float:left; width:126px; height:50px; margin:30px 0 0 0px; display:inline}
#logo a{text-decoration:none; color:#FFFFFF; font-size:3.0em; font-weight:bold; font-style:italic; text-transform:uppercase}

#logo_name{width:299px; height:54px; float:left; text-indent:-6000px; background-image:url(images/logo_name.gif); margin:45px 0 0 15px}
#logo_name a{width:100%; height:54px; display:block; overflow:hidden;}

ul#header_contact{text-align:right; margin:20px 10px 0 0; float:right; display:inline; color:#fff}
ul#header_contact  li a{color:#fff}
ul#header_contact li.num{font-size:2.0em}

/*---------------NAV---------------*/ 
#nav li.title_buy, #nav li.title_about, #nav li.title_other, #nav li.title_civil, .title_search, .title_login, {font-size:0; text-indent:-6000px; display:block}
#nav li.title_about{width:103px; background-image:url(images/title_about.gif); height:12px; margin-top:15px }
#nav li.title_other{width:47px; background:url(images/title_other.gif) no-repeat; height:12px; margin-top:15px}
#nav li.title_civil{width:134px; background:url(images/title_civil.gif) no-repeat; height:15px; margin-top:15px}
/*---------------BREAD---------------*/ 
#bread{width:100%; margin: 3px 0}
#bread a:hover{color:#288803}
/*---------------LEFT COL---------------*/
#leftcol{width:548px; float:left; position:relative; margin:0px; display:inline; height:auto !important; height:800px; min-height:800px;  border-right:1px solid #d5d5d5}
ul#spec{float:left}
div#image_lg{float:left; margin-left:10px; height:260px}

ul#spec li{font-size:1.0em; line-height:2.0em}

ul#price{float:right; padding-right:10px}
ul#price li{font-size:1.3em; font-weight:bold; color:#000000}
ul#price li.cost{font-size:2.0em; color:#91009b}
ul#price li.post{font-size:1.1em; color:#91009b}

ul#buttons{float:left; margin-bottom:50px}
ul#buttons li{width:196px; height:55px; float:left; margin-left:60px; display:inline}
ul#buttons li.buy{background-image:url(images/button_buy.gif)}
ul#buttons li.video{background-image:url(images/button_video.gif)}
ul#buttons li a{text-indent:-6666px; display:block; overflow:hidden; width:196px; height:55px;}


ul#sizes{float:right; margin:-140px 10px 0 0; width:180px}
ul#sizes li.title{font-size:1.1em; font-weight:bold; color:#000}
ul#sizes li {color:#91009b}


/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:200px; margin:10px 0 0 0 ; text-align:right}
#rightcol img{margin-bottom:10px}

form#mailing{margin:10px 0;}
form#mailing p label{width:70px;}


ul#basket{list-style:none; margin:0px 10px 0px 0px; padding-bottom:10px}
ul#basket li{font-size:0.9em; padding-left:8px}
ul#basket li.title_basket{color:#329e09; font-size:1.5em; font-weight:bold}
ul#basket li a{text-decoration:underline;}
ul#basket li.title{font-weight:bold}
ul#basket li.total{border-top:1px solid #456; height:24px; margin-top:5px}
ul#basket li.total span.total{margin-left:100px}

input#search_input{width:150px; height:15px; border:1px solid #7F9DB9; font-size:1.2em; padding:3px; margin:10px}
input#search_submit{margin-left:10px; background-color:#436986; border-top:2px solid #558FBC; border-left:2px solid #558FBC; border-bottom:2px solid #558FBC; padding:3px; border-right:2px solid #9DBFD8; color:#FFFFFF; font-size:1.1em}
input#checkout{background-color:#436986; border-top:2px solid #558FBC; border-left:2px solid #558FBC; border-bottom:2px solid #558FBC; padding:3px; border-right:2px solid #9DBFD8; color:#FFFFFF; font-size:0.9em}

input#login_email, input#login_password{ border:1px solid #7F9DB9; font-size:1.0em; padding:3px; width:150px}
input#login{background-color:#288803; border-top:2px solid #34ae05; border-left:2px solid #389f10; border-bottom:2px solid #40ce0a; padding:3px; border-right:2px solid #34ae05; color:#FFFFFF; font-size:1.1em; margin-left:10px}
p.reg{padding:10px; width:100px; }

.title_search{width:58px; background-image:url(images/title_search.gif); height:12px; margin-bottom:-5px; }
.title_login{width:46px; background-image:url(images/title_login.gif); height:15px; margin-bottom:-10px}

#search_container, #basket_container{background-color:#f0f0e7; padding:10px 0 0 5px;  border:1px solid #D3D3B5; width:190px; margin-bottom:20px}
#search_container{height:110px;}
#basket_container{ height:auto !important; height:80px; min-height:80px;}

#login_container{width:760px; height:33px; line-height:33px;}
form#login{height:33px; padding-top:5px; color:#fff}
form#login a{ color:#fff}
ul.login{float:right; color:#FFFFFF;}
ul.login li{float:left; margin-right:8px; font-size:0.9em}
ul.login li.reg{margin:0px}
ul.login li a{color:#FFFFFF}
ul.login li a:hover{color:#288803}

#reseller{width:195px; height:178px; background-image:url(images/banner_reseller.jpg)}

ul#reseller_contact{font-size:1.5em; margin:130px 10px 0 0; float:right; display:inline }
ul#reseller_contact li{line-height:1.1em}
ul#reseller_contact li, ul#reseller_contact li a{color:#288803; font-size:0.9em; text-decoration:none}
ul#reseller_contact li.num{font-weight:bold; font-size:1.3em}
ul#reseller_contact li a:hover{text-decoration:underline}
/*---------------INDEX---------------*/
body#index h1{font-size:3.0em; color:#288803; font-weight:bold}
body#index h2{font-size:2.0em; color:#91009b; margin-bottom:25px}
ul.product_index{border:1px solid #cfcfc7; width:250px; height:250px; float:left; margin:15px; display:inline; background-color:#f3f3e9}
ul.product_index li{text-align:center; font-size:1.5em; font-weight:bold; padding-top:20px}
ul.product_index li.image{width:135px; height:135px; margin:0 auto}
ul.product_index li a{color:#457BA2; text-decoration:none}

/*---------------PRODUCT---------------*/
.product_container{margin:5px 0 20px 0; float:left; width:520px;  padding:10px}
.product_container img{float:left; }
.product_container img.product{border:1px solid #d2d2d2;}
.product_container a:hover{text-decoration:underline}
.product_container ul.product_summary{float:right; width:270px;  margin-left:10px}
.product_container p{float:right; width:250px}
ul.product_summary li{margin-bottom:10px; line-height:1.7em}
ul.product_summary li.name{font-size:1.3em; font-weight:bold}
ul.product_summary li.more{font-weight:bold}
ul.product_summary li.stock{font-weight:bold; color:#FF0000}
ul.product_summary li.price{font-size:2.8em; font-weight:bold; color:#90019b}
ul.product_summary li.options{ font-weight:bold; color:#FF0033;}
ul.product_summary li a{text-decoration:none; color:#2b4a60}
ul.product_summary li.input{margin:20px 0 40px 0; float:left}
ul.product_summary li.add{float:left; margin:14px 0 0 10px}
ul.product_summary li.post{float:left; margin:-40px 0 0 115px ; display:inline; font-size:0.8em; color:#90019B}

ul.product_summary li.price span.sm{font-size:1.2em}

input.qty{width:30px; height:15px; border:1px solid #7F9DB9; font-size:1.1em; padding:3px;}
.product_container ul.product_image {width:180px; float:left;}
.product_container ul.product_image li{width:180px;  clear:left}
.product_container ul.product_image img{margin-bottom:5px}



/*---------------REG--------------*/
span.password{margin-left:180px}

/*---------------GALLERY---------------*/
ul#category{width:540px; float:left; margin-bottom:20px}
ul#category li{float:left; padding:0 2px; font-size:0.9em}

ul#gallery_1{width:540px; background-color:#33FF99;}
ul#gallery_1 li{float:left; margin:5px 5px 12px 5px}
ul#gallery_1 li img{border:1px solid #456;}

.gallery_2_cont{float:left; clear:left; margin-bottom:15px}
.gallery_2_cont img{float:left; border:1px solid #445566; margin:5px}
ul.gallery_2{float:left}
ul.gallery_2 li.title{font-weight:bold}

/*---------------BASKETS---------------*/
table {font-size:1.2em; width:520px; margin:0 auto 30px auto}
table tr td.total{border-top:1px solid #567;}
form#basket input{border:none}

table#basket{width:530px;}
table#basket thead {background-image:url(images/nav_bg.gif); height:40px; padding:3px; color:#FFFFFF}
table#basket tr td{padding:3px; font-size:0.9em}
table#basket thead tr th#remove{width:60px; padding-left:3px}
table#basket thead tr th#product{width:265px}
table#basket thead tr th#price{width:50px}
table#basket thead tr th#address{width:400px;}
table#basket thead tr th#select{width:50px}
table#basket thead tr th#quantity{width:60px}
table#basket thead tr th#sub-total{width:85px}
table#basket input.remove{border:none}
table#basket input {font-size:1.0em}

table#basket thead tr th#orderDate{width:200px; padding-left:3px}
table#basket thead tr th#orderTotal{width:200px}
table#basket thead tr th#orderStatus{width:130px}
table#basket thead tr th#orderView{width:50px;}

img.continue{margin-top:3px}

/*---------------TESTIMONIALS---------------*/
ul.testimonial li.name{margin-top:4px; font-weight:bold; margin-bottom:15px}

/*---------------FAQS---------------*/
ul#faq_q{margin-bottom:65px; clear:left}
ul#faq_q li{margin-bottom:5px; font-weight:bold}
ul#faq_q li a{text-decoration:none}

ul.faq_a{margin-bottom:15px}
ul.faq_a li.question{font-weight:bold}
ul.faq_a li.top{font-size:0.9em}

/*---------------ARTICLES---------------*/
ul.article_list{margin-bottom:15px}
ul.article_list li a{font-weight:bold; text-decoration:none}

/*---------------GET QUOTE---------------*/
form#quote p label{width:80px;}
#submit_quote{margin-left:85px}

/*---------------MY ACCOUNT---------------*/
form#register, form#contact, form#address{width:400px;}
form#register, form#contact, form#address{border:6px solid #288803; margin:0 auto}
form#register p, form#contact p, form#address p{width:100%; padding:6px 0; margin:0; color:#2d6a88; background-color:#e5fbdc; border-bottom:1px solid #fff}
form#register p label {width:180px}
form#address p label{width:100px}
form#contact p label{width:80px}
ul#my_account li {margin:5px 0; font-size:0.9em}
ul#my_account li.bold{font-weight:bold; margin-top:25px}
form#password p label{width:150px}
span#submit_login{padding-left:145px}
form#register p span#submit_login{padding-left:180px}
span#submit_address{padding-left:95px}
input.submit_reg{margin-left:150px}
/*---------------LOCATION---------------*/
ul#location{margin-left:25px}
ul#location li.map{margin-top:15px}

/*---------------CONTACT---------------*/
body#contact #leftcol{width:760px; border-right:none}
ul.contact{margin:0 0 25px 50px; float:left}
ul.contact li{font-size:0.9em}
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}

form#contact{margin:0 0 0 25px; float:left}
form#contact p{width:390px; padding-left:10px}
form#contact span#submit_contact{margin:5px 0 5px 75px}

/*---------------LINKS---------------*/
ul.links{margin-bottom:20px}
ul.links li {margin:3px 0; font-size:0.9em}
ul.links li.title{font-weight:bold;}

/*---------------SITEMAP---------------*/
ul#sitemap{margin-left:25px}

/*---------------FOOTER---------------*/
#footer{height:40px; line-height:40px; background-color:#000; clear:both; text-align:center; font-size:1.1em; color:#fff; margin-top:40px}
#footer a{text-decoration:none; color:#fff}

/*---------------GUESTBOOK/BLOG---------------*/
#guest_container {background-color:#f0f0e7; padding:2px;  border:1px solid #D3D3B5; margin-bottom:20px; padding:8px}
#blog_container {background-color:#ffffff; padding:2px;  margin-bottom:20px}
ul.social_bookmarking {	margin: 20px 0 20px -1px; }
li.social_bookmarking {	list-style: none; float: left; padding: 4px; font-size: 11px; }
li.social_bookmarking a { color: #000099; text-decoration: none; }
li.social_bookmarking a:hover {	text-decoration: underline;	}		
p.bookmark { margin-bottom: 10px; }

form#blog{ width: 500px; border:6px solid #B4CEE1; margin:0 0 0 10px}
form#blog p{width:100%; padding:6px 0; margin:0; color:#2d6a88; background-color:#E9F1F5; border-bottom:1px solid #fff}
form#blog p label{width:110px}
form#blog input{border-left:2px solid #7EAACC; border-top:2px solid #7EAACC; border-right:2px solid #B4CEE1; border-bottom:2px solid #B4CEE1;}
form#blog p span.x{width:300px; margin-left:105px}
span#submit_post{margin:5px 0 5px 95px}
span#submit_blog{margin:5px 0 5px 100px}
/*---------------MISC---------------*/
div.error {color:red; font-weight:bold; margin: 5px 0; font-size: 12px;}
span.error {color:red; font-weight:bold; padding: 2px;}
div.success {color:green; font-weight:bold; margin: 5px 0; font-size: 12px;}
div.imagefloater{width:550px}
div.imagefloater img { float: right; margin:0 0 10px 10px; background-color:#F0F0E7; border:1px solid #D3D3B5; padding:4px}
.change_address{width:130px; background-color:#339999; margin:-70px 0 0 150px}