/*---------------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/bg.gif) 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:955px; text-align:left;  margin-left:auto; margin-right:auto;} 
ul{list-style:none; font-size:1.2em}
a{color:#434343; text-decoration:underline; outline:0}
a:hover{color:#0000CC}
.clr{clear:left}
p{font-size:1.1em; line-height:1.5em; margin-bottom:1.5em}

form{width:100%; margin:0;}
form input, 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; font-weight:bold; margin-bottom:0.4em; color:#436986}
h1{font-size:2.0em;}
h2{font-size:1.5em;}
h3{font-size:1.3em;}
iframe{float:right; clear:right; margin:15px 0 0 15px}
.bold{font-weight:bold}

h2  span.small a{font-size:10px; font-weight:normal}

/*---------------HEADER---------------*/
#header{position:relative; height:165px; width:100%;}

#logo{float:left; width:126px; height:124px; text-indent:-6000px; background-image:url(images/logo.jpg); margin:10px 0 0 15px; display:inline}
#logo a{height:124px; width:100%; display:block; overflow:hidden; }

#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:30px 10px 0 0; float:right; display:inline; color:#436986}
ul#header_contact  li a{color:#436986}
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, .title_basket{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: 0}

/*---------------TWO COLs---------------*/
#twocols{width:805px; float:right; position:relative;}
 
/*---------------MAIN COL---------------*/
#maincol{float:left; display:inline; position: relative; width:585px; padding:0 10px 25px 10px;}

/*---------------LEFT COL---------------*/
#leftcol{width:150px; float:left; position:relative; margin:0px; display:inline; height:auto !important; height:550px; min-height:550px;}

#nav_cat li, ul#nav li{font-size:1.0em;  font-weight:bold;}
#nav_cat li.home{margin-bottom:15px}
#nav_cat li a, ul#nav li a{color:#787878; text-decoration:none; padding-left:5px}
#nav_cat li a:hover, #nav li a:hover{text-decoration:underline}

#nav_cat li.title_buy{width:86px; height:15px; font-size:0; background-image:url(images/title_buy.gif); text-indent:-6000px; display:block}

/*---------------RIGHT COL---------------*/
#rightcol{ float:right; display:inline; position: relative; width:200px; margin:0}
#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{width:104px; height:12px; font-size:0; background-image:url(images/title_basket.gif); height:12px; margin:0px 0 8px 0; padding-left:0}
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:#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; margin-left:10px}
p.reg{padding:10px; width:100px; }

.title_search{width:126px; background-image:url(images/title_search.gif); height:13px; margin-bottom:-5px; }
.title_login{width:46px; background-image:url(images/title_login.gif); height:15px; margin-bottom:-10px}
.title_basket{width:104px; background-image:url(images/title_basket.gif); height:12px; margin:45px 0 -10px 0}

#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:955px; height:30px; line-height:30px}

ul.login{float:right}
ul.login li{float:left; margin-right:8px; font-size:0.9em}
ul.login li.reg{margin-left:15px}
/*---------------INDEX---------------*/
body#index h1{font-size:1.4em; font-weight:bold; margin-top:20px}
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; border-bottom:1px solid #d2d2d2;  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:left; width:330px;  margin-left:10px;}
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:1.8em; font-weight:bold; color:#FF0033}
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}

input.qty{width:30px; height:15px; border:1px solid #7F9DB9; font-size:1.1em; padding:3px;}
input.basket{background-color:#436986; border-top:2px solid #558FBC; border-left:2px solid #558FBC; border-bottom:2px solid #558FBC; padding:2px; border-right:2px solid #9DBFD8; color:#FFFFFF; font-size:1.0em; margin-left:10px}

.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}

/*---------------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:580px;}
table#basket thead {background-image:url(images/nav_bg.gif); height:40px; padding:3px}
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;}
/*---------------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 #B4CEE1; margin:0 auto}
form#register p, form#contact p, form#address p{width:100%; padding:6px 0; margin:0; color:#2d6a88; background-color:#E9F1F5; border-bottom:1px solid #fff}
form#register p label {width:140px}
form#address p label{width:100px}
form#contact p label{width:80px}
form#register input, form#contact input, form#address input{border-left:2px solid #7EAACC; border-top:2px solid #7EAACC; border-right:2px solid #B4CEE1; border-bottom:2px solid #B4CEE1;}
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}
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 #maincol{width:735px}
ul.contact{margin:0 0 0 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:#f3f3e9; clear:both; text-align:center; font-size:1.1em; color:#436986; margin-top:40px}
#footer a{text-decoration:none; color:#436986}

/*---------------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}