@import url("forms.css");

* {margin: 0; padding: 0;}
body {
	text-align: center; 
	background: #fff url(/shop/templates/_ep/images/css/body_bg.gif) repeat-y left top;
	color: #333;
	min-width: 700px;
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 100%;
}
img {border: 0;}
h1, h2, h3, h4, h5 {
	font-weight: bold;
	margin:1em 0;
}
h1 {
	font-size: 1.3em;
}
h2 {
	font-size: 1.1em;
}
h3 {
	font-size: 1em;
}
div.ibox h3 {
margin:0;
}
#right div.ibox {
border-left:1px solid #333;
border-bottom:1px solid #333;
}
#left h3 {
}
#left ul {
padding: 10px 0 10px 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#left ul li a, #left ul li a:visited {
display: block;
padding: 3px 6px 3px 15px;
font-weight: bold;
color: #eee;
text-decoration: none;
}
#left ul li a:hover {
background-color: #eee;
color: #333;
}
#left {
padding-bottom:200px;
	background: transparent url(/shop/templates/_ep/images/css/body_bg.gif) repeat-y left top;
}
/**************** Layout CSS begins ****************************/

#wrapper { /* also holds the left "sliding" tab */
text-align: left;
width: 100%; /* this can fixed or fluid */
max-width: 1300px;
margin: 0; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 80%;
}

#header, #footer {
	clear: both; 
	width: 100%;
}

#header {
background: #319AFF url(/shop/templates/_ep/images/css/header.gif) repeat-x top;
	height: 100px;
	color: #fff; 
	text-align: right;
	border-bottom:1px solid #333;
}

#footer {
	text-align: center;
	color: #fff;
	border-top:1px solid #333;
height: 40px;
}

#contentfloatholder {/* also makes the right "sliding" tab */
	float: left;
	width: 100%;
	position: relative;
background: #fff url(/shop/templates/_ep/images/css/panel.gif) repeat-x left -2px;
}


#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#centerpad {
margin: 0 170px 0 150px;
padding:0 20px;
min-height:320px;
}

#center {
	color: #000;
	float:left;
	width: 100%;
	margin-right: -95%;
background: transparent url(/shop/templates/_ep/images/css/body_bg.gif) repeat-y left top;

	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}

#left {
  float:left;
  width: 150px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
	color:#f90;
}

#right {
  float:right;
  width: 169px;
  margin-rigth:1px;
}


/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {
	margin-right: -100%;
}
* html div#left {
	margin-left: 0;
}

#wrapper {
position: relative;
z-index: 500;
}
/****************** menu ***************************/
div.ibox {

}
#centerpad p, #centerpad ul, #centerpad ol {
	margin-bottom:1em;
}
#centerpad ul li, #centerpad ol li{
	margin-left:2em;
}
/*************** notifications ***************/
div.cbox, div.note {
	margin-bottom:1em;
}
div.note {
	background: #F1F6FF;
	border:1px solid #333;
}
/* styling for column listing */
ul.pcol {
clear:both;
margin-bottom:2em;
margin-top:1em;
text-align:center;
}
ul.pcol li {
width:27%;
float:left;
text-align:center;
display:block;
padding-bottom:1em;
height:170px;
}
ul.pcol li a, ul.pcol li .nprice, ul.pcol li .sprice, div.ibox a, div.ibox .sprice, div.ibox .nprice {
display:block;
}
ul.pcol:after,  div.row:after, div.csplit:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html ul.pcol, * html div.row, * html #leftColumn h3 {height: 1%;}
/* End hide from IE-mac */

div.pimage {
float:right;
margin:0 0 1em 3em;
text-align:center;
}
.sprice {
	font-weight: bold;
	color: #f00;
}
.nprice {
	color: #999;
	text-decoration: line-through;
}
#searchBox, #languagesBox {
padding-top:15px;
padding-right:20px;
float:right;
text-align:right;
clear:right;
width:50%;
}
#languagesBox a {
display:inline;
}

#searchBox input.search {
	width: 15em;
}
#logo {
	height:100px;
	width:40%;
	float:left;
	text-align:left;
}
#logo img {
margin:30px 20px;
}
div.bcrumb {
font-size: smaller;
margin-top:3px;
margin-bottom:2em;
}
div.row {
clear:both;
margin-bottom:2em;
}
div.row h1 {
	width:70%;
	float:left;
	margin-top:0;
}
div.row span {
	width:30%;
	float:right;
	text-align: right;
	font-weight: bold;
	font-size: 1.3em;
}
div.row input {
	float:right;
	text-align: right;
}
div.row span.l, div.row span.r {
font-size:smaller;
}
div.row span.l {
text-align:left;
float:left;
}
div.row span.r {
text-align:right;
float:right;
}
#prbottom {
border-top:1px solid #ccc;
padding-top:5px;
}

.l {
text-align:left;
}
.r {
text-align:right;
}
.c {
text-align:center;
}
#manufacturer img {
display:block;
margin:1em auto;
}
#right #shoppingcart {
border-top:1px solid #fff;
color:#333;
background-color:#fff;
}
#shoppingcart a.button, #shoppingcart h3 a {
	display:block;
	background: #eee;
	text-align: center;
	padding:5px 0;
}
#shopping a.button {
	border-top: 1px solid #666;
}
#shoppingcart h3 {
	border-bottom: 1px solid #666;
}
#shoppingcart table {
margin:1em 0 0 3px;
}
#shoppingcart table td {
vertical-align:top;
}

div.total {
	font-weight: bold;
	border-top: 1px solid #000;
text-align:right;
line-height:2;
margin:2px 3px;
}
.clear {
clear:both;
}
#footer ul li {
display:inline;
}