html {font-family: 		Arial, Helvetica, sans-serif; 
	font-weight: 		normal;
}
img, img a { border: 	0px;
}
h1 { font-size: 		15px; 
	font-weight: 		bold; 
	color: 			#000000; 
	margin: 			0px 0px 10px 0px; 
	padding: 			10px 0 0px; 
	text-align: 		center; 
}
h2 { font-size: 		13px; 
	font-weight: 		bold; 
	color: 			#006699; 
	margin: 			10px 0px; 
	padding: 			0px; 
}
/*--------------- Cart default font size and weight Styles ------------------*/

#CartPanel table, #CartPanel td, #CartPanel th, #CartPanel div, 
#CartView table, #CartView td, #CartView th, #CartView div, 
#order table, #order td, #order th, #order div, #order input, #order select, #order textarea {
	font-size: 		11px; 
	font-weight: 		normal; 
	color: 			#333333; 
} 
/*--------------- Combined Styles ------------------*/

#CartPanel table, #CartView table, #order table {
	border-collapse: 	collapse; 
	border: 			none; 
	margin: 			0px; 
	padding: 			0px;
}
#CartPanel th, #CartView th,  #order th,
#CartPanel td, #CartView td,  #order td{ 
	vertical-align: 	top; 
	font-weight: 		normal; 
	text-align: 		left;
}
#CartPanel td, #CartView td  {
	text-align: 		right; } {	
	border-collapse: 	collapse; 
 	border: 			none; 
	margin: 			0px; 
	padding: 			0px;
}
/*--------------- Cart Panel ------------------*/

#CartPanel {
	width: 			174px; 
	margin-left: 		6px;
}
#CartPanel div#CartPanelTop div.leftPanel, #CartPanel div#CartPanelBottom div.leftPanel{ 
	float: 			left; 
	text-align:		left; 
	height: 			15px;
}
#CartPanel div#CartPanelTop div.rightPanel, #CartPanel div#CartPanelBottom div.rightPanel { 
	float: 			right; 
	text-align:		right; 
	height: 			15px;
}
#CartPanel div#CartPanelTop div.leftPanel, #CartPanel div#CartPanelTop div.rightPanel { 
	margin-top: 		-1px;
}
#CartPanel div#CartPanelBottom {
	height: 			15px; 
	clear: 			both; 
	background: 		url(../images/graphics/spacer_Grey.gif) bottom repeat-x; 
	display: 			block;
}
#CartPanel div#Cart{
	clear: 			both;
	margin: 			0px; 
	padding: 			0px 10px; 
	text-align: 		left; 
	border-left: 		1px solid #999999; 
	border-right: 		1px solid #999999;
}
#CartPanel div#products, #CartPanel div#productsEmpty {
	vertical-align: 	top;
}
#CartPanel div#products p {
	margin: 			0px; 
	font-weight: 		bold;
}
#CartPanel div#productsEmpty p {
	margin: 			0px;
	font-style: 		italic; 
	text-align: 		center; 
}
#CartPanel div#products div.image, #CartPanel div#products div.info {
	margin: 			0px; 
	text-align: 		left; 
	border: 			1px none #000000; 
	border-spacing: 	0px;
}
#CartPanel div#products div.image {
	width: 			50px; 
	float: 			left;
}
#CartPanel div#products div.info {
	float: 			right;
}
#CartPanel div#products div.info, #CartPanel div#products div.info table  {
	width: 			135px;
}
#CartPanel div#options { 
	padding: 			0px 0px 10px 0px; 
	clear: 			both; 
	vertical-align: 	top; 
	font-family: 		Arial, Helvetica, sans-serif; 
}
#CartPanel div#options div.totals{ 
	text-align: 		right; 
	margin: 			0px 0px 10px 0px; 
}
#CartPanel div.terms-conditions a { 
	color: 			#587B8F; 
	font-size: 		9px; 
	text-transform: 	uppercase; 
	font-weight: 		bold; 
	line-height: 		14px; 
	text-align: 		center; 
	display: 			block; 
	text-decoration: 	none; 
	clear: 			both; 
}
#CartPanel div.terms-conditions a:hover { 
	text-decoration: 	underline; 
	color: 			#3D5B6B; 
}
#CartPanel div#products hr {
	height: 			1px; 
	width: 			100%; 
	margin: 			5px 0 10px 0px; 
	clear: 			both; 
	border: 			0px; 
	color: 			#BBDDFF; 
	background-color: 	#BBDDFF;
} 
/*--------------- Cart View ------------------*/
#CartView { 
	margin: 			20px 0 20px 10px; 
	padding: 			0px;
}
#CartView div#Cart{ 
	width:  			400px; 
	clear: 			both; 
	text-align: 		left;
}
#CartView div#products, #CartView div#productsEmpty {
	vertical-align: 	top;
}
#CartView div#products p {
	font-weight: 		bold;
}
#CartView div#productsEmpty p {
	font-style: 		italic; 
}
#CartView div#products div.image, #CartView div#products div.info {
	margin: 			10px 0px; 
	text-align: 		left;
}
#CartView div#products div.image {
	width: 			90px; 
	float: 			left;
}
#CartView div#products div.info {
	float: 			right;
}
#CartView div#products div.info, #CartView table  {
	width: 			200px;
}
#CartView form { 
	margin: 			0px; 
	padding: 			0px;
}
#CartView input {
	font-size: 		11px; 
	width: 			50px; 
	margin-left: 		10px; 
	padding: 			0px;
	}
#CartView input.button { 
	width: 			auto; 
}
#CartView div#options { 
	padding: 			0px; 
	clear: 			both; 
	margin: 			10px 0px; 
	text-align: 		left;
	}
#CartView div#options div.totals{ 
	text-align: 		right; 
	margin: 			0px 0px 10px 0px; 
}
#CartView hr  {
	height: 			1px;
	width: 			100%;
	margin: 			0px;
	padding: 			0px;
	clear: 			both;
	border: 			0px;
	color: 			#006699;
	background-color: 	#006699;
}
/*--------------- Testing------------------*/
#CartView div#Cart,
#CartView div#products, #CartView div#productsEmpty,
#CartView div#options, #CartView div#options div.totals,
#CartView div#products div.image, #CartView div#products div.info { 
	border: 			1px none #000000;  
	border-spacing: 	0px; 
}
/*--------------- Order Styles ------------------*/
#order { width: 		550px;
}
#order div#products { }
#order div#products th, #order div#products td { 
	padding: 			4px 10px 4px 0px; 
	border-bottom: 	1px solid #000000; 
}
#order div#products th { 
	font-weight: 		bold;
}
#order div#products th {
	text-align: 		left;
}
#order div#products th.right {
	text-align: 		right;
}
#order div#products td.right {
	text-align: 		right;
}
#order div#products div.options { 
	margin-top: 		10px; 
	text-align: 		right;  
	padding: 			4px 10px 4px 0px; 
	border-bottom: 	1px solid #000000;
}
#order form { 
	margin: 			0px; 
	padding: 			0px; 
}
#order div#purchaserDetails { 
	margin-top: 		10px; 
}
#order div#purchaserDetails th, #order div#purchaserDetails td { 
	padding: 			2px 10px 2px 0px; 
}
#order div#purchaserDetails div.final { 
	margin: 			10px 0 10px 0px; 
}
#order div#purchaserDetails span.required { 
	color: 			#FF0000; 
	font-weight: 		bold; 
}
/*--------------- Button Styles ------------------*/
div.buttonCheckout, div.buttonAdd, div.buttonBrowse { 
	font-size: 		11px;  
	margin: 			5px 0px 5px 0px; 
}
div.buttonRemove { 
	margin: 			5px 0px 5px 0px; 
}
div.buttonRemove a { 
	font-size: 		11px; 
	text-decoration: 	none; 
	font-weight: 		normal; 
	text-align: 		right; 
}
div.buttonRemove a:hover { 
	text-decoration: 	underline; 
}
div.buttonAdd{ 
	color: 			#ffffff; 
}
div.buttonAdd a { 
	background-color: 	#389BFF; 
	font-size: 		11px; 
	display: 			block; 
	width: 			100px; 
	padding: 			3px; 
	color: 			#ffffff; 
	text-decoration: 	none; 
	font-weight: 		normal; 
	text-align: 		center; 
}
div.buttonAdd a:hover { 
	text-decoration: 	underline; 
}
div.buttonView { 
	font-size: 		11px;  
	margin: 			0px; 
	color: 			#ffffff;
}
div.buttonView2 a { 
	text-align: 		center; 
}
div.buttonView a { 
	background-color: 	#389BFF;  
	font-size: 		11px; 
	display: 			block; 
	width: 			100px; 
	padding: 			3px; 
	color:			#FFFFFF; 
	text-decoration: 	none; 
	font-weight: 		normal; 
	text-align: 		center; 
}
div.buttonView a:hover { 
	text-decoration: 	underline; 
}
div.buttonCheckout, div.buttonBrowse {
	display: 			inline; 
	color: 			#004C73;
}
div.buttonCheckout a, div.buttonBrowse a {
	text-decoration: 	none;
	width:			120px;
	display: 			block; 
	color: 			#004C73;
	border: 			1px solid #004C73;
	font-size: 		9px;
	font-weight: 		bold;
	text-transform: 	uppercase;
	cursor: 			pointer;
	background: 		#E8E8E8 url(../images/graphics/button-f.jpg) repeat-x left center;
	padding: 			3px;
	text-align: 		center; 
}
div.buttonCheckout { 
	float: 			right; 
	margin: 			0 0 0 50px; 
}
div.buttonBrowse { 
	float: 			left; 
	margin: 			0 50px 0 0px; 
}
div.buttonBrowse a:hover, div.buttonCheckout a:hover { 
	color: 			#C7DFEA;
	background-color:	#004C73;
	background-image: 	url(../images/graphics/button.jpg); 
}
div.buttonBrowse a:focus, div.buttonCheckout a:focus {
	color: 			#FFFFFF;
	background-color: 	#004C73;
	background-image: 	url(../images/graphics/button.jpg);
}