#GalleryBox .gallery{
margin-left:-3px;
position:relative;
  }

body {
 background:url(images/headerbg.jpg) left 10px repeat-x #252525;
 font-family:arial;
 font-size:12px;
 behavior: url("/styles/csshover3.htc");
 color:#333;
 margin-top:10px;
    
  }
  a img{
  border:0;
  }
  
  a {
   color:#EFCC3A;
  }
  #middle a {
   color:#333;
  }
  a:visited{ }
  a:hover {color:#e39906 }
  h3{
  font-size:13px;
  margin:0;
   padding:0;
  }

   #loginpanel{
  background: url(images/loginpanel.png);
  width: 435px;
  padding-left:40px;
  padding-top:40px;
  height: 228px;
  }
  #advertiseImage{
  text-align:center;
  }
   #memberloginpage{
   padding-top:50px;
   }
  ul{
  margin-top:5px;
  padding-top:5px;
  }

    #logo {}

#backStrip { background:url(images/header.jpg) top no-repeat; height:184px; text-align:center; }
#navigation { border-left:1px solid #fff; border-right:1px solid #fff;}
  #wrapper {
    width: 988px;
    text-align: left;
    margin: 0px auto;
    position:relative;
  }
  
  #bgbox {
  
  border:1px solid #FFF;
  }
  
  #header {width: 990px;height:184px;}

  #headerImage { }
  #searchHolder {width:968px; background:#dbedc2; border:1px solid #155f29; height:20px; padding:10px; }
  #search #searchInput {border:1px solid #d6b728; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
  #search #searchButton { border:2px solid #155f29;  width:40px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  }
  #search #searchButton:hover {  cursor:pointer; background:#b8dc87;}
  
  #Cart {background:url(images/right-block.jpg) left top no-repeat;  padding:10px;}
  #Cart h2 {color: #FFF; font-size:16px; margin:5px 0px 10px 0px; padding:0px;}
  #Cart ul { padding-left:0px; list-style:none;}
  #Cart ul li {padding:4px 0px;}
	#cartItems {  text-align:center; width:auto; padding-top:6px; color:#FFF;}  
	#cartItems a {  padding:0px 10px; text-decoration:none; font-weight:bold;}
	#cartItems span {padding:0px 10px;}
	#cartItems a:hover { color:#FECD09;}
	
    .yellowText { color:#efca39; font-weight:bold; font-size:15px; margin-top:10px; display:block; }

    
#left {width: 180px;}
#loginSection {border-top:1px solid green; border-bottom:1px solid green; padding-left:8px; padding-top:10px; width:142px;}
  #loginForm .loginInput{border:1px solid #d6b728; -moz-border-radius: 3px; -webkit-border-radius: 3px; margin-bottom:10px; }
  #loginButton {border:2px solid #155f29;  width:60px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position:relative; left:80px; }
   #loginButton:hover { cursor:pointer; background:#b8dc87;}

#middle {
    font-size:12px;
    font-family:arial;
    background:#fff;
    padding:10px;
    width:616px;
  }
  
  .ProductBox { margin:10px 0px; border:2px solid #EFCC3A; padding:5px; line-height:1.4em;}
  .ProductInfo { }
  .ProductImage {margin:0px 8px; width:100px;}
  .ProductHeader {font-size:16px; font-weight:bold; margin:10px 0px; border-bottom:1px dotted #d4d4d4; padding-bottom:5px; max-width:400px; }
  .ProductDetails { background:#f8f7f1; border:1px solid #E9E6E0;  margin-top:10px; padding:5px 10px; width:400px; min-width:400px;}
  .moreInfoButton {color:#F00;}

.proditemname {font-size:20px; font-weight:bold; margin:10px 0 0 0; padding-bottom:5px;}
.assDocument { color:#f00;}
.itemtable, itemtable td { }
.ProductPricingTable { border-top:2px solid #EFCC3A; margin-top:20px; width: 350px;}
.ProductPricingTable td { padding: 5px; }
.ProductPriceLine {font-weight:bold; }
.proditemcode {padding:0px; font-weight:bold; }
.prodsubhead { width: 130px; padding:0px; font-weight:bold;}
.cartButtonHolder { padding:15px 0px 5px 0px;}

#right {color:#FFF; width:180px;}

#specials { background:url(images/right-block.jpg) left top no-repeat;  height:400px; padding:10px;}
	#specials H2 {color: #FFF; font-size:16px; margin:5px 0px 10px 0px; padding:0px; }
	#specialsImage {  height:150px; background:#fff; border:3px solid #efca39; text-align:center; }
	#actualSpecialsImage {margin-top:30px;}
  
	#watch_video {  text-align:center; margin-top: 20px;}
	
  #footer { background:url(images/footerbg.jpg) left top repeat-x; height:50px; color:#fff; font-size:10px; text-align:center; }
  #footer a { }

.nospecials {
	color: red;
	font-weight: bold;
	text-align: center;
	font-size: 17px;
	padding: 10px;
	margin-top: 20px;
}

.subcolumns { width: 100%; padding-top:1em; overflow:hidden; }
.subcolumns_oldgecko { width: 100%; float:left; }
 
 .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l { float: left }
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { float: right; margin-left: -5px }

.c25l, .c25r { width: 25% }
.c33l, .c33r { width: 33.333% }
.c50l, .c50r { width: 50% }
.c66l, .c66r { width: 66.666% }
.c75l, .c75r { width: 75% }
.c38l, .c38r { width: 38.2% } /* Golden Ratio */
.c62l, .c62r { width: 61.8% } /* Golden Ratio */

.subc { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; } 

* html .c50l, * html .c25l, * html .c33l, * html .c38l, * html .c66l,
* html .c75l, * html .c62l, * html .c50r, * html .c25r, * html .c33r,
* html .c38r, * html .c66r, * html .c75r, * html .c62r {
  display:inline; 
}

* html .subcolumns .subc,
* html .subcolumns .subcl,
* html .subcolumns .subcr { 
  
  overflow:hidden;
}

#subcolumns h2{
  	font-size: 13pt;
  	padding: 2px 0 2px 5px;
  	background-color: #cddc41;
  	color: #3F3F9E;
  	border-bottom: 1px solid black;
  	border-top: 1px solid black;
}
#subcolumns h3 {
 	font-size: 12pt;
}
#subcolumns h4 {
 	font-size: 11pt;
}

.imgRight {
 float: right;
 border: 1px solid #2E3957;
 margin-left: 2px;
 padding: 5px;
}

.imgLeft {
 float: left;
 border: 1px solid #2E3957;
 margin-left: 2px;
 padding: 5px;
}
#FormBlock .formtext {
font-weight: bold;
}
#FormBlock td {
padding: 3px;

}

.catName{
	text-align:center;
	}
	
.prevnext{
	background-color:#EFCC3A;
	padding:0px 8px 0px 0;
	}
/***************************************************************************/
/* WORKING DROPDOWN CSS:
/***************************************************************************/

#menu { clear:both; z-index:500;}
#menu ul {
list-style: none;
padding:0px;
margin:0px;
}
#menu a, #menu h2 {
font: 13px arial, helvetica, sans-serif;
display: block;
text-transform:uppercase;
font-weight:normal;
}

#menu h2 {padding:0px; margin:0px; }
#menu li { position:relative; width:150px; float:left; display:block; border-right:1px solid #fff; }
#menu a { color: #fff; padding:11px 20px; text-decoration: none;  text-align:center; display:block;   }
#menu a:hover { color:#EFCC3A; } 
html>body #menu a:hover { color: #222222; background:#EFCC3A; }


#menu ul ul{ border: 1px solid #fff; background-color:#222222; position: absolute; z-index: 500; left:-1px;  display:none;    }
#menu ul ul a{ background-color: #222222; font-weight:normal;  }
#menu ul li ul a:hover { background-color: #222222; } 
html>body #menu ul li ul a:hover{ background-color:#EFCC3A;  }

#menu ul ul li { width:200px; padding:-1px;  }
#menu ul ul a {text-align:left; width:100%; display:block; }

div#menu ul li:hover ul
{display: block;}
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{/*display: none;*/}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

/* Note If closes on hover add this code..*/
#navigation #menu * {z-index:500;}
/*------------------------------------*/


#Error_Panel {
	margin-top: 20px;
	color: red;
	font-weight: bold;
	text-align: center;
}
.Error_Code {
	font-size: 20px;
	text-transform: uppercase;
}

#latest { float:right; width:231px;   }
#latest a {background:#f0000f; color: #fff; font-family:Gill Sans MT; font-size:13px; text-transform:uppercase; display:block; padding:10px 30px;  text-align:center; text-decoration:none; font-weight:bold; }
#latest a:hover { color: #171717; background:#EEC314;}


/***************************************************************************/
/* Simple menu:
/***************************************************************************/
#memberMenu {border-bottom:1px solid #075820; border-top:1px solid #075820;}
#memberMenu ul {list-style: none;margin: 0;padding: 0;}
#memberMenu li { width: 100%; border-bottom:1px solid #D6B728; padding:7px 0px; }
#memberMenu a{background:url(images/side-list-item-bg.jpg) 5px top no-repeat; padding-left:40px; color:#000;}
#memberMenu a:hover {color:#FECD09;}


/***************************************************************************/
/* WORKING Vertical CSS:
/***************************************************************************/
#Vmenu { padding:10px; background:#3a3627; padding-bottom:30px;}
#Vmenu h2 {color: #FFF; font-size:16px; margin:5px 0px 10px 0px; padding:0px; }
#Vmenu ul {list-style: none; margin: 0;padding: 0;}
#Vmenu li {position: relative; }
#Vmenu a{display: block; margin: 0; padding:10px 0px; text-decoration: none;color:#efcc3a; font-size:12px; text-transform:uppercase; }
#Vmenu a:hover {color: #a00;}

/*First Level of links */
#Vmenu ul ul {padding-top:2px; padding-bottom:3px;}	
#Vmenu ul ul li { border-bottom:1px solid #D6B728; }
#Vmenu ul ul li a { }
#Vmenu ul ul li a:hover{color:#FFF;}

/*Second level of links */
#Vmenu ul ul ul {position: absolute;top: 0;left: 100%;width:100%;}
#Vmenu ul ul ul li a{color:#fff;width:200px;background:#222;padding-left:5px;border-bottom: 1px dotted #ffffff;}
#Vmenu ul ul ul li a:hover{background:none #414141;}
	
/*dont display second level --->*/
#Vmenu ul ul ul, #Vmenu ul ul li:hover ul ul
{display: none;}

/*<---- Until this hover condition is met */
#Vmenu ul ul li:hover ul, #Vmenu ul ul ul li:hover ul
{display: block;}

.pagination {
	border-left: 		0;
	border-right: 		0;
	font-size: 			13px;
	text-align: 		right;
}

.pagination:hover, .pagination_bottom  {
	background-color: 				#ffffff;
}
div.pagination {
	padding: 2px;
	margin: 8px 20px 8px 0;
}
div.pagination a {
	font-family: Tahoma,Arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	padding: 2px;
	margin: 2px;
}
div.pagination a:hover, div.pagination a:active {
	color: #000;
	text-decoration: underline;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	font-weight: bold;
	color: #000;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	color: #DDD;
}	
.StockistTable {
	border: 1px solid #252525;
	}
.StockistTable td {
	padding: 4px 4px 8px 4px;
}
.StockistTable th {
	background-color: #252525;
	color: white;
	padding: 4px;
}

table.checktable,table.carttable{
	width:600px;
	border:1px solid black;
	margin-bottom:10px;
	margin-top: 20px;
}
table.checktable th, table.carttable th{
	background-color:#AF2026;
	color:#FFF;
	font-weight:bold;
	font-size:13px;
	padding: 5px;
}	
table.checktable td,table.carttable td{
	padding:5px;
	padding-bottom:10px;
}
table.checktable input {
	font-size: 9px;
}
.carttotaltext{
	font-weight:bold;
	text-align: right;
	}
.carttotal_value{
	font-weight:bold;
	text-align: right;
	padding-right: 10px;
}

.carthead_desc{
	width:180px;
	}
table.carttable .carthead_desc{
	width:430px;
}
.carthead_actions{
	width:100px;
	text-align: center;
	padding: 3px 0;
	}
.carthead_subtotal{
	width:80px;
	text-align: right;
	padding-right: 10px;
}
.carthead_code{
	width:60px;
	padding-left: 5px;
}
.carthead_qty{
	width:80px;
	padding-left: 5px;
	text-align: center;
}
.cartbody_qty_off, .cartbody_qty_on{
	text-align: center;
}
.cartbody_price_off, .cartbody_price_on,.cartbody_subtotal_off, .cartbody_subtotal_on{
	text-align: right;
	padding-right: 10px;
}
.cartbody_actions_off, .cartbody_actions_on{
	text-align: center;
}
.carthead_price{
	width:80px;
	text-align: right;
	padding-right: 10px;
	}
.FormText {
	font-weight: bold;
}
.StockOut {
	color: red;
	font-weight: bold;
}