/***************************************************************
   LAYOUT - only CSS attributes that affect position or size 
****************************************************************/ 

#page-container {width: 859px; margin: 12px auto;}
#content-wrap {
	clear: both;
	width: 859px;
	padding: 0; 
	margin: 0 auto;
}
#header {
	width: 859px;
	position: relative;
	height: 100px;
	padding: 0;
}

#header #cartshipping {
	position: absolute;
	margin: 0; padding: 0;	
	/* change the values of top and left to adjust the position of the logo*/
	top: 32px; left: 10px;	
}

/* Menu */
#menu {
	clear: both;	
	margin: 0; 
	width: 848px;
	background-color:#11569C;
}


/* content holders */	
#main {         float: left;  width: 650px; padding-top: 5px;}
#productmain {  float: left;  width: 479px; padding-top:5px;}
#sidebar {      float: left;  width: 175px; padding: 5px;}	
#rightsidebar { float: left;  width: 175px; padding:5px;}

#specialsUpper{width:657px;height:219px}
#specialsLower{width:657px;height:170px;margin-top: 5px;}
#search-box {padding-left: 5px;	padding-bottom: 15px;}
#footer {clear: both; width: 859px;	height: 85px;}
#search-box label {display:block;padding-top: 5px;}




/* form elements */
p {padding: 10px;margin: 0;}
ul, ol {margin: 5px 20px;padding: 0 20px;}
input.img {margin-top: 4px;}
fieldset{margin: 10px 10px 10px 0px;padding: 0px 10px 10px 15px;}
legend{margin-bottom: 0px;padding: 0px 10px 5px 5px}

/* Classes */
.productListBreadcrumb {padding-left:5px; padding-top:3px} 
.productListFooter479 {width:479px; height:13px;}
.productDetailsHeader479 {width:479px; height:19px;}
.greyBorders {width: 655px;}
.greyBorders477 {width:477px}
.greyBorders173{width:163px; padding-left:5px; padding-right:5px; border-left: 1px solid #C4C6C8;border-right: 1px solid #C4C6C8; background-color:#F1F1F3;font: 9px Verdana, arial, sans-serif; color: #7D7B80; }
.greyBordersYellow {width: 655px;} 
.clear {clear: both;}
.marginTop {margin-top: 5px;}
.paddingTop {padding-top: 5px;}
.paddingTop10 {padding-top: 10px}
.paddingBottom {padding-bottom: 5px;}
.padded5 {padding: 5px;}
.post-footer {padding: 5px; margin: 20px 10px 0 10px;}
.post-footer .date, .post-footer .comments {padding-left: 20px; margin: 0 10px 0 5px;}
.price-label {width:80px; float:left; text-align:left; }
.rrp {margin-top: 6px;}
.events {padding-bottom:5px;}
.events img {margin-top: 5px; margin-bottom: 5px;}
.bigBoldText {font-size: 12px;}
.error {padding: 10px;}
.spacer5 {width:5px; height:5px}
.spacer10 {width:10px; height:5px}
.spacer20 {width:20px; height:5px}
.spacer30 {width:30px; height:5px}
.bigger {width: 200px;}
.small {padding:2px; width: 80px;}
.medium {padding:2px; width: 155px;}