/* 
CSS by Ben Rabicoff (At Least I've Got Chicken)
*/

/*****************************************************
*Global
*****************************************************/

* {
	padding			: 0px;
	margin			: 0px;
	}

html { 
	min-height		: 100%;
	margin-bottom		: 1px;
	min-width		: 1004px;
	}

body {
	background		: #ffffff url();
	font			: 100.01% verdana, arial, sans-serif;
	}


ul {
	font-size		: 70%;
	line-height		: 1.2em;
	}

.clearboth {
	clear			: both;
	}

/*****************************************************
* Gutters
*****************************************************/

#main-gutter {
	/*padding			: 10px 20px 10px 20px;*/
	width:100%;	
	
	position:relative;
 
	}
	#main-gutter1 {
	/*padding			: 10px 20px 10px 20px;*/
	width:100%;	
	height:100%;
	position:relative;
	border-top:solid 1px #808080;	
	}

#product-gutter {
	padding			: 12px 0 12px 0;
	}

#login-gutter, #order-now-gutter, #search-gutter {
	padding			: 10px;
	}

/*****************************************************
* Layout
*****************************************************/

#header {
	width			: 100%;
	}
#header1 {
	width			: 1000px;
	background-color:#EDEBEB;
	}
#headerL {
	float			:left;
	width			:425px;
	height			:101px;
	padding			: 10px 10px 10 0;
	background		:transparent url(../_images/) no-repeat 0 0;
		
	}

#headerR {
	float			: right;
	width			: 290px;
	padding			: 10px 10px 0 0;
	height			:101px;	
		
	}
	#headerRnew {
	float			: right;
	width			: 440px;
	padding			: 10px 10px 0 0;
		
	
	}
	/*height			:101px;	*/
	#headerk {
	float			: left;
	width			: 350px;
	
	
	}

#navbar {
	width			: 100%;
	/*background-color	: #21706b;*/
	}

#go-to-cart {
	float			: right;
	margin			: 0 20px 0 0;
	}

div.row {
	width			: 1004px;
	margin			: 0 auto 20px auto;
	}

#row1-L {
	float			: left;
	width			: 480px;	
	}

#row1-R {
	float			: right;
	width			: 480px;
	border			: 3px solid #000000;	
	}

#macrotek {
	float			: left;
	width			: 132px;
	height			: 206px;
	border			: 3px solid #1c489f;
	margin			: 0 0 0 16px;
	background		: transparent url(../_images/macrotek-bg.gif) no-repeat 0 0;
	}

#microtek {
	float			: left;
	width			: 132px;
	height			: 206px;
	border			: 3px solid #c95a51;
	margin			: 0 0 0 16px;
	background		: transparent url(../_images/microtek-bg.gif) no-repeat 0 0;
	}

#nanotek {
	float			: left;
	width			: 132px;
	height			: 206px;
	border			: 3px solid #c95a51;
	margin			: 0 0 0 16px;
	background		: transparent url(../_images/nanotek-bg.gif) no-repeat 0 0;
	}

#footer 
{
	clear:both;
	width			:  100%;
	padding			: 10px 0 0 0;
	margin			: 0 auto 20 auto;
	border-top-color	: #808080;
	border-bottom-color	: #808080;
	border-top-style	: solid;
	border-top-width	: 1px;
	border-bottom-style	: solid;
	border-bottom-width	: 1px;
	background			:#dcdcdc;		
	
	 
	}

#login {
	float			: left;
	height			: 290px;
	border			: 3px solid #d5d6d8;
	}

#order-now {
	float			: left;
	height			: 290px;
	margin			: 0 0 0 10px;
	border			: 3px solid #d5d6d8;
	}

#ad1 {
	float			: left;
	width			: 147px;
	height			: 290px;
	margin			: 0 0 0 10px;
	border			: 3px solid #d5d6d8;
	background		: transparent url(../_images/ad1-bg.gif) no-repeat 50% 50%;
	}

#ad2 {
	float			: left;
	width			: 157px;
	height			: 290px;
	border			: 3px solid #d5d6d8;
	margin			: 0 0 0 10px;
	background		: transparent url(../_images/ad2-bg.gif) no-repeat 0 0;
	}

#searches {
	float			: left;
	width			: 230px;
	height			: 290px;
	border			: 3px solid #d5d6d8;
	margin			: 0 0 0 10px;
	/*background		: transparent url(../_images/searches-bg.gif) no-repeat 0 55px;*/
	}

#search-top {
	text-align		: center;
	font			: bold 100% Arial, Helvetica, sans-serif;
	color			: #ffffff;
	background-color	: #008a46;
	padding			: 5px;
	border-bottom		: 3px solid #d5d6d8;
	}


/*****************************************************
* Links
*****************************************************/
a.more-button {
	display			: block;
	width			: 109px;
	height			: 23px;
	margin			: 0 auto;
	background		: transparent url(../_images/more-button.gif) no-repeat 0 0;
	}

/*****************************************************
* Lists
*****************************************************/

ul#footerlinks {
	font			: normal 80% Arial, Helvetica, sans-serif;
	width			: 650px;
	margin			: 0 auto;
	}

ul#footerlinks li {
	display			: inline;
	list-style-type		: none;
	}

ul#footerlinks li a {
	color			: #000000;
	text-decoration		: none;
	}

ul#footerlinks li a:hover {
	text-decoration		: underline;
	}

ul#pop-searches {
	list-style-type		: none;
	}

ul#pop-searches  li {
	list-style-type		: none;
	font			: bold 110% Arial, Helvetica, sans-serif;
	padding			: 5px 0 5px 0;
	}

/*****************************************************
* Typography
*****************************************************/
#footer p {
	text-align		: center;
	padding			: 10px 0 0 0;
	font			: normal 80% Arial, Helvetica, sans-serif;
	background:#dcdcdc;
	}

/*****************************************************
* Login Elements
*****************************************************/
#login-top {
	text-align		: center;
	font			: normal 110% Arial, Helvetica, sans-serif;
	color			: #ffffff;
	background-color	: #343b97;
	padding			: 5px;
	border-bottom		: 3px solid #d5d6d8;
	}

#login-gutter p {
	font			: bold 70% Arial, Helvetica, sans-serif;
	}

form#login-form label {
	width			: 40px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	font			: bold 70% Arial, Helvetica, sans-serif;
	}

form#login-form input.field {
	width			: 150px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	}

form#login-form input.remember {
	float			: left;
	margin			: 0 0 5px 0;
	}

form#login-form label.remember {
	float			: left;
	width			: 90px;
	margin			: 0 0 5px 0;
	font			: bold 70% Arial, Helvetica, sans-serif;
	}

form#login-form input#submit {
	float			: left;
	margin			: 0 0 0 5px;
	}

/*****************************************************
* Order Now Elements
*****************************************************/
#order-now-top {
	text-align		: center;
	font			: normal 110% Arial, Helvetica, sans-serif;
	color			: #ffffff;
	background-color	: #b4282d;
	padding			: 5px;
	border-bottom		: 3px solid #d5d6d8;
	}

form#order-now-form label.qty {
	float			: left;
	width			: 40px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	font			: bold 70% Arial, Helvetica, sans-serif;
	}

form#order-now-form label.item {
	float			: left;
	width			: 60px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	font			: bold 70% Arial, Helvetica, sans-serif;
	}

form#order-now-form input.qty {
	float			: left;
	width			: 30px;
	padding			: 2px;
	margin			: 0 0 5px 0;
	}

form#order-now-form input.item {
	float			: left;
	width			: 150px;
	padding			: 2px;
	margin			: 0 0 5px 5px;
	}

form#order-now-form input#submit {
	margin			: 0 0 0 45px;
	}

form#order-now-form br {
	clear			: both;
	}

/*mockup text*/
	.simpletext
	{
	    font-size:13px; 
	     line-height:25px;
           text-align:left;
	}
	.textbold
	{
	    font-size:18px;
	     line-height:25px;
	      font-weight:bold;
           text-align:left;
	}
	.simpletextimage
	{
	    font-size:13px; 
	     line-height:25px;
	     padding-left:16px;
           text-align:left;
	}