/* CSS Document */

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

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(/images/bac.gif) no-repeat left top #000000; font-family: Arial, Helvetica, sans-serif; }
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

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

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

#gallery_home  { width:981px; height:310px; position:relative; margin:0px; padding:4px 0px 0px 3px;  background:#000000;  }

#email_abs {width:404px;  text-decoration:none; height:15px; position:absolute; background:none; top:87px; right:0px;}
#email_abs a:hover {text-decoration:none;}
#header { width:101%; height:128px; position:relative; margin:0px; padding:0px;  background:url(/images/header.gif) no-repeat;  }
#header form {position:absolute; top:14px; right:0px; width:224px; height:22px; padding:5px 0px 0px 0px;}
#header label {color:#ffffff; font-size:12px;}
#header button {color:#000000; font-size:12px; border:0px; margin:0px 0px 0px 10px; width:37px; height:22px; background:url(/images/search_button.jpg) no-repeat center;}
#header input { color:#707070; width:163px; border:0px; font-size:12px; height:19px; padding:0px; margin:0px 0px 0px 5px;}
:root #header button {color:#000000; font-size:12px; border:0px; margin:-20px 0px 3px 6px; padding:0px; width:37px; height:22px; background:url(/images/search_button.jpg) no-repeat center;}

.link_po {margin:20px 0px 20px 140px;}

#contact a {color:#ffffff; font-size:18px; text-decoration:underline; margin:10px 0px 10px 50px; padding:0px 0px 0px 0px;}
#gallery_nav {width:592px; float:left; padding:5px 0px 0px 5px;}
#gallery_display {float:right; margin:15px 10px 0px 0px; position:relative;}
.gal img {margin:4px 2px 4px 2px; border:1px #2b2b2b solid;}
#main { background:url(/images/main_bac.jpg) repeat-y right;  width:100%; margin:0px 0px 0px 0px;  }
#sidebar { position:relative; width:289px;  height:100%; float:left; margin:12px 0px 0px 0px; padding:0px 0px 0px 0px;  }
#slideshow {margin:10px 0px 10px 0px; }
#slideshow img {border:#f31713 solid 2px;}
#news  { width:360px; margin:0px 0px 0px 0px;}
.news  { width:360px; margin:0px 0px 0px 0px;}
.news h1 {border:0px; font-size:12px; margin:0px 0px -6px 16px; padding:0px;}
.news a { color:#f31713;}
.news p {margin:5px 0px 0px 16px; padding:0px;}
.news a:hover {color:#f31713; text-decoration:none;}
#content  {  width:681px; margin:0px 0px 0px 0px; float:right; padding:0px 0px 0px 0px; min-height:300px; height:auto !important;   height:300px;}


#content p { margin:10px 0px 10px 0px; font-weight:normal; padding:0px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; color:#ffffff;}
#content h1{width:360px; font-size:15px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;  margin:10px 0px 10px 0px;}
#content img {margin:10px 0px 10px 0px; padding:0px;}
#product_summary { width:580px;  margin:0px 0px 0px 14px; margin:auto;   padding:0px; min-height:300px; height:auto !important;    height:300px;}
.product_summary{ width:262px; height:89px; float:left; padding:0px; margin:0px 10px 15px 10px; }
.product_summary img{ width:66px; height:66px; float:left; margin:10px 0px 0px 0px; padding:0px; }
.products_summary p{ float:left; width:173px; margin:0px 10px 0px 10px; padding:0px; }
.products_summary a{ font-size:12px; margin:0px 0px 0px 110px; text-decoration:none; color:#54b1f0;}



#footer { width:420px;  margin:-50px 0px 0px 0px; float:right; }

.clear { clear:both; }
/*--------------------------------------gallery------------------------------------------------------*/
# content_gallery  { width:580px;  float:right;  margin:0px 10px 0px 0px; padding:0px; min-height:300px; height:auto !important;   height:300px;}
#gallery  { width:686px;  height:375px; float:right; position:relative; margin:0px; padding:0px;  background:#000000;  }
#gallery p {color:#ffffff; font-size:15px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; margin:0px 0px 10px 452px;}
#mov_gal { margin:44px 10px 0px 0px;}
#bigimage li {list-style:none; margin:43px 0px 0px 20px;  }

*html #gallery p {color:#ffffff; font-size:15px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; margin:-20px 0px 10px 455px;}

*html #mov_gal { margin:48px 10px 0px 0px;}
*html #bigimage li {list-style:none; margin:48px 0px 0px 0px;  }

#pen {margin:0px; padding:0px; postiion:relative;}
#pen ul {margin:0px 0px 0px 0px; padding:0px; postiion:relative;}
*html #pen li {position:absolute; left:0px; top:0px;  margin:-3px 0px 0px 0px; padding:0px; list-style:none; }
#pen li {position:absolute; left:-374px; top:0px;  margin:-5px; padding:0px; list-style:none; }
.hidden {display:none;}
.gal ul li {margin:0px; padding:0px; list-style:none;}
#bigimage {margin:0px 0px 0px 30px; width:286px; height:283px; float:left;}
*html #bigimage {margin:0px 0px 0px 25px; width:286px; height:283px; float:left;}
.gal_side {float:right; margin:0px 40px 0px 0px; padding:0px;}
*html .gal_side {float:right; margin:0px 20px 0px 0px; padding:0px;}
.gal_side img {margin:0px 5px 8px 5px; padding:0px; }
/*------------------------------------ nav-----------------------------------------------------------*/
#nav { width:289px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }

#nav p { color:#ffffff; font-weight:normal; text-align:left; } 
#nav a { background:url(/images/nav_lr.jpg) left no-repeat;  height:40px;  margin:0px 0px 0px 0px; padding:2px 6px 2px 12px; color:#a2a2a2; font-weight:normal; font-size:12px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;}
#nav a:hover {color:#a2a2a2; text-decoration:none; } 

dl, dt, dd, ul, li {margin: 0; padding: 0; list-style-type: none; }

#menu { position:absolute; top:0px; left:0px; font-size:15px;  font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; color:#ffffff; width:289px; margin:0px 0px 0px 0px; font-weight:bold;}

#menu dl {float:left; width: 100%; margin: 0;padding: 0; }


#menu dt {
cursor: pointer; margin:0px;
height: 28px;
line-height: 20px;
padding:0px 0px 0px 0px;
margin:-2px 0px 0px 0px; 
}


#menu dd {
display: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}
html* #menu ul {
width:289px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}
*html #menu ul {
width:289px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px -40px; 
}
html>body #menu ul {
width:289px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px -40px; 
}
:root #menu ul {
width:289px;
text-align: left;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px; 
}


:root #menu li {
text-align: left;
height:28px;
padding:0px 0px 0px 0px;
margin:-1px 0px 2px 0px; 
list-style-type:none;
}
#menu li {
text-align: left;
height:28px;
list-style-type:none;
padding:0px 0px 0px 0px;
margin:-1px 0px 2px 0px;  
}
#menu dt a {margin:0px 0px 1px 0px; height:20px;   background:#000000;  color:#ffffff; display:block;  font-weight:normal; font-size:15px; padding:2px 0px 2px 8px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }
#menu dt a.bord {background:url(/images/drop_down.jpg) no-repeat #000000 98% 60%;;}
#menu dt a:hover.bord {background:url(/images/drop_down_hover.jpg) no-repeat #ffffff 98% 60%;  text-decoration:none;  color:#000000; } 
#menu dt a:hover {background:#ffffff;  text-decoration:none;  color:#000000; } 


#menu li a {font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; margin:0px 0px 1px 0px; height:17px;  background:url(/images/mn.jpg) no-repeat left center #ffffff; color:#000000; display:block; font-weight:normal; font-size:15px; padding:3px 0px 4px 25px; }


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

h1{ color:#ffffff; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;   margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; }
h2{ color:#ffffff; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h3{ color:#999999; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4{ color:#CCCCCC; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5{ color:#a2a2a2; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold;   margin:15px 0px 10px 0px; padding:0px 0px 0px 0px; }


#content  ul li { color:#ffffff; list-style:disc; margin:5px 0px 5px 20px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;}

ul {  }
ol { }
ul li { color:#ffffff; list-style:disc; margin:0px 0px 0px 20px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;}
ol  li { color:#ffffff; list-style:decimal; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }

a { color:#ffffff; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; text-decoration:none; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }
a:hover { color:#ffffff;font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; text-decoration:underline; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }

p { font-size:12px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; color:#999999; }
#footer p { font-size:11px; color:#FFFFFF; text-align:right; margin:10px 10px 10px 0px; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }

#footer a { color:#ffffff; text-decoration:none; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif; }
#footer a:hover { color:#ffffff; text-decoration:none; font-family:"AvantGarde Bk BT", Arial, Helvetica, sans-serif;}