/*
 * ################################################################
 * #
 * # RESET ALL CSS STYLES TO A UNIFORM STYLE FOR ALL BROWSERS
 * # 
 * ################################################################
*/

html, body{
	margin: 0;
	padding: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-left:0;
} 
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/* end reset styles */

/* clearing technique */
.clearfix:after {
    content:".";
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* mac hide \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide */
/*........... do not change or amalgamate the above clearfix styles ......*/

p,h1,h2,h3,h4,h5,h6,ul,ol {margin-bottom:.5em}
a img,img{border:none;display:block;}
h1,h2,h3,h4,h5,h6{
	font-weight:bold;
}
h1{font-size:197%}/* 26px */
h2{font-size:182%}/* 24px */
h3{font-size:167%}/* 22px */
h4{font-size:152%}/* 20px */
h5{font-size:136%}/* 18px */
h6{font-size:122%}/* 16px */



body{
	font-size: 13px; 
	text-align:center;/* for ie5.+*/
}


/*
 * ################################################################
 * #
 * # SITE TAGS
 * # 
 * ################################################################
*/


body{
	background:#333 url('/static/img/body_bg.gif') repeat-x 0 0;
}

#outer{
	width:923px;
	min-height:600px;
	margin:auto;/* center the page*/
	margin-top:8px;
	text-align:left;/* reset text back to left due to ie5.x fix */
	background-color:#fff;
	border: 1px solid #000;
}

#header{
	width:923px;
	height:111px;
	background:#333 url('/static/img/header_bg_en_cropped.jpg');
}

#header_uc{
	width:923px;
	height:181px;
	background:#333 url('/static/img/header_uc_bg.jpg');
}

#main,#content {
	width:923px;
}

#main {
	background:url(/static/img/main_bg.gif) repeat-y 0 0; 	 
}

#col1{
	width:155px;
	margin: 8px 10px 0 10px;
	display:inline;/* cure IE6 double margin bug*/
	float:left;
}
#maincol{
	width:655px;
	margin:12px 28px 0 18px;
	float:left;
	min-height:385px;
	display:inline;/* cure IE6 double margin bug*/
}

#col2{
	width:210px;
	float:left;
	margin:12px 0px 12px 2px; 
	display:inline;/* cure IE6 double margin bug*/
}

h3 {	font-family: sans-serif;
	font-size: 13pt;
}
#content{
	background:url(images/3col-top.png) no-repeat 0 0;
	min-height:385px;
	font-family: sans-serif;
	font-size: 11pt;
	text-align: justify;
	line-height: 14pt;
	

}

.link {
	background:url(/static/img/icons/link2.png) no-repeat 0 3px;
	padding-left:16px;
}
.link a, .link a:visited {
    text-decoration: none;
}
.link a:hover {
    text-decoration: underline;
}


* html #content {height:385px}/* for ie6 and under*/

#footer {
	width:923px;
	height:21px;
/*	border-left: 1px solid #000;
	border-right: 1px solid #000;*/
	background: #222 url(/static/img/footer_bg.gif) repeat-x 0 0;
	text-align: center;
	line-height:18px;
	color:#fff;
}

a {color:#6a982c;}

.links {
	line-height: 12pt;
	margin-bottom:15px;
}


/*
 * ################################################################
 * #
 * # SHOPPING CART
 * # 
 * ################################################################
*/


#cart {
	width: 175px;
	height: 33px;
	position: relative; top: 148px; left: 748px;
}

#cart a, #cart a:visited {
	display: block;
	width: 175px;
	height: 33px;
	background: url(/static/img/cart.gif) no-repeat left top;
}

#cart a:hover {
	display: block;
	width: 175px;
	height: 33px;
	background: url(/static/img/cart_hover.gif) no-repeat left top;
}

/*
 * ################################################################
 * #
 * # MENU
 * # 
 * ################################################################
*/

#submenu {
width:913px;
height:18px;
padding:5px;
background-color:#ddd;
}

#memu {
	display: block;
	text-align: center;
	font-size: 120%;
	text-decoration: none;
}

#menu ul { 
	width: 923px; /*If your links text is bigger you will have to adjust this value*/
	height: 34px;
	margin: 0 auto;
	padding: 0;
	line-height: 34px; /*same as height. This will center your text vertically*/
	text-decoration: none;
	background: url(/static/img/menu_bg.jpg) repeat-x left top;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	padding: 0 25px;
	color: #CCCCCC;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 34px;
	background: url(/static/img/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
	background: url(/static/img/menu_sep.jpg) no-repeat left top;
}
		  
#menu ul li a:hover, #menu ul li a.active { 
	background: transparent url(/static/img/menu_over.jpg) repeat-x center top;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
}


/*
 * ################################################################
 * #
 * # FORMS
 * # 
 * ################################################################
*/

/* div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; } */

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }

div.debug { margin: 0 0 10px 0; padding: 5px 10px; border: #6FC 1px solid; background-color: #CFF; }
div.debug p { margin: 0; }
div.debug p em { color: #0C0; font-style: normal; font-weight: bold; }


div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input {font-family: sans-serif;font-size:10pt;}
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label,
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 170px; }
/* div.form-container textarea {font-family: sans-serif;font-size:10pt;} */
div.form-container hr {border: #DDD 1px solid; height:1px;}



/*
 * ################################################################
 * #
 * # PRODUCTS
 * # 
 * ################################################################
*/

#productbox { float:left; width:203px; padding-right:15px; padding-bottom:10px; text-align:center; }

div.product #thumbs     {  float:right; width: 120px; height:120px; padding: 8px; }

/* Product Box */
.box { 
  background: #E6FFC5; 
}
.boxtop { 
  background: url('/static/img/rc/ne.gif') no-repeat top right; 
}
.boxtop div { 
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/nw.gif') no-repeat top left; 
}
.boxbottom { 
  background: url('/static/img/rc/se.gif') no-repeat bottom right; 
}
.boxbottom div { 
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/sw.gif') no-repeat bottom left;
}
.boxcontent {
  padding: 0px 8px 0px 8px;
}

	h4 {
	font-size:17px;
}

.boxcontent .price { font-size:15px; font-weight:bold;  height:24px;padding:8px; }

/* Product Image Box */

.imgbox { 
  background: #FFFFFF;
}
.imgboxtop {
  background: url('/static/img/rc/ne2.gif') no-repeat top right; 
}
.imgboxtop div { 
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/nw2.gif') no-repeat top left; 
}
.imgboxbottom { 
  background: url('/static/img/rc/se2.gif') no-repeat bottom right; 
}
.imgboxbottom div { 
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/sw2.gif') no-repeat bottom left; 
}
.imgboxcontent {
  padding: 0px 8px 0px 8px; 
  margin-left:auto;
  margin-right:auto;
  padding:0 8px;
  position:relative;
  width:115px;
}

/* Product Image Box */

.sidebox { 
  background: #C1E397; 
}
.sideboxtop { 
  background: url('/static/img/rc/ne3.gif') no-repeat top right; 
}
.sideboxtop div { 
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/nw3.gif') no-repeat top left; 
}
.sideboxbottom { 
  background: url('/static/img/rc/se3.gif') no-repeat bottom right;
}
.sideboxbottom div {
  font-size: 0;
  height: 8px; 
  background: url('/static/img/rc/sw3.gif') no-repeat bottom left; 
}
.sideboxcontent {
  padding: 0px 8px 0px 8px;
}


/*
 * ################################################################
 * #
 * # BUTTONS
 * # 
 * ################################################################
*/

a.squarebutton{
background: transparent url('/static/img/gb/square-gray-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 12px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;

}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #494949; /*button text color*/
}

a.squarebutton span{
background: transparent url('/static/img/gb/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
/*width: 100%;
 
  margin-left: auto ;
  margin-right: auto ;
*/

}

#footer a {color:#fff; text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}


.pagination a, .pagination a:hover, .pagination a:visited {
    text-decoration:none;
}