div#top {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 94px;
}
div#tleft {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 14px;
  width: 50%;
  background-image: url("graphics/gradedBlack_lhs.gif");
  font-size: 0px;
}
div#tright {
  position: absolute;
  left: 50%;
  top: 0px;
  height: 94px;
  width: 50%;
  background-image: url("graphics/gradedBlack_rhs.gif");
}
div#trightblack {
  position: absolute;
  left: 50%;
  top: 0px;
  height: 94px;
  width: 50%;
  background-color: Black;
}

div#topoverlay {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 94px;
}

div#header {
  height: 94px;
  width: 950px;
}

div#hleft {
  height: 94px;
  width: 572px;
  float: left;
}
div#hright {
  height: 94px;
  width: 378px;
  color: #FFFFFF;
  float: right;  
}
div#hright2 {
  height: 94px;
  width: 378px;
  color: #FFFFFF;
  float: right; 
  background-image: url("graphics/LightingDesignsBack_378by94.jpg");
}
div#hrightcontent {
  height: 94px;
  width: 370px;
  float: left;
}
div#hlogo {
  height: 94px;
  width: 260px;
  float: left;
}
div#hbuttons {
  height: 94px;
  width: 101px;
  float: right;
}
div#hbtopspace {
  height: 28px;
  width: 101px;
}
div#hb1 {
  height: 28px;
  width: 101px;
}
div#hb2 {
  height: 24px;
  width: 101px;
}
.baskbutton {
  background: url("graphics/viewBasketTB.gif");
  background-repeat: no-repeat;
  height: 24px;
  width: 101px;
  float: right;
  text-decoration: none;
  color: #000000;
}

.baskbutton:hover {
  background: url("graphics/viewBasketOverTB.gif");
  background-repeat: no-repeat;
  height: 24px;
  width: 101px;
  float: right;
  text-decoration: none;
  color: #000000;
}

.searbutton {
  background: url("graphics/searchTB.gif");
  background-repeat: no-repeat;
  height: 24px;
  width: 101px;
  float: right;
  text-decoration: none;
  color: #000000;
}

.searbutton:hover {
  background: url("graphics/searchOverTB.gif");
  background-repeat: no-repeat;
  height: 24px;
  width: 101px;
  float: right;
  text-decoration: none;
  color: #000000;
}




div#bot {
  position: absolute;
  left: 0px;
  top: 94px;
  
  width: 100%;
  text-align: left; /*This was center!*/
  height: auto;
}
div#loggedinbot {
  position: absolute;
  left: 0px;
  top: 117px;
  height: 97px;
  width: 100%;
  text-align: center;
}

div#topmargin {
  height: 16px;
  width: 950px;
}
div#mainarea {
  height: auto;
  width: 950px;
}
div#navarea
{
	height: auto;
	width: 160px;
	float: left;
	background-image: url( "graphics/navheader.jpg" );
	background-repeat: no-repeat;
	background-position: 100% 0%;
	padding-top: 17px;
}
div#navareainner
{
	height: auto;
	width: 160px;
	
}
div#navareaadmin
{
	height: auto;
	width: 160px;
	float: left;
}

div#navitem {
  height: 30px;
  width: 147px;
  float: right;
  text-align: left;
}
div#navitem1 {
  height: 9px;
  width: 147px;
  font-size: 0px;
}
div#navitem2 {
  height: 16px;
  width: 147px;
}
div#navitem3 {
  height: 5px;
  width: 147px;
  font-size: 0px;
}
div#navsubitem {
  height: 20px;
  width: 128px;
  float: right;
  text-align: left;
}
div#navsubitem1 {
  height: 4px;
  width: 128px;
  font-size: 0px;
  line-height: 0px;
}
div#navsubitem2 {
  height: 12px;
  width: 128px;
}
div#navsubitem3 {
  height: 1px;
  width: 128px;
  font-size: 0px;
  line-height: 0px;
}
div#navsepspace {
  height: 5px;
  width: 155px;
  float: right;
  font-size: 0px;
}
div#navsep {
  height: 5px;
  width: 147px;
  float: left;
  background-image: url("graphics/145by1DkGreyDots.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
div#navspace {
  height: 70px;
  width: 160px;
  float: right;
}
div#navblock {
  height: 170px;
  width: 155px;
  float: right;
}
.logblock {
  padding: 2px;
  /*height: 170px;*/
  width: 142px;
  float: left;
  border: 1px solid #d4d4d7;
  background: #f6f6f6;
  text-align: left;
}
.logblockError {
  padding: 2px;
  height: 210px;
  width: 142px;
  float: left;
  border: 1px solid #d4d4d7;
  background: #f6f6f6;
  text-align: left;
}

div#logblock2 
{
	padding-top: 8px;
  padding-right: 2px;
  padding-left: 2px;
  padding-right: 2px;
  height: 60px;
  width: 142px;
  float: left;
  border: 1px solid #d4d4d7;
  background: #f6f6f6;
  text-align: center;
  vertical-align: bottom;
}
div#logspace {
  width: 29px;
  float: right;
  height: 5px;
}

.logbox {
  height: 16px;
  width: 136px;
  font-family: arial, helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}



div#contentarea {
  height: auto;
  width: 774px;
  float: right;
}
div#onecolumn {
  height: auto;
  width: 764px;
  float: left;
  text-align: left;
  background-image: url("graphics/columnheader.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-top: 17px;
}
div#wrapper764 {
  height: 133px;
  width: 764px;
  float: left;
  text-align: left;
}
div#wrapper764b {
  height: 74px;
  width: 764px;
  float: left;
  
}

div#strap {
  height: 32px;
  width: 764px;
  float: left;
  background-image: url("graphics/greyDotsW764.gif");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  text-align: left;
  padding-top: 8px;
  
}  
div#leftcolumn 
{
  height: auto;
  width: 370px;
  text-align: left;
  background-image: url("graphics/columnheader.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-top: 17px;
  float: left;
}
div#rightcolumn 
{
  height: auto;
  width: 370px;
  text-align: left;
  background-image: url("graphics/columnheader.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-top: 17px;
  float: right;
  
}


div#picleftcolumn {
  height: auto;
  width: 330px;
  text-align: left;
  background-image: url("graphics/columnheader.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-top: 17px;
  float: left;
}
div#picrightcolumn {
  height: auto;
  width: 412px;
  text-align: left;
  background-image: url("graphics/columnheader.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  padding-top: 17px;
  float: right;
}
div#picwrapper {
  height: auto;
  width: 403px;
  text-align: left;
  float: left;
}
div#picthumb {
  height: auto;
  width: 34px;
  float: left;
  text-align: left;
}
.feature {
  background-image: url("graphics/feature.gif");
  background-repeat: no-repeat;
  height: 39px;
  width: 34px;
  float: right;
  color: #FFFFFF;
}
.feature:hover {
  background: transparent;
  height: 39px;
  width: 34px;
  float: left;
}
div#picmain {
  height: auto;
  width: 361px;
  text-align: left;
  float: right;
}
div#picspace {
  width: 361px;
  height: 16px;
}
div#picprev {
  width: 100px;
  height: 20px;
  float: left;
}
div#picnext {
  width: 100px;
  height: 20px;
  float: right;
  text-align: right;
}
div#smlrarticlebox {
  height: auto;
  width: 321px;
  text-align: left;
  float: left;
}
div#smldivider {
  height: 33px;
  width: 370px;
  background-image: url("graphics/greyDotsW370.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  float: left;
}
div#sml4divider {
  height: 33px;
  width: 330px;
  background-image: url("graphics/greyDotsW370.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  float: left;
}
div#lrgarticlebox {
  height: auto;
  width: 755px;
  text-align: left;
  float: left;
}
div#lrgdivider {
  height: 33px;
  width: 764px;
  background-image: url("graphics/greyDotsW764.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  float: left;
}
div#envirohome {
  height: 94px;
  width: 370px;
  background-image: url("graphics/homepagefootprint.gif");
  background-repeat: no-repeat;
  float: left;
}
div#envirocontent {
  padding-top: 10px;
  height: 94px;
  width: 238px;
  float: right;
  text-align: left;
}
div#enviro {
  height: 183px;
  width: 361px;
  background-image: url("graphics/environmentTriptic.jpg");
  background-repeat: no-repeat;
  float: left;
}
div#envirospace {
  height: 115px;
  width: 361px;
  float: left;
}
div#envirocontent2 {
  height: 30px;
  width: 361px;
  float: left;
}
div#envirobox {
  height: 30px;
  width: 113px;
  float: left;
  text-align: center;
}
div#enviroboxspace {
  height: 30px;
  width: 11px;
  float: left;
}
.adbox {
  width: 362px;
  height: 223px;
  background: url("shop/adverts/AdBackgroundBox.gif");
  display: table-cell; 
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  font-size: 0px;
}
div#assmain {
  width: 764px;
  height: auto;
  float: left;
}
div#assline {
  width: 764px;
  height: 90px;
}
div#assspace {
  width: 764px;
  height: 16px;
}
div#assbox {
  width: 146px;
  height: 90px;
  float: left;
  border: 1px solid #D4D4D4;
}
div#assboxspace {
  height: 90px;
  width: 5px;
  float: left;
}
div#asslink  a{
  border: 2px solid #FFFFFF;
  width: 142px;
  height: 70px;
  float: left;
}
div#asslink a:hover{
  border: 2px solid #d51733;
  width: 142px;
  height: 70px;
  float:  inherit ;
}

div#footerarea {
  height: auto;
  width: 950px;
  float:none; 
  clear:both;
}

div#dom 
{
	width:100%;
	clear:both;
	height:50px;
	position:relative; 
}	


div#footer {
  height: 65px;
  width: 934px;
  background-image: url("graphics/blackDots_934.gif");
  background-repeat: repeat-x;
  background-position: center;
  clear:left;
  padding-left: 10px;
  
}
div#fspace {
  height: 33px;
  width: 934px;
}
div#fleft {
  height: 32px;
  width: 460px;
  float: left;
  text-align: left;
  
}
div#fright {
  height: 32px;
  width: 460px;
  float: right;
  text-align: right;
}

div#contactform {
  height: 290px;
  width: 361px;
  float: left;
}
div#contactrow {
  height: 30px;
  width: 361px;
}
div#contactleft {
  height: 25px;
  width: 50px;
  float: left;
  padding-top: 5px;
  text-align: right;
}
div#contactright {
  height: 25px;
  width: 300px;
  float: right;
  padding-top: 2px;
}
div#contactrow2 {
  height: 133px;
  width: 361px;
}
div#contactleft2 {
  height: 128px;
  width: 50px;
  float: left;
  padding-top: 5px;
  text-align: right;
}
div#contactright2 {
  height: 128px;
  width: 300px;
  float: right;
  padding-top: 2px;
}
.contactbox {
  height: 20px;
  width: 300px;
  font-family: arial, helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}
.contactbox2 {
  height: 128px;
  width: 300px;
  font-family: arial, helvetica, sans-serif;
  color: #000000;
  font-size: 12px;
}
    
.smallarticlebox {
  height: auto;
  width: 361px;
  text-align: left;
  float: left;
}

.navsepspacer {
  height: 5px;
  width: 155px;
  float: right;
  font-size: 0px;
}
.navseper {
  height: 5px;
  width: 147px;
  float: left;
  background-image: url("graphics/145by1DkGreyDots.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.navitem {
  height: 30px;
  width: 147px;
  float: right;
  text-align: left;
}
.navitem1 {
  height: 9px;
  width: 147px;
  font-size: 0px;
}
.navitem2 {
  height: 16px;
  width: 147px;
}
.navitem3 {
  height: 5px;
  width: 147px;
  font-size: 0px;
}

.navsubitem {
  height: 20px;
  width: 128px;
  float: right;
  text-align: left;
}
.navsubitem1 {
  height: 4px;
  width: 128px;
  font-size: 0px;
  line-height: 0px;
}
.navsubitem2 {
  height: 12px;
  width: 128px;
}
.navsubitem3 {
  height: 1px;
  width: 128px;
  font-size: 0px;
  line-height: 0px;
}

.maincatalogue {
  background: url("shop/graphics/maincatalogue.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 10px;
}

.maincatalogue:hover {
  background: url("shop/graphics/maincatalogueOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 10px;
}

.checkout {
  background: url("shop/graphics/checkout.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 10px;
}

.checkout:hover {
  background: url("/shop/graphics/checkoutOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 10px;
}

.blueaddtobasket {
  background: url("/shop/graphics/Add2_blue.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #72A4AC;
  border: 0px;
}
.blueaddtobasket:hover {
  background: url("/shop/graphics/Add2_blueOver.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #d51733;
}
.review
{
	 
	background-position:center;
	background: url("shop/graphics/review.gif");
	background-repeat: no-repeat;
	height: 26px;
	width: 156px;
	float: left;
	text-decoration: none;
	color: #000000;
	font-family: arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 10px;
	border: 2px solid #FFFFFF;
	 clip: auto;
}

.review:hover
{
	border: 2px solid #d51733;
	
}

.reviewa:hover {
  background: url("shop/graphics/reviewOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #000000;
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  padding-top: 10px;
}
.qtybox {
  width: 31px;
  height: 13px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #000000;
  text-align: center;
  border: 1px solid #000000;
}
.greyaddtobasket:hover {
  background: url("/shop/graphics/Add2_greyOver.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #d51733;
}
.updateqty {
  background: url("/shop/graphics/updateQuantites.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  color: #FFFFFF;
  border: 0px;
  /*text-decoration: none;
    padding-right: 15px;*/
}

.updateqty:hover {
  background: url("shop/graphics/updateQuantitesOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-right: 15px;
}
.printbut {
  background: url("shop/graphics/PrintThisPage.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.printbut:hover {
  background: url("shop/graphics/PrintThisPageOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.emailbut {
  background: url("shop/graphics/emailThisPage.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.emailbut:hover {
  background: url("shop/graphics/emailThisPageOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.continue {
  background: url("shop/graphics/continueShopping.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.continue:hover {
  background: url("shop/graphics/continueShoppingOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.proceed1 {
  background: url("shop/graphics/proceed1.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  color: #FFFFFF;
  text-decoration: none;
  
}
.proceed1:hover {
  background: url("shop/graphics/proceed1_over.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.colheader 
{
	 text-align:right;
  background-image: url('/shop/graphics/greyGradientCorner.jpg');
  background-repeat: no-repeat;
  background-position: top;
  border: 0px solid #CCCCCC;
}

.colheader2 {
  background-image: url("shop/graphics/greyGradientCorneralt.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  border: 0px solid #CCCCCC;
}
.proceed2 {
  background: url("shop/graphics/proceed2.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  border: 0px;
}
.proceed2:hover {
  background: url("shop/graphics/proceed2_over.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  border: 0px;
}
.proceed3 {
  background: url("shop/graphics/proceed3.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  border: 0px;
}
.proceed3:hover {
  background: url("shop/graphics/proceed3_over.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.proceed4 {
  background: url("shop/graphics/placeYourOrder.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.proceed4:hover {
  background: url("shop/graphics/placeYourOrder_over.gif");
  background-repeat: no-repeat;
  height: 40px;
  width: 200px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back1 {
  background: url("shop/graphics/back_reviewYourBasket.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back1:hover {
  background: url("shop/graphics/back_reviewYourBasketOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back2 {
  background: url("shop/graphics/back_chooseDeliveryMeth.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back2:hover {
  background: url("shop/graphics/back_chooseDeliveryMethOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back3 {
  background: url("shop/graphics/back_confirmDelivDetails.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.back3:hover {
  background: url("shop/graphics/back_confirmDelivDetailsOve.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.inputcheckout3 {
  width: 230px;
  height: 20px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}
div#bottomsection {
  width: 772px;
  height: auto;
  border: 0px solid #00FF00;
  float: right;
  padding-top: 15px;
}

.greyaddtobasket {
  background: url("/shop/graphics/Add2_grey.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #999999;
  border: 0px;
}
.greenaddtobasket {
  background: url("/shop/graphics/Add2_green.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #005e20;
  border: 0px;
}
.greenaddtobasket:hover {
  background: url("/shop/graphics/Add2_greenOver.gif");
  background-repeat: no-repeat;
  width: 108px;
  height: 18px;
  float: left;
  color: #d51733;
  border: 0px;
}
.smlarticlebox {
  height: auto;
  width: 361px;
  text-align: left;
  float: left;
}

div#synopsis {
  width: 361px;
  float: left;
  height: 146px;
}
div#synhead {
  width: 361px;
  height: 30px;
}
div#syncat {
  width: 361px;
  height: 15px;
  text-transform: uppercase;
  padding-bottom: 3px;
}
div#synspace {
  width: 361px;
  height: 10px;
}
div#synimage {
  width: 160px;
  height: 100px;
  float: left;
  border: 1px solid #d4d4d4;
}
div#synimageinner {
  width: 158px;
  height: 98px;
  border: 1px solid #ffffff;
}
div#synimagemiddle {
  width: 156px;
  height: 96px;
  padding: 1px;
}
div#synright {
  width: 188px;
  height: 100px;
  float: right;
}
div#syntext {
  width: 188px;
  height: 85px;
  float: right;
}
div#synmore {
  width: 92px;
  height: 15px;
  float: left;
}
div#syndate {
  width: 92px;
  height: 15px;
  float: right;
  text-align: right;
}
div#assmain {
  width: 764px;
  height: auto;
  float: left;
}
.grey2savebox {
  background: #999999;
  background-repeat: no-repeat;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  border: 3px solid #999999;
  color: #FFFFFF;

}
.bluesavebox {
  background: #72A4AC;
  background-repeat: no-repeat;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
border: 3px solid #72A4AC;
vertical-align:middle;
}
.greensavebox {
  background: #005e20;
  background-repeat: no-repeat;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  border: 3px solid #005e20;
	vertical-align:middle;
}
.greysavebox {
  background: #FFFFFF;
  background-repeat: no-repeat;
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #FFFFFF;
  border: 3px solid #999999;
}
.savebox {
  font-weight: bold;
  font-size: 20px;
  color: #FFFFFF;
  
}
.itemDelete {
  background: url("/graphics/shopdelete.gif");
  background-repeat: no-repeat;
  height: 11px;
  width: 36px;
  float: right;
  color: #FFFFFF;
  text-decoration: none;
  border:0px;
}
.itemDelete:hover {
  background: url("/graphics/shopdelete_over.gif");
  background-repeat: no-repeat;
  height: 11px;
  width: 36px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
  border:0px;
}

.panel-backcolor
{
	background-color:#CCCCCC;
	}
	
	.inputbasketemail {
  width: 185px;
  height: 20px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}
.login 
{
	background: url('graphics/login.gif') no-repeat;
	height: 27px;
	width: 86px;
	
	text-decoration: none;
	color: #FFFFFF;
	border: 2px solid #FFFFFF;
	margin-left: 3px;
}
.loginhover {
  	border: 2px solid #d51733;
}

div#mainheader {
  width: 772px;
  height: 124px;
  background-image: url("shop/graphics/greyGradientCorner.jpg");
  background-repeat: no-repeat;
  background-position: 100% 0%;
  border: 0px solid #d51733;
  float: right;
}
.popupHide{
  display: none;
}

.adbox {
  width: 362px;
  height: 223px;
  background: url("adverts/AdBackgroundBox.gif");
  display: table-cell; 
  vertical-align: middle;
  text-align: center;
  padding: 0px;
  font-size: 0px;
}
.viewprevorder {
  background: url("shop/graphics/viewPrevOrders.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-right: 15px;
}

.viewprevorder:hover {
  background: url("shop/graphics/viewPrevOrders_Over.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-right: 15px;
}
.tnc {
  background: url("shop/graphics/termsAndConditions.gif");
  background-repeat: no-repeat;
  height: 82px;
  width: 195px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-right: 15px;
}

.tnc:hover {
  background: url("shop/graphics/termsAndConditions_Over.gif");
  background-repeat: no-repeat;
  height: 82px;
  width: 195px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
  padding-right: 15px;
}
div#esbox {
  width: 371px;
  height: 356px;
  border: 0px solid #999999;
  float: left;
  background-image: url("shop/graphics/esboxback.jpg");  
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
}

div#notloggedinpic {
  width: 371px;
  height: 356px;
  border: 0px solid #999999;
  float: left;
  background-image: url("/graphics/nonLoggedInPrompt.gif");  
  background-repeat: no-repeat;
  background-position: 100% 100%;
  text-align: left;
}

.helpbutton {
  background: url("shop/graphics/cantFindYourItem.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}

.helpbutton:hover {
  background: url("shop/graphics/cantFindYourItemOver.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: right;
  text-decoration: none;
  color: #FFFFFF;
}
.energysavingbox {
  background: url("/shop/images/greenBox132by82.gif");
  background-repeat: no-repeat;
}
.energysavingboxtext1 {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #FFFFFF;
  text-decoration: none;
}
.energysavingboxtext2 {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #FFFFFF;
  text-decoration: none;
}
.energysavingboxtext3 {
  font-family: times;
  font-weight: bold;
  font-size: 28px;
  color: #FFFFFF;
  text-decoration: none;
}
.calcback {
  background: url('shop/graphics/backbutton.gif') no-repeat;
  height: 36px;
  width: 96px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
}

.calcback:hover {
  background: url("shop/graphics/backbutton_Over.gif");
  background-repeat: no-repeat;
  height: 36px;
  width: 156px;
  float: left;
  text-decoration: none;
  color: #FFFFFF;
}
div#rhs 
{	
  width: 370px;
  height: auto;
  float: right;
  background-image: url("/shop/graphics/greyGradientCorner.jpg");
  background-repeat: no-repeat;
  background-position: top ;
  text-align: right;
}

.searchspacer
{	
  width: 580px;
  height: 48px;
 }
 
.alttag 
{
	vertical-align: top;
  border: 2px solid #d51733;
  background: #FFFFFF;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  height:auto;
  font-weight:bold;
}

.saveLink
{
	text-decoration: none;
	color: White;
}
.saveLink:hover
{
	text-decoration: underline;
	
}
.saveLinksub
{
	text-decoration: none;
	color: White;
	font-size:8px;
}

.cap
{
border-color: Black;
 border-width: 2; 
 Width: 122px ;
 Height: 122px ;
}
.cap:hover {
  border-color: Black;
  color: #d51733;
}


/*
.red14pt {
  font-family: arial, helvetica, sans-serif;
  color: #d51733;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
.red14pt:hover {
  text-decoration: none;
}
*/
.loginlable {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #464646;
}
.logintext {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
  color: #464646;
}
.loginsmall {
  font-family: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 9px;
  color: #464646;
}
.products  a{
  border: 2px solid #FFFFFF;
  height: 122px;
  width: 122px;
  float: left;
}
.products a:hover{
  border: 2px solid #d51733;
  height: 122px;
  width: 122px;
  float: left;
}
.smalldivider
{
	position:relative;
	display: block;	
	padding: 0px;
	margin: 0px;
	width: 100%;
	background-image: url("graphics/greyDotsW370.gif");
	background-repeat: no-repeat;
	float:left;
	/*height: 20px;*/
}
#bottominfo
{
	
	width: 100%;
	overflow: hidden;
}