
body  {
	font-family: Arial;
	font-size: 12px;
	background-color:#2b769c;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444444;
	background-image: url(../images/background_blue.png);
}


hr
{
color:#282828;	
}

.centerAlign{ text-align:center;}

.mainDiv{width:1000px; 	margin:0 auto; text-align:left;}

.searchBox{background-image:url(../images/searchbox.png); height:34px; width:353px; margin:5px 0 0 320px; vertical-align:top;}
.shoppingCart{ margin:60px 0 0 490px; font-size:12px;}

	
img{border:0;}


/* clearing elements */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* end of clearing elements */



/* LIST ON SIDE */
.leftContainer{	margin:12px 0 0 30px;}

.categories{ background-image:url(../images/header_middle_white.png); }

.leftBox{ margin:0 0 10px 0;}




.categories{ background-color:#ffffff; }
.categories ul{ margin:0; padding:5px 0 0 0; list-style-type:none;}
.categories ul li {margin:0 0 0 10px;padding:0;}
.categories ul li a{color:#444444; text-decoration:none;}

.dotDivider{margin:5px 0 5px;}


.pageBanner{ margin:0 0 20px 0;}



.mainContentBox{float:left; margin:0 0 0 10px;}

/* MAIN BOX INNER */
.mainBoxInner{background-image:url(../images/main_middle.png); width:733px;}
.mainBoxInnerContent{padding:20px; width:693px;}


/* LATEST BOX */
.latestBox{ float:left; width:162px; margin:10px;}
.latestBoxInnerContainer{ padding: 5px; text-align:center;
	background-image:url(../images/background_box_items.png); background-repeat:no-repeat;}
.latestBoxPic{ margin:10px 0 0 0;}
.latestProdName{ margin:5px 0 0 0;}
.latestProdPrice{ color:#ba1717; font-weight:bold; font-size:16px;}
.latestViewButton{margin:5px 0 0 0;}



/* PRODUCT INFO */
.productTitle{ font-size:20px; font-weight:bold}
.productPrice{ font-size:16px; color:#ba1717; font-weight:bold; margin:0 0 20px 0;}
.productDecription{ margin:20px 0 0 0;}
.errorQuantity{ color:#ba1717;}


/* PRODUCTS LIST */
.totalItems{ text-align:center; font-size:16px; font-weight:bold; color:#ba1717}
.pagingBox{ text-align:center; margin:20px;}
.buttonNext{ margin-left:20px;}


/* float elements */
.fltrtnoborder { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	border:1px solid #9e9e9e;
	float: right;
	margin-left: 8px;
}

.fltlft { /* this class can be used to float an element left in your page */
	border:1px solid #9e9e9e;
	float: left;
	margin: 0 8px 0 0;
}


/* FORM */
.formLabel{ float:left; width:100px; font-weight: bold; margin:10px 0 0 0;}
.formInput{ float:left; margin:10px 0 0 0;}




/* FOOTER */

.footerContent{ margin:10px 0 0 30px;}



/*CHECKOUT */
.mainContentCheckout{margin:15px 0 0 30px;}

.checkoutHeaderLong{
	background-image:url(../images/header_main_long.png); color:#ffffff;
	background-repeat:no-repeat; width:982; height:32px; margin:12px 0 0 0; font-size:18px; font-weight:bold;
}

.checkoutInner{background-image:url(../images/main_middle_long.png); width:982px;}
.checkoutContent{padding:20px; width:942px;}

.paymentTitle{ font-weight:bold; font-size:18px;}
.paymentDesc{  margin:5px 0 5px 25px;}
.billinginfoheader{ margin:0 0 20px 0; font-weight:bold;}

.textBox{ font-family:Arial; font-size:12px; }



/* MENU */

.menuMain{ float:left;font-size:16px; margin:0 0 0 70px; text-align:right;}
.menuMain ul{ list-style-type:circle; }
.menuMain ul li {margin:0 0 12px 20px;	padding:0; display:inline;}
.menuMain ul li a{color:#ffffff; text-decoration:none;}

