@import "typography.css";

div#container{
	width: 896px;
	margin: 0 auto;
}

/* Header Styles ------------- */
div.header{
	width: 100%;
	float: left;
}

/* Logo div -- */
div.header div.logo{
	float: left;
	width: 420px;
	height: 80px;
	padding: 10px 0 0 0;
}
div.header div.logo a img{
	border: none;
}

/* veryTopMenu styles -- */
div.header ul.veryTopMenu{
	width: 456px;
	float: left;
	padding-left: 20px;
	border-bottom: 1px solid #000;
	text-align: right;
}
div.header ul.veryTopMenu li{
	clear: none;
	display: inline;
	padding: 5px 5px; 
}
div.header ul.veryTopMenu li a{
	color: #000;
}

/* P.basket Styles -- */
div.header p.basket{
	float: left;
	clear: none;
	width: 393px;
	text-align: right;
	padding: 2px 83px 0 0;
	font-size: 0.9em;
}
div.header p.basket a{
	color: #CC0000;
	text-decoration: underline;
}

/*Search box styles -- */
dl.search{
	width: 306px;
	float: left;
	text-align: right;
	padding: 20px 0 0 170px;
}
dl.resultsPage{
	width: 306px;
	float: left;
	text-align: left !important;
	padding: 20px 0 0 3px !important;
}
dl.resultsPage dd#searchInput input.textInput{
	margin-left: 3px;
}

/*form tag margin fix for IE, GRRRRR.... */
dl.search form{ 
	margin: 0;
	padding: 0;
}
dl.search dt{
	float: left;
	clear: none;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 20px 0 0; 
}
dl.search dd{
	float: left;
	clear: none;
}
dl.search dd#searchInput{
	background: url(../images/input-search.gif) no-repeat left top;
	width: 184px;
	height: 22px;
}
dl.search dd#searchInput input.textInput{
	width: 175px;
	height:20px;
	background: transparent;
	border: none;
	padding: 3px 5px 0 0;
	font-size: 0.9em;
}
dl.search dd#goInput{
	padding: 0 0 0 3px;
	outline: none;
	clear: none !important;
	width: 30px !important;
}


/* TopMenu  --------------- */
div#topMenu{
	width: 896px;
	float:left;
	clear: both;
	margin: 2px 0 0 0;
}

/* Store Finder -- */
div#topMenu ul#storeFinder{
	float: left;
	width: 58px;
	height: 40px;
	background: #C90000 url(../images/li-storeLocator.gif) no-repeat;
}
div#topMenu ul#storeFinder li{
	clear: none;
	float: left;
	position: relative;
}
div#topMenu ul#storeFinder li a{
	height: 36px;
	color: #fff;
	display: block;
	padding: 2px 10px 2px 12px;
	text-align: center;
	font-weight: bold;
	cursor: default;
}

/* Store Finder Dropdown -- */
div#topMenu ul#storeFinder li ul{
	display: none;
}
div#topMenu ul#storeFinder li:hover ul{
	float: left;
	clear: both !important;
	background: #FDF0F0;;
	border: 1px solid #000;
	display: block;
	width: 150px;	
	position: absolute;
	top: 39px;
}
div#topMenu ul#storeFinder li:hover ul li{
	float: left;
	clear: left;
	width: 150px;
}
div#topMenu ul#storeFinder li ul li a{
	width: 130px;
	display: block;
	padding: 3px 0 3px 20px;
	margin: 0 !important;
	font-weight: normal;
	height: auto;
	color: #000;
	background: url(../images/li-hover-arrow.gif) no-repeat 5px 7px;
	text-align: left;
	cursor: pointer;
}
div#topMenu ul#storeFinder li ul li a:hover{
	background: #EA8787 url(../images/li-hover-arrow.gif) no-repeat 5px 7px;
}


/* MainMenu styles -- */
div#topMenu ul#mainMenu{
	float: left;
	width: 838px;
	height: 40px;
	background: #000 url(../images/ul-topMenu-right.gif) no-repeat right;
}
div#topMenu ul#mainMenu li{
	clear: none;
	float: left;
	position: relative;
}
div#topMenu ul#mainMenu li a{
	width: 6.77em;
	height: 36px;
	color: #fff;
	display: block;
	padding: 2px 5px;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #999;
	overflow: hidden;
	cursor: default !important;
}
div#topMenu ul#mainMenu li.last0 a{
	border: none !important;
}
div#topMenu ul#mainMenu li.lastov0 a{
	border-right: 1px solid #999 !important;
}
/* Main Menu Dropdowns -- */
div#topMenu ul#mainMenu li ul{
	display: none;
}
div#topMenu ul#mainMenu li:hover ul{
	float: left;
	clear: both !important;
	background: #fff;
	border: 1px solid #000;
	display: block;
	width: 247px;	
	position: absolute;
	top: 39px;
}
div#topMenu ul#mainMenu li ul li{
	float: left;
	clear: left;
	width: 247px;
}
div#topMenu ul#mainMenu li ul li a{
	width: 227px;
	display: block;
	padding: 3px 0 3px 20px;
	margin: 0;
	font-weight: normal;
	height: auto;
	color: #000;
	background: url(../images/li-hover-arrow.gif) no-repeat 5px 8px;
	text-align: left;
	cursor: pointer !important;
}
div#topMenu ul#mainMenu li ul li a:hover{
	background: #eee url(../images/li-hover-arrow.gif) no-repeat 5px 8px;
}

/* lastov0 and last0 (Right hand dropdown styles */
div#topMenu ul#mainMenu li.last0:hover ul{
	position: absolute;
	right: -9px !important;
}
div#topMenu ul#mainMenu li.lastov0:hover ul{
	position: absolute;
	right: 0 !important;
}
div#topMenu ul#mainMenu li.last0:hover ul li, div#topMenu ul#mainMenu li.lastov0:hover ul li{
	text-align: right !important;
}
div#topMenu ul#mainMenu li.last0:hover ul li a, div#topMenu ul#mainMenu li.lastov0:hover ul li a{
	text-align: right !important;
	background: url(../images/li-hover-arrow-right.gif) no-repeat 233px 8px;
	padding: 3px 20px 3px 0;
}
/* Dirty, Filthy IE6 Bug fix!!!!! ------- */
ul#mainMenu li.last0 ul li.level1 a:hover, ul#mainMenu li.lastov0 ul li.level1 a:hover{
	text-align: right !important;
	background: #eee url(../images/li-hover-arrow-right.gif) no-repeat 233px 8px !important;
}

/* Left Column Styles ---------------------------- */
div.leftCol{
	width: 170px;
	float: left;
	clear: left;
	padding: 5px 0 0 0;	
}
div.leftCol ul{
	float: left;
	clear: left;
	width: 170px
}
div.leftCol ul li{
	float: left;
	clear: left;
	background:#FAFAFA url(../images/tab-grad.gif) repeat-x;
	margin: 5px 0 0 0;
	width: 100%;
	padding: 2px 0 2px 0;
}
div.leftCol ul li a{
	padding: 0 7px;
	color: #000;
	font-weight: bold;
	display: block;
	width: 91%;
}
div.leftCol ul li ul{
	width: 170px;
	background: #F8F8F8;
	clear: left;
	float: left;
	margin: 3px 0 0 0;
	padding: 5px 0;
}
div.leftCol ul li ul li{
	background: transparent;
	margin: 2px 0 2px 0;
	padding: 0 7px;
	width: 90%;
}
div.leftCol ul li ul li a{
	font-weight: normal;
	padding: 0;
	font-size: 0.9em;
	width: auto;
}
div.leftCol ul li ul li a:hover{
	text-decoration: underline;
}
div.leftCol ul li ul li ul{
	padding: 0 0 0 7px !important;
	margin: 0 !important; 
	width: 95%;
}
div.leftCol ul li ul li ul li{
	padding: 0 0 0 7px !important;
	margin: 2px 0 !important; 
	background: url(../images/ul-filterlist-li.gif) no-repeat 0 7px;
	width: 90%;
}
div.leftCol ul li ul li ul li.strong{
	padding: 0 0 0 7px !important;
	margin: 2px 0 !important; 
	background: url(../images/ul-filterlist-li.gif) no-repeat 0 7px;
	font-weight: bold !important;
	font-size: 0.9em;
}
div.leftCol img{
	float: left;
	clear: left;
	margin: 10px 0 0 0;
}


/* Big Banner ------------------------------- */
div.bigBanner{
	float: right;
	padding: 10px 0 0 5px;
	width: 715px;
}

/* Main Content Area Styles ----------------- */
div.mainContent{
	width: 526px;
	float: left;
	padding: 10px 10px 10px 10px;
	min-height: 750px;
}
div.mainContent p{
	padding: 5px 0;
}
div.chooseDelOpt{
	width: 705px;
}

/* Checkout Main Content -------------------- */
div.checkout-mainContent{
	width: 97.5%;
	float: left; 
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 0 10px;
	background: #FFF;
}
div.checkout-mainContent table{
	float: left;
	clear: left;
	text-align: left !important;
}
div.checkout-mainContent div.basket-logos{
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
	padding: 20px 0 20px 0;
}
div.checkout-mainContent h2{
	float: left;
	clear: left;
	width: 99%;
	border-bottom: 1px solid #000;
	padding: 20px 5px 3px 5px;
	font-size: 1.5em;
	font-weight: normal;
}
div.checkout-mainContent h3{
	float: left;
	clear: left;
	width: 99%;
	padding: 0;
	font-weight: normal;
}
div.checkout-mainContent p{ 
	width: 95%;
	padding: 10px 0 0 5px;
	margin: 0;
	float: left;
	clear: left;
}

/* Bottom Tabs -- */
div.bottomTabs{
	width: 100%;
	float: left;
	clear: left;
	padding: 10px 0;
}
div.bottomTabs div.Tab{
	width: 31.2%;
	padding: 5px 5px;
	background: #F8F8F8;
	float: left;
}
div.bottomTabs div.Tab h3{
	float: left;
	width: 99%;
	border-bottom: 1px solid #817C7C;
	padding: 0 0;
	margin: 0;
	color: #817C7C;
}
div.bottomTabs div.Tab p{
	padding: 5px 0;
	float: left;
	clear: left;
	width: 100%;
	font-size: 0.9em;
	height: 66px;
}
div.bottomTabs div.Tab dl.link{
	clear: left;
	width: 100%;
	font-size: 1.0em;
	font-weight: bold;
}
div.bottomTabs div.Tab dl.link dt{
	width: 87%;
	float: left;
	text-align: right;
	padding: 2px 0 0 0;
}
div.bottomTabs div.Tab dl.link dt a{
	color: #817C7C;
}
div.bottomTabs div.Tab dl.link dt a:hover{
	text-decoration: underline;
}
div.bottomTabs div.Tab dl.link dd{
	float: left;
	clear: none;
	padding: 0 0 0 5px;
}
div.bottomTabs div.Tab dl.link dd a img{
	margin: 0 0 0 0;
	border: 0;
}
div.bottomTabs div.middle{
	margin: 0 10px;
}
div.bottomTabs div.right{
	height: 110px;
	overflow: hidden;
}
div.bottomTabs div.right p{
	height: auto;
	width: 92%;
	padding: 0 0 5px 5px;
}
div.bottomTabs div.right p.cards{
	width: 100%;
	text-align: center;
	padding: 10px 0 5px 0;
}
	
table#basketTable{
	width: 100%;
	border: 0;
	text-align: center;
	font-size: 1.0em;
	float: left;
	clear: left;
}
table#basketTable tr td.rowBreak{
	padding: 0;
	margin: 0;
	height: 10px;
	border-bottom: 1px solid #CCC;
}
table#basketTable tr td.basketHeader{
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 40px 0 5px 0;
	margin: 0;
	font-weight: bold;
	text-align: center;
}
table#basketTable tr td.basketHeader-first{
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	padding: 40px 0 5px 0;
	margin: 0;
	font-weight: bold;
	text-align: left;
}
table#basketTable tr td.basketContent{
	padding: 5px 0 5px 0;
	background: #FFF;
	border: 1px solid #FFF;
	text-align: center;
}
table#basketTable tr td.prodImage{
	padding: 5px 0;
}
table#basketTable tr td.promoCode{
	padding: 5px 0 5px 0;
	background: #FFF;
	border: 1px solid #FFF;
	text-align: center;
	font-size: 0.9em;
}
table#basketTable tr td.left{
	text-align: left !important;
	padding: 0 0 0 10px;
}
table#basketTable tr td.LtGrey{
	background: #F8f8f8;
}
table#basketTable tr td.basketContent a img{
	border: 0;
	margin: 3px 0 0 0 !important;
}
table#basketTable tr td.product{
	padding: 10px 0 0 0;
	text-align: left;
	vertical-align: top;
	width: 332px;
}
table#basketTable tr td.product h2, table#basketTable tr td.product h2 a{
	width: auto;
	border: none;
	font-size: 1.0em;
	color: #cc0000;
	font-weight: bold;
}
table#basketTable tr td.product p{ 
	font-size: 0.9em;
	padding: 5px 5px;
	margin: 0;
}	
dl.coverWise{
	width: 100%;
	background: #f8f8f8;
	margin: 0;
	padding: 5px 0;
	float: left;
}
dl.coverWise dt{
	width: auto;
	float: left;
	padding: 3px 0 0 5px;
	margin: 0;
	clear: none;
	font-size: 0.9em;
	font-weight: bold;
}
dl.coverWise dd{
	float: left;
	clear: none;
	padding: 0 0 0 10px;
	margin: 0;
}
dl.coverWise dd select{
	width: 200px;
	/*height: 17px;*/
	margin: 0;
	padding: 0 0;
	font-size: 1.0em;
}
table#basketTable tr td.warrantyFields{
	background: #F8F8F8;
	font-size: 0.9em;
	border: 1px solid #FFF;
	text-align: center;
}
table#basketTable tr td.warrantyFields a img{
	border: 0;
	margin: 3px 0 0 0 !important;
}
table#basketTable tr td.first{
	padding: 5px 0 0 10px;
	text-align: left;
}
table#basketTable tr td.darkGreyOne{
	background: #f8f8f8;
	color: #333;
}
table#basketTable tr td.basketContent a{
	color: #990000;
}
div.checkout-mainContent div.basketLeftButton{
	width: 25%;
	float: left;
	clear: left;
	padding: 20px 0px 10px 0px;
}
div.checkout-mainContent div.basketRightButton{
	width: 75%;
	float: left;
	text-align: right;
	padding: 20px 0px 20px 0px;
}

/* Checkout Payment Table -------------------- */

div.checkout-mainContent table#secpay{
	width: 100%;
	margin: 0 0 10px 0;
	/*text-align: center !important;*/
}
div.checkout-mainContent table#secpay td.goBack{
	padding: 0 0 0 5px;
	/*text-align: left;*/
}
div.checkout-mainContent table#secpay td.auth{
	/*float: left;
	text-align: right;*/
	width: 62%;
}
div.checkout-mainContent table#secpay td p{
	font-size: 0.9em;
	padding: 5px 0;
	/*text-align: left;*/
}
div.checkout-mainContent table#secpay table{
	width: 80%;
}
div.checkout-mainContent table#secpay table p{
	width: 100%;
	padding: 5px 0 !important;
	margin: 0 !important;
	font-size: 0.9em;
}
div.checkout-mainContent table#secpay table tr td.detailsText{
	margin: 0 0 0 5px;
	padding: 2px 0;
	width: 300px;
	font-size: 0.9em;
}
div.checkout-mainContent table#secpay table tr td.detailsForm{
	padding: 5px 0;
}
div.checkout-mainContent table#secpay table tr td.detailsForm input{
	width: 200px;
	height: 15px;
	margin: 0;
	padding: 2px 0;
	font-size: 1.1em;
	border: 1px solid #000;
}
div.checkout-mainContent table#secpay table tr td.detailsForm select{
	width: 204px;
	font-size: 1.1em;
	border: 1px solid #000;
}
/* Payment Gateway Fixation ----------------- */
div.paymentTable{ 
	float: left;
	clear: left;
	width: 100%;
}
div.paymentTable table{
	width: 100%;
}

/* Right Column styles ---------------------- */
div.rightCol{
	float: right;
	width: 180px; 
}

div.rightCol img{
	float: left;
	margin-top: 10px;
}

/* Right Col, Right Tab Styles -- */
div.rightCol div.rightTab{
	width: 100%;
	background: #F8F8F8;
	margin-top: 10px;
	float: left;
	clear: left;
}
div.rightCol div.rightTab h2{
	font-size: 1.0em;
	width: 170px;
	background: #D2D1D1 url(../images/tab-grad.gif) repeat-x;
	padding: 3px 5px 3px 5px;
	float: left;
	clear: left;
}
div.rightCol div.rightTab ul.usefullinks{
	float: left;
	clear: left;
	background: url(../images/tab-grad.gif) repeat-x;
	margin: 5px 0 5px 0;
	width: 100%;
	padding: 2px 0 2px 0;
}
div.rightCol div.rightTab ul{
	margin: 0;
	padding: 0 5px 0 10px;
	font-size: 0.9em;
	vertical-align: top;
	width: 91.5%;
	list-style: none;
}
div.rightCol div.rightTab ul li{
	padding: 5px 0px 0pt 5px;
	width: 95%;
	float: left;
	clear: left;
}
div.rightCol div.rightTab ul li a {
	color: #000000;
	font-weight:bold;
}
div.rightCol div.rightTab ul li a:hover {
	text-decoration: underline;
}
div.rightCol div.rightTab ul li dl{
	width: 100%;
	float: left;
	clear: left;
	color: #CC0000;
}
div.rightCol div.rightTab ul li dl dt{
	float: left;
	width: 60%;
}
div.rightCol div.rightTab ul li dl dd{
	float: left;
	clear: none;
	padding: 0 1px;
}	
div.rightCol div.rightTab ul li dl dd a{
	color: #CC0000;
}
div.rightCol div.rightTab ul li dl dd a:hover{
	text-decoration: underline;
}

/* Right Tab Popular Products ------- */
ul.popProds li div.IMG{
	float: left;
	width: 60px;
}
ul.popProds li div.IMG img{
	width: 50px;
	height: 50px;
	border: 1px solid #ccc;
}
ul.popProds li dl{
	float: left !important;
	width: 95px !important;
	clear: none !important;
	margin: 0;
	padding: 0;
}
ul.popProds li dl dt{
	width: 100% !important;
	float: left;
	padding: 7px 0 0 0;
}
ul.popProds li dl dt a{
	font-weight: bold !important;
	color: #000 !important;
}
ul.popProds li dl dd{
	width: auto;
	float: left;
	clear: left;
	margin: 0;
	padding: 0;
	color: #000;
	font-weight: normal;
}
ul.popProds li dl dd.desc{
	width: 90%;
	margin: 0  !important;
	padding: 2px 0 !important;
	font-weight: normal !important;
}
ul.popProds li dl dd.price{
	font-weight: bold !important;
	color: #cc0000;
	font-size: 1.0em;
	padding: 1px 0 0 0 !important;
}
ul.popProds li dl dd.view{
	float: right !important;
}

/* RightTab News Styles ------------- */
div.rightCol div.rightTab ul.usefullinks h3 {
	margin: 0;
	padding: 3px 5px;
}
div.rightCol div.rightTab ul.news{
	margin: 0 !important;
	padding: 5px 0 5px 10px !important;
	float: left;
	clear: left;
}
div.rightCol div.rightTab ul.news li{
	float: left;
	clear: left;
	margin: 0 !important;
	padding: 2px 10px !important;
	background: url(../images/li-square-small.gif) no-repeat 0 9px;
	font-weight: bold;
	width: 85%;
}
div.rightCol div.rightTab ul.news li a{
	color: #000;
}
div.rightCol div.rightTab ul.news li a:hover{ 
	color: #cc0000;
	text-decoration: underline;
}

/* Latest News --- */ 
div.rightCol div.rightTab dl.latest{
	width: 94%;
	float: left;
	clear: left;
	padding: 5px 5px 0 5px; 
}
div.rightCol div.rightTab dl.latest dt{
	font-weight: bold;
	padding: 2px 0 0 0;
	width: 100%;
}
div.rightCol div.rightTab dl.latest dt a{
	color:#000 !important;
}
div.rightCol div.rightTab dl.latest dt a:hover{
	text-decoration: underline;
}
div.rightCol div.rightTab dl.latest dd{
	padding: 0 0 5px 0;
	margin: 0;
	width: 100%;
	font-size: 0.9em;
}
div.rightCol div.rightTab dl.latest dd a{
	color: #000;
}
div.rightCol div.rightTab dl.latest dd a:hover{
	text-decoration: underline;
}

/* Right Col - Basket --- */
div.rightCol div.basket p{
	padding: 10px 10px;
	width: 87.5%;
	float: left;
}
div.rightCol div.basket p a{
	color: #CC0000;
	text-decoration: underline;
}
div.rightCol div.basket a{
	color: #5B5252;
}
div.rightCol div.basket dl{
	width: 93%;
	float: left;
	clear: left;
	padding: 5px 5px;
	margin-top: 5px;
}
div.rightCol div.basket dl dt{
	float: left;
	clear: none;
	padding: 2px 10px 0 0;
	width:80%;
	text-align: right;	
	font-weight: bold;
	color: #5B5252;
}
div.rightCol div.basket dl dd{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}
div.rightCol div.basket dl dd img{
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
}

/*  Bottom Logos --- */
dl.logos{
	width: 28%;
	padding: 15px 0 10px 10px;
	float: left;
}
dl.logos dt{
	padding: 0 13px 0 0 !important;
	margin: 0 !important;
	width: auto !important;
	float: left;
	clear: none;
}
dl.logos dd{
	padding: 0 !important;
	margin: 0 !important; 
	width: auto !important;
	float: left;
	clear: none;
}
dl.logos a img{
	border: none;
}

/* Basket > InternetSafeLogos --- */
dl.basketLogos{
	width: auto;
	padding: 0pt 0pt 10px 2px;
	float: left;
	clear: none;
}
dl.basketLogos dt{
	padding: 19px 7px 10px 0 !important;
	margin: 0 !important;
	width: auto !important;
	float: left;
	clear: none;
}
dl.basketLogos dd{
	padding: 18px 0 0 0 !important;
	margin: 0 !important; 
	width: auto !important;
	float: left;
	clear: none;
}
dl.basketLogos a img{
	border: none;
}

/* RightCol > Warranties --- */
p.warrantyText{
	padding: 5px 5px;
	width: 93%;
	text-align: center;
	float: left;
	clear: left;
}
p.WarrantyInfo{
	width: 96%;
	text-align: right;
	float: left;
	clear: left;
	font-size: 0.9em;
}
p.WarrantyInfo a{
	color: #cc0000;
}
p.WarrantyInfo a:hover{
	text-decoration: underline;
}
form#frmGuarantees{
	margin: 0 !important;
	padding: 0 !important;
}
dl.warranty{
	width: 99%;
	float: left;
	clear: left;
	padding: 4px 0;
}
dl.warranty dt{
	float: left;
	width: 57%;
	clear: none;
	font-size: 0.9em;
	padding: 0 0 0 5px;
	font-weight: bold;
}
dl.warranty dd.price{
	width: 27%;
	float: left;
	clear: none;
	text-align: right;
	font-size: 0.9em;
	margin: 0;
	padding: 0 2px 0 0;
	font-weight: normal;
}
dl.warranty dd.item{
	padding-top: 3px !important;
}
dl.warranty dd.checkbox{
	float: left;
	width: auto;
	clear: none;
	margin: 0;
	padding: 0;
}


/* Quicklinks Section ----------------------- */
div.quicklinks{
	width: 705px;
	float: left;
	clear: left;
	border-top: 1px solid #000;
	padding: 5px 0;
	margin-top: 10px;
}
div.quicklinks ul{
	float: left;
	padding: 0 0 0 10px;
	width: 22%;
}
div.quicklinks ul h3{
	font-size: 1.0em;
	padding: 5px 0;
}
div.quicklinks ul li{
	float: left;
	clear: left;
	padding: 3px 5px 3px 10px;
	font-size: 0.9em;
	background: url(../images/li-hover-arrow.gif) no-repeat 0 5px;
	width: 90%;
}
div.quicklinks ul li a{
	color:#000;
}
div.quicklinks ul li a:hover{
	text-decoration: underline;
	color: #CC0000;
}
div.quicklinks ul.stores{
	width: 14%;
	padding: 0 0 0 5px;	
}
div.quicklinks ul.stores li{
	width: 80%;
	padding: 2px 0 2px 10px;
}
/* Footer Styles ----------------------------- */

div.basket-bottom{ /* Basket pages only -- */
	float: left;
	clear: left;
	width: 100%;
}

div.footer{ 
	width: 703px;
	float: left;
	clear: left;
	background: #F8F8F8;
	border: 1px solid #CCC;
	margin: 20px 0;
}
div.footer ul{ 
	float: left;
	width: 87.5%;
	padding: 7px 0 7px 5px;
}
div.footer ul li{
	float: left;
	padding: 0 4px;
	font-size: 0.9em;

}
div.footer ul li.pipe{
	border-right: 1px solid #ccc;
}
div.footer ul li a{
	color: #CC0000;
}
div.footer ul li a:hover{
	text-decoration: underline;
}
div.footer  a.smallLogo{
	float: right;
	background: url(../images/apollo-logo-small.gif) no-repeat;
	width: 77px;
	clear: none;
	text-indent: -30000px;
	margin: 6px 5px 0 0;
}

/* ---------------------------------------------------
************ END OF LAYOUT STYLES *******************
------------------------------------------------------ */


/* Internal Content Page styles
----------------------------------------------------------------------------------- */


/*Product layout styles ----------- */

#product {
	width: 100%;
	float: left;
	clear: left;
}
#product h2{
	width: 95.2%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 0 2px 5px;
	margin: 10px 0 0 5px;
	color: #333;
	border-left: 3px solid #cc0000;
	float: left;
}
#product p.link, #product p.link a{
	float: left;
	clear: left;
	width: 100%;
	color: #C2C1C1;
	font-weight: bold;
	font-size: 1.05em;
}
#product div.ManImg{
	float: left;
	width: 100%;
	padding: 10px 0 0 10px;
}
#product #image{
	width: 270px;
	text-align: center;
	float: left;
	padding: 20px 20px 0px 0px;
	clear: left;
}
#product #image p{
	width: 100%;
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 1.0em;
	text-align: center;
	font-weight: bold;
}
#product #image p a{
	color: #CC0000;
}
#product #info{
	width: 200px;
	float: left;
	padding: 5px 0 0 0;
}
#product #info div.ManImg{
	float: left;
	width: 100%;
	padding: 5px 0;
}
#product #info h2{
	margin: 0;
	padding: 5px 0 0 0;
	font-size: 1.3em;
	color: #CC0000;
	width: 100%;
	border: none;
}
#product #info p.price{
	font-size: 2.0em;
	padding: 0 0 0 0 !important;
	width: 100%;
	color: #CC0000;
}
#product #info p.top{
	padding: 10px 0 0 0 !important;
}
#product #info p.smallDesc{
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	width: 100%;
}
#product #info p.inStore{
	color: #FFCC00;
	margin: 0;
	padding: 5px 0 0 0;
	font-weight: bold;
	font-size: 0.9em;
	width: 100%;
}
#product #info p.Save{
	color: #CC0000;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	font-weight: bold;
	width: 100%;
}
p a img.buyReserve{
	border: none;
	margin-top: 10px;
}
#product input {
	float: left;
}
.price, .wasprice, .saveprice {
	font-size: 17pt;
	font-weight: bold;
	color: #000;
}
#product .message{
	padding: 0pt 0pt 10px;
	margin: 0;
	font-size: 1.2em;
	width: 98%;	
	font-weight: bold;
}

/* Reevoo Styles ----- */
#product div.reevoo{
	width: 95%;
	float: left;
	clear: left;
	text-align: left;
	padding: 0 10px;
}
.features {
	width: 100%;
	text-align: center;
	font-size: 1.0em;
	float: left;
	clear: left;
	padding: 10px 0 0 0;
}
.features p{
	width: 92%;
	text-align: center;
	padding: 0 20px !important;
}
.features p a{
	width: 100%;
	text-align: center;
	color: #CC0000;
	font-weight: bold;
}
ul.featureList{
	font-size: 1.0em;
	border: 1px solid #ccc;
	margin: 20px 30px 0 30px;
}
ul.featureList li.header{
	background: url(../images/tab-grad.gif) repeat-x;
	padding: 3px 5px;
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
}
ul.featureList li.grey{
	background: #EEE;
	font-size: 1.0em;
	padding: 3px 5px; 
}
ul.featureList li.grey a{
	color: #CC0000;
	text-decoration: underline;
	outline: none;
}
ul.featureList li.lightGrey{
	background: #FAFAFA;
	font-size: 1.0em;
	padding: 3px 5px;
}

#productFoot {
	clear: left;
	float: left;
	width: 520px;
	margin: 0 0 0 0;
	background: #fff;
}

#productFoot p{
	text-align: right;
	width: 78%;
	margin: 20px 0 0 0;
}

#product #guarantees {
	font-size: small;
	float: left;
	background-color: #FFF;
	margin: 0;
	width: 200pt;
	min-height: 80pt; 
	position: relative;
}
#cfix{
	background-color: #fff;
	position: absolute;
	right: 0;
	width: 6px;
	height: 80pt; 
}

#product #guarantees h4 {
	padding: 0;
	margin: 4px; 
	float: left;
}

#product .priceButton p.buyForPrice{
	float: left;
	clear: both;
	font-size: 1.1em;
	width: 350px;
	background: transparent;
	margin: 0;
	padding: 15px 0 0 15px;
}

#guaranteeDesc .guaranteeDesc {
	display: none;
}
#product #guarantees .field {
	clear: both;
	float: left;
}

#linkedProducts {
	width: 520px;
	clear: both;
	float: left;
	background: #fff; 
	padding: 10px 0 0 0;
}

#linkedProducts h3.linked{
	width: 520px;
	background: #2E72B9;
	color: #fff;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}

h3 {
	clear: both;
	float: left;
	margin: 16pt 0 0 0;
}
#productList {
	clear: both;
	float: left;
	width: 100%;
	margin: 0 0 12pt 0;
}

.productListEntry {
	clear: left;;
	float: left;
	width: 520px;
	margin: 10px 0 10px 0;
	padding: 0 0 10px 0;
	background: #fff;
	border-bottom: solid 2px #1A4F75;
}

.productListEntry .imageBox{
	float: left;
	width: 180px;
	background: #fff;
	text-align: center;
}

.productListEntry div.Details{
	width: 260px;
	float: left;
	background: #fff;
}

.productListEntry div.Details h2{
	float: left;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
}

.productListEntry div.Details h3{
	float: right;
	clear: both;
	margin: 0;
	padding: 5px 10px;
	font-size: 0.8em;
	text-decoration: underline;
}

.productListEntry div.Details p{
	float: left;
	clear: both;
	width: 300px;
	padding: 0px 10px;
	font-size: 0.7em;
}

.priceBox{ 
	float: left;
	font-size: 1.0em;
	background: url(../images/detailsBox.gif) no-repeat;
	color: #fff;
	height: 96px;
	width: 96px;
	padding: 5px 5px 5px 5px;
	margin: 0 0 0 20px;
}

.priceBox p.price{
	color: #fff;
	margin: 0;
	padding: 0;
	width: 86px;
	text-align: right;
	float: left;
	clear: left;
} 


div.priceBox div.compare{
	color: #000;
	margin: 5px 0 5px 5px;
	clear: left;
	float: left;
	text-align: right;
	width: 90px;
	font-size: 0.8em;
}

.priceBox div.compare label{
	text-align: right;
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}

.priceBox p.moreInfo{
	width: 90px;
	clear: both;
	float: left;
	font-size: 0.8em;
	text-align: right;
	padding-top: 10px;
	font-weight: bold;
	color: #fff;
}

.priceBox p.moreInfo a{
	color:#2E72B9;
}

.productListEntry .info { 
	float: left;
	border-top: 3px solid #B2D4E9;
	width: 60%;
	padding: 0 0 0 0.25em;
	font-size: 9pt;
	background: #ccc;
}
.productListEntry .info {
	float: left;
	width: 67%
}

.productListEntry .price { 
	font-size: 16pt;
}
.productList .action {
}

.action { 
	float: left;
	font-size: 10pt;
	position: relative;
	background-color:#B2D4E9;
	color: #fff;
	position: absolute;
	right: 0;
	top: 0;
	height: 72pt;
	width: 72pt;
	padding: 4pt;
}
.action div {
	clear: both;
	float: left;
}
.moreinfo {
	text-align: right; 
	padding: 2em 0 0 0;
	width:100%;
}
.moreinfo a {
	text-decoration: underline; 
}
.action .price {
	font-size:175%;
	width:100%;
	text-align:right;
}
.buy {
	position: relative;
	font-weight: bold;
	color: #5F8FC9;
}
.productListEntry h2 {
	padding: 0;
	margin: 0;
	font-size: 12pt;
}
.productListEntry p {
	padding: 0 ;
	margin:0;
	font-size: small;
}
.productListEntry ul {
	font-size: small;
	float: left;
	padding: 0 0 0 1em ;
	margin: 2pt ;
}

.pence {
	font-size: 70%;
	
}

.productGroups {
	margin: 0;
	padding: 0 0 10px 0 ;
	list-style: none;
	background: #fff;
	float: left;
	width: 590px;
	position: relative;
}
.productGroups h1 {
	color: #003B67;
	font-size: 16pt;
	padding: 2px 0;
	margin: 0; 
}
.pgroup { 
	height: 200px;
	font-weight: bold;
	width: 100%;
	float: left;
}

.headerGrad{
	width: 580px;
	height: 23px;
	background: #fff url(../images/headerGrad.gif) no-repeat;
	float: left;
	clear: left;
	color: #CC0000;
	font-size: 1.2em;
	font-style: italic;
	font-family: Arial;
	font-weight: bold;
	padding: 15px 0 0 10px;
}

.breadCrumb{
	width: 520px;
	float: left;
	clear: left;
	padding: 2px 0 2px 0;
	height: auto;
	border-bottom: 1px solid #ccc;
}

.breadCrumb ul{
	float: left;
	margin: 0;
	padding: 0 5px;
	list-style: none;
	font-size: 0.9em;
	width: 90%;
}

.breadCrumb ul li, .breadCrumb ul li a{
	margin: 0;
	padding: 0 5px 0 10px;
	color: #000;
	float: left;
	clear: none;
	font-size: 11px;
	background: url(../images/li-hover-arrow.gif) no-repeat 0 5px;
	font-weight: bold;
}
.breadCrumb ul li a{
	background: none !important;
	padding: 0 0 0 0 !important;
}
.breadCrumb ul li.first, .breadCrumb ul li.first a{
	margin: 0;
	padding: 0 4px 0 0;
	color: #000;
	float: left;
	clear: none;
	font-size: 11px !important;
	background: none;
}
.breadCrumb ul li.first a{
	font-weight: bold;
}
.breadCrumb ul li h1{
	font-size: 11px;
	background: none;
	font-weight: bold;
}
.breadCrumb ul li h1.grey{
	color: #A7A6A6;
}
.breadCrumb ul li.end{
	color: #CC0000;
}

.productGroupEntry {
	float: left;
	width: 33%;
	font-weight: normal;
}


/* listBox Styles -------------- */

#listBox{
	width: 588px;
	border:1px solid #ccc;
	float: left;
	clear: left;
	margin: 10px 0;
}

#listBox #leftSide{
	width: 228px;
	float: left;
}

#listBox #leftSide h1{
	font-size: 0.9em;
	margin: 5px 0;
	padding: 0 0 0 10px;	
	color: #DE1927;
}

#listBox #leftSide ul{
	margin: 10px 0 0 0px; 
	padding: 0 0 0 20px;
	list-style: none;
	float: left;
	width: 180px;
	font-size: 0.9em;
}

#listBox #leftSide ul li{
	width: 100%;
	float: left;
	clear: left;
	padding: 2px 0 2px 15px;
	margin: 0 0 0 0;
	background: url(../images/listBox-dot.gif) no-repeat left center;
	font-weight: bold;
}

#listBox #leftSide ul li a{
	color: #DE1927;
}

#listBox #leftSide ul li a:hover{
	color: #DE1927;
}

#listBox #rightSide{
	width: 360px;
	float: left;
	background: #ccc;
	font-size: 0.1em;
}

#listBox #rightSide img{
	border: none;
	width: 360px;
	height: 180px;
}

.offer {
	width: 49%;
	color:#000; 
	float: left;
	margin: 0 0 6px 0;
	padding: 0;
	font-size: 10pt;
	position: relative;
	border: 1px solid #003B67;
}

.offer .image {
	float: left;
	margin: 4px; 
}

.offer .buy {
	position: relative;
	bottom: 4px; 
	right: 4px;
	font-size: 11pt; 
	font-weight: bold;
}
.offer .moreinfo {
	position: relative;
	bottom: 4px; 
	left: 138px;
	font-size: 10pt;
	font-weight: normal;
}

.offer .price {
	margin: 4pt 0 0 0;
	font-size: 250%;
}

/* otherSpecials Styles ---------------- */

.otherSpecials{
	width: 526px;
	float: left;
	clear: left;
	border-bottom: solid 1px #000;
	padding: 0 0 10px 0;
	margin: 10px 0;
}
.otherSpecials .leftCol{
	float: left;
	width: 145px;
}
.otherSpecials .middleCol{
	width: 295px;
	float: left;
}
.otherSpecials .middleCol h2, .otherSpecials .middleCol h2 a,  .otherSpecials .middleCol h2 a:hover{
	float: left;
	clear: none;
	padding: 0 2px 0 0;
	margin: 0;
	color: #CC0000;
	font-size: 1.1em;
	width: auto;
	text-decoration: none !important;
}
.otherSpecials .middleCol h3, .otherSpecials .middleCol h3 a{
	float: left;
	clear: none;
	padding: 0;
	margin: 0;
	color: #CC0000;
	font-size: 1.1em;
	width: auto;
}
.otherSpecials .middleCol p.price, .otherSpecials .middleCol p.price a{
	float: left;
	clear: none;
	padding: 0 0 0 1px !important;
	margin: 0 !important;
	color: #CC0000;
	font-size: 1.1em;
	width: auto !important;
}
.otherSpecials .middleCol h2 a:hover{
	text-decoration: underline;
}
.otherSpecials .middleCol p.top-text{
	padding: 0 0 2px 0;
	margin: 0;
	font-size: 1.0em;
	font-weight: bold;
	width: 100%;
}
.otherSpecials .middleCol p.top-text span.redOne{
	color: #de1821;
	font-size: 1.1em;
}
.otherSpecials .middleCol .priceBit{
	padding: 2px 0 0 0;
	margin: 10px 0;
	font-weight: bold;
	font-size: 0.9em;
	width: 100%;
	clear: left;
}
.otherSpecials .middleCol p.warranty{
	float: left;
	clear: left;
	color: #A7A6A6;
	padding: 10px 0 5px 0;
	margin: 0;
	font-size: 0.9em;
	width: 85%;
}

.otherSpecials .middleCol .priceBit span.waspricesmall{
	color: #FFCC00;
}

.otherSpecials .middleCol .priceBit span.savepricesmall{
	color: #CC0000;
}

.otherSpecials .middleCol .priceBit span.savepricesmall_blue{
	color: #3300FF;
}

.otherSpecials .middleCol .message{
	padding: 0pt 0pt 10px;
	margin: 0;
	font-size: 1.2em;
	width: 98%;	
	font-weight: bold;
}

.otherSpecials .middleCol .shortDesc{
	padding: 0;
	margin: 0;
	font-size: 0.9em;
	width: 85%;	
}


.otherSpecials .rightCol{
	float: left;
	width: 85px;
	padding: 0 0 0 0;
}


.reserveInfo, .otherSpecials .rightCol .reserveInfo{
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}

.reserveInfo li{
	float: left;
	clear: left;
	margin: 2px 0;
	display: block;
}

.reserveInfo li a.moreInfo{
	display: block;
	outline: none;
	border: none;
	margin-bottom: 5px;
}

.reserveInfo li a.moreInfo img{
	border: none;
}

/* Front Page ----------------------- */

/* First Offer Styles -- */
#firstoffer{
	width: 526px;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 0 30px 0;
}
#firstoffer h1{
	font-size: 1.3em;
	padding: 5px 0 0 5px;
	font-weight: bold;
	margin: 10px 0 0 0;
	width: 99%;
	color: #CC0000;
}
#firstoffer div.title{
	float: left;
	clear: left;
	width: 95%;
	padding: 5px 0 0 0;
}
#firstoffer div.title h2{
	float: left;
	margin: 0 !important;
	padding: 0 !important;
	width: auto !important;
	font-size: 1.3em;
}
#firstoffer div.title h3{
	float: left;
	margin: 0 !important;
	padding: 0 5px 0 5px !important;
	width: auto !important;
	font-size: 1.3em;
}
#firstoffer div.title h2 a, #firstoffer div.title h3 a{
	color: #CC0000;
} 
#firstoffer .leftDetail .imgBit{
	padding: 0;
	border: 0;
	float: left;
	width: 235px;
	text-align: center;
	margin-top: 10px;
}
#firstoffer .middleDetail{
	padding: 0;
	border: 0;
	float: left;
	width: 200px;
	margin-top: 10px;
}
#firstoffer div.middleDetail p{
	font-weight: normal;
	font-size: 0.9em;
	padding: 0 0 0 0;
	margin: 0;
}
#firstoffer div.middleDetail p.warranty{
	float: left;
	width: 90%;
	text-align: center;
	color: #A7A6A6;
	font-size: 0.9em;
	padding: 5px 10px 0 10px;
}
#firstoffer div.middleDetail p.message{
	padding: 0pt 0pt 10px;
	margin: 0;
	font-size: 1.2em;
	width: 98%;	
	font-weight: bold;
}
#firstoffer div.middleDetail h3{
	font-size: 1.9em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	padding: 10px 0 0 0;
	margin: 0;
	color: #CC0000;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
#firstoffer div.middleDetail h4{
	font-size: 1.1em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #FFCC00;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
#firstoffer div.middleDetail h5{
	font-size: 1.0em;
	padding: 10px 0 0 0;
	margin: 0;
	color: #3300FF;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
#firstoffer .rightDetail{
	float: left;
	width: 85px;
	padding: 0 0 0 5px;
	margin-top: 10px;
}

/* Sort By: Styles for prod display --------- */
#sortList {
	float: left;
	clear: left;
	margin: 0 0 5px 0;
	padding: 10px 0;
	width: 520px;
	background: #FFFFCC;
	border: 1px solid #ccc;
}

#sortList h2 {
	float: left;
	margin: 0;
	padding: 0;
}
#sortList ul {
	width: 580px;
	margin: 0;
	padding: 0 0 0 5px;
	font-size: 0.8em;
	list-style: none;
	clear: none;
	float: left;
}
#sortList ul li { 
	float: left;
	padding: 2px 10px; 
	margin: 0 5px;
}
#sortList ul li select#manufacturer{
	width: 100px;
	height: 20px;
}
#sortList ul li select#priceFrom{
	width: 60px;
	height: 20px;
}
#sortList ul li select#priceTo{
	width: 60px;
	height: 20px;
}
#sortList ul li input#GO{
	width: 30px;
	height: 22px;
}

/* Page info (numbers etc...) for product display -------------- */

#pageInfo{
	width: 523px;
	float: left;
	margin: 0 0;
	padding: 2px 0;
}
.pageList {
	color: #333;
	clear: both;
	float: right;
	padding: 0 10px 0 0;
}
.pageList a {
	padding: 0 3px;
	color: #cc0000;
}
.pageList a:hover{
	text-decoration: underline;
}

p{
	margin:0;
	padding: 5px 0;
}

a.next {
	color: #cc0000;
	padding: 0;
	background-position: center right;
	background-repeat: no-repeat;
}
a.previous {
	color: #cc0000;
	padding: 0;
	background-position: center left;
	background-repeat: no-repeat;
}
a.current {
	color: #333;
	font-weight: bold; 
}

.compareList{
	float: right;
	font-size: 0.75em;
}

.compareList a{
	padding: 0 10px 0 0;
	text-decoration: underline;
}

/* Basket Items ---------------- */

div.noProds{
	width: 92%;
	background: #f8f8f8;
	border: 1px solid #ccc;
	float: left;
	clear: left;
	padding: 30px 30px;
	text-align: center;
	margin: 30px 0;
}

div.noProds p{
	width: 100%;
	text-align: center;
	font-size: 1.0em;
}

div.noProds p a{
	color: #CC0000;
}

/* Promo Code Form inputs ------------------- */
div.promoBox{
	width:52%;
	float: left;
	clear: left;
	background: #f8f8f8;
	padding: 10px 0;
	margin-top: 2px;
}
div.promoBox p{
	float: left;
	clear: none;
	margin: 0;
	padding: 0 0 0 10px;
	width: 50%;
	font-size: 0.9em;
}
dl.promo-form{
	width: 190px;
	float: left;
	padding: 5px 0 0 10px;
}
dl.promo-form form{
	margin: 0;
	padding: 0;
}
dl.promo-form dt{
	float: left;
	clear: none;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 0 0 0; 
}
dl.promo-form dd{
	float: left;
	clear: none;
}
dl.promo-form dd a{
	outline: none;
}
dl.promo-form dt.promoInput{
	background: url(../images/input-search-small.gif) no-repeat left top;
	width: 146px;
	height: 22px;
}
dl.promo-form dt.promoInput input.textInput{
	width: 135px !important;
	height:20px;
	background: transparent;
	border: none;
	padding: 1px 5px 0 3px;
	font-size: 0.9em;
}
dl.promo-form dd#goInput{
	padding: 0 0 0 3px;
	outline: none;
} 

#totals {
	width: 38%;
	float: left;
	padding: 10px 10% 10px 0;
	text-align: right;
}
#totals p{
	text-align: right;
	width: 100%;
	font-size: 1.2em;
	margin: 5px 0;
	padding: 0;
}
#totals p.small{
	font-size: 1.0em;
}

#tempting {
	clear:both;
	padding: 20px 0 0 0 
}

#Checkout{
	float: right;
	margin: 10px 0;
}


/* Checkout Forms ------------ */

#checkout{
	width: 500px;
	background: #fff;
	float: left;
	margin: 0;
	padding: 0;
}

#checkout fieldset{
	margin: 10px 0;
	padding: 10px 10px;
	width: 580px;
	float: left;
	clear: left;
}

#checkout fieldset p{
	font-size: 0.8em;
}

#checkout fieldset legend{
	color: #2E72B9;
	font-weight: bold;
}

#checkout .formComplete{
	width: 580px;
	clear: left;
	margin: 20px 10px;
	padding: 0;
}

#checkoutError {
	color: black;
	font-size: 1.0em;
	background: #F8F8F8;
	border: #ccc 1px solid;
	float: left;
	width: 590px;
	padding: 10px 0;
}
#checkoutError a {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
}	

#checkoutError h2{
	margin: 0;
	padding: 10px 0;
}

#checkoutError p{
	padding: 0;
	margin: 0;
	width: 100%
}

.bullet { clear:none }

span.fieldreq { 
	font-size: 0.7em; 
	left:0.7em; 
	float:left; 
	padding: 0.35em 0 0 0.35em;
	color: #2E72B9;
}
span.uk { 
	width: 40%; 
	margin: 3px 0 0.5em 15px;
	font-size: 0.75em;  
	float:left;
}
span.checkoutlast { 
	font-size: 0.7em; 
	float:left;
}
span.checkoutnext { 
	font-size: 0.7em; 
	float:right; 
	font-weight: bold;
}
#postcodeclick { 
	margin-left: 2em; 
}

.hotoffer { 
	text-align: center; 
	width:632px; 
	background-color: #003B67; 
	padding: 0; 
	border: 1px solid #003B67; 
	color:#FFF; 
	font-weight: bold; 
	margin: 0 0 0 0; 
}

/* Product Text Banner Classes */
.tbanred { color: red; }
.tbangreen { color: green; }
.tbansilver { color: silver; }
.tbanblack { color: black; }
.tbanyellow { color: yellow; }

#productBigPicture p a{
	color: #446174;
	font-size: 0.8em;
	float: left;
	clear: left;
	margin: 20px 0; 
}

#productBigPicture div#image{
	width: 630px;
	float: left;
	clear: left;
}

/* Printable Page styles --------------- */

#pagePrint{
	padding: 0 10px;
}
#pagePrint a img {
	float: left;
	display: block;
}
#pagePrint h2{
	float: left;
	clear: both;
}
#pagePrint fieldset{
	float: left;
	clear: left;
	margin: 10px 0;
	width: 500px;
}
#pagePrint p{
	float: left;
	clear: left;
	margin: 5px 0;
	padding: 0;
	font-size: 0.8em;
}
#pagePrint p a{
	text-decoration: underline;
	color: #1a4f75;
	font-size: 1.0em;
}
#pagePrint hr{
	width: 100%;
	float: left;
	clear: both;
}

/* Postcode Selector ------------------ */
.postcodeBox{
	width: 520px;
	float: left;
	clear: left;
}
.postcodeBox h2{
	width: 95%;
	color: #000;
	border-left: 3px solid #CC0000;
	font-weight: bold;
	font-size: 1.2em;
	padding: 1px 5px;
}
.postcodeBox p{
	width: 100%;
	margin-top: 10px;
}
.postcodeBox .formBox{
	float: left;
	clear: left;
	padding: 10px;
	background: #F8F8F8;
	border: #CCC solid 1px;
	text-align: center;
	margin: 10px 0 0 0;
	width: 90%;
} 
.postcodeBox .formBox label{
	padding: 0 5px 0 0;
	margin: 0;
}
.postcodeBox .formBox dl{
	float: left;
	width: 100%;
	margin: 0;
	padding: 10px 0 0 0;
}
.postcodeBox .formBox dl dt{
	float: left;
	clear: none;
	margin: 0;
	padding:0;
	width: 49%;
	text-align: right;
	padding: 5px 0 0 0;
}
.postcodeBox .formBox dl dd{
	float: left;
	clear: none;
	margin: 0;
	padding:0;	
}
.postcodeBox .formBox dl dd.pcode-input{
	padding: 0 0 0 10px;
}
.postcodeBox .formBox dl dd.go{
	padding: 1px 0 0 5px;
}

/* Location Details -- */
.locationdetails{
	width: 99%;
	text-align: left;
	float: left;
	padding: 0 0;
}
#chosenstore .red {font-weight: bold;}
.locationdetails h1{
	border-bottom: 1px solid #000;
	padding: 0 0 2px 0;
}
div.rsrv-left{
	float: left;
	width: 300px;
	padding: 0 20px;
	position: relative;
}
div.rsrv-left h2{
	float: left;
	clear: left;
	font-size: 1.2em !important;
	padding: 0;
	margin: 0;
	width: 100%;
}
div.rsrv-left h3{
	float: left;
	clear: left;
	font-size: 1.2em !important;
	padding: 0;
	margin: 0;
	width: 100%;
}
div.rsrv-left p.rsrv{
	width: 100%;
}
div.rsrv-left ul{ 
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	font-size: 0.9em;
}
div.rsrv-left ul li{
	float: left;
	clear: left;
	width: 65%;
	background: url(../images/li-square-small.gif) no-repeat 2px 8px;
	padding: 2px 0 2px 10px;
}
	
/* RSRV-right ------ */
div.rsrv-right{
	float: left;
	width: 290px;
	background: #f8f8f8;
	padding: 5px 5px;
	position: relative;
}
div.rsrv-right h2{
	border-bottom: 1px solid #000;
}
div.rsrv-right p.header{ 
	width: 100%;
	text-align: center;
	font-weight: bold;
}
div.rsrv-right div.smallMap{
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
}
div.rsrv-right div.smallMap a{
	cursor: pointer;
}
div.rsrv-right div.smallMap img{
	width: 165px;
	height: 145px;
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
}
div.rsrv-right ul{
	float: left;
	clear: left;
	width: 100%; 
	text-align: center;
	padding: 10px 0;
}
div.rsrv-right ul li{
	font-size: 0.9em;
	font-weight: bold;
}
div.rsrv-right ul li a{
	color: #000;
	cursor: pointer;
}
div.rsrv-right ul li a:hover{
	color: #CC0000;
	text-decoration: underline;
}
div.rsrv-right p.content{
	width: 90%;
	float: left;
	clear: left;
	text-align: center;
	font-size: 0.9em;
	margin: 0;
	padding: 0 5%;
}
div.rsrv-right ul.storeList{
	width: 83%;
	float: left;
	clear: left;
	padding: 20px 0 0 45px;
	list-style: none;
}
div.rsrv-right ul.storeList li{
	float: left;
	background: url(../images/li-square-small.gif) no-repeat 0 8px !important;
	clear: none;
	font-weight: normal;
	width: 45%;
	text-align: left;
	padding: 2px 0 2px 10px; 
}

/* Div.Col styels --- */
div.Col{
	width: 225px;
	float: left;
	padding: 0 20px
}
div.Col p.smallTxt{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}
div.Col .5px{
	padding: 5px 0 0 0 !important;
}
div.divider{
	border-left: 1px solid #000;
}
div.Col a img{
	border: 0;
}
div.Col h2{
	float: left;
	clear: left;
	font-size: 1.2em !important;
	padding: 0;
	margin: 0;
	width: 100%;
}
div.Col h3{
	float: left;
	clear: left;
	font-size: 1.2em !important;
	padding: 0;
	margin: 0;
	width: 100%;
}
div.Col h3#reserveStoreName{
	padding: 1px 0 0 0 !important;
}
div.Col p.rsrv{
	width: 100%;
}
div.Col ul{ 
	float: left;
	clear: left;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	font-size: 0.9em;
}
div.Col ul li{
	float: left;
	clear: left;
	width: 95%;
	background: url(../images/li-square-small.gif) no-repeat 2px 8px;
	padding: 2px 0 2px 10px;
}
div.Col ul.buyList{
	padding: 10px 0;
} 
div.Col ul.rsrvList{
	padding-top: 30px;
}

/* far-right styles ----- */
div.far-right{
	float: left;
	width: 150px;
	background: #f8f8f8;
	padding: 5px;
	position: relative;
}
div.far-right h2{
	border-bottom: 1px solid #000;
	padding: 5px 0 2px 0; 
}
div.far-right p.header{
	width: 100%;
	float: left;
	clear: left;
	text-align: center;
	font-weight: bold; 
}
div.far-right div.smallMap{
	float: left;
	clear: left;
	width: 100%;
	text-align: center;
}
div.far-right div.smallMap a{
	cursor: pointer;
}
div.far-right div.smallMap img{
	border: 1px solid #ccc;
	margin: 10px 0 0 0;
	width: 100px;
	height: 100px;
}
div.far-right ul{
	float: left;
	clear: left;
	width: 100%;
	padding: 10px 0 0 0;
}
div.far-right ul li{
	float: left;
	clear: left;
	text-align: center;
	width: 100%;
	font-weight: bold;
	font-size: 0.9em;
}
div.far-right ul li a{
	color: #000;
	cursor: pointer;
}
div.far-right ul li a:hover{
	color: #CC0000;
	text-decoration: underline;
}
div.far-right p.content{
	float: left;
	clear: left;
	width: 95%;
	text-align: center;
	padding: 0 5px;
	font-size: 0.9em;
}
div.far-right ul.storeList{
	float: left;
	clear: left;
	padding: 10px 0 0 35px;
	width: 70%;
}
div.far-right ul.storeList li{
	font-weight: normal;
	float: left;
	clear: left;
	background: url(../images/li-square-small.gif) no-repeat 0 8px;
	text-align: left;
	padding: 1px 0 1px 10px;
}


div#preferences{
	float: left;
	clear: left;
	background: #f8f8f8;
	border: 1px solid #ccc;
	padding: 10px 10px 5px 10px;
	width: 96.5%;
	margin: 20px 0 0 0;
}

.locationdetails h2.nearestStore{
	width: 100%;
	margin: 10px 0 0 0;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.locationdetails p{
	width: 100%;
	margin: 10px 0 0 0;
	clear: left;
}
.locationdetails address{
	width: 100%;
}
.locationdetails table{
	float: none;
	clear: left;
	margin: 0 0;
	font-size: 0.9em;
}
.locationdetails #locationForm{
	width: 520px;
	float: left;
	padding: 20px 0;
}
.locationdetails #locationForm input{
	clear: left;
	width: 300px;
	height: 20px;
	margin: 5px 0;
}
.locationdetails #locationForm input#submit{
	width: 80px;
}
.locationdetails #locationForm textarea{
	clear: left;
	width: 300px;
	height: 100px;
}
.locationdetails div.map{
	float: left;
	clear: left;
	text-align: center;
	width: 90%;
	margin: 20px 0 20px 0;
	padding: 0 20px;
}
.locationdetails div.map img, .locationdetails div.map a img{
	border: 1px solid #CC0000;
}
.locationdetails div.map p{
	color: #000;
}
.locationdetails div.map p.copyright{
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}
.locationdetails div.map ul{
	float: left;
	clear: left;
	width: 100%;
}
.locationdetails div.map ul li{
	width: 474px;
	padding: 2px 0 !important;
	margin: 5px 0 0 0 !important;
	float: left;
	clear: left;
}
.locationdetails div.map ul li a{
	width: 100%;
	padding: 0;
	margin: 0;
	height: auto;
	display: block;
}

/* storeIndicator Ajax Loader -- */
div.far-right div#storeIndicator{
	position: absolute; 
	z-index: 21; 
	top:32px; 
	left: 0; 
	background:#F8F8F8; 
	width: 160px; 
	padding: 100px 0px;
	text-align: center;
}
div.far-right  div#storeIndicator img{
	width:16px !important; 
	height:16px !important; 
	border:none !important; 
	border: none;
}
div.rsrv-right div#storeIndicator{
	position: absolute; 
	z-index: 21; 
	top:25px; 
	left: 40px; 
	background:#F8F8F8; 
	width: 220px; 
	padding: 120px 0px;
	text-align: center;
}
div.rsrv-right div#storeIndicator img{
	width:16px !important; 
	height:16px !important; 
	border:none !important; 
	border: none;
}

/* Pop up #Storebox -- */
div#store{
	position: absolute; 
	top: 0px; 
	left: -300px; 
	background-color: #FCFCFC; 
	border:1px solid #CCCCCC; 
	width:523px; 
	z-index: 1;
	padding: 0 0 0 0;
	margin: 0;
	text-align: center;
	font-size: 1.0em;
}
div.far-right div#store{
	left: -500px; 
}
div#store p.topBit{
	background: #EEE;
	width: 98.2%;
	color: #FFF;
	padding: 5px 5px;
	margin: 0;
	text-align: right;
}
div#store p.topBit a{
	color: #333;
}
div#store h1{
	font-size: 1.5em;
	margin-top: 10px;
	border: none;
}
div#store h2{
	font-size: 1.2em;
	margin: 10px 0 5px 0;
	background: none;
	border: none;
}
div#store img{ 
	margin: 5px 0 0 0;
	border: 1px solid #ccc;
	height: auto;
	width: auto;
}
div#store p.copyright{
	padding: 2px 0;
	font-size: 0.9em;
	margin: 0;
}
div#store p.managers{
	margin: 0;
	padding: 0 0 0 0;
}
#reserveOption {
	width: 400px;
	clear:both;
	float:left;
}
.banner{
	margin-top: 10px;
}

/* -------- Reserve form styles ---------------- */
#reserveContent{
	width: 99%;
	float: left;
	padding: 0 0;
}
#reserveContent p{
	margin: 0;
	padding: 8px 0;
}
#reserveContent p.branchHours{
	padding: 0 0;
}
#reserveContent div.nearestStore{
	width: 98%;
	float: left;
	clear: left;
	background: #F8F8F8;
	margin: 10px 0 0 0;
	padding: 10px 10px;
}
#reserveContent div.nearestStore p{
	padding: 0;
	margin: 0;
}
#reserveContent div.nearestStore p.address{
	font-size: 0.9em;
	padding-top: 2px;
}
#reserveContent div.orderDetails{
	width: 99.4%;
	float: left;
	clear: left;
}
#reserveContent div.orderDetails .total-1{
	text-align: right;
	font-size: 0.9em;
	padding: 1px 5px 0 0;
}
#reserveContent div.orderDetails .total-2{
	text-align: right;
	font-size: 1.0em;
	padding: 1px 15px 0 0;
	color: #cc0000;
}
#reserveContent div.orderDetails .grandTotal{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	font-size: 1.0em;
}
#reserveContent div.reserveForm{
	width: 99.4%;
	float: left;
	clear: left;
}
#reserveContent div.reserveForm dl.form{
	float: left;
	clear: left;
	width: 100%;
}
#reserveContent div.reserveForm dl.form input.error {
	border: 1px solid red; 
	background: #FFFCE2 url('/images/warning_obj.gif') no-repeat right; 
	margin: 1px 0;
}
#reserveContent div.reserveForm dl.form dt{
	background: #F8F8F8;
	padding: 6px 5px;
	font-weight: bold;
	float: left;
	clear: left;
	width: 35%;
	margin: 2px 0;
}
#reserveContent div.reserveForm dl.form dt a{
	color: #CC0000;
}
#reserveContent div.reserveForm dl.form dt a:hover{
	text-decoration: underline;
}
#reserveContent div.reserveForm dl.form dt.blank{
	background: #fff;
}
#reserveContent div.reserveForm dl.form dt.long{
	width: 100%;
	background: #fff !important;
	border-bottom: 1px solid #000;
	padding: 10px 0 5px 0;
}
#reserveContent div.reserveForm dl.form dd{
	float: left;
	clear: none;
	width: 59.5%;
	border-bottom: 1px solid #F8F8F8;
	padding: 5px 0 5px 20px;
}
#reserveContent div.reserveForm dl.form dd input{
	width: 200px;
	height: 17px;
	padding: 0 2px;
}

/* Postcode Finder Styles -----  */
div#postcodeFinder{
	width: 60%;  
	font-weight: bold;
	padding:10px;
	color: #000;
	margin: 10px 0;
	float: left;
	clear: left;
	background: #f8f8f8;
}
div#postcodeFinder h1{
	border-bottom: 1px solid #797373;
	font-size: 1.0em;
	padding: 2px 0;
	margin: 0;
}
#postcodeFinder p{
	width: 100%;
	margin:5px 0;
	padding: 0;
	font-size: 0.9em;
}
#postcodeFinder dl.address{
	width: 100%;
	float: left;
	clear: left;
	margin: 0;
	padding: 2px 0;
}
#postcodeFinder dl.address dt{
	width: 30%;
	float: left;
	clear: left;
	padding: 0 0 0 0;
	margin: 2px 0;
	color: #797373;
	font-weight: normal;
}
#postcodeFinder dl.address dt.long{
	width: 75% !important;
	padding: 7px 0 0 0;
}
#postcodeFinder dl.address dt.long select{
	width: 370px !important;
	height: 20px !important;
}
#postcodeFinder dl.address dd{
	float: left;
	clear: none;
	padding: 0 0 0 12px;
	margin: 0;
	width: auto !important;
}
#postcodeFinder dl.address dd.short{
	width: 117px !important;
}
#postcodeFinder dl.address dd input{
	margin: 0;
	padding: 0 !important;
	height: 17px;
}
#postcodeFinder dl.address dd input.button{
	height: auto !important;
	float: right;
	background: #cc0000;
	color: #fff;
	border: 1px solid #333;
}
#postcodeFinder dl.address dd.popup{
	font-size: 0.9em;
	padding: 2px 0 0 15px;
}
#postcodeFinder dl#listaddresses dt{
	width: 35%;
}
#postcodeFinder dl#listaddresses dt select{
	width: 347px;
	height: 25px;
	float: left;
}
#postcodeFinder dl#listaddresses dd{
	float: left;
	padding: 10px 0 0 10px;
	margin: 0;
}

/* Buttons ----------------------------- */
div.buttons{
	float: left;
	clear: left;
	width: 99.4%;
	padding: 10px 0;
}
div.paymentTable div.buttons{
	float: left;
	clear: left;
	width: 99.4%;
	padding: 10px 0;
}
td.detailsText{
	background: #F8F8F8;
	padding: 5px 5px !important;
	font-weight: bold;
	width: 200px;
}
td.detailsForm{ 
	padding: 2px 0 0 20px !important;
}
td.detailsForm select{
	border: 1px solid #000 !important;
} 
td.detailsForm p{
	font-size: 1.2em !important;
	color: #CC0000;
}



/* Sitemap Styles (Also inherits .locationdetails)*/

div.sitemap {
	width: 100%;
	float: left;
	clear: left;
}
div.sitemap h1{
	width: 95%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 0 0 0 3px;
	color: #333;
	border-left: 3px solid #cc0000;
	float: left;
	clear: left;
}
div.sitemap div.Col{
	width: 49%;
	float: left;
	margin: 0 0 0 0;
}
div.sitemap div.left{
	margin-right: 10px;
}
div.sitemap div.Col h2{
	margin: 10px 0 0 0;
	padding: 2px 5px;
	font-size:1.0em;
	color: #000;
	width: 96%;
	float: left;
	clear: left;
	background: url(../images/tab-grad.gif) repeat-x;
}
div.sitemap div.Col h3{
	width: 95%;
	margin: 0 5px;
	padding: 0 0 5px 0;
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
	float: left;
	clear: left;
}
div.sitemap div.Col h3 a{
	color: #990000;
}
div.sitemap div.Col ul{
	float: left;
	clear: left;
	margin: 0 0 0 0;
	padding: 5px 0;
	width: 100%;
	background: #f8f8f8;
}
div.sitemap div.Col ul li{
	float: left;
	clear: left;
	width: 95%;
	padding: 5px 0 5px 0;
	padding: 0 0 0 10px;
	color: #CC0000;
}
div.sitemap div.Col ul li a{
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
}
div.sitemap div.Col ul li a:hover{
	text-decoration: underline;
}
div.sitemap div.Col ul li ul{
	width: 90%;
}
div.sitemap div.Col ul li ul li a{
	color: #000;
	font-size: 0.9em;
	font-weight: normal;
}
div.sitemap div.Col ul.short{
	width: 100%;
}
div.sitemap div.Col ul.short li{
	font-size: 0.9em;
	padding: 2px 10px;
}
div.sitemap div.Col ul.short li a{
	color: #000;
	font-weight: normal;
}

/* Register / Login form ---- */
#RegisterLoginForms h2{
	width: 99%;
	float: left;
	clear: left;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
	font-size: 0.8em;
	color: #000;
	margin: 5px 0;
	padding: 5px 0;
}
#RegisterLoginForms p{
	width: 99%;
	margin: 5px 0 10px 0;
	padding: 0;
	font-size: 0.8em;
}
#RegisterLoginForms p.loginError{
	background: #CC0000;
	color: #fff;
	margin: 0;
	padding: 3px 0 3px 5px;
	width: 98.5%;
	font-size: 0.9em;
}
dl#loginForm{
	float: left;
	clear: left;
	width: 300px;
	margin: 20px 0 0 0;
	padding: 0;
}
dl#loginForm dt{
	width: 150px;
	float: left;
	clear: left;
	text-align: left;
	font-size: 0.7em;
	font-weight: bold;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
dl#loginForm dd{
	width: 140px;
	float: left;
	clear: none;
	text-align: right;
	margin: 5px 0 0 0;
	padding: 0;
}
dl#loginForm dt.long{
	width: 300px;
	text-align: right;
	padding: 5px 0 0 0;
	margin: 0;
}
dl#loginForm dd input{
	width: 140px;
	height: 15px;
}
dl#loginForm dt.long input.ibutton{
	width: auto;
	height: auto;
	display:block;
	float: right;
	clear: none;
	outline: none;
}
p#loginText{
	margin: 20px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	width: 250px;
	clear: none;
	font-size: 0.8em;
}

/* dl registerForm*/
dl.registerForm{
	float: left;
	clear: left;
	margin: 0;
	padding: 10px 0;
	width: 590px;
}
dl.registerForm dt{
	width: 290px;
	float: left;
	clear: left;
	text-align: left;
	font-size: 0.8em;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}
dl.registerForm dd{
	width: 280px;
	float: left;
	clear: none;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
}
dl.registerForm input{
	width: 150px;
	height: 15px;
}
dl.registerForm dd input.check{
	width: 15px;
	height: 15px;
	margin: 10px 0 10px 0;
}
ul#formBottom{
	width: 590px;
	margin: 0;
	padding: 5px 0 2px 0;
	float: left;
	clear: left;
	list-style: none;
	border-top: 1px solid #990000;
	border-bottom: 1px solid #990000;
}
ul#formBottom li{
	width: 295px;
}
ul#formBottom li input{
	outline: none;
}

/* Search Results -------------------------------- */
div.searchTop{
	float: left;
	clear: left;
	border-bottom: 1px solid #000;
	padding: 10px 0 10px 0;
	width: 99.8%;
} 
div.searchTop h1{
	border-left: 3px solid #cc0000;
	padding: 2px 5px 2px 5px;
	margin: 0 0 0 3px;
	color: #333;
	font-size: 1.2em;
	width: 95%;
}
div.searchTop h2{
	font-size: 1.2em;
	margin: 10px 0 0 0;
	font-weight: normal;
	padding: 0 0 0 2px;
	width: 95%;
}
div.searchTop h3{
	padding: 0 0 0 2px;
	margin: 0;
}
div.searchTop p{
	padding: 5px 0 0 2px;
	font-size: 0.9em;
	width: 95%;
	float: left;
	clear: left;
}

/* Static and News Pages ------------------------- */
div.news{
	float: left;
	clear: left;
}
div.news h2{
	width: 95%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 0 0 0 3px;
	color: #333;
	border-left: 3px solid #cc0000;
	float: left;
	clear: left;
}
div.news h3{
	float: left;
	clear: left;
	width: 95%;
	font-weight: normal;
	font-size: 1.1em;
	font-style: italic;
	margin: 0;
	padding: 5px 0 10px 5px;
}
div.news h4{
	width: 95%;
	font-size: 1.2em;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin: 40px 0pt 0pt 3px;
	color: #333;
	border-left: 3px solid #cc0000;
	float: left;
	clear: left;
}
div.news p{
	padding: 10px 5px 10px 5px;
	width: 96%;
	float: left;
	clear: left;
}
div.news p img{
	float: left;
	clear: left;
	margin-top: 10px;
}
div.news p img.big{
	margin: 5px 0 5px 10px !important;
	padding: 2px;
	border: 1px solid #333;
	clear: none !important;
	float: right !important;
}
div.news table{
	float: left;
	clear: left;
	margin-top: 10px !important;
}
div.news ul{
	float: left;
	clear: left;
	width: 99%;
}
div.news ul li{
	float: left;
	clear: left;
	padding: 2px 0;
	margin: 2px 0;
	background: #f8f8f8;
	width: 95%;
}
div.news ul li a{
	width: 100%;
	display: block;
	color: #000;
}
div.news ul li a:hover{
	color: #cc0000;
	text-decoration: underline;
}
div.news ul li .grey{
	background: #eee;
	padding: 2px 3px;
	font-weight: bold;
	font-size: 0.9em;
}
/* dl. newsList styles ---- */
div.news h3{
	font-style: normal;
	font-size: 1.2em;
	padding: 20px 0 0 10px;
	color: #CC0000;
	font-weight: bold;
}
div.news p.blogLink{
	float: left;
	padding: 0 30px 20px 0;
	width: 85%;
	text-align: right;
	font-weight: bold;
}
div.news p.blogLink a{
	color: #CC0000;
}
div.news p.blogLink a:hover{
	text-decoration: underline;
}
div.news dl.newsList{
	width: 100%;
	float: left;
	clear: left;
}
div.news dl.newsList dt{
	font-size: 0.9em;
	font-weight: bold;
	width: 40% !important;
	float: left;
	clear: left;
	padding: 4px 10px 4px 0;
	width: 120px !important;
	text-align: right;
	border-top: 1px solid #ccc;
	margin: 2px 0;
	
}
div.news dl.newsList dd{
	float: left;
	clear: none;
	font-size: 0.9em;
	padding: 4px 0;
	width: 370px;
	margin: 2px 0;
	border-top: 1px solid #ccc;
}
div.news dl.newsList dd a{
	color: #000;
}
div.news dl.newsList dd a:hover{
	color: #CC0000;
	text-decoration: underline;
}
div.news div.content{
	float: left;
	clear: left;
	width: 100%;
}
div.news div.content a img{
	border: none;
}
div.news div.content a{
	color: #CC0000;
}
div.news div.content a:hover{
	text-decoration: underline;
}

/* Store Pages ---- */
div.storePage h2{
	border-bottom: 1px solid #000;
}

div.storePage p{	
	width: 100%;
	text-align: center;
	padding: 10px 0;
	margin: 0;
}
div.storePage address{	
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
div.storePage table{
	float: none !important;
	clear: both !important;
}
div.storePage div.openTimes{
	width: 100%;
	text-align: center;
}

/* Static---- */
div.static{
	float: left;
	clear: left;
	width: 98%;
	padding: 10px 0;
}
div.static h1{
	border-left: 3px solid #CC0000;
	padding: 2px 5px 2px 5px;
	margin: 0 0 0 3px;
	color: #333;
	font-size: 1.2em;
}
div.static p{
	padding: 10px 5px 10px 5px;
}
div.static p a{
	color: #cc0000;
}
div.static p a:hover{
	text-decoration: underline;
}
div.static p.homeLink a{
	font-size: 1.2em !important;
}
div.static h2.header{
	width: 100%;
	float: left;
	clear: left;
	margin: 20px 0 5px 5px;
	padding: 2px 0;
	border-bottom: 1px solid #000;
}
div.static h2.h2headerpromo{
	width: 100%;
	float: left;
	clear: left;
	margin: 0 0 0 5px;
	padding: 2px 0;
	border-bottom: 1px solid #000;
}
div.static dl.details{
	width: 100%;
	float: left;
	clear: left;
	padding: 0 0 0 5px;
}
div.static dl.details dt{
	width: 22%;
	float: left;
	clear: left;
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
	background: #f8f8f8;
	margin: 2px 0;
	padding: 2px 5px;
}
div.static dl.details dd{
	float: left;
	clear: none;
	color: #CC0000;
	width: 72%;
	margin: 2px 0;
	/*padding: 2px 3px 0 10px; */
	padding: 2px 5px;
	font-size: 0.9em;
}
div.static dl.product{
	border-bottom: 1px solid #CCC;
	padding: 10px 0 10px 0;
}
div.static dl.promo{
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px 0;
}
div.static h2.priceCheck{
	float: left;
	width: 95%;
	padding: 2px 0 2px 5px;
	margin: 5px	 0 5px 0;
	clear: left;
	font-size: 1.2em;
	color: #CC0000;
	border-bottom: 1px solid #CC0000;	
}
div.static dl.pricecheckForm{
	width: 95%;
	float: left;
	clear: left;
	padding: 10px 0 10px 5px;
}
div.static dl.pricecheckForm dt{
	width: 35%;
	float: left;
	clear: left;
	padding: 5px 0 2px 0;
}
span.smallTxt{
	font-size: 0.9em;
}
div.static dl.pricecheckForm dt.long{
	width: 100%;
}
div.static dl.pricecheckForm dt.long p{
	font-weight: normal;
	padding: 5px 0 0 0;
	margin: 0;
}
div.static dl.pricecheckForm dd{
	width: auto;
	float: left;
	clear: none;
	padding: 2px 0;
}
div.static dl.pricecheckForm dd label{ 
	padding: 0 20px 0 0;
}
div.static dl.pricecheckForm dd input.text{
	width: 250px;
}
div.static dl.pricecheckForm dd textarea{
	width: 250px;
	height: 100px;
} 
div.static dl.pricecheckSubmit{
	border-top: 1px solid #000;
}
div.static dl.pricecheckSubmit dt{
	width: 50%;
	padding: 0;
	text-align: left;
}
div.static dl.pricecheckSubmit dd{
	width: 49%;
	padding: 0;
	text-align: right;
}
div.static input.error {
	border: 1px solid red; 
	background: #FFFCE2 url('/images/warning_obj.gif') no-repeat right; 
	margin: 1px 0;
	width:252px;
}
div.static ul.atoz {
	text-align: center;
	width: 100%;
}
div.static ul.atoz li {
	padding: 2px 0; 
}

/* Contact Us form page styles --*/
div.message{
	width: 100%;
	float: left;
	clear: left;
}
div.message a img{
	border: none;
	margin-right: 5px;
}
div.message dl{
	float: left;
	clear: left;
	width: 95%;
	background: #eee;
	padding: 10px;
	border: 1px solid #ccc;
	margin: 20px 0;
}
div.message dl dt{
	float: left;
	clear: left;
	margin: 0;
	padding: 2px 10px 2px 0;
	width: 25%;
	margin: 2px 0 0 0;
	text-align: right;
	font-weight: bold;
}
div.message dl dt.long{
	width: 100% !important;
	margin: 0;
	padding: 0;
}
div.message dl dt.submit{
	width: 89% !important;
	padding: 10px 0 0 0;
}
div.message dl h2{
	margin: 0 0 10px 0;
	padding: 2px 0;
	text-align: left;
	border-bottom: 1px solid #000;
	width: 100%;
	float: left;
	clear: left;
}
div.message dl dd{
	float: left;
	clear: none;
	margin: 2px 0 0 0;
	padding: 0 0;
}
div.message dl dd input.text{
	width: 300px;
	height: 17px;
	padding: 0;
}
div.message dl dd textarea{
	width: 300px;
	height: 100px;
}