body {
background-color: #FFF;
background-image:url(../images/bg.jpg);
background-repeat: repeat-x;
padding:0px;
margin:0px;
text-align:center;
font-family: Helvetica, Arial,  Geneva,  sans-serif;


}

td, input, textarea {
color:#000000;
font-family:Helvetica, Arial,  Geneva,  sans-serif;
font-size:12px;
line-height: inherit;
padding:0;
vertical-align:top;
}
#container {
	text-align: left;
	width: 925px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/container_bg.png);
	background-repeat: no-repeat;
}
#container #holder {
	background-image: url(../images/holder_bg.png);
	background-repeat: repeat-y;
	width: 901px;
	margin-left: 12px;
}
#container #header {
	width: 901px;
	background-image: url(../images/header_bg.png);
	background-repeat: repeat-x;
	clear: both;
	position: relative;
}
#container #header h1 {
	display: block;
	background-image: url(../images/john_abdo.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 109px;
	width: 407px;
	font-size: 1px;
	color: #CCE2ED;
}
#container #header h1 a {
	display: block;
	height: 109px;
	width: 407px;
	color: #CCE2ED;
	text-decoration: none;
}

#container #holder #topnav {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 901px;
	height: 50px;
	background-image: url(../images/topnav_bg.png);
	background-repeat: no-repeat;
}
#container #holder #topnav li {
	display: inline;
}
#container #holder ul#topnav li a {
	display: block;
	float: left;
	height: 45px;
	font-size: 1px;
	color: #C7C7C7;
}
#container #holder ul#topnav li a#topnav1 {
	width: 139px;
	margin-left: 383px;
}
#container #holder ul#topnav li a#topnav2 {
	width: 89px;
}
#container #holder ul#topnav li a#topnav3 {
	width: 98px;
}
#container #holder ul#topnav li a#topnav4 {
	width: 114px;
}
#container #holder ul#topnav li a#topnav5 {
	width: 54px;
}



#container #holder #content #sidecolumn_left {
	width: 180px;
	float: left;
	margin: 0px;
	padding: 0px;
}

#widgetCategories .top {
color:#f0f0f0;
font-size:1px;
font-weight:normal;
padding-bottom:0px;
padding-left:0px;
padding-top:0px;
text-align:left;
}


#container #holder #content #widgetCategories {
color:#464646;
float: none;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
margin-top:0px;
margin-left:9px;
text-align:left;
width:169px;
background-image:url(../images/sidenav_bg.png);
background-repeat:no-repeat;
}
#widgetCategories .body ul li {
list-style-type:none;
background-image: none;
background-position:0;
background-repeat:no-repeat;
font-size:11px;
padding-left:0px;
}



#widgetCategories .body ul li a {
color:#FFF;
text-decoration:none;
font-size: 11px;
font-weight:bold;
display:block;
height:25px;
text-transform:uppercase;
font-family: Helvetica, Arial,  Geneva,  sans-serif;
padding: 2px 0px 0px 10px;
background-image: url(../images/lftnav_bg.png);
background-repeat:no-repeat;
background-position: bottom;
}
#container #holder #content #sidecolumn_left #sidecolumn_left_bottom {
	width: 169px;
	margin:0px 0px 20px 9px;
	padding:0px;
}
#container #holder #content #sidecolumn_left #seals {
	width: 169px;
	background-image: url(../images/lftnavseals_bg.png);
	margin-left: 9px;
	text-align: center;
	padding-top: 15px;
}
#container #holder #content #sidecolumn_left #sealsbottom {
	width: 169px;
	margin-left: 9px;
	padding:0px;
	margin-bottom: 10px;
}

/*---------- MAIN AREA ------*/
#container #holder #content #content-middle {
	float: left;
	width: 697px;
	margin: 0px;
	padding:20px 0px 0px 0px;
	background-image: url(../images/product_containerbg.png);
	background-repeat: no-repeat;
	
	
}
#container #holder #content #content-middle #customgridpanel {
	width:697px;
	height: auto;
	background-image: url(../images/product_containertiledbg.png);	
	background-repeat: repeat-y;
}

#pageContent {
text-align:left;
width:100%;
background-image: url(../images/product_containertiledbg.png);	
	background-repeat: repeat-y;
}
/*---------- HOME PAGE PROMO ------*/
#container #holder #content #content-middle #homepromo {
	width: 697px;
	height: 264px;
	top: 0px;
	left: 0px;
	margin-top:-20px;
}


/*--- PRODUCT GRID---*/

#categoryGrid {
margin:0px;
text-align:left;
width:697px;
background-image: url(../images/product_containerbg.png);
	background-repeat: no-repeat;

}

#productGrid {
margin:-20px 0px 0px 0px;
text-align:left;
width: 667px;
padding: 20px 15px 20px 15px;
background-image: url(../images/product_containerbg.png);
	background-repeat: no-repeat;
}

#productGrid #btmOptions .pagination {
float:right;
font-size:12px;
height:19px;
padding-top:15px;
width:auto;
margin-right:15px;
}

#productGrid .content-odd2 {
border: none;
margin:1px;
padding:8px 8px 15px;
text-align:center;
vertical-align:top;
width:45%;
}
#productGrid .content-odd4 {
border:none;
border-bottom: 1px dotted #CCCCCC;
margin:1px;
padding:8px 8px 10px;
text-align:center;
vertical-align:top;
width:22%;
}
#productGrid .content-even4 {
border:none;
border-bottom: 1px dotted #CCCCCC;
margin:1px;
padding:8px 8px 10px;
text-align:center;
vertical-align:top;
width:22%;
}




#productGrid .title a {
color:#575757;
font-size:11px;
font-weight:bold;
line-height:14px;
text-decoration:none;
}
#productGrid .description p {
font-size: 9px;
color:#666;
}

/*-------- GRID BOXES -----------*/
#productGrid .details .sprice {
clear:left;
float:left;
font-size:11px;
font-weight:bold;
margin-bottom:8px;
margin-top:8px;
text-align:center;
width:100%;
text-transform:uppercase;
}
#productGrid .details .buttons .addToCartBtn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/medium_btn.gif) no-repeat scroll center center;
float:left;
font-size:11px;
font-weight:bold;
height:19px;
padding-top:6px;
text-align:center;
vertical-align:middle;
width:100%;
}

#productGrid .details .buttons .detailBtn {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/small_btn.gif) no-repeat scroll center center;
float:left;
font-size:10px;
font-weight:bold;
height:19px;
padding-top:6px;
text-align:center;
vertical-align:middle;
width:100%;
}

/*------PRODUCT DETAILS ----*/
#productDetail h2 {
color:#729925;
font-size:16px;
font-weight:bold;
padding:3px 20px;
text-align:left;
}

#productDetail #productPhotos {
clear:left;
float:left;
padding-top:10px;
text-align:center;
vertical-align:middle;
width:300px;
}
#productDetail #productPhotos a.link {
font-size: 10px;
text-decoration:none;
color:#9C0;
}
#productDetail #extraDetails {
border-collapse:collapse;
clear:none;
color:#878787;
float:left;
height:auto;
margin:0;
padding:0 5px 5px;
width:250px;
}

#productDetail {
margin:5px 25px 5px 25px;
text-align:left;
width:655px;
padding: 10px 0px 0px 0px;
}
#productDetail #productDescription {
clear:left;
float:left;
height:auto;
margin-top:15px;
text-align:left;
width:660px;
}
#productDetail #productDescription h4 {
margin:0px 0px 10px 0px;
padding:0;
text-align:left;
font-size:14px;
color:#cf4d17;
border-bottom: dotted 1px #CCCCCC;

}
#productDetail #productDescription p {
margin:0px 0px 10px 0px;
padding:0;
text-align:left;
font-size:12px;
color:#333333;
line-height: 18px;
}
#productDetail #productDescription li {
padding:0;
text-align:left;
font-size:12px;
color:#333333;
line-height: 18px;
}
/* --FOOTER --*/

#container #holder #footer {
	clear: both;
	width: 901px;
	padding-top: 15px;
}

#widgetFooter {
height:auto;
width:901px;
}

#widgetFooter .nav {
float:right;
line-height:14px;
margin-left:21px;
margin-right:10px;
padding:6px;
text-align:left;
width:auto;
}
#widgetFooter .nav ul li  {
font-size:10px;
}
#widgetFooter .nav ul li a {
color:#494949;
text-decoration:none;
font-size:10px;

}
#widgetFooter hr {
background-color:#FFF;
clear:both;
color:#FFF;
float:none;
height:0px;
}
#widgetFooter .actionItems {
clear:left;
float:left;
font-size:11px;
font-weight:normal;
line-height:22px;
margin:0px 0px 0px 10px;
}

#widgetFooter .actionItems a {
color:#506f80;
text-decoration:none;
font-size:11px;
}

#widgetFooter .actionItems a:hover {
color:#fff;
text-decoration:none;
background-color:#506f80;
}
#widgetFooter .copyright {
clear:left;
float:left;
line-height:22px;
margin-top:0px;
margin-left: 20px;
}


/* -- GENERAL CLASSES --*/

.clear {
clear: both;
height:0px;
padding:0px;
margin:0px;
line-height:0px;
font-size:0px;
}
/*-- ARTICLES --*/

div.pageNote p {
margin-left: 20px;
margin-right:30px;
font-size:12px;
color:#333333;
line-height:17px;

}
div.pageNote h3 {
margin-left: 20px;
margin-right:20px;
font-size:18px;
color:#215aa4;
border-bottom:1px dotted #999999;
padding-top: 20px;

}
h2 {
color:#729925;
font-size:20px;
font-weight:bold;
padding:3px 20px 3px 20px;
text-align:left;
}#container #holder #footer #disclaimer {
clear:both;
	font-size: 10px;
	color: #333333;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	margin-right: 20px;
	margin-bottom: 40px;
	margin-left: 20px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}
#container #content #content-middle #pageContent h4 {
	font-size: 13px;
	color: #215AA4;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	line-height: 16px;
	margin-left: 20px;
	margin-right: 20px;
}
#container #content #content-middle #pageContent a.topbut {
	font-size: 9px;
	text-decoration: none;
	display: block;
	width: 70px;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 20px;
	background-image: url(../images/backtotop.png);
	background-repeat: no-repeat;
	background-position: 4px center;
	border: 1px solid #999999;
	color: #333333;
	margin-left:50px;
}
#container #holder #header ul#subnavtop li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#container #holder #header ul#subnavtop {
	display: block;
	margin: 0px;
	padding: 0px;
	height: 36px;
	width: 228px;
	position: absolute;
	top: 0px;
	right: 15px;
}
#container #holder #header ul#subnavtop li a {
	display: block;
	float: left;
	height: 36px;
	background-image: url(../images/topnav.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 1px;
	color: #88ABBE;
}
#container #holder #header #subnavtop li a#subnav1 {
	width: 98px;
}
#container #holder #header #subnavtop li a#subnav2 {
	background-position: -98px;
	width: 130px;
}
#container #holder #header a#CheckoutButton {
	display: block;
	height: 25px;
	width: 100px;
	background-image: url(../images/butcheckout.png);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	font-size: 1px;
	color: #D8E58B;
	position: absolute;
	right: 15px;
	top: 55px;
}

/*-----CHECKOUT----*/
#viewCart {
margin-left:35px;
text-align:left;
width:620px;
}


#viewCart #cartItems {
border-collapse:collapse;
clear: both;
float: none;
height:auto;
width:96%;
}
#viewCart #crossSell {
border-collapse:collapse;
border-top:1px dotted #CCC;
clear:both;
float:none;
height:auto;
margin-top:0px;
padding-top:5px;
width:96%;
}

#crossSell h2 {
color:#729925;
font-size:16px;
font-weight:bold;
padding:3px 20px;
text-align:left;
border-bottom: dotted 1px #CCC;
margin: 0px;
}

#checkoutOnePage {
margin:8px 35px 8px 15px;
text-align:left;
width:620px;
}
#checkoutOnePage #cartItems {
border-collapse:collapse;
clear:both;
float:none;
height:auto;
width:96%;
margin-left: 20px;
}
#checkoutOnePage #billAddress table {
padding:4px;
text-align:left;
width:600;
}


#checkoutOnePage td.form-label {
font-weight:normal;
padding:5px;
text-align:right;
width:100px;
margin:0px;
}


#checkoutOnePage td.form-label-required {
font-weight:bold;
padding:5px;
text-align:right;
width:100px;
margin:0px;
}
#checkoutOnePage #totalsInfo #grand_total_div {
color:#878787;
font-size:14px;
font-weight:bold;
height:auto;
width:auto;
padding:0px;
}#container #holder #content #sidecolumn_left #creditcards {
	height: 65px;
	width: 169px;
	margin-left: 9px;
}
#container #holder #content #content-middle #contentfooter {
	margin: 0px;
	padding: 0px;
	width: 697px;
}