BODY { 
	position: relative;

	background: #000000 url(../images/gradient_bg.jpg) top left repeat-x;

	margin: 0;
	padding: 0;
}


A IMG {
	border: 0;
}

/*  This style deprecates CELLPADDING on all tables  */
TABLE TD {
	padding: 0;
}


IMG.arrow {
	margin-right: 2px;
}









/*   CONTAINER DIV     */

DIV#page_container {
	position: relative;
	
	background-color: #fff;

	margin: 0 auto;  /*  center horizontally  */
	padding: 0;
	
	width: 733px;
	height: auto;
}









/*   MASTHEAD AREA     */

DIV#masthead {
	position: relative;

	background: #000000 url(../images/masthead_bg.jpg) top left repeat-x;

	margin: 0;
	padding: 0;

	width: 733px;
	height: 80px;
}

DIV#masthead IMG#cart {
	position: relative;
	top: 18px;
	
	border: 0;	
}

DIV#masthead IMG#shop_macrobatix {
	position: absolute;
	top: 21px;
	left: 10px;
	width: 294px;
	height: 59px;
}

DIV#masthead DIV#sub_menu {
	position: absolute;
	top: 25px;
	left: 350px;
	
	width: 390px;

	font: bold 10px Arial, sans-serif;
	color: #FFF;
	line-height: 10px;
	
	text-align: right;
}

DIV#masthead DIV#sub_menu A {
	padding-right: 30px;

	color: #FFF;
	text-decoration: none;
}

DIV#masthead DIV#sub_menu A:hover {
	color: #F60;
}

DIV#masthead DIV#sub_menu B {
	padding-right: 30px;

	color: #333;
}

DIV#masthead P {
	position: absolute;
	top: 48px;
	left: 212px;
	
	margin: 0;
	padding: 0;

	font: 12px Arial, sans-serif;
	color: #666;
	line-height: 15px;
}











/*   MENU AREA     */

div#menu {
	background-color: #3399cc;
}

div#menu ul {
	margin: 0;
	padding: 0;

	font: bold 12px/2em Arial, sans-serif;
	color: #000;

	text-align: center;
	
	overflow: hidden;
}

div#menu ul li {
	display: inline;
}

div#menu ul li a {
	border: 1px solid #3399cc;
	
	padding: 0.5em 1.5em;
	color: #000000;
	text-decoration: none;
}

div#menu ul li a:hover {
	border: 1px solid #069;
	background-color: #6CF;
	color: #036;
}

div#menu ul li#active a {
	border: 1px solid #069;
	background-color: #ffffff;
}














/*   CONTENT AREA     */

#content {
	margin: 25px 0 10px 25px;
	padding: 0 0 20px 0;

	width: 700px;
	height: auto;

	font: 12px Arial, sans-serif;
	color: #333;
	line-height: 12px;
	
	text-align: left;
}

#content H1 {
	margin: 0 0 5px 0;
	padding: 0;

	font: 18px Arial, sans-serif;
	color: #333;
	line-height: 19px;
}

#content P {
	line-height: 1.5em;
}

#content A {
	margin: 0;
	padding: 0;

	font: 12px Arial, sans-serif;
	color: #069;
	line-height: 19px;

	text-decoration: underline;
}

#content TABLE {
	border: 0;
	border-collapse: collapse;
	
	margin: 0;
	padding: 0;
	
	width: 98%;

	font: 12px Arial, sans-serif;
	
	line-height: 19px;

	text-decoration: none;
}

#content TABLE#home_content {
	margin: 20px 0;
}

#content TABLE#home_content TD {
	padding: 0 0 40px 0;
	text-align: center;
}

#content TABLE#home_content TD A {
	text-decoration: none;
}

#content TD {
	margin: 0;
	padding: 3px;

	font: 12px Arial, sans-serif;
	
	line-height: 19px;

	text-decoration: none;
}

#content TH {
	margin: 0;
	padding: 3px;

	font: bold 14px Arial, sans-serif;
	background: #00f
	line-height: 19px;

	text-decoration: none;
}

#content A:hover, 
#content .ad A:hover, 
#content .ad EM:hover, 
#content .large_ad A:hover, 
#content .large_ad EM:hover {
	color: #F60;
}




















/*  STORE PRODUCTS  */

#content .product_thumb {
	float: left;
}

#content .product_pic {
	float: left;
}

#content .product_container {
	float: right;
	
	margin: 0 70px 75px 0;
	
	width: 380px;
	
	font: 12px Arial, sans-serif;
	line-height: 1.5em
}

#content .clear {
	clear: both;
}





#content h2 {
	margin: 0 0 0.25em 0;
	padding: 0;
	
	font: 28px 'Georgia', 'Palatino Linotype', 'Book Antiqua', 'Palatino', serif;
	color: #000;
	line-height: 28px;
}

#content .product_container h4 {
	margin: 3em 0 0.15em 0;
	padding: 0;

	font-size: 12px;
}

#content .product_container h6 {
	position: relative;
	top: -6px;
	
	margin: 0;
	padding: 0;
	font-weight: bold;
}

#content .product_container h6 a {
	padding: 2px 0;
	color: #069;
	
	font-weight: bold;
	text-decoration: none;
}

#content .product_container h6 a:hover {
	background-color: #069;
	padding: 2px 5px;
	color: #fff;
}


#content .product_container p {
	margin: 0 0 1em 0;
	padding: 0;
}

#content .product_container p a {
	color: #069;
}

#content .product_container p a:hover {
	text-decoration: underline;
}


#content .product_container .price {
	margin: 1em 0 0.25em 0;
	padding: 0;

	font: 18px Arial, sans-serif;

}

#content .product_container .price em {
	margin: 0 0 0 55px;

	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}







#content .brief {  /*  change width for brief listing  */
	width: 480px;

}

#content .brief h2 {  /*  change header for brief listing  */
	font-size: 20px;
	line-height: 20px;
}





#content TABLE#home_content TD P {
	margin: 0;
	padding: 0;
}

#content TABLE#home_content TD P:first-line {
	font-weight: bold;
}

#content TABLE#home_content TD A:hover {
	color: #F60;
	text-decoration: none;
}





#content TH {
	background: #000000 url(../images/header_bg.jpg) top left repeat-x;
	padding: 2px 10px 2px 10px;
	color: #fff;
}


#content .item_line TD {
	border-bottom: 1px solid #ccc;
	padding: 4px 10px 3px 10px;
}


#content .total TD {
	padding: 6px 10px 5px 10px;
	font-weight: bold;
	font-size: 14px;
}

#content .subtotal TD {
	padding: 4px 10px 0 10px;
}










/*   FORMS     */

INPUT, 
TEXTAREA, 
SELECT {
	border: 1px solid #666;
	background-color: #ebebeb;

	margin: 0 5px 0 0;	
	padding: 2px;
	
	width: 570px;
}	

INPUT:hover, 
TEXTAREA:hover, 
SELECT:hover {
	background-color: #ffddba;
	cursor: text;
}

INPUT:focus, 
TEXTAREA:focus, 
SELECT:focus {
	background-color: #efefef;
}


TEXTAREA {
	height: 50px;
}

#content A.button_level_1, 
#content A.button_level_2, 
#content A.button_level_3, 
INPUT.button_level_1, 
INPUT.button_level_2, 
INPUT.button_level_3 {
	border: 0;
	
	margin: 0 10px 0 0;
	padding: 0 5px;
	
	width: auto;
	
	font: bold 14px Arial, sans-serif;
	color: #FFF;
	line-height: 14px;
	
	text-decoration: none;
	
	cursor: pointer; 
	cursor: hand;
}

INPUT.checkbox {
	border: 0;
	background-color: #ffffff;
	width: auto;
}

INPUT.short {
	width: 2em;
}



#content A.button_level_1, 
INPUT.button_level_1 {
	border: 2px solid #069;
	background-color: #069;
}

#content A.button_level_1:hover, 
INPUT.button_level_1:hover {
	background-color: #FFF;
	color: #069;	
}

#content A.button_level_2, 
INPUT.button_level_2 {
	border: 2px solid #666;
	background-color: #666;
}

#content A.button_level_2:hover, 
INPUT.button_level_2:hover {
	background-color: #FFF;
	color: #666;	
}

#content A.button_level_3, 
INPUT.button_level_3 {
	border: 2px solid #F60;
	background-color: #F60;
}

#content A.button_level_3:hover, 
INPUT.button_level_3:hover {
	background-color: #FFF;
	color: #F60;	
}



#content .item_line A.button_level_1, 
#content .item_line A.button_level_2, 
#content .item_line A.button_level_3, 
#content .item_line INPUT.button_level_1, 
#content .item_line INPUT.button_level_2, 
#content .item_line INPUT.button_level_3 {
	font-size: 10px;
}


INPUT.input_spaced {
	margin: 0 5px 5px 0;
}
























/*   FOOTER AREA     */

#footer {
	margin: 0 auto 50px auto;
	width: 700px;
}

#footer UL {
	margin: 0 auto;
	padding: 3px 0;

	width: 700px;
	font: 12px Arial, sans-serif;
	color: #666;
	
	text-align: center;
}

#footer UL LI {
	display: inline;   /*  making the list items inline rather than the list removes the bullets  */
	border-right: 1px solid #222222;
	
	padding: 0.15em 1em;
}

#footer UL LI#last {
	border: none;
	white-space: nowrap;
}

#footer #active { 
	font: bold 12px Arial, sans-serif;
	color: #CCC;
}

#footer A {
	color: #999;
	line-height: 1.85em;

	text-decoration: none;

	white-space: nowrap;
}

#footer A.subtle {
	color: #666;
}

#footer A:hover {
	text-decoration: underline;
}

#footer A.url {
	color: #39C;
	text-decoration: underline;
}

#footer A.url:hover {
	color: #F60;
}