/* CSS Document */

/*--------------------------------------- General Structure -----------------------------------------*/

html { height: 100%; }

body { height: 100%; }

#wrapper { position: relative; min-height: 100%;}

*html #wrapper { height: 100%; }

#container{ position:relative;   border:#000000 0px solid;  padding:0px 0px 310px 0px; margin-top:0px; margin-left:auto; margin-right:auto; width:966px; }

#header { width:100%; height:44px; margin:0px 0px 21px 0px; padding:0px;}

#logo {  width:277px; height:106px; margin:28px 0px 36px 0px; padding:0px;  }

#main {  width:100%; margin:0px 0px 0px 0px; }

#content {width:430px; float:left; margin:0px 0px 40px 0px;}
#sidebar { width:525px;  height:100%; float:left;  margin:0px 0px 10px 11px; padding:0px; background:#ffffff; }
#sidebar a { margin:0px auto 0px auto; display:block; width:375px; height:13px;}

#sidebar ul { margin:0px; padding:0px; position:relative; width:525px; height:374px;}
#sidebar ul li {margin:0px; padding:0px; position:absolute; top:0px; left:0px; list-style:none;}

#sidebar_right { width:266px;  height:100%; float:right;  margin:0px 10px 0px 10px; padding:0px;}

#footer { position:relative; width:100%; background:url(../images/footer.jpg) repeat-x left top; height:310px; margin:-310px 0px 0px 0px; padding:0px; }
#footer_container {width:966px; margin:0px auto 0px auto;}
#footer_container h6 { margin:0px 0px 0px 0px !important; padding:10px 0px 10px 0px; color:#fff !important; font-weight:bold; font-size:13px;}

#footer_section { width:100%; height:249px; display:block;}
.footer_section { width:186px; display:block; float:left; margin:21px 44px 0px 3px;}
.footer_section a img {border:3px solid #171E20;}
.footer_section a:hover img {border:3px solid #C3CED4;}
.footer_section a {color:#fff; text-decoration:none;}
.footer_section a:hover {color:#fff;}
.footer_section p { color:#fff !important;}
#copyright p { width:100%; display:block; text-align:center !important; color:#1E2526 !important; font-size:10px !important; }
#copyright a  { color:#1E2526 !important; text-decoration:none !important;  font-size:10px !important;}

.clear { clear:both; }

/*------------------------------------ textpage-----------------------------------------------------------*/

#pagheader { display:block; float:right; width:360px; margin:0px 120px 10px 0px;}
*html #pagheader { display:block; float:right; width:360px; margin:0px -50px 10px 0px;}
#pagheader a { margin:0px 0px 0px 70px;}

/*------------------------------------ Products -----------------------------------------------------------*/

#products {width:424px; min-height:600px; height:auto !important; height:600px; margin:0px 0px 10px 0px; display:block; float:left; border-left:1px solid #CCCCCC; padding:0px 0px 0px 30px;}
.product { width:424px; display:block; border-bottom:2px solid #000;  float:left; margin:0px 24px 20px 0px; padding:0px 0px 20px 0px; }
.product a {text-decoration:none; }
.product a img {border:3px solid #171E20;}
.product a:hover img {border:3px solid #C3CED4;}


.left_prod {display:block; float:left; margin:0px 20px 0px 0px;}
.text_prod {display:block; float:left; width:196px;}
.text_prod p {margin-top:0px !important;}
.paging {width:424px;; font-size:12px; color:#FFF; background:#1E2528; display:block; padding:4px 0px 4px 6px; margin:0px 0px 10px 0px;}
.paging a { color:#FFF; text-decoration:none;}
.paging a:hover { color:#FFF; text-decoration:underline;}

#products_content {width:422px; display:block; float:right; }

.product_main { width:186px; position:relative; display:block; float:left; margin:0px 20px 0px 0px;}
.product_main a img.magnify { position:absolute; bottom:10px; right:10px; border:0px !important; }
.product_main a img {border:3px solid #000;}
/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:0px 0px 0px -23px; padding:0px 0px 0px 0px; position:relative; z-index:100; }
#nav a { text-decoration:none;  margin:0px 0px 0px 0px; padding:14px 23px 16px 23px; display:block; float:left;   color:#ffffff; display:block; font-weight:bold; font-size:12px;}
#nav a:hover { background:url(../images/hover.jpg) no-repeat center top; text-decoration:none;  color:#ffffff; } 
#nav a.active{ background:url(../images/hover.jpg) no-repeat center top; text-decoration:none;  color:#ffffff; } 

#contact input {width:342px;}
#contact label {width:75px; padding:0px 0px 10px 0px;}
#contact textarea {width:342px;}
#contact button { display:block; float:right; }

#contact2 input {width:250px;  clear:both;}
#contact2 label {width:100%; height:20px; clear:both;  display:block; padding:0px 10px 0px 0px;}
#contact2 textarea {width:390px; height:100px;}
#contact2 button { display:block; float:right; margin:0px 30px 0px 0px;}

/*------------------------------------- General Text & Colours & backgrounds ---------------------------------------*/

button {cursor:pointer;}
body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x left top; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

img { border:0px; margin:0px; padding:0px; }

h1 { font-size:16px; color:#333333; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2 { color:#303B41; font-size:16px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3 { color:#283136; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#333333; font-size:15px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#303B41; font-size:14px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#283136; font-size:14px; font-weight:normal; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li { color:#333333; font-size:12px; list-style:disc;  }
ol {}
ol li {color:#333333; font-size:12px; list-style:decimal;  }

em {}
pre {}
u {}
sub {}
sup {}

address {}

a { color:#000; font-size:12px; text-decoration:underline; }
a:hover { color:#000; text-decoration:underline; }

p { color:#333333; line-height:18px; font-size:12px; margin:12px 0px 12px 0px; padding:0px 0px 0px 0px; }

/*hacks list remove before live

HANDY HINTS

*html IE6
*+html IE7
:root  FIREFOX
body:last-child:not(:root:root)    SAFARI
html:first-child OPERA
*/