/* -------------------------- BODY STYLES ---------------------------------- */
body { margin: 0px; background-color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:130%; 
}
/* non IE fix to force horiziontal scrollbar display (stops the width changing and the template jumping around)*/
html { height: 100%; margin-bottom: 1px; 
}
.tiny {font-size:1px;
}
li { list-style-position:inside; 
}

/* -------------------------- TEMPLATE & LAYOUT STYLES ---------------------------------- */
h1 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #656464;
	 margin:0px; margin-top:10px; margin-bottom:12px; 
}
h2 { font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: normal; color: #656464;
	 margin:0px; margin-bottom:8px; line-height: 23px;}
h2 a:link    {color:#434242; text-decoration:underline;}
h2 a:visited {color:#434242; text-decoration:underline;}
h2 a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
h2 a:active  {color:#434242; text-decoration:underline;
}
h2 a:link    {color:#660000; text-decoration:underline;}
h2 a:visited {color:#660000; text-decoration:underline;}
h2 a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
h2 a:active  {color:#660000; text-decoration:underline;}
.ours { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; text-decoration: none; color:#999999;
        padding-top:10px; padding-bottom:15px; text-align:center;}			 
.ours a:link    {color:#999999; text-decoration:underline;}
.ours a:visited {color:#999999; text-decoration:underline;}
.ours a:hover   {color:#666666; text-decoration:underline; cursor:pointer; }
.ours a:active  {color:#999999; text-decoration:underline;
}
.ideal{ font-family: Times New Roman, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #656464;
	 margin:0px; margin-top:10px; margin-bottom:12px; 
}
.impadR {margin-left:10px;margin-bottom:10px;float:right;}
.impadL {margin-right:10px;margin-bottom:10px;float:left;}

/* ------------------ VERTICAL MENU STYLE with background image ------------------------- */
/* You can call this in a single <div> - no <br> tags are needed. If you want to have a 
different background/style when you are actually ON the page then you need to make your
menu an editable region and use <div class="vertOFF">menu item with no link</div>         */
.vertmenu a{ text-decoration:none; text-align:left;
  background-image:url(../images/rhmenuOFF.gif); background-repeat:no-repeat;
  color:#999999; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:194px; height:30px; line-height: 30px;  padding-left: 32px; }
.vertmenu a:hover { background-image: url(../images/rhmenuON.gif); background-repeat:no-repeat;
                    color:#fd07d7;
}
.vertOFF { text-decoration:none; text-align:left;
  background-image: url(../images/menuSELECT.gif); background-repeat:no-repeat;
  color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; 
  font-weight: normal; 
  display:block; width:213px; height:30px; line-height: 30px;  padding-left: 17px; }
  
/* -------------------------------- TEXT STYLES ----------------------------------------- */
.maintxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:130%;  }
.maintxt a:link    {color:#fd07d7; text-decoration:underline;}
.maintxt a:visited {color:#fd07d7; text-decoration:underline;}
.maintxt a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
.maintxt a:active  {color:#fd07d7; text-decoration:underline;
}
.boxtxt { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:130%;  }
.boxtxt a:link    {color:#FFFFFF; text-decoration:none;}
.boxtxt a:visited {color:#FFFFFF; text-decoration:none;}
.boxtxt a:hover   {color:#FFFF00; text-decoration:none; cursor:pointer;}
.boxtxt a:active  {color:#FFFFFF; text-decoration:none;
}

.saleHOME { border: 1px solid #FF0000; font-size:15px; padding:2px; font-weight:bold; color:#FF0000; width:140px;
}
.bread { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#999999; line-height:130%; font-weight:bold; }
.bread a:link    {color:#fd07d7; text-decoration:underline;}
.bread a:visited {color:#fd07d7; text-decoration:underline;}
.bread a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
.bread a:active  {color:#fd07d7; text-decoration:underline;
}
.sidemenu { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; line-height:170%;  }
.sidemenu a:link    {color:#000000; text-decoration:none;}
.sidemenu a:visited {color:#000000; text-decoration:none;}
.sidemenu a:hover   {color:#FF6600; text-decoration:none; cursor:pointer;}
.sidemenu a:active  {color:#000000; text-decoration:none;
}
.topmenu {  font-size: 11px; color: #CCCCCC; }
.topmenu a:link    {color:#999999; text-decoration:underline;}
.topmenu a:visited {color:#999999; text-decoration:underline;}
.topmenu a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
.topmenu a:active  {color:#999999; text-decoration:underline;
}
.footertxt {  font-size: 12px; color: #000000; }
.footertxt a:link    {color:#FFFFFF; text-decoration:underline;}
.footertxt a:visited {color:#FFFFFF; text-decoration:underline;}
.footertxt a:hover   {color:#000000; text-decoration:none; cursor:pointer;}
.footertxt a:active  {color:#FFFFFF text-decoration:underline;
}
.welcome { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #999999; line-height:130%; font-weight:bold;font-style:italic; }
.red { color:#FF0000;
}
.bigger { font-size:14px; font-weight:bold
}
.bigger2 { font-size:16px;
}
/* -------------------------------- FORM STYLES ----------------------------------------- */

.formfield {border: 1px solid #999999;}
.topbuttonmarg { margin-right:3px;
}
/* -------------------------------- CSS LAYOUT STYLES ----------------------------------------- */
#container {
	height: auto;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
}
#headerbox {
	height: 129px;
	width: 990px;
}
#topL {
	height: 129px;
	width: 193px;
	float: left;
	text-align: left;
}
#topR {
	float: right;
	height: 129px;
	width: 797px;
	text-align: right;
}
#topRtop {
	line-height: 30px;
	text-align: right;
	float: right;
	height: 30px;
	width: 797px;
}
#topRbottom {
	float: left;
	height: 20px;
	width: 797px;
	padding-top: 30px;
	text-align: right;
}
#offerbox {
	float: left;
	height: auto;
	width: 250px;
	background-color: #e5e8ec;
	padding: 0px;
	background-image: url(../images/offerbg.gif);
}
#offerboxbottom {
	float: left;
	width: 250px;
	margin-bottom: 20px;
}

#offerboxcontainer {
	float: left;
	height: auto;
	width: 250px;
	margin-top: 20px;
}
#categoryL {
	float: left;
	height: auto;
	width: 484px;
}
#categorycontent {
	float: left;
	height: auto;
	width: 484px;
}
#subcategorycontent {
	float: left;
	height: auto;
	width: 730px;
}
#content {
	float: left;
	height: auto;
	width: 730px;
}
#breadbox {
	text-align: left;
	float: left;
	height: 30px;
	width: 484px;
	line-height: 30px;
}
#breadbox-subcat {
	text-align: left;
	float: left;
	height: 30px;
	width: 730px;
	line-height: 30px;
}
#offermenutitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	background-image:url(../images/offermenutitlebg.gif);
	text-align: left;
	float: left;
	height: 30px;
	width: 235px;
	padding-left: 15px;
	background-repeat: no-repeat;
	line-height: 30px;
}
#topRmiddle {
	float: left;
	height: 40px;
	width: 797px;
	line-height: 40px;
}

#menubar {
	text-align: left;
	height: 27px;
	width: 985px;
	line-height: 27px;
	background-image: url(../images/menu-bg.gif);
	padding-left: 5px;
}
#mainbox {
	height: auto;
	width: 990px;
	margin-top: 10px;
}
#mainL {
	float: left;
	height: auto;
	width: 250px;
	text-align: left;
	margin-right: 10px;
}
#sidemenutitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	background-image: url(../images/menutitlebg.gif);
	text-align: left;
	float: left;
	height: 30px;
	width: 235px;
	padding-left: 15px;
	background-repeat: no-repeat;
	line-height: 30px;
}
#sidemenubox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	float: left;
	width: 235px;
	padding-left: 15px;
}
#rhsidemenutitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
	background-image: url(../images/menutitlebg.gif);
	text-align: left;
	float: left;
	height: 30px;
	width: 211px;
	padding-left: 15px;
	background-repeat: no-repeat;
	line-height: 30px;
}
#maincentre {
	text-align: left;
	height: auto;
	width: 730px;
	float: left;
}
#categoryR {
	float: right;
	height: auto;
	width: 226px;
	padding-left: 20px;
}

#mainR {
	float: left;
	height: auto;
	width: 175px;
}
#rhmenubox {
	float: left;
	width: 226px;
}

#footer {
	line-height: 27px;
	text-align: center;
	clear: both;
	height: 27px;
	width: 990px;
	margin-top: 10px;
	background-image: url(../images/menu-bg.gif);
}
#homeintro {
	float: left;
	height: auto;
	width: 705px;
	margin-left: 25px;
}
#hometop {
	float: left;
	height: 375px;
	width: 730px;
}
#hometopL {
	float: left;
	height: 375px;
	width: 426px;
	margin-right: 25px;
}
#hometopR {
	float: right;
	height: 375px;
	width: 279px;
}
#homeboxtoppanel {
	float: left;
	height: 175px;
	width: 279px;
	margin-bottom:25px;
}
#homebottom {
	text-align: left;
	float: left;
	height: auto;
	width: 730px;
	margin-top: 20px;
}

#homeboxbottompanel {
	float: left;
	height: 175px;
	width: 279px;
}
#hometopbox1 {
	background-color: #999999;
	text-align: center;
	height: 175px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 25px;
	float:left;
}
#hometopbox2 {
	background-color: #999999;
	text-align: center;
	height: 175px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	float:right;
}
#hometopbox3 {
	background-color: #999999;
	text-align: center;
	height: 175px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-right: 25px;
	float:left;
}
#hometopbox4 {
	background-color: #999999;
	text-align: center;
	height: 175px;
	width: 127px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	float:right;
}
#homeboxtext {
	line-height: 25px;
	text-align: center;
	height: 25px;
	width: 127px;
}
#sidecards {
	text-align: center;
	float: left;
	height: auto;
	width: 250px;
}