body {
	color: #000;
	background: #f4f4f4 url(../images/body_bg.jpg) repeat-x left top;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	font: 13px Arial, Helvetica, sans-serif;
}
a:link,a:visited{
	color: #333;
	text-decoration: none;
}
a:hover{ text-decoration: underline; 
}
td{
	margin: 0px;
	padding: 5px;
	font-size: 13px;
}
p{
	margin: 0px;
	padding: 0px;
}
form {
	display: inline;
}
SELECT, INPUT {
	display: inline;margin: 2px;
}
h1{
	margin: 0px 0px 7px;padding: 0px;text-transform: none;
	font: bolder normal 1.6em/1.1em "HelveticaNeue Condensed";
}
h1 a:link, h1 a:visited{
	margin: 0px 0px 7px;padding: 0px;font-family: "HelveticaNeue Condensed";text-decoration: none;
}
h1 a:hover{
	text-decoration: none;
	color: #8DAD00;
}
h2{
	margin: 0px;padding: 0px;font: bold normal 1.2em/1.1em "HelveticaNeue Condensed";
	text-transform: none;
}
ul,li{ }
/* BEGIN PAGE STYLE AND LAYOUT */

/* centers the page content and sets the width */
#content {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

/* encapsulates the page content with a float and also allows for the middle border background */
#content_container {
	width: 100%;
	background: transparent url(../images/template_electroland_03.png) repeat;
	float: left;
}
/*  HEADER LAYOUT  */

/* row for the logo and search bar, also used to set the content_top image */



/* ----------------------------------------------------------
---------------------- HEADER LAYOUT ------------------------
---------------------------------------------------------- */

/* row for the logo and search bar, also used to set the content_top image */
/* row for the logo and search bar, also used to set the content_top image */
#header{
	float: left;
	width: 970px;
}

#logo { float: left; 
}
#cart{
	float: right;
	font-size: 12px;
	padding-right: 20px;
	padding-top: 35px;
}
#cart a { font-size: 12px; }
#header_nav {
	background: transparent url(../images/template_electroland_02.png) no-repeat left top;
	float: left;
	width: 970px;
	height: 64px;
}
#site_menu {
	float: left;
	font-size: 12px;
	padding-top: 10px;
}
#site_menu ul{
	list-style: none;
	padding-top: 15px;
}
#site_menu ul li{ display: inline; }
#site_menu ul li a{
	text-decoration: none;
	color: #333;
	font-size: 12px;
}
#site_menu a:hover{
	color: #99BF45;
	text-decoration: underline;
}
/**live search **/
#search_bar {
	float: right;
	padding: 40px 50px 0 10px;
}
.ac_results {
	padding: 0px;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	border-top: #FFF;
	border-right: #FFF;
	border-bottom: #FFF;
	border-left: #FFF;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 10px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	border-bottom: 1px solid #c0c0c0;
}

.ac_loading {
	background: white url('/images/indicator.gif') right center no-repeat;
}

.ac_odd { background: #FFF; 
}

.ac_over {
	color: #000;
	background: #E6F1CF;
}

.autoimg {
	width: 50px;
	float: left;
	margin: 3px;
	padding: 3px;
}
/****** LIVE SEARCH ******/
	form.livesearch { background: no-repeat; 
	}
	form.livesearch input {
	background: url(../images/search_bar_bg.png) no-repeat;
	border:medium none;
	height:22px;
	margin:0;
	width:214px;
	padding: 2px 10px 2px 22px;
	font-family: Arial, Helvetica, sans-serif;
		}
	form.livesearch input:focus {
	outline-style:none;
	outline-width:medium;
	background: url(../images/search_bar_bg.png) no-repeat;
		}



#content_wrapper {
	background: transparent url(../images/template_electroland_04.png) no-repeat bottom;
	width: 100%;
	float: left;
}
#content_bottom {
	float: left;
	width: 970px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 25px;
}
/* ----------------- Main page header ---------- */
#content_wrapperCategoriesSpecialPromo{
	float: left;
	width: 870px;
	margin-left: 40px;
	margin-top: 15px;
}
.special_promo {
	width:632px;
	float: right;
	border: 1px solid #CACACA;
	margin-top: 40px;
	margin-right: 2px;
	height: 350px;
}
.sideBoxRightContent{
	width:632px;
	float: right;
	margin-top: 15px;
	margin-right: 2px;
	}
.sideBoxRightContent h1{
	color: #231E1A;
	font: bolder normal 1.6em/1em "HelveticaNeue Condensed";
	margin: 0px;
	padding: 0px;
}
.sideBoxRightContent h2{
	color: #231E1A;font: bolder normal 2em/1em "HelveticaNeue Condensed";
	margin: 0px;padding: 0px;
}
.sideBoxRightContent h3{
	margin: 0px;font-size: 16px;font-style: normal;font-weight: normal;font-variant: normal;
}
.sideBoxRight_Wrapper{
	border: 1px solid #CACACA;
	padding: 5px;
	margin-top: 15px;
	}
/** categories **/
.sideBoxCategories {
	float: left;
	width: 200px;
	margin-top: 15px;
}
.sideBoxMenuWrapper{ border: 1px solid #CCC; }
/**mini loging and recent views **/
.sideBoxMinlogin{
	border: 1px solid #CCC;
	margin-top: 10px;
}

.sideBoxRecentViews{
	border: 1px solid #CCC;
	margin-top: 10px;
}


HR{
	border: 0px none #FFF;
	margin: 0px;
	padding: 0px;
	height: 0px;
	background: #FFF;
	width: 0px;
	line-height: 0px;
}
.buybutton{ vertical-align: middle; 
}
P.catname {
	text-align: center;
	vertical-align:top;
	margin: 0px;
	height: 25px;
	font-size: 11px;
}
.catname a:link, .catname a:visited{
	padding-left: 10px;
	color: #97C93C;
	font-size: 14px;
	text-decoration: none;
}
.catname a:hover{
	color: #000;
	text-decoration: none;
}
P.catdesc { 
}
IMG.catimagethumb{ border: 1px solid #FFF; }
IMG.catimage {
	border:1px solid #CCC;
	border-thickness: 1px;
	vertical-align:top;
	margin-bottom: 15px;
}
TD.catname {
vertical-align:top;
text-align: center;
} 
TD.catnavigation { 
}

img.cartimage {
width: 100px;border:1px;
}
span.extraimage{
color: #CC0000;
}
span.extraimagenum{
color: #000;
}
giantimgname{
background-color:blue;
}

/**will give the product name a blue background**/
.giantimgback{
background-color:yellow;
}

/**td.prodimage: The alignment of the product image on the product page**/
/**td.detailimage: The alignment of the product image on the product detail page**/
/**img.prodimage: The properties of the product image**/

td.prodimage{ }
/**control product page**/
.prodimage{ padding: 5px; }
.prodimage img {border: 1px solid #EAEAEA;background: #FFF;}
.prodimage img:hover { border: 1px solid #666; }
div.prodname{text-align: center;font-size: 11px;}
div.proddescription{ font: 12px Arial, Helvetica, sans-serif; }
div.prodprice{ text-align: center; }
/**The product detail page**/
div.detailname{ font: bolder normal 2em/1.1em "HelveticaNeue Condensed"; 
}
td.detailimage{
	border: 1px solid #CDCDCD;
	height: auto;
	width: auto;
	padding-bottom: 10px;
}
div.detaildescription{
	padding-top: 15px;
	font: 12px Arial, Helvetica, sans-serif;
}





/***footer***/
#footer {
	color: #333;
	width: 930px;
	clear: both;
	margin: 10px auto;
	font-size: 11px;
	height: 125px;
}	

#footer p {
	padding: 0;
	margin: 0 0 5px;
}

.float_left { float: left; 
}

.float_right { float: right; 
}