/* CSS Document */

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

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

#header { width:100%; height:125px; margin:0px; padding:0px; border-bottom:#003366 0px solid; position:relative;}

#contact { width:207px; position:absolute; top:23px; right:0px; font-size:2.4em; color:#333333;}
#contact span {color:#7EAC1E;}

#search { width:207px; position:absolute; top:59px; right:0px; font-size:2.4em; color:#333333;}
#search input {border-bottom:1px solid #81B31D; border-left:0px; border-right:0px; border-top:1px solid #C8DD9D; background:url(/images/input_bac.jpg); display:block; float:left; height:18px; color:#FFF;  }
#search_left { width:6px; height:22px; display:block; float:left; background:url(/images/input_left.jpg) no-repeat top left;  }
#search_right { width:6px; height:22px; display:block; float:left; background:url(/images/input_right.jpg)  no-repeat top left;}
  
body:last-child:not(:root:root) #search_left { display:none; }
body:last-child:not(:root:root) #search_right { display:none;}
body:last-child:not(:root:root) #search button {margin:-5px 0px 0px 0px;}

.hidden {display:none;}

#search button { background:none; border:0px; display:block; float:left; margin:-1px 0px 0px -9px;}

*html #search button {margin:-2px 0px 0px -4px;}
*+html #search button {margin:-2px 0px 0px -4px;}

#logo {  width:275px; height:85px; margin:0px; padding:0px;}

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

#sidebar { width:490px;  height:100%; float:left;  margin:0px 0px 0px 0px;  }
#page_header {height:321px;}
#slideshow {height:321px;}
#slideshow ul {margin:0px; padding:0px; display:block; float:left;}
#slideshow ul li {margin:0px; padding:0px; list-style:none;}

#home_content {color:#ffffff; font-size:1.2em;}
#home_content h1 {color:#ffffff; font-size:1.8em !important; font-weight:normal; margin:10px 0px 10px 0px;}

#side_home { position:relative; width:409px; min-height:575px; height:auto !important; height:575px; background:url(/images/side_home.jpg) no-repeat left top; display:block;  float:right; padding:15px 0px 0px 14px; }
#side_home_bottom { background:url(/images/sidehome_bottom.jpg) no-repeat left bottom; width:423px; height:13px; position:absolute; bottom:-13px; left:0px;  }
#featured_cat { background:url(/images/featured_cat.jpg) no-repeat; width:91px; height:93px; position:absolute; right:0px; top:184px;}
#feat_cat { width:258px; display:block; float:left;}
#feat_cat h1 { color:#333333; margin:8px 0px 0px 0px;}
#feat_cat p { line-height:normal; margin:4px 0px 8px 0px;}
#feat_cat a {}



#category {width:402px; margin:30px 0px 0px 0px;}
#category h1 {border-bottom:1px solid #999999; color:#333333; font-size:1.4em; padding:10px 0px 5px 0px; margin:0px 0px 5px 0px;}
body:last-child:not(:root:root) #category h1 {padding:40px 0px 5px 0px; margin:0px 0px 5px 0px;}

.gal { background:url(/images/gal_main.gif) no-repeat  top left; width:119px; padding:10px 0px 5px 10px; min-height:106px; height:auto !important; height:116px; position:relative; display:block; float:left; margin:0px 5px 5px 0px;}
.gal_bottom { position:absolute; bottom:0px; left:0px; background:url(/images/bottom_gal.jpg) no-repeat; width:129px; height:5px;  }
*html .gal_bottom { position:absolute; bottom:-9px; left:0px; }



.thumb { background:url(/images/gal_img_contain.jpg) no-repeat center top; width:110px; height:80px; text-align:center; vertical-align:middle;}
.gal .link {margin:3px 0px 0px 0px;} 
.gal .link a { font-size:1.2em; color:#ffffff; background:url(/images/gal_arrow.jpg) no-repeat left center; padding:0px 0px 0px 13px; }
*+html .gal .link a { font-size:1.2em; color:#ffffff; background:url(/images/gal_arrow.jpg) no-repeat left 15%; padding:0px 0px 0px 13px; }
*html .gal .link a { font-size:1.2em; color:#ffffff; background:url(/images/gal_arrow.jpg) no-repeat left 15%; padding:0px 0px 0px 13px; }

#footer { width:100%;  height:42px; margin:0px 0px 0px 0px; padding:0px; }
#footer p { font-size:0.7em; color:#FFFFFF; }

#breadcrumb { font-size:1.1em; margin:13px 0px 0px 0px; color:#333;}
#breadcrumb a { background:url(/images/arrow.jpg) no-repeat right center;  margin:0px 0px 0px 0px; padding:0px 14px 0px 6px; color:#333;}
#breadcrumb .text { padding:0px 14px 0px 6px;  color:#333;}

.clear { clear:both; }

/*------------------------------------ nav-----------------------------------------------------------*/

#nav { width:100%;  margin:16px 0px 0px 0px; padding:0px 0px 0px 0px; }
*html #nav { width:100%;  margin:14px 0px 0px 0px; padding:0px 0px 0px 0px; }
#nav ul { padding:0px; margin: 0px 0; list-style: none; float: left;}
#nav li {display:block; float:left; float: left; text-decoration: none; color: #ccc; padding:0px 0px 0 0; margin-right: 20px;}
#nav a { margin:0px 0px 0px 0px; padding:1px 6px 2px 0px;  color:#333333; display:block; font-weight:normal; font-size:1.2em; }
#nav li a span { float: left; padding-right: 6px; display: block; margin-top: -1px; height: 18px; }
*html #nav a { margin:0px 0px 0px 0px; padding:1px 6px 2px 0px;  color:#333333; display:block; font-weight:normal; font-size:1.2em; }
*html #nav li a span { float: left; padding-right: 2px; display: block; margin-top: -1px; height: 18px; }

#nav a:hover { text-decoration:none;  color:#333333; } 

#nav ul li a:hover { background:url(/images/hover.jpg) no-repeat top right;}

#nav ul li a:hover span {background:url(/images/hover.jpg) no-repeat top left;}


#nav ul li a.active { background:url(/images/active.jpg) no-repeat top right; color:#FFF;}

#nav ul li a.active span {background:url(/images/active.jpg) no-repeat top left;}

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

#products { font-size:1.2em; width:470px; display:block; min-height:400px; height:auto !important; height:400px; float:left; padding:0px 15px 0px 15px; margin:5px 0px 0px 0px; position:relative; background:url(/images/bottom_products.jpg) #ffffff no-repeat bottom left;}
*html #products { font-size:1.2em; width:450px margin:10px 0px 0px 0px; ;}
*+html #products {  margin:10px 0px 0px 0px; ;}
.products {border-bottom:1px solid #999999; padding:0px 0px 4px 0px;}
.products h6 {margin:5px 0px 5px 0px;}
.products_image { width:128px;  text-align:center; margin:10px 0px 10px 20px; vertical-align:middle; padding:8px 0px 0px 0px; height:87px; display:block; float:right; background:url(/images/psum_cont.jpg) no-repeat top left;}
.products_image img { background:url(/images/gal_img_contain.jpg) no-repeat center top;  text-align:center; vertical-align:middle;}


.paging {width:100%; text-align:right; font-size:1.1em; margin:10px 10px 10px 0px; display:block; float:right;}
.paging a {color:#333333; font-weight:normal;}

#products_right {width:423px; display:block; float:right; margin:0px 0px 10px 0px;}
#products_header { background:url(/images/sidebar_products.jpg) no-repeat; width:423px; padding:16px 0px 0px 0px; height:263px; text-align:center; vertical-align:middle; }
#header_container {width:391px; height:237px; display:block; margin:0px auto 0px auto; text-align:center; vertical-align:middle; background:#ffffff;}
#header_container ul {margin:0px; padding:0px; dispaly:block; float:left;}
#header_container ul li {margin:0px; padding:0px; list-style:none;}
#products_right_text {width:331px; margin:68px auto 0px auto;}
#products_right_text p {color:#ffffff;}



/*------------------------------------- product detail  ---------------------------------------*/

#contact_area { margin:30px 0px 30px 0px; padding:5px 0px 10px 28px; width:480px; min-height:125px; height:auto !important; height:125px; position:relative; background:url(/images/contact_area.jpg) #3B3B39 no-repeat top left; }
#contact_area_bottom {background:url(/images/contact_area_borrom.jpg) no-repeat left bottom; position:absolute; left:0px; bottom:0px; width:508px; height:11px;}
#contact_area .error_feedback li {color:#ffffff;}

h1.select {margin:0px 0px 8px 0px !important; padding:10px 0px 2px 0px !important;}

#contact_area form { margin:0px; padding:0px; vertical-align:bottom;}
#contact_area input {width:151px; display:block; margin:0px 0px 5px 0px; padding:3px 0px 2px 3px; background:#666666; border:0px; font-size:1.2em; color:#ffffff;}
#inputs {width:154px; float:left; display:block; }
#contact_area textarea {width:220px; display:block; color:#ffffff; float:left; height:74px; background:#666666; border:0px; margin:0px 3px 0px 4px; padding:1px 0px 1px 5px;}
#contact_area button {background:none; border:none; display:block; float:left; margin:55px 0px 0px 0px;}

#pen {height:237px; display:block; width:391px; background:#ffffff;}
#pen ul {margin:0px; padding:0px; position:relative;} 
#pen ul li {margin:0px; padding:0px 0px 0px 0px; list-style:none; position:absolute; top:0px; left:0px;}
#pen ul li img {display:block;}
#pen ul li .lefttext {display:block; float:right; width:160px; border-bottom:1px #333333 solid;}
#pen ul li .lefttext p {font-size:12px !important; color:#333333 !important; line-height:18px !important; margin:10px 0px 5px 0px !important;}
#pen ul li .lefttext a {text-decoration:none;}
/*------------------------------------- News  ---------------------------------------*/

.news {border-bottom:1px solid #999999; padding:10px 0px 0px 0px; }
.news a { font-size:1.2em; color:#333333; font-weight:bold;}
.news a span {color:#7FB21D;}
.news p {margin:0px 0px 10px 0px;}
.paging_top {width:100%; text-align:right; font-size:1.1em; margin:10px 0px 10px 0px; position:absolute; top:5px; right:15px;}
*html .paging_top {width:100%; text-align:right; font-size:1.1em; margin:10px 0px 10px 0px; position:absolute; top:5px; right:33px;}
.paging_top a {color:#80B21D;}

*html #news_right {margin:70px -20px 0px 0px}
#news_right { width:423px; display:block; float:right; min-height:300px; height:auto !important; height:300px; background:url(/images/news_right_bac.jpg) no-repeat; position:relative; margin:70px 0px 0px 0px;}
#news_right_bottom {display:block; width:423px; height:11px; position:absolute; bottom:0px; left:0px; background:url(/images/bottom_news.jpg) no-repeat left bottom;}
#news_right p {color:#ffffff; font-size:1.4em; padding:0px 0px 0px 16px; }

#news_cat {width:166px; display:block; float:left; margin:13px 0px 0px 18px;}
#news_cat a {color:#ffffff; font-size:1.2em; display:block;  background:url(/images/news_arrow_nav.gif) #8DBD2B no-repeat 10% center; padding:3px 0px 3px 40px;}
#news_cat a.nobac { background:url(/images/news_arrow_nav.gif) transparent no-repeat 10% center !important; }

#news_cat a:hover {text-decoration:none;  background:url(/images/news_arrow_nav.gif) transparent no-repeat 10% center;} 
#news_archive {width:166px; display:block; float:left; margin:13px 0px 0px 44px;}
#news_archive a {color:#ffffff; font-size:1.2em; display:block; background:url(/images/news_arrow_nav.gif) #8DBD2B no-repeat 10% center; padding:3px 0px 3px 40px;}
#news_archive a.nobac { background:url(/images/news_arrow_nav.gif) transparent no-repeat 10% center !important; }
#news_archive a:hover {text-decoration:none;  background:url(/images/news_arrow_nav.gif) transparent no-repeat 10% center;} 

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

body { text-align: left;  margin: 0px;  padding: 0px;  letter-spacing:normal; background:url(../images/bac.jpg) repeat-x #333333; font-family: Arial, Helvetica, sans-serif; font-size:0.6em;}
body,p,h1,h2,h3,h4 { margin:0px;  padding: 0px; }

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

h1 { font-size:1.8em; color:#333333; font-weight:normal; margin:10px 0px 30px 0px; padding:0px 0px 0px 0px; }
h2 { color:#333333; font-size:1.8em; font-weight:bold; border-bottom:1px solid #A8DA42;  margin:10px 0px 10px 0px; padding:0px 0px 5px 0px; }
h3 { color:#333333; font-size:1.6em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h4 { color:#7FB21D; font-size:1.5em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h5 { color:#7FB21D; font-size:1.3em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }
h6 { color:#7FB21D; font-size:1.2em; font-weight:bold; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; }

hr {}

ul {  }
ul li {font-size:1.2em; list-style:disc;  }
ol {}
ol li {font-size:1.2em; list-style:decimal; }


address {font-size:1.2em; margin:5px; font-style:italic;}

a { color:#7FB21D; text-decoration:none; }
a:hover { color:#7FB21D; text-decoration:underline; }

p { font-size:1.2em; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; line-height:24px; }


ul#left_main {color:#ffffff !important; font-size:1.2em; margin:0px 0px 0px 10px; padding:0px;}
*+html ul#left_main {color:#ffffff !important; font-size:1.2em; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;;}
*html ul#left_main {color:#ffffff !important; font-size:1.2em; margin:0px 0px 0px 0px; padding:0px 0px 0px 20px;;}
ul#left_main li {color:#ffffff !important; font-weight:bold; font-size:1.2em; margin:5px 0px 5px 0px; padding:0px;}