/**
 * default css file for vitality zone os-commerce site...
 */

/******************************
 * Overridden tags...
 */
body {
	background-color:	#F2F2F2;
	font-size:			12px;
	font-family:		Arial, sans-serif;
	color:				#505150;
}

form {
	display:			inline;
}

a {
	color:				#387800;
}

h2, .pageHeading {
	font-family:		Arial, sans-serif;
	font-weight:		normal;
	margin:				0;
	font-size:			18px;
	padding:			2px 0px 0px 0px;
}

textarea {
	width:				98%;
}

/******************************
 * styles, from the top...
 */

/* encompassing div, center and width... */
#encompassingDiv {
	width:				670px;
	margin:				auto;
	background-color:	white;
	border-left:		1px solid #DDDDDD;
	border-right:		1px solid #DDDDDD;
}

/* the banner stuff at the top */
#banner {
	background-image:	url(../images/banner_back.gif);
}
#banner h1 {
	margin:				0px;
	padding:			0px 0px 0px 20px;
}

/* the links in the top right of the page */
#topLinks {
	float:				right;
	padding:			20px 20px 0px 0px;
	font-size:			10px;
	text-transform:		uppercase;
	color:				white;
}
#topLinks a {
	color:				white;
	text-decoration:	none;
}
#topLinks a:hover {
	text-decoration:	underline;
}

/* the keywords box... */
#keywords {
	height: 19px;
	margin: 1px 0px;
	font-size: 10px;
	font-family: verdana, sans-serif;
}

/* the quick find box... */
#quick_find {
	display:			block;
	margin:				20px 0px 0px 0px;
}

/* the main menu */
#menu {
	border-top:			1px solid #DDD;
	border-bottom:		1px solid #DDD;
	padding:			8px;
}
#menu dl {
	display:			block;
	margin:				0px;
	padding:			0px 0px 0px 15px;
	height:				44px;
	background-image:	url(../images/menu_back.gif);
}
#menu dt {
	float:				left;
	padding:			16px 10px 10px 10px;
	text-transform:		uppercase;
	font-size:			11px;
	color:				#505150;
}
#menu dt a {
	color:				#505150;
	text-decoration:	none;
}
#menu dt a:hover {
	text-decoration:	underline;
}

/* the category listing on the left */
#catBox {
	padding:			12px 12px 0px 12px;
	font-size:			10px;
	font-family:		verdana, sans-serif;
	text-transform:		uppercase;
}
#catBox a {
	display:			block;
	color:				white;
	padding:			8px;
	border-bottom:		1px solid #448F00;
	text-decoration:	none;
	width:				150px;
	margin-bottom:		-12px;
}
#catBox a:hover {
	background-color:	#579628;
}
#catBox #catHeader {
	padding-left:		10px;
	font-size: 			11px;
	font-weight:		bold;
	color:				white;
	padding-top:		10px;
}

/* the manufacturers box on the left */
#manBox {
	padding:			13px;
}
#manBox #manHeader {
	padding:			2px;
	font-size: 			11px;
	font-weight:		bold;
	color:				white;
	text-transform:		uppercase;
}

/* the whats new box... */
#newBox {
	padding:			13px;
	border:				1px solid #DDDDDD;
	line-height:		150%;
	margin-top:			4px;
}
#newBox #newHeader {
	padding:			2px;
	font-size: 			11px;
	font-weight:		bold;
	color:				#505150;
	text-transform:		uppercase;
}
#newBox a {
	color:				#505150;
	text-decoration:	none;
}
#newBox a:hover {
	text-decoration:	underline;
}

/* the info box on the left */
#infoBox {
	padding:			12px 12px 0px 12px;
	font-size:			10px;
	font-family:		verdana, sans-serif;
	text-transform:		uppercase;
}
#infoBox a {
	display:			block;
	color:				white;
	padding:			8px;
	border-bottom:		1px solid #CACACA;
	text-decoration:	none;
	width:				150px;
	margin-bottom:		-12px;
}
#infoBox a:hover {
	background-color:	#9D9E9D;
}
#infoBox #infoHeader {
	padding-left:		10px;
	font-size: 			11px;
	font-weight:		bold;
	color:				white;
	padding-top:		10px;
}

/* the cards that we accept, at the bottom of the page */
#accept {
	border-top:			1px solid #CACACA;
	padding-left:		25px;
	padding-top:		35px;
	height:				45px;
}
#acceptLogos {
	float:				right;
	margin-top:			-15px;
	padding-right:		15px;
}
#acceptLogos img {
	padding:			7px;
}

/* the heading for the new products */
#newProducts h2 {
	background-color:	#505150;
	font-size:			11px;
	text-transform:		uppercase;
	font-weight:		bold;
	padding:			15px;
	margin:				2px 0px 0px 0px;
	color:				white;
}

/* the listing of products in a category... */
.productListing {
	margin-top:			2px;
}
.productListing-heading {
	color:				white;
	background-color:	#505150;
	text-transform:		uppercase;
	font-weight:		bold;
	padding:			10px;
}
.productListing-heading a {
	text-decoration:	none;
}
.productListing-even {
	background-color:	#ECEEEC;
}
.productListing-img {
	border:				1px solid #CECECE;
	margin:				3px;
}
.productListing-data {
	/*border-bottom:		1px solid #505150;*/
	border-bottom:		1px solid #CECECE;
}

/* product image */
.productImage {
	padding:			5px;
}


/* dataTable is used for the login box, bad choice of class name... */
.dataTable .header {
	color:				white;
	background-color:	#505150;
	padding:			10px;
}
.dataTable .rightBorder {
	border-right:		1px solid #DDDDDD;
}

/* the info box */
td.main {
}
.infoBoxContents {
	background-color:	#F3F3F3;
}

/* selected rows */
/*#defaultSelected {
	background-color:	#DDD;
	color:				#505150;
}*/
.moduleRowSelected {
	background-color:	#505150;
	color:				white;
}
.moduleRowSelected a {
	color:				white;
}

/* little order edit text... */
.orderEdit {
	font-size:			80%;
}

/* the footer of the page */
#footer {
	background-image:	url(../images/footer_back.gif);
	height:				35px;
	padding-top:		30px;
	padding-left:		20px;
	font-size:			10px;
	color:				white;
	text-transform:		uppercase;
}
#footer a {
	text-decoration:	none;
	color:				white;
}
#footer a:hover {
	text-decoration:	underline;
	color:				white;
}