@import url(allrt.css);
@import url(menu.css);

Body
{
	background-repeat: repeat;
	Margin: 0px;
	background-color: #ffffff;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Text-Align: left;
	vertical-align: top;
	Font-Weight: normal;
	Font-Size: 12px;
	Color: #434343;
	line-height: 18px;
}

Form
{
	Margin-bottom: 0px
}

UL{
	Margin: 13px;
	padding:0px;
	color: #434343;
}

LI.Bullets  {
	list-style: disc;
	line-height: 22px;
}

.SearchField{
	width:104px;
	height:18px;
	border:1px solid  #e17bc0;
	padding:2px;
}

.SubField{
	width:138px;
	height:18px;
	border:1px solid  #e17bc0;
	padding:4px;
}

.SingleLineField{
	width:280px;
	height:18px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.QuantitySmallSingleFields{
	width:18px;
	height:18px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.QuantitySmallSingleFields2{
	width:17px;
	height:17px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.SingleMediumLineField{
	width:200px;
	height:18px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.SingleSmallLineField{
	width:131px;
	height:18px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.SingleXtraSmallLineField{
	width:59px;
	height:18px;
	border: 1px solid #AFAFAF;
	padding:2px;
}


.MultiLineField{
	width:280px;
	height:80px;
	border: 1px solid #AFAFAF;
	padding:2px;
}

.DropdowdField{
	width:205px;
	height:20px;
	border: 1px solid #AFAFAF;
}

.images
     { padding: 2px; background: #FFFFFF; border: 1px solid #DCDCDC; }

.RecLink{
	width:auto;
	height:auto;
	background-color:#fdfdf3;
}

.RecLink:hover{
	width:auto;
	height:auto;
	background-color:#FFE6F5;
}

.RecTable{
	width:238px;
	height:auto;
	text-align:left;
	border-collapse:collapse;
}

/*------------------------------------------------------------------ Text Styles*/ 

hr{
background-color:#d4d4d4;
color:#d4d4d4;
height:1px;
border:0px;
}


.Gone{
	text-decoration:line-through;
}

.PinkBody{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Color: #ec068d;
}

.RedBody{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Color: #c01a18;
}

.BMText{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 10px;
	Color: #000000;
}

.SmallText{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 9px;
	Color: #000000;
	line-height: 14px;
}

.BodyBold{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: bold;
	Color: #434343;
}

.SearchTerms{
	Font-Size: 6px;
	Color: #FBF7FB;
}

.LargeDarkGrey{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 18px;
	Color: #8e8e8e;
	line-height: 22px;
}

.LargeDarkGrey2{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 15px;
	Color: #8e8e8e;
	line-height: 22px;
}

.LargePink{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 18px;
	Color: #ec068d;
	line-height: 22px;
}

.LargePink2{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 15px;
	Color: #ec068d;
	line-height: 22px;
}

.LargeBlack{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 18px;
	Color: #000000;
	line-height: 22px;
}

.LargeLightGrey{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 18px;
	Color: #ababab;
	line-height: 22px;
}

.LightGrey{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #ababab;
}

.HeaderPink{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #ec068d;
}

.NewModel{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #FF0000;
}


.HeaderBlack{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #000000;
}

.HeaderBlack2{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 15px;
	Color: #000000;
}

.SalePrice{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Font-Size: 17px;
	Color: #ec068d;
/*	background-color: #ec068d; */
}

.HeaderWhite{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #ffffff;
}

.HeaderYellow{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #FFFF00;
}

.HeaderGrey{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #4d4d4d;
}

.HeaderLightGrey{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Weight: bold;
	Color: #ababab;
}

.GardenText{
	color: #007430;
}
/*------------------------------------------------------------------ Link Styles*/ 

A{
	color: #000000;
	text-decoration: underline;
}

A:HOVER {
	color: #000000;
	text-decoration: none;
}

A.Invisi{
	text-decoration: none;
}

A.Invisi:HOVER{
	text-decoration: none;
}

A.PurpleNav{ color: #D206FF; text-decoration: none;	font-weight:bold; }
A.PurpleNav:HOVER {	color: #ec068d;  text-decoration: none; }

A.BodyBoldNav{
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	color: #434343;
	text-decoration: underline;
	font-weight:bold; 
}

A.BodyBoldNav:HOVER {
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	color: #434343;
	text-decoration: none;
	font-weight:bold;
}

A.SearchTermNav{
	Font-Size: 6px;
	color: #FBF7FB;
	text-decoration: none;
}

A.SearchTermNav:HOVER {
	Font-Size: 6px;
	color: #FBF7FB;
	text-decoration: none;
}

A.STermNav{
	color: #000000;
	text-decoration: none;
}

A.STermNav:HOVER {
	color: #000000;
	text-decoration: none;
}

A.PinkNav{ color: #ec068d; font-weight:bold; text-decoration: none; border-bottom: 1px dotted; }
A.PinkNav:HOVER { color: #000000; text-decoration: none; border-bottom: 1px solid; }

A.CatNav{ color: #1f527b; font-weight: normal; text-decoration: none; }
A.CatNav:HOVER { color: #000000; text-decoration: none; }

A.MenuNav{ color: #000000; font-weight: normal; text-decoration: none; }
A.MenuNav:HOVER { color: #1f527b; text-decoration: none; }

A.PinkCatNav{ color: #000000; font-weight: bold; text-decoration: none;}

A.GardenCat{ color: #007430; font-weight: normal; text-decoration: none; }
A.GardenCat:HOVER {	color: #000000;	text-decoration: none; }

A.GardenNav{ color: #007430; text-decoration: underline; font-weight:bold; }
A.GardenNav:HOVER {	color: #000000;	text-decoration: none; }

A.RateLink { color: #1f527b; font-weight:normal; text-decoration: none; border-bottom: 1px dotted; }
A.RateLink:hover { color: #000000; border-bottom: 1px solid; }

A.pageno{
	color: #ec068d;
	font-weight:bold; 
	padding:3px 5px 3px 5px;
	border-width:1px;
	border-color:#ff98de;
	border-style:solid;
	background-color:#ffffff;
	text-decoration:none;
}

A.pageno:HOVER{
	color: #000000;
	font-weight:bold; 
	padding:3px 5px 3px 5px;
	border-width:1px;
	border-color:#ec068d;
	background-color:#ffe6f5;
	border-style:solid;
	text-decoration:none;
}

.pagenoinact{
	color: #000000;
	font-weight:bold; 
	padding:3px 5px 3px 5px;
	border-width:1px;
	border-color:#ec068d;
	background-color:#e5e5e5;
	border-style:solid;
	text-decoration:none;
}

A.PinkNavN{
	color: #ec068d;
	text-decoration: none;
	font-weight:bold; 
	font-size:11px;
}

A.PinkNavN:HOVER {
	color: #000000;
	text-decoration: none;
	font-size:11px;
}

A.RedNav{
	color: #FF0000;
	text-decoration: underline;
	font-weight:bold;
}

A.RedNav:HOVER {
	color: #000000;
	text-decoration: none;
}

A.GardenNavT{
	color: #3b8a34;
	text-decoration: none;
	font-weight:bold; 
	font-size:11px;
}

A.GardenNavT:HOVER {
	color: #000000;
	text-decoration: none;
	font-size:11px;
}

A.PinkNav2{
	color: #ec068d;
	text-decoration: underline;
	font-weight:bold; 
}

A.PinkNav2:HOVER {
	color: #FFFFFF;
	text-decoration: none;
}

A.WhiteNav{
	color: #ffffff;
	text-decoration: underline;
	font-weight:bold; 
}

A.WhiteNav:HOVER {
	color: #f288c2;
	text-decoration: none;
}

A.BlackNav{
	color: #000000;
	text-decoration: underline;
	font-weight:bold; 
/*	line-height: 24px; */
}

A.BlackNav:HOVER {
	color: #ec068d;
	text-decoration: none;
/*	line-height: 24px; */
}

A.BlackNavProd{
	color: #000000;
	text-decoration: none;
}

A.BlackNavProd:HOVER {
	color: #000000;
	text-decoration: none;
}

A.InfoNav{
	color: #008ADA;
	text-decoration: underline;
	font-weight: bold;
}

A.InfoNav:HOVER {
	color: #008ADA;
	text-decoration: none;
	font-weight: bold;
}

/*------------------------------------------------------------------ Top Div*/

.brandid { float: left; padding: 1px; /* border-top: 6px solid #f6f6f6; border-right: 10px solid #f6f6f6; */ margin-top:7px; margin-right:14px;}
#rightbrand { float: right; }

#TopDiv {
	z-index: 0;
	width:770px;
	height:130px;
	position: absolute;
	left: 50%;
	margin-left: -385px; /* Half the width */
	margin-top:15px;
	/*border: 1px solid #000000;*/
}

#TT{
	width:770px;
	height:130px;
}

#ADC{
	width: 770px;
}

.ADCell1{
	width: 180px;
}

.ADCell2{
	width: 550px;
	text-align: center;
}

.TTLogoCell{
	width:180px;
	height:130px;
	text-align: center;
	vertical-align: bottom;
}

.TTTopLeftCell{
	width:475px;
	height:50px;
	text-align: left;
	vertical-align: middle;
	padding:10px;
}

.TTTopRightCell{
	width:75px;
	height:50px;
	text-align:right;
	vertical-align: middle;
	padding:10px;
}

.TTBottomCell{
	width:590px;
	height:30px;
	text-align: left;
	font-size: 12px;
	vertical-align: bottom;
	padding-bottom:10px;
}

#TopNavDiv{
	width:auto;
	height:auto;
	float: left;
	padding:3px;
	border:1px solid #ffffff;
}

.BasketDiv{
	width:auto;
	height:auto;
	float: right;
	margin-top: 5px;
	padding:5px;
	line-height:14px;

	border: 1px solid #f5e1b8;
	background: #fdfdf3 url("../images/gradient-yellow.gif") repeat-x 0 0;
}

.RateDiv{
	width:auto;
	height:auto;
	float: right;
	margin-top: 5px;
	padding:5px;
	line-height:14px;

	border: 1px solid #b3e4f7;
    background: #f0fbff url("../images/gradient-blue.gif") repeat-x 0 0;
}

.WriteDiv{
	width:auto;
	height:auto;
	float: right;
	margin-top: 5px;
	border:1px solid #e1e1e1;
	padding:5px;
	background-color:#fee7e7;
	line-height:14px;
}

.navline1{
	height:auto;
	border-left:1px solid #575757;
	border-bottom:1px solid #131313;
	border-right:1px solid #343434;
	border-top:1px solid #838383;
	float:left;
}

.navline2{
	height:auto;
	border-left:1px solid #999999;
	border-bottom:1px solid #131313;
	border-right:1px solid #343434;
	border-top:1px solid #838383;
	float:left;
}

.navline3{
	height:auto;
	float:left;
}

#PromoDiv{
	width:auto;
	height:auto;
	padding:5px;
	border: 1px solid #b3e4f7;
    background: #f0fbff url("../images/gradient-blue.gif") repeat-x 0 0;
}

.imgitem{
	padding-top: 2px;
	border: 1px solid #dcdcdc;
}

.RStripDiv{
	width:auto;
	height:auto;
	padding:5px;

	border: 1px solid #f7b3c3;
    background: #fff0f5 url("../images/gradient-red.gif") repeat-x 0 0;
}

.FStripDiv{
	width:auto;
	height:auto;
	padding:8px;

	border: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.FStripDiv2{
	width:auto;
	height:auto;
	padding:8px;

	border-top: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.BMStripDiv{
	width:auto;
	height:auto;
	padding:8px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	vertical-align:bottom;
	border: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

#FreeItemDiv{
	width:284px; /* -10 padding, -2 border */
	height:15px;
	float: left;
	border:1px solid #e1e1e1;
	background: #e1e1e1;
	padding:5px;
}

.Vote{
	float:right;
}


/*------------------------------------------------------------------ Content Div*/

#ContentDiv {
	z-index: 0;
	width:770px;
	height:auto;
	position: absolute;
	left: 50%;
	margin-left: -385px; /* Half the width */
	margin-top:150px;
	/*border: 1px solid #000000;*/
}

.bannerad
     { border: 1px solid #000000; }

/*------------------------------------------------------------------ Content Div*/

#LeftColumDiv{
	z-index: 1;
	width:189px;
	height:auto;
	float: left;
	/*border: 1px solid #000000;*/
}

#RightColumDiv{
	z-index: 2;
	width:581px;
	height:auto;
	float: right;
	margin-bottom:17px;
	/*border-left:1px solid #6d6d6d;*/
}

/*------------------------------------------------------------------ Content NAV Div*/

.comp { display: block; width: 98px; height: 21px; padding: 9px 0 0 0; font-size: 11px; background: url("images/further.gif") no-repeat 100% 50%; color:#007195; text-decoration: none; font-size:11px; text-indent: 10px;}
.more { display: block; width: 114px; height: 21px; padding: 1px 0 0 0; font-size: 11px; background: url("images/further.gif") no-repeat 100% 50%; color:#007195; text-decoration: none;}
.gift { display: block; width: 149px; height: 21px; text-align:left; padding: 1px 0 0 6px; font-size: 11px; background: url("images/furthergift.gif") no-repeat 100% 10%; color:#007195; text-decoration: none;}
/*.giftsm { display: block; width: 132px; height: 21px; text-align:left; padding: 5px 0 0 6px; font-size: 11px; background: url("images/furthergiftsm.gif") no-repeat 100% 10%; color:#007195; text-decoration: none;}*/
.giftsm { display: block; width: 138px; height: 21px; padding: 6px 0 0 0; font-size: 11px; background: url("images/furthergiftsm.gif") no-repeat 100% 10%; color:#007195; text-decoration: none; font-size:11px; text-indent: 10px;}

.EnlargeCell{
	width:650px;
	height:30px;
	text-align: center;
	vertical-align: middle;
	background-color: #ec068d;
	color: #ffffff;
	font-weight:bold;
	font-size: 14px;
	/*border-right:1px solid #4A70CA;*/
}

.EnlargeImageCell{
	width:650px;
	height:500px;
	text-align: center;
	vertical-align: middle;
}

.BrandTable{
	width:500px;
/*	border-collapse:collapse;
	border-spacing:none; */

    border-collapse: separate;
	border-spacing: 6px;
    *border-collapse: expression('separate', cellSpacing = '6px'); /* stupid IE workaround */
}

.BrandPriceTable{
	width:190px;
	border-collapse:collapse;
}

.BrandHeaderCell{
	text-align:center;
	padding-top:16px;
	padding-bottom:16px;
}

.BrandCellL{
	width:208px;
	height:auto;
	text-align:left;
	padding:8px 16px 8px 16px;

	border: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;

}
.BrandCellL:hover{
	width:208px;
	height:auto;
	text-align:left;
	padding:8px 16px 8px 16px;

	border: 1px solid #c3c3c3;
}

.BrandCellR{
	width:208px;
	height:auto;
	text-align:left;
	padding:8px 16px 8px 16px;

	border: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.BrandCellR:hover{
	width:208px;
	height:auto;
	text-align:left;
	padding:8px 16px 8px 16px;

	border: 1px solid #c3c3c3;
}

.BrandLeftCell{
	width:35px;
	height:auto;
	text-align: left;
	vertical-align: middle;
	padding-right: 3px;
}

.BrandRightCell{
	width:auto;
	height:auto;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
}

.BrandCol{
	height: 24px;
	background-color:#f3f3f3;
	color:#434343;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	text-align:center;
	vertical-align:middle;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
/*	border: 1px solid #dcdcdc; */

	border: 1px solid #b3e4f7;
    background: #f0fbff url("../images/gradient-blue.gif") repeat-x 0 0;
}


#LCTable{
    background-image: url('../images/lcnav.jpg');
	width:189px;
	height:auto;
	border-right: 1px solid #000000;
}

.LCTTopCell{
	width:189px;
	height:38px;
	text-align: center;
	vertical-align: middle;
	background-color: #ec068d;
	font-size: 12px;
	/*border-right:1px solid #ec068d;*/
}

.LCTCategoriesCell{
	width:189px;
/*	height:38px; */
/*	padding-top: 8px;  */
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	background-color: #F7F7F7;
	border-bottom: 1px solid #E1E1E1; 
	border-left: 1px solid #E1E1E1;
}

.LCTBottomCell{
	width:190px;
/*	height:auto; */
	padding-right:13px;
/*	padding-top: 4px;  */
	text-align: right;
	vertical-align: top;
}

/*------------------------------------------------------------------ Content SINGLE PRODUCT Div*/

#RCTable{
	width:581px;
	height:auto;                              /* was auto, changed 25/02/07 to give needed left line */
	vertical-align:top;
/* 	border-left: 1px solid #e1e1e1; */
}

#RCTableCheckout{
	width:581px;
	height:auto;                              /* was auto, changed 25/02/07 to give needed left line */
	vertical-align:top;
	border-left: 1px solid #e1e1e1;
}

.InfoProductTables{
	float: left;
	width:296px;
	border: 1px solid #dcdcdc; 
    background: #FFFFFF url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.ThumProductTables{
	float: left;
	width:296px;
	border: 1px solid #dcdcdc; 
    background: #FFFFFF url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.ThumProductTables2{
	float: left;
	width:296px;
/*	border: 1px solid #e1e1e1; */
}

.SaleTwinCell{
	width:auto;
	height:auto;
	text-align: right;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 13px;
}

.QuesLeftCell{
	width:140px;
	height:auto;
	text-align: center;
	vertical-align: middle;
}

.QuesRightCell{
	width:auto;
	height:auto;
	text-align: center;
	vertical-align: middle;
}

.SaleLeftCell{
	width:66px;
	height:auto;
	text-align: right;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}

.SaleRightCell{
	width:auto;
	height:auto;
	text-align: left;
	vertical-align: middle;
	padding-left: 3px;
	padding-right: 3px;
}

.ATBCell{
	width: 120px;
	height: auto;
	text-align: center;
	vertical-align: middle;
	border-left: #e1e1e1;
/*	background: #e1e1e1; */
}


.ThumProductTitle{
	height: 13px;
	text-align:left;
	padding:4px;
}

.ThumProductLeftCell{
	width:44px;
	height:38px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc; 
	border-right: 1px solid #dcdcdc; 
}

.ThumProductBottomLeftCell{
	width:30px;
	height: 38px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #dcdcdc; 
}

.ThumProductBottomRightCell{
	padding-left: 5px;
	padding-right: 5px;
	height: 38px;
	border-top: 1px solid #dcdcdc; 
}

#RCTable2{
	width:581px;
	height:2px;
}

.RCTTopOneCell{
	width:548px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	background-color: #e1e1e1;
}

.RCTTopOneCell2{
	width:541px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	background-color: #e1e1e1;
}

.RCTTopLeftCell{
	width:391px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	background-color: #e1e1e1;
}

.RCTTopLeftCellOFFER{
	width:391px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	color: #FFFFFF;
	font-size: 12px;
	vertical-align: middle;
	background-color: #000000;
}

.RCTTopLeftCell2{
	width:175px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	vertical-align: middle;
	Color: #434343;
	background-color: #434343;
}


.RCTTopRightCell{
	width:155px;
	height:20px;
	padding:8px;
	text-align: right;
	font-size: 12px;                                    /* make it white background with grey bottom border */
	vertical-align: middle;
/*	background-color: #ffffff; */
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	background-color: #e1e1e1;
/*	border-left:1px solid #ffffff; */
}

.RCTTopRightCellOFFER{
	width:155px;
	height:20px;
	padding:8px;
	text-align: right;
	font-size: 12px;                                    /* make it white background with grey bottom border */
	vertical-align: middle;
	background-color: #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
/*	background-color: #e1e1e1; */
/*	border-left:1px solid #ffffff; */
}

.RCTTopRightCell2{
	width:419px;
	height:20px;
	padding:10px;
	text-align: right;
	vertical-align: middle;
	background-color: #434343;
}

.RCTTopRightCell3{
	width:150px;
	height:20px;
	padding:8px;
	text-align: right;
	vertical-align: middle;
	background-color: #e1e1e1;
	border: 1px solid #434343;
}

.RCTInformationCell{
	width:561px;
	height:auto;
	padding-left:14px;
	padding-top:17px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

#RCTImageDiv{
	width:252px;
	height:auto;
	float: right;
}

.InfoImages{
	width:155px;
/*	height:auto; */
	line-height: 8px;
	padding-right:11px;
	float:right;
}

.RCTDescriptionCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
/*	background-color: #e1e1e1; */
	background-color: #EDEDED;
	border-top:17px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTReviewCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	background-color: #fee7e7;
	border-top:17px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTReviewCellGap{
	width:20px;
	height:auto;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	background-color: #FFFFFF;
}

.ReviewRatingCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
/*	background-color: #e1e1e1; */
/*	background-color: #EDEDED; */
	border-top:17px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTMainCell{
	width:560px;
	height:auto;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	padding-left:14px;
	padding-top:10px;
}

.RCTCopyrightCell{
	width:566px;
	height:20px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	padding-left:14px;
	padding-top:10px;
	padding-bottom:10px;
/*	border-top:17px solid #ffffff; */
/*	background-color: #e1e1e1; */
}

.RCTPoweredCell{
	width:566px;
/*	height:25px; */
	text-align: right;
	vertical-align: top;
/*	padding-left:14px;
	padding-top:10px;
	padding-bottom:10px; 
	border-top:17px solid #ffffff; */
	background-color: #ffffff;
}

.RCTSearchTermsCell{
	width:566px;
	height:auto;
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
/*	line-height:2pt; */
}

.GoogleCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: right;
	vertical-align: top;
/*	background-color: #e1e1e1; */
	background-color: #EDEDED;
	border-left:14px solid #ffffff;
}

/*------------------------------------------------------------------ Content TEXT Div*/

.RCTWhiteHeaderCell{
	width:548px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: right;
	font-size: 12px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.RCTPromoHeaderCell{
	width:560px;
	height:20px;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
	padding-left:14px;
	padding-top:10px;
}

.RCTGreyHeaderCell{
	width:548px;
	height:20px;
	padding-left:24px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	background-color: #434343;
}

.RCTBlackHeaderCell{
	width:547px;
	height:20px;
	padding: 10px 10px 9px 24px;
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	background-color: #000000;
	background-image:url(images/header-maintitle.gif);
    background-position: top left;
    background-repeat: repeat-x;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/*------------------------------------------------------------------ Content MULTI Div*/

#RCMultiTable{
	width:578px;
	height:auto;					/* was auto, changed 25/02/07 to give needed left line */
	vertical-align:top;
	margin-top:6px;
    border-collapse: separate;
	border-spacing: 6px;
    *border-collapse: expression('separate', cellSpacing = '6px'); /* stupid IE workaround */
}

.RCTBaskCell{
	width:179px;
	height:auto;
	padding:3px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
	border: 1px solid #dcdcdc;
    background: #fefefe url("../images/gradient-lgrey.gif") repeat-x 0 0;
}

.OffersTable{
	width:578px;
	height:auto;					/* was auto, changed 25/02/07 to give needed left line */
	vertical-align:top;
/*	margin-top:6px; */
    border-collapse: separate;
	border-spacing: 6px;
    *border-collapse: expression('separate', cellSpacing = '6px'); /* stupid IE workaround */
}


.RCTMultiCell{
	width:178px;
	height:auto;
	padding: 7px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
/*	background-color: #ffffff; */

	border: 1px solid #dcdcdc;
    background: #FFFFFF url("../images/gradient-lgreybg.gif") repeat-x 0 0;
}

.RCTMultiCell:HOVER{
	width:178px;
	height:auto;
	padding: 7px;
	text-align: center;
	font-size: 12px;
	vertical-align: top;
/*	background-color: #FFE6F5; */

	border: 1px solid #c3c3c3;
    background: #FFFFFF url("../images/gradient-lgreybg.gif") repeat-x 0 0;
}

.RCTMultiPrevNext{
	width:566px;
	height:20px;
	text-align: center;
	font-size:12px;
	vertical-align: middle;
	padding-left:14px;
	padding-top:10px;
}

/*------------------------------------------------------------------ Content FORMS Div*/

.RCTFormTopCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: left;
	vertical-align:middle;
/*	background-color: #e1e1e1; */
	background-color: #EDEDED;
	border-top:17px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTOfferTopCell{
	width:560px;
	height:auto;
/*	padding:10px; */
	text-align: left;
	vertical-align: top;
/*	background-color: #e1e1e1; */
	background-color: #ffffff;
/*	border-top:17px solid #ffffff;
	border-left:14px solid #ffffff; */
}

.RCTContactTopCell{
	width:560px;
	height:auto;
	padding:10px;
	text-align: left;
	vertical-align:middle;
	background-color: #EDEDED;
	border-top:14px solid #DDDDDD;
	border-left:14px solid #FFFFFF;
}

.RCTContactLeftCell{
	width:190px;
	height:auto;
	padding:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: bold;
	Color: #434343;
	text-align: left;
	vertical-align: top;
	background-color: #FDFDFD;
	border-top:4px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTLCompareCell{
	height:auto;
	padding-left:10px;
	padding-bottom:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Color: #434343;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border-top:4px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTFormLeftCell{
	width:190px;
	height:auto;
	padding:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: bold;
	Color: #434343;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border-top:4px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTBrandLeftCell{
	width:250px;
	height:auto;
	padding:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	text-align:center;
	vertical-align:middle;
	background-color: #ffffff;
}

.RCTFaqLeftCell{
	width:10px;
	height:auto;
	padding:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: bold;
	Color: #434343;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border-top:4px solid #ffffff;
	border-left:14px solid #ffffff;
	
}

.RCTFormLeftCell2{
	width:175px;
/*	height:auto; */
	padding:1px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Color: #434343;
	text-align: center;
	vertical-align: middle;
	background-color: #F6F6F6;
	border-top:4px solid #ffffff;
	border-left:14px solid #ffffff;
	Font-Size: 9px;
	Font-Weight: bold;
}

.RCTFormRightCell{
	width:404px;
	height:auto;
	padding:10px;
	background-color: #F6F6F6;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTBrandRightCell{
	width:344px;
	height:auto;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	background-color: #f6f6f6;
	border-top:4px solid #ffffff;
}

.RCTBrandRightCell:hover{
	width:344px;
	height:auto;
	padding:4px;
	text-align:center;
	vertical-align:middle;
	background-color:#FFE6F5;
	border-top:4px solid #ffffff;
}

.RCTContactRightCell{
	width:404px;
	height:auto;
	padding:10px;
	background-color: #FBFBFB;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTFormRightCellLT{
	width:419px;
	height:10px;
	padding:1px;
	background-color: #FFFFFF;
	border-top:4px solid #ffffff; 
	text-align: left;
	vertical-align: middle;
	Font-Size: 9px;
}

.RCTContactRightCell2{
	width:404px;
	height:auto;
	padding:10px;
	background-color: #FDFDFD;
	border-top:4px solid #ffffff;
	text-align: right;
	vertical-align: top;
}

.RCTFaqRightCell2{
	width:584px;
	height:auto;
	padding:10px;
	background-color:#F6F6F6;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTFaqRightCell{
	width:584px;
	height:auto;
	padding:10px;
	background-color:#F6F6F6;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTFaqRightCell:hover{
	width:584px;
	height:auto;
	padding:10px;
	background-color:#FFE6F5;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTFormRightCell2{
	width:419px;
	height:15px;
	padding:1px;
	background-color: #F6F6F6;
	border-top:4px solid #ffffff; 
	text-align: left;
	vertical-align: middle;
	Font-Size: 9px;
}

.RCTFormRightCell3{
	width:419px;
/*	height:auto; */
	padding:1px;
	background-color: #FFFFFF;
	border-top:4px solid #ffffff; 
	text-align: right;
	vertical-align: middle;
	Font-Size: 9px;
}

.CompHead1{
	width:143px;
	height:auto;
	padding:4px;
	background-color: #EDEDED;
	border-top:1px solid #E1E1E1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #E1E1E1;
	font-weight:bold;
	font-size:9px;
	text-align:left;
	vertical-align:top;
}

.CompHead2{
	width:50px;
	height:auto;
	padding:4px;
	background-color: #EDEDED;
	border-top:1px solid #E1E1E1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #E1E1E1;
	font-weight:bold;
	font-size:9px;
	text-align:left;
	vertical-align:top;
}

.CompHead3{
	width:50px;
	height:auto;
	padding:4px;
	background-color: #EDEDED;
	border-top:1px solid #E1E1E1;
	border-right:1px solid #E1E1E1;
	border-bottom:1px solid #E1E1E1;
	font-weight:bold;
	font-size:9px;
	text-align:left;
	vertical-align:top;
}

.CompMItem1{
	width:143px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:2px solid #ffffff;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}

.CompMItem2{
	width:50px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:2px solid #ffffff;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}

.CompMItem3{
	width:50px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:1px solid #e1e1e1;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}

.CompItem1{
	width:143px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:2px solid #ffffff;
	border-bottom:1px solid #e1e1e1;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}

.CompItem2{
	width:50px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:2px solid #ffffff;
	border-bottom:1px solid #e1e1e1;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}

.CompItem3{
	width:50px;
	height:auto;
	padding:4px;
	border-top:1px solid #ffffff;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align:top;
}




.RCTFormRightClearCell{
	width:404px;
	height:auto;
	padding:10px;
	background-color: #ffffff;
	border-top:4px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTCompareHeadCell1{
	width:143px;
	height:auto;
	margin-left:14px;
	padding:4px;
	background-color: #EDEDED;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.RCTCompareHeadCell2{
	width: 50px;
	height:auto;
	padding:4px;
	background-color: #EDEDED;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.RCTCompareItemCell1{
	width: 143px;
	height:auto;
	padding:4px;
	border-top:2px solid #ffffff;
/*	border-left:2px solid #ffffff; */
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
}


.RateCellHead{
	width: 546px;
	height:auto;
	padding:4px;
	background-color: #EDEDED;
 	border:1px solid #dcdcdc;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.RateCellDesc{
	width: 546px;
	height:auto;
	padding:5px;
	background-color: #F6F6F6;
 	border:1px solid #dcdcdc;
	font-size: 12px;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
}


.RCTCompareItemCell2{
	width: 50px;
	height:auto;
	padding:4px;
/*	background-color: #F6F6F6; */
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	font-size: 9px;
	line-height: 11px;
	text-align: left;
	vertical-align: top;
}

/*------------------------------------------------------------------ Content BASKET Div*/

.RCTBasketLeftCell{
	width:404px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: normal;
	Color: #ec068d;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
	border-top:1px solid #ffffff;
	border-left:14px solid #ffffff;
}

.RCTBasketLeftCellGrey{
	width:404px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: normal;
	Color: #ec068d;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
	border-top:1px solid #ffffff;
	border-bottom:1px solid #F6F6F6;
	border-left:14px solid #ffffff;
}

.RCTBasketLeftCellOffers{
	width:404px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	Font-Family: Tahoma, Arial, Helvetica, Sans-Serif;
	Font-Size: 12px;
	Font-Weight: normal;
	Color: #ec068d;
	text-align: left;
	vertical-align: middle;
	background-color: #ffffff;
	border-bottom:1px solid #F6F6F6;
	border-left:14px solid #ffffff;
}

.RCTBasketRightCell{
	width:190px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #F6F6F6;
	border-top:2px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTBasketRightCell2{
	width:75px;
	height:auto;
	padding-left:0px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #F6F6F6;
	border-top:2px solid #ffffff;
/*	border-left:2px solid #ffffff; */
	text-align: right;
	vertical-align: middle;
}

.RCTBasketRightClearCell2{
	width:75px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	text-align: right;
	vertical-align: middle;
}



.RCTBasketRightClearCell3{
	width:75px;
	height:auto;
	padding-left:0px;
	padding-right:20px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	text-align: right;
	vertical-align: middle;
}


.RCTBasketRightClearCell{
	width:190px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	text-align: left;
	vertical-align: top;
}

.RCTBasketRightCellTotal{
	width:75px;
	height:40px;
/*	padding-left:10px; */
	padding-right:15px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	border-left:2px solid #F6F6F6;
	border-right:2px solid #F6F6F6;
	border-bottom:2px solid #F6F6F6;
	text-align: right;
	vertical-align: middle;
}

.RCTBasketRightCellOffers{
	width:75px;
	height:auto;
	background-color: #fff0f5;
	border-top:2px solid #ffffff;
	border-bottom:1px solid #fff0f5;
	text-align: center;
	vertical-align: middle;
}

.RCTBasketMiddleClearCell{
	width:115px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	text-align: right;
	vertical-align: middle;
}

.RCTBasketMiddleCell{
	width:115px;
	height:auto;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	text-align: left;
	vertical-align: middle;
}

.RCTBasketMiddleCellGrey{
	width:115px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	border-bottom:1px solid #F6F6F6;
	text-align:left;
	vertical-align: middle;
}

.RCTBasketMiddleCellOffers{
	width:115px;
	height:auto;;
	padding-left:10px;
	padding-right:10px;
	background-color: #ffffff;
	border-bottom:1px solid #F6F6F6;
	text-align: left;
	vertical-align: middle;
}

.RCTOfferTextGrey{
	color: #434343;
	font-size:9px;
}

.RCTBasketMiddleCellGrey2{
	width:115px;
	height:40px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	background-color: #ffffff;
	border-top:2px solid #ffffff;
	border-right:2px solid #F6F6F6;
	text-align: left;
	vertical-align: middle;
}


/*------------------------------------------------------------------ Content CHECKOUT Div*/

#RCCheckoutTable{
	width:581px;
	height:auto;
	border-left: 1px solid #e1e1e1;
}





/* -- lb start */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/lbblank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
/* #prevLink:hover, #prevLink:visited:hover { background: url(/images/lbprevlabel.gif) left 15% no-repeat; }
   #nextLink:hover, #nextLink:visited:hover { background: url(/images/lbnextlabel.gif) right 15% no-repeat; } */
   #prevLink, prevLink:hover, #prevLink:visited:hover { background: url(/images/lbprevlabel.gif) left 92% no-repeat; }
   #nextLink, nextLink:hover, #nextLink:visited:hover { background: url(/images/lbnextlabel.gif) right 92% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	


.squarebuttonb{
display: block;
float: left;
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px; /* Height of button background height */
width:5px;
}



a.squarebutton{
background: transparent url('images/ngreenleft.gif') no-repeat top left;
display: block;
float: left;
font-size:11px; /* Change 12px as desired */
font-weight:bold;
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;}
a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #FFFFFF; /*button text color*/}
a.squarebutton span{
background: transparent url('images/ngreenright.gif') no-repeat top right;
display: block;
padding: 3px 8px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/}
a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;}
a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FFFFFF;}
.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;}

a.squarebuttonp{
background: transparent url('images/npinkleft.gif') no-repeat top left;
display: block;
float: left;
font-size:11px; /* Change 12px as desired */
font-weight:bold;
line-height: 12px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 32px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;}
a:link.squarebuttonp, a:visited.squarebuttonp, a:active.squarebuttonp{
color: #FFFFFF; /*button text color*/}
a.squarebuttonp span{
background: transparent url('images/npinkright.gif') no-repeat top right;
display: block;
padding: 3px 8px 5px 0; /*Set 9px below to match value of 'padding-left' value above*/}
a.squarebuttonp:hover{ /* Hover state CSS */
background-position: bottom left;}
a.squarebuttonp:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #FFFFFF;}