/*---------------------------------clearfix start-----------*/
.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
/*.clear       {display:inline-block;}*/

/* Hides from IE-mac \*/
* html .clear {height: 1%;}
/* End hide from IE-mac */
/*-----------------------------------clearfix end-----------*/
html, body {  
	width		: 100%;
	font		: 11px Verdana, Sans-Serif, Verdana, Geneva, Arial, Helvetica;	
	color		: #fff; 
	background	: #939393 url('../images/bg.jpg') repeat-x;
}
html,body,h1,h2,h3,h4,h5,h6,p,form {margin:0;padding:0;}
p{	margin: 0.3em 0 0.3em 0; }
h1{	
	font			: 10px Verdana;
	padding			: 5px 10px 5px 10px;
	margin			: 0;
	color			: #fff;
	background		: #333;
	letter-spacing	: 1px;
	text-transform	: uppercase;
	line-height		: 16px;
}
h1 a:link{ color:#fff;}
h2{	
	font			: 18px Georgia, Serif;
	padding			: 5px 0 5px 0;
	margin			: 5px 0 5px 0;
	color			: #000;
}
h3{	
	font			: 14px Georgia;
	padding			: 5px 0 5px 0;
	color			: #666;
}
a:link, a:active, a:visited {color:#3D506E; }
a:hover { color :red; }

.cursor		{	cursor  : pointer; } 
img  		{	border  : 0; } 
.clear		{	clear: both; }
.bold		{	font-weight: bold;	} 
.center		{	text-align: center;	}
.left		{	text-align: left;	}
.right		{	text-align: right;	}
.fright		{	float:right; 	}
.hidden		{	display: none;	}
.visible	{	visibility: visible; width:100%; height:auto; }
.green		{	color: green; 	}
.red		{	color: #990000;	}
.error		{	color: #990000;}
.v50	{	width:50%; float:left; }
hr {border: none 0; border-top: 1px dashed #000; height: 1px; }

#outerwrap {
	margin		: 0 auto;
	width		: 800px;
	background	: #fff url('../images/230.gif') repeat-y;
	color		: #111; 
}
#top{
	width		: 100%;
	height		: 200px;
	background	: url('../images/top.jpg') no-repeat;
}
#left{
	float		: left;
	width		: 180px;
}
#center{
	float		: right;
	width		: 620px;
}
#center .margin{
	margin		: 20px;
}
#center .caption{
	font			: 9px Verdana;
	padding			: 5px 3px 5px 3px;
	text-align		: right;
	letter-spacing	: 1px;
	line-height		: 13px;
	font-style: italic;
}
#cart{
	background	: #EEEEEE url('../images/cart.jpg') no-repeat;
}
	
#bot{
	font		: 11px arial; 
	padding		: 4px 0 4px 0;
	text-align	: center;
	color		: #aaa;
	background	: #333;
	clear		: both;
}
#bot a{	color:#aaa; text-decoration:none;}

/*------------------------------------*/
#left h4{
	font			: 10px Verdana;
	padding			: 5px 3px 5px 3px;
	color			: #fff;
	background		: #0099FF;
	text-align		: right;
	letter-spacing	: 1px;
	text-transform	: uppercase;
	line-height		: 16px;
}
#left .box{
	text-align		: right;
	padding			: 10px;
}
#left ul{
	margin:0; padding: 0; list-style:none;
}
#left ul li{ line-height:16px; }
/*------------------------------------*/
.button{ margin:2px; padding:0; border:0; width: 112px; height: 24px; background: transparent url(../images/button.gif) no-repeat; }
.button:hover { background: transparent url(../images/button.gif) no-repeat 0 -24px; }
a.button { display:block; text-decoration:none; text-align:center; line-height:24px; }
/*------------------------------------*/

#subscribe label{ width: auto;}
#message{ color: red; text-align:center; line-height:20px; }

/*------------------------------------*/
#realex { width:560px; height:59px; background: url('../images/pay-realex.jpg') 0 0 no-repeat; }
#realex .submit, #paypal .submit { margin: 19px 0 0 430px; }
/*------------------------------------*/
#prodimg{ width: 269px; float: left; text-align:center; border-right:1px solid #ccc;  }
#big-img{ margin:4px;  }
#big-title{ margin:5px; font-weight:bold; color:red; } 
#big-thumbs{ text-align:center; border-top:1px solid #ccc; }
#big-thumbs img { margin:4px; }
#options{ width:350px; height:80px; background: url('../images/background/prod.gif') 0 0 no-repeat; }
#options .s1, #options .s2{ margin-left:70px; padding:12px 0 0 0; }
#options .s1{ font-weight:bold; }
/*------------------------------------*/
#prodtxt{ width:350px; float: left; }
#prodtxt h2{ padding:10px; margin:0 0 10px 0; border-bottom:1px solid #ccc; background:#eee; }
#prodtxt p{ padding:10px; }
/*------------------------------------*/

#images 	{ width:100%; }
#images div	{
	float			: left;
	width			: 140px;
	height			: 225px;
	padding			: 0px 3px 0px 3px;
	margin			: 4px;
	border-right	: 1px dotted #000000;
	border-bottom	: 1px dotted #000000;
	text-align		: center;
	line-height		: 16px;
}
#images div img{
	margin:0 auto;
}
#images div.td4{
	border-right:0;
	width:132px;
}

#images b{ color:#000; }
#images p{ padding:2px; color:#333;  }

.vmargin{
	margin	: 10px auto;
}