/*Set's border, padding and margin to 0 for all values*/
/* This is commented because it caused the standard INPUT buttons to lose their default style
   Any removal of padding, margin and border will need to be done on each element
* { 
	padding: 0; 
	margin: 0; 
	border: 0; 
} */

body, html { 
	padding: 0; 
	margin: 0; 
	border: 0; 

	color: #000; 
	font-family: Verdana, Arial, Tahoma, sans-serif; 
	background-color: White; 
	text-align: center; /*** Centers the design in old IE versions ***/ 
}

body { 
	font-size: 70%; 
	padding: 20px 0 10px 0;  /*** a bit of space top and bottom ***/
}


.clear { clear: both; }

#mainContainer {
	width: 800px;
	margin: 0 auto; /*** Centers the design ***/
	min-height: 300px;
	background: #EEEEEE;
	text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/
}

* html #mainContainer {
	height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}

/**************************
HEADER
**************************/
#header {
/*	background: #EEEEEE url(../templateimages/mainbanner.jpg) no-repeat; */
	padding: 0px;
	margin: 0;
	border: 0;
	height: 136px;
}
#headercontent {
	float: left;
	width: 790px;
	padding: 60px 5px 5px 5px;
/*	padding: 0px 5px 5px 5px;*/
	margin: 0;
	border: 0;
/*	background-color: Aqua; */
}

#l2s_trk {
/*	float: left;*/
	width: 145px;
	height: 63px;
	padding: 5px 0px 0px 5px;
	margin: 0px;
	border: 0px;
}

#reviews {
/*	float: left;*/
	width: 145px;
	padding: 15px 0px 5px 5px;
	margin: 0px;
	border: 0px;
	clear: both;
}

#installvideoimage {
/*	float: left;*/
	width: 145px;
	height: 91px;
	padding: 15px 0px 5px 5px;
	margin: 0px;
	border: 0px;
	clear: both;
}

#scannerimage {
	float: left;
	width: 145px;
	height: 71px;
	padding: 15px 0px 5px 5px;
	margin: 0px;
	border: 0px;
	clear: both;
}

#resellerimage {
	float: left;
	width: 145px;
	height: 86px;
	padding: 15px 0px 5px 5px;
	margin: 0px;
	border: 0px;
	clear: both;
}

#servicesimage {
	float: left;
	width: 145px;
	height: 113px;
	padding: 15px 0px 5px 5px;
	margin: 0px;
	border: 0px;
	clear: both;
}

#specials {
	clear: both;
}
#headersearch {
	float: right;
	clear: both;
	padding-top: 0px;
	margin: 0;
	border: 0;
/*	background-color: Fuchsia; */
}
#headersearch form {
margin: 0;
padding: 0;
}
#headermenu {
	float: right;
	clear: both;
	padding-top: 10px;
	margin: 0;
	border: 0;
/*	background-color: Lime;*/
}
#basketrow {
	float: right;
	clear: both;
	padding-top: 5px;
	margin: 0;
	border: 0;
	width: 100%;
/*	background-color: Orange;*/
}
#headernews {
	float: left;
	text-align: left;
	padding-top: 5px;
	margin: 0;
	border: 0;
/*	background-color: Yellow; */
}

/* Billboard styles */
#contentwrapper{
	width: 450px;
	height: 18px;
	border: 0px solid black;
	padding: 0px;
}
.billcontent{
	width: 100%;
	display:none;
}
/* End Billboard styles */

#headerbasket {
	float: right;
}

#headerbottomline {
	float: right;
	clear: both;
	padding-top: 5px;
	width: 100%;
}
#headermenutop {
	float: left;
	text-align: left;
	background: White url(../templateimages/roundcorner_topright.jpg) no-repeat right;
	width: 165px;
}
#emailbookmarkrow {
	float: right;
	text-align: right;
	width: 40%;
	margin-bottom: 8px;
}
#loggedinmsg {
	float: left;
	text-align: left;
	width: 59%;
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
	padding-left: 165px;
}

* html .outer { }

.inner {
	width: 645px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/
}

* html .inner {
	width: 100%;
}

/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
	float: left;
	width: 800px;
	margin-left: -165px; /*** Same length as .outer padding-left but with negative value ***/
}

* html .float-wrap { }

#content {
	float: right;
	width: 600px;
	background: #EEEEEE;
	border: 0;
	margin-right: 20px;
	padding: 0;
	display: inline; /* defeats The IE Doubled Float-Margin Bug */
}

* html #content {
	position: relative; /*** IE needs this  ***/
}

.contentWrap {
	padding: 5px;
}


/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
	float: left;
	width: 155px;
	min-height: 250px;
	padding: 0px;
	border: 0;
}
#left_content, #left_content2 {
	padding: 0;
	border: 0;
	margin: 0;
	background-color: #fff;
}
#left_top,#left_top2 {
	width: 155px;
	height: 11px;
	font-size: 1px;
	background: #fff url(../templateimages/roundcorner_topright.jpg) no-repeat right;	
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fff;
}
#left_bottom,#left_bottom2 {
	width: 155px;
	height: 11px;
	font-size: 1px;
	background: #fff url(../templateimages/roundcorner_bottomright.jpg) no-repeat right;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fff;
}

#specialoffers, #specialoffers2 {
	background: #EEEEEE;
}
#paymentoptions {
	padding: 0;
	border: 0;
	margin: 5px 0 10px 0;
	background-color: #fff;
	text-align: center;
}
#paymentoptions img {
	margin: 5px 2px 2px 2px;
}
#paymentoptions_top {
	width: 155px;
	height: 11px;
	font-size: 1px;
	background: #fff url(../templateimages/roundcorner_topright.jpg) no-repeat right;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fff;
}
#paymentoptions_bottom {
	width: 155px;
	height: 11px;
	font-size: 1px;
	background: #fff url(../templateimages/roundcorner_bottomright.jpg) no-repeat right;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #fff;
}
* html #left {
	position: relative; /*** IE needs this  ***/
	height: 250px;
}
* html #left_top {
	position: relative; /*** IE needs this  ***/
}
* html #left_bottom {
	position: relative; /*** IE needs this  ***/
}

/* Home page stuff */
#homepage_finders {
	text-align: center;
	width: 590px;
	border: 1px solid #BBB;
	padding: 0px;
	margin: 10px 0 10px 0;
	clear: both;
}
#homepage_memoryfinder, #homepage_memoryfindertext {
	width: 275px;
	float: left;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 5px;
}
#homepage_memoryfinder select {
	width: 240px;
}
#homepage_memoryscanner, #homepage_memoryscannertext {
	width: 275px;
	float: right;
	text-align: center;
	padding: 0;
	border: 0;
	margin: 5px;
}

/* Top Sellers */
#topsellers {
	background: #EEEEEE;
	height: 200px;
}
#topsellers table {
	width: 135px;
	height: 180px;
	float: left;
}

/* Memory Cards */
#memorycards {
	
}
.memorycarditem {
	width: 184px;
	height:340px;
	float: left;
	border: 1px solid #DDDDDD;
/*	font-size: 1.1em;*/
	margin: 5px 5px 0px 5px;
	padding: 0px;
}

/*ProdType display */
.prodtypeitem {
position: relative;
	width: 590px;
	border: 1px solid #DDD;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1.0em;
	vertical-align: top;
}
.prodtypeitemimage {
	position: relative;
	float: left;
	text-align: left;
	width: 140px;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}
.prodtypeitemimage {
	margin: 0;
	padding: 5px;
}
.prodtypeitemdtls {
	position: relative;
	float: left;
	width: 300px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}
.prodtypeitemdtls p, .prodtypeitembuy p {
	margin: 0;
	padding: 2px;
}
.prodtypeitembuy {
	position: relative;
	float: right;
	width: 135px;	
	text-align: right;
	vertical-align: top;
	padding: 0;
	margin: 0;
	border: 0;
}
.prodtypeitemdtls form, .prodtypeitembuy form {
	margin: 0;
	padding: 5px;
}
.prodtypeitemfooter {
	clear: both;
	background-color: #CCCCCC;
	height: 20px;
	vertical-align: middle;
	padding: 5px;
	margin: 0;
	border: 0;
}

/**************************
Checkout pages
**************************/
#darkgreybg {
	background-color: #DDDDDD;
	padding: 5px 0px 10px 0px;
	margin: 0;
	border: 0;
}


/**************************
FOOTER
**************************/
#footer {
	width: 800px;
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	padding-top: 10px;
}
#footer_left {
	width: 155px;
	float: left;
	background-color: #fff;
}
#footer_right {
	width: 645px;
	float: right;
	background-color: #fff;
}

* html #footer_left {
	position: relative;
}
* html #footer_right {
	position: relative;
}