/*
main grey = #cbcbd1  text = #fff
menu/footer grey = #E0E0E6  text = #000
feint grey borders = #cbcbd1
old #aaa changed to #A2A0B6
road red = #ED2024  text = #fff
tri blue = #02b8fa  text = #fff
mtb green = #61B329  text = #fff
title yellow = F3FC00  text = #000
hometype comment means the style has overrides
*/
html {margin: 0; padding: 0; font-size: 62.5%; /* for IE/Win */ background-color: #ffffff; color: #000000; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-position:top center;}

html.body {font-size:12px} /* for everything else */

body {
 min-width:960px; height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px; text-align: center;
	margin: 0;
}

p, div, li {	color: #000; }
input { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; }
img { border:0; }
hr {float: left; height: 0px; width: 100%; margin: 2em 0; border: 0; border-top: 2px solid #e0e0e6;}
h1 { clear: both;  font-size: 18px; line-height:20px; margin: 0; padding: 10px 0;  color:#000;  font-weight: bold;  }
h2 { font-size: 14px;  color: #000;  font-weight:bold;  clear: both;  padding:0; margin:0; border:0;  margin:5px 0;}
/* h3 is centered h2 */
h3 { width:100%; text-align:left; font-size: 12px;  color: #333;  font-weight:bold;  clear: both;  padding:0; margin:0; border:0;  margin:5px 0;}
h4 { width:100%; text-align:center; font-size: 12px;  color: #333;  font-weight:bold;  clear: both;  padding:0; margin:0; border:0;  margin:5px 0;}
.italic { font-style:italic; }

.center { width:100%; text-align:center; }
.topgap { float:left; width:100%; margin-top:20px; }

.tooltip { position: absolute; visibility: hidden; left:0; top:0; width:150px; border:2px solid #dddddd;
   padding: 4px;  background-color: yellow; }

.AFDClass { position:absolute; display:none; width:auto; color:#000; background:#fff; border:1px solid #036;}
.AFDAjaxTable {  color:white; border:1px solid #036;  }
.AFDAjaxTable th {  background:url(../images/headerbg.gif) left top repeat-y #fff; height:24px;  overflow:hidden;}
.AFDAjaxTable th div.left { float:left; width:70%; font-size:12px; text-align:left; padding:6px 0 0 30px;}
.AFDAjaxTable th div.right { float:right; width:21px; height:21px; margin:0 8px 0 0;}
.AFDAjaxTable a.close:link, .AFDAjaxTable a.close:visited, .AFDAjaxTable a.close:active { color:white; text-align:left;}
.AFDAjaxTable a.close:hover { color:white; text-decoration:underline; text-align:left; }
.AFDAjaxTable .main { background:white; }
#addrList { color:black; background:white;}
#addrSel { position:absolute; display:none; }

.debug { background:red;  border:1px solid blue;  color: white;  z-index:1000;  overflow:visible;  }

.clearfix { }
.clearfix:after { content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;	}

ul { list-style-type:none; list-style-position:outside; }
dl { list-style-type:none; list-style-position:outside; }
dt,dd { list-style-type:none; }
li { list-style-type:none; list-style-position:outside; }
p, form, ul, ol, dl, li, div, label, span {margin: 0; padding: 0; border:0; clear:none;}
p { font-size:12px; text-align:left;}

a:link, a:visited, a:active
  {padding:0; margin:0; border:0; color: #000; text-decoration: none; }
a:hover
  {padding:0; margin:0; border:0; color:  #999;  }

tr { padding:0; margin:0; border:0; line-height:1.1em; }
th, td { padding:0; margin:0; border:0; height:16px; font-size:12px; }

#modalCover {
  position: absolute;  z-index: 5000;  top: 0px; left: 0px;  width: 100%; height: 100%;
  background-color: #000;
  filter: Alpha(Opacity=50); opacity: 0.5;
}

/* text -------------*/

.left { float:left; }
.lcf { float:left; clear:left; width:100%;}
.infoFull { float:left; clear:both; width:100%; padding:5px 0px 5px 0; }
.infoLeft { float:left; width:48%; padding:5px 5px 5px 0; border-right:1px solid #A2A0B6; }
.infoRight { float:right; width:48%; padding:5px; }

.info { font-size:11px; color:#333; line-height:13px; font-weight:normal; }
.infobig { font-size:12px; color:#333; line-height:14px; font-weight:normal; }
.infosmall {  font-size:10px; color:#333; line-height:1.3em; font-weight:normal; }
.infotiny {  font-size:9px; color:#999; line-height:1.3em; font-weight:normal; }
.infotinybold { font-size:10px; color:#000; line-height:1.3em; font-weight:bold; }
.infolight { font-size:12px; color:#666; line-height:1.3em; font-weight:normal; }
.infobold, .info-b { font-size:12px; color:#000; line-height:1.3em; font-weight:bold; }
.infobold2 {  font-size:14px; color:black; line-height:1.3em; font-weight:bold; }
.infobold2ul {  font-size:14px; color:black; line-height:1.3em; font-weight:bold; text-decoration:underline;}
.infohi {  font-size:12px; color:#c00; line-height:1.6em; font-weight:bold; }
.infohi2 { font-size:14px; color:#c00; line-height:1.6em; font-weight:bold; }
.infohibig {  font-size:18px; color:#333; line-height:2em; font-weight:bold; }
.infoul { width:100%; border-bottom:1px solid #000000; display:block; margin-bottom:5px;}
div.info { float:left; width:100%; }

a.info, a.info:link, a.info:visited, a.info:active
 { font-size:11px; padding:0; margin:0; border:0; color: #333; text-decoration: underline; cursor:pointer; }
a.info:hover {color:  #999; }

a.info_nul, a.info_nul:link, a.info_nul:visited, a.info_nul:active
 { font-size:11px; line-height:12px; padding:0; margin:0; border:0; color: #555; text-decoration: none; cursor:pointer; }
a.info_nul:hover {color:  #999; text-decoration: underline; }

a.infobig, a.infobig:link, a.infobig:visited, a.infobig:active
 { font-size:12px; padding:0; margin:0; border:0; color: #333; text-decoration: underline; cursor:pointer; }
a.infobig:hover {color:  #999; }

a.infosmall:link, a.infosmall:visited, a.infosmall:active
 { font-size:10px; padding:0; margin:0; border:0; color: #333; text-decoration: underline; cursor:pointer; font-size:11px;}
a.infosmall:hover {color:  #999; }

a.infohi:link, a.infohi:visited, a.infohi:active
 { font-size:12px; padding:0; margin:0; border:0; text-decoration: underline; cursor:pointer; color:#c00; }
a.infohi:hover {color:  #f00; }

a.infohi_nul:link, a.infohi_nul:visited, a.infohi_nul:active
 {padding-bottom:3px; margin:0; border:0; text-decoration: none; font-weight:bold; cursor:pointer; color:#999;}
a.infohi_nul:hover { color:#999; text-decoration: underline; }

.tip {margin: 0; padding: 4px 0 1px 0; font-size: 75%; color: #333; line-height: 120%;}
.tipStrong {float:left; width:auto; margin: 0; padding: 8px 0 0px 0; font-size: 12px; font-weight: normal; color: #333; line-height: 100%;}

div.infoBox { width:88%; margin:3% 0 3% 3%; padding:3%; border:1px solid #A2A0B6; }

ul.info { list-style:none; }
ul.info li { list-style-type:none; color:#333; margin-left:10px; text-indent:0px; padding-left:0px;}

ul.number  { list-style: decimal; margin-left:30px; }
ul.number li { list-style: decimal; color:#007; margin-left:10px;}

ul.bullet  { list-style: disc; margin-left:40px; }
ul.bullet li { height:15px; line-height:15px; list-style: disc; color:#007; }

ul.tick  { list-style: url('../images/tick.gif'); margin-left:20px; }
ul.tick li { list-style: url('../images/tick.gif'); color:#666; margin:0px 0 0 0; padding:0 0 0 10px; line-height:14px; height:auto;}

ul.bullet1  { list-style: url('../images/bullet.gif'); margin-left:40px; }
ul.bullet1 li { height:15px; list-style: url('../images/bullet.gif'); color:#007; }

ul.bulletlong  { list-style: url('../images/bullet.gif'); margin-left:40px; }
ul.bulletlong li { height:30px; vertical-align:top; list-style: url('../images/bullet.gif'); color:#007; }

ul.horiz { float:left; width:100%; }
ul.horiz li { float:left; display:inline; width:auto; }

ul.vert { float:left; width:100%; }
ul.vert li { float:left; clear:left; display:block; width:100%; border:0px solid red}
ul.vert li.deep { padding:5px 0; }

dl.info {float:left; width:100%; clear:both; margin:0; padding:0; overflow:hidden; }
dl.info dt { clear:left; float:left; width:30%; margin:0; padding:3px 0; color:#000; vertical-align:top;}
dl.info dd { float:left; width:67%; margin:0; padding:3px 0; color:#333; vertical-align:top;}
dl.info dd.data { float:left; width:67%; color: #555555;	font-weight:bold; }

/* STANDARD FORMS ------------------------- */

dl.std {float:left; width:100%; clear:both; margin:0; padding:0; overflow:hidden; }

dl.std dt {
	clear:left;	float:left;	width: 30%;	position:relative;    /* IE Win */
	line-height: 14px;	font-weight: normal;	color: #000;
	margin: 12px 0 0px 0;  padding:0px 0 0 0;
	border:0px solid red;
	}

dl.std .info { line-height:1.1em;}
dl.std .infosmall { line-height:1.1em;}
dl.std dt.man {  }
dl.std dt.blnk { }
dl.std dt strong {margin: 0 1px;}
dl.std dt.data {font-weight:normal; line-height:16px; 	margin: 2px 0 1px 0; padding:0; }
dl.std dt.bold {font-weight:bold; line-height:16px; 	margin: 2px 0 1px 0; padding:0;}

dl.std dd {
	float:left;	width: 67%;  height:auto;
	margin:8px 0 0px 0; padding:0;
	line-height: 18px;
	border:0px solid red;
	}

dl.std dt.data {
	width: 28%;	float: left;  height:auto;
	margin: 2px 0 1px 0; padding:0;
	line-height: 16px;	color: #555;	font-weight:normal;
	}
dl.std dd.data {
	width: 70%;	float: left;  height:auto;
	margin: 2px 0 1px 0; padding:0 0 0 1%;
	line-height: 16px;	color: #555;	font-weight:bold;
	}

dd.data1 {	line-height: 16px;		color: #980000; }

dl.cb1 { width:100%; float:left; border:0px solid red; overflow:hidden; }
dl.cb1 dt { float:left; clear:left; width:30px; border:0px solid red; }
dl.cb1 dd { float:left; width:auto; border:0px solid red; }

input.std, input.std50, input.std40, select.std, select.std50, input.std90, textarea.std {
	float:left; width: 98%;  display:inline;
 padding:0 0 0 2px; margin:0;
 font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333;  line-height:11px;
 vertical-align: top;     border:1px solid #cbcbd1;
	}

input.std { width:98%; padding-top:3px;  padding-bottom:2px; }
input.std50 { width:50%; padding-top:3px;  padding-bottom:2px; }
input.std40 { width:40%;}
input.std90 { width:90%;}
textarea.std { width:98%; height:auto; }
select.std {  border:0px;  width:100%;  padding-bottom:0px; height:18px; }
select.std50 { border:0px;  width:100%;  padding-bottom:0px; height:18px; }
/*input.std:focus, textarea.std:focus, select.std:focus, select.std50:focus {background:#f00;}*/
select.std,select.std50 { min-height:18px; }  /* opera fix */
/*select.std, select.std50 { line-height:14px; } /* safari fix */

input.stdcb { width:15px;  height:15px;  border:1px solid #0000ff; margin:0; padding:0; }

ul.std {
	clear:both;	float:left;	width:100%;  display:inline;
 font-size:10px; 	line-height:20px; font-weight:normal;	color:#000;
	margin:0; padding:0;
  }

ul.std li {
	clear:both;	float:left;	width: 100%; display:inline;
	margin: 0; padding:0;
 font-size:10px; 	line-height: 18px; font-weight: normal;
	color: #000000;
  }

ul.std li.sublist {
	width: 100%;
  }

dl.std dd.stdBorder {	background: #fff; border:1px solid #cbcbd1; width:66%;}
dl.std dd.std50Border { width:36%;  background: #fff; border:1px solid #cbcbd1; }
div.std50Border { float:left; width:44%; background: #fff; border:1px solid #cbcbd1; }
div.std50BorderR { float:right; width:44%; background: #fff; border:1px solid #cbcbd1; }
ul.std li.stdBorder { width:98%;  background: #fff; border:1px solid #cbcbd1; }
ul.std li.std50Border { width:50%;  background: #fff; border:1px solid #cbcbd1; }
ul.std li.selectBorder { width:99%;  background: #fff; border:1px solid #cbcbd1; }
.selectBorder { float:left; width:99%;  background: #fff; border:1px solid #cbcbd1; }
.selectPlainBorder {  float:left; width:99%;  background: #fff; border: 1px solid #cbcbd1; }
.plainBorder {  border: 1px solid #cbcbd1;  }

#search .selectBorder {border:0px;}

a.BMBtn, a.BMBtn:link, a.BMBtn:visited, a.BMBtn:active {
  width:130px; height:16px;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:12px; font-weight:bold; text-align:center; line-height:14px;
  margin:3px 5px 0 0;  padding: 5px 0px 3px 0px;
  border:0;
  background:url(../images/btn_back.gif) left top repeat #333;
  color:#fff;
  cursor:pointer;
  }
a.BMBtn:hover { background:#666; border:0; color:#fff;}

a.BMBtnHi, a.BMBtnHi:link, a.BMBtnHi:visited, a.BMBtnHi:active {
  width:130px; height:16px;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:12px; font-weight:bold; text-align:center; line-height:14px;
  margin:3px 5px 0 0;  padding: 5px 0px 3px 0px;
  border:1px solid #3366FF;
  background:url(../images/btnhi3_back.gif) left top repeat #f00;
  color:#fff;
  cursor:pointer;
  z-index:2000;
  }
a.BMBtnHi:hover { background:#f00; border:1px solid #0f0; color:#fff;
  background:url(../images/btnhi2_back.gif) left top repeat #333;
  }
#innerContainer a.BMBtnHi:hover { color:#fff; }

input.BMBtn, input.BMBtn:link, input.BMBtn:visited, input.BMBtn:active {
  width:130px; height:auto;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:12px; font-weight:bold; text-align:center;
  margin:3px 5px 0 0;  padding: 3px 0px 3px 0px;
  border:0;
  background:#036;
  background:url(../images/btn_back.gif) left top repeat #333;
  color:#fff;
  cursor:pointer;
  }
input.BMBtn:hover { background:#666;  color:#fff;}

input.BMBtnHi, input.BMBtnHi:link, input.BMBtnHi:visited, input.BMBtnHi:active {
  width:130px; height:auto;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:12px; font-weight:bold; text-align:center;
  margin:3px 5px 0 0;  padding: 3px 0px 3px 0px;
  border:0px;
  background:#a00;
  background:url(../images/btnhi3_back.gif) left top repeat #a00;
  color:#ffffff;
  cursor:pointer;
  }
input.BMBtnHi:hover { background:#0077ff;  color:#fff;
  background:url(../images/btnhi2_back.gif) left top repeat #333;
  }

input.submitBtn { margin-top:10px; }

/* error messages --------------- */

.formError, .stdError {
  clear:both;  float:left;  width:100%; height:auto;
  font-size: 11px; line-height:16px; color: #f00; font-weight:bold; background:#fff;
 }

a.alt1:link, a.alt1:visited, a.alt1:active {
  font-size: 11px; color: #C22139; text-decoration:underline;
  }
a.alt1:hover { color:black; }

/* in hrline you must specify style= width */
.hrline { float:left; width:auto; height:3px; clear:both; display:block;  line-height:3px; overflow:visible;
  margin:10px 0px 10px 0;  background:none;  border-bottom:1px solid #cbcbd1; }
/* in hrline span you must specify style= left */
.hrline span { position:relative; top:0em; display:inline;  font-weight:bold;
  margin:0; padding:0 8px 0 8px;  background-color:#ffffff; }

.backa { background:#BBCBFF;}
.backb { background:#9FB6FF;}
.backc { background:#7D9CFF;}
.backd { background:#517AFF;}
.backe { background:#2B5DFF;}

/* HOMEHTML ---------------- */

#outerContainer {
  width:978px;   height:auto;   clear:both;   float:none;   display: block;   overflow:visible;
		margin: 0 auto;   padding:0px;
		font-size: 10px;			text-align: center;
		border-top:0; border-bottom:0;
	 background:#fff;
		}

#outerContainerBox {
  width:980px; float:left; margin:0 0 0 -1px;
  }

#banner2 {float:left; width:980px; }
#banner2C {float:left; width:980px; height:65px; overflow:hidden }
#banner2inner {float:left; width:10000px; height:65px; display:inline; }
#banner2inner div {float:left; width:980px; height:65px; margin:0; }
#banner2inner a {float:left; width:980px; height:65px; margin:0; }
#banner2inner img {float:left; width:980px; height:65px; margin:0; border:0; }

/* HEADER NAV ------------- */
#menu_holder { display:none; }
#headerContainer, #headerContainerCheckout { /* hometype */
		width: 980px;	height:118px;	float:left; overflow:hidden;
       background: url('../images/XTopHeaderRoad_Basket.gif') no-repeat #fff;
		}
#headerContainerCheckout { height:136px; background: url('../images/Checkoutheader.gif') no-repeat #fff;}
#headerContainerPrint {	width: 980px;	float:left;	}
#headerContainer a:link, a:visited, a:active { text-decoration:none; }
#headerContainer a:hover { text-decoration:underline; }
#shopmode { float:left; width:97%; height:60px; padding:17px 0 0 0; font-size:30px; font-weight:bold; background:#fff; border:3px ridge red; filter:alpha(opacity=70);  opacity:0.70; }
#mailmode { float:left; width:97%; height:60px; padding:17px 0 0 0; font-size:30px; font-weight:bold; background:#fff; border:3px ridge red; filter:alpha(opacity=70);  opacity:0.70; }
/* HEADER NAV left section ------------- */

#headerLeft { float:left; clear:left; width:380px; height:105px; overflow:hidden; }
#headerBot { float:left; clear:left; width:980px; height:47px; overflow:hidden; margin-top:-20px; }

#logoDiv, #logoSecureDiv {	width:350px;		height:105px;  float:left;  display:inline;}
#logoDiv a:visited, #logoDiv a:link, #logoDiv a:active, #logoDiv a:hover {
		width: 100%;		height:100%;		float:left;  display: block; }

/* HEADER TABS section ------------- */

#headerTabs {width:734px; height:47px;  float:left; clear:left; margin:0px 0 0 0;}
#headerTabs ul.main { width:auto;  float:left;  display:inline; margin:0 -3px 0 309px; }
#headerTabs ul.main li { height:47px; display:inline; margin:0 0 0 4px; }

#headerTabsR {	width:246px;	height:27px;  float:right; margin-top:20px;}
#headerTabsR ul.main { width:auto;  height:27px; float:right;  display:inline; margin:0px; }
#headerTabsR ul.main li { height:27px; display:inline; margin:2px 0px 0 4px; }

#headTab_RIBMO { /* hometype */
  float:left; width:157px; height:47px; background:url(../images/Tab_RoadUnSelected.gif) left 22px no-repeat; }
#headTab_RIBTR { /* hometype */
  float:left; width:128px; height:47px; background:url(../images/Tab_TriUnSelected.gif) left 22px no-repeat; }
#headTab_RIBMT { /* hometype */
  float:left; width:128px; height:47px; background:url(../images/Tab_MTBUnSelected.gif) left 22px no-repeat; }
#headTab_BB { float:left; width:128px; height:27px; background:url(../images/Tab_bikebuilder.gif) left 0px no-repeat; }
#headTab_GS { float:left; width:110px; height:27px; background:url(../images/Tab_groupsets.gif) left 0px no-repeat; }
#headTab_SE { float:left; width:161px; height:27px; background:url(../images/Tab_sebikes.gif) left 0px no-repeat; }

#headerTabs ul.main li a, #headerTabsR ul.main li a {
  width:100%; height:20px; float:left; display:inline;
  color:#000; font-size:14px; text-align:center;
  margin:22px 0 0 0; padding:4px 0px 0 0px;
  }
#headerTabsR ul.main li a { margin:0; }
#headerTabs ul.main li a:hover, #headerTabsR ul.main li a:hover { text-decoration:underline; }

/* HEADER search ------------- */

#search { /* hometype */
  float:left; clear:left; width:980px; height:26px; padding:6px 0 4px 0; background:#ED2024}
#search ul { }
#search ul li { float:left; width:160px; font-size:11px; color:#000; padding-top:3px;}
#search ul li.a { width:110px;  padding-top:5px;}
#search ul li.b { width:130px; }
#search ul li.c { width:60px; text-align:center;  padding-top:5px;}
#search ul li.d { }
#search ul li.e { width:60px; text-align:center;  padding-top:5px;}
#search ul li.f { }
#search ul li.g { width:76px; padding-left:10px; padding-top:0;}

#searchSingle {		margin: 0;		padding: 0;		}
#searchSingle input.searchButton { /* hometype */
  width:76px; height:22px;  display:block;  float:right;
  margin:0px 0px 0 0px;
  background:url(../images/search_road.gif) top left no-repeat;  border:0;  cursor:pointer;
  }
#searchSingle input.searchButton:hover { color:#fff; }
#searchSingle select.std { height:18px; font-size:9px; width:100%;}
#searchSingle input.std { height:13px; font-size:9px; width:98%; border:0; padding-top:3px; }

/* HEADER NAV login section ------------- */

#login { float:left; display:inline; width:100px; margin:15px 0 0 0px; padding:0px 0 0 0; }

a.login:link, a.login:visited, a.login:active,
a.register:link, a.register:visited, a.register:active,
a.myacc:link, a.myacc:visited, a.myacc:active,
a.misc:link, a.misc:visited, a.misc:active {
  float:left;   width:35px; height:17px; display: inline;
  margin: 0px 0 0 0px;  padding: 2px 0px 0px 26px;
  color: #000;  text-align:left; font-size:10px;
  border:0px solid red;
 }
#login a.login:hover, #login a.register:hover, #login a.myacc:hover, #login a.misc:hover {
  text-decoration:underline;
  }

#login a.misc { padding-left:20px; width:40px;}

/* Header right section -------- */

#headerRight { float:left; width:600px; height:90px; color:#000; margin:0px 0px 0 0;}
.headerRightTop { float:left; width:100%; height:30px; margin:23px 0px 0 0; font-size:12px;}

#currencyFlags { float:left; width:224px; height:67px; margin-top:7px;}
#currencyFlagsL { float:left; width:224px;}
#currencyFlagsR { float:left; width:204px; padding-left:12px;}
.currencyText { float:left; width:100%; height:auto; font-size:10px; line-height:12px; text-align:left; padding-left:20px;}
#currencyFlagsR ul { float:left; display:inline; width:136px; height:52px; overflow:hidden; margin:0 0 0 4px;}
#currencyFlagsR ul li { float:left; display:inline; width:auto; height:27px; padding:0; }
img.currency { width:30px; height:23px; margin:0 1px; border:1px solid #eee; cursor:pointer;}
img.currency:hover { border: 1px solid #999999;}
#currencyChosen { float:left; width:49px; height:37px; margin:6px 1px 0px 13px; }

#currencyFlagsEU, .currencyFlagsEU { position:absolute; display:block; width:518px; height:auto; padding:6px; border:1px solid #000; background:#fff; z-index:1000; }
#currencyFlagsEU a { float:left; width:170px; height:auto; margin:1px;}
img.currencyE { float:left; width:33px; height:17px; margin:0px 0px; border: 5px solid #fff; border-left:10px solid #fff; border-right:10px solid #fff; cursor:pointer; }
span.currencyT { float:left; width:100px; margin:5px 5px; text-align:left;  cursor:pointer;}
#currencyFlagsEU a:hover img.currencyE { width:53px; height:27px; border: 0px solid #fff; color:#999;}
#currencyFlagsEU a:hover span.currencyT { color:#999; text-decoration:underline;}
#currencyFlagsHead { float:left; width:100%; height:27px; line-height:27px; font-weight:bold; color:#000; background:url(../images/EuroFlagsMenuHeader.gif) top left no-repeat #039; text-align:center;}
#currencyFlagsMain { float:left; width:100%; }
#currencyFlagsEU .col { float:left; width:170px; height:auto; }
a#currencyCloseBtn { float:right; width:21px; height:21px; display:block; margin:-25px 0 0 0; padding:2px;}

.currencyDD { float:left; width:155px; background:#fff;}
.currencyDD div { float:left;}
.currencyDD div.top { float:left; width:185px;  padding:0px 5px;}
.currencyDD div.bot { float:left; width:185px; padding:2px 5px;}
.currencyDD a .flag { width:23px; float:left; cursor:pointer; }
.currencyDD a .flag img { width:24px; height:24px; cursor:pointer; margin-top: -4px; }
.currencyDD a .curr { width:35px; float:left; padding: 0 0 0 5px; text-align:left; font-size:12px; cursor:pointer; }
.currencyDD a .ctry { width:110px; float:left; padding: 0 0 0 5px; text-align:left; font-size:12px; cursor:pointer; }
#currency_dropdown { position:absolute; display:none; top:0; left:0; width:180px; border:1px solid black; background:#fff; z-index:5000;}
.countryDD { float:left; width:153px; background:#fff;}
.countryDD div { float:left;}
.countryDD div.top { float:left; width:148px;  padding:0px 5px;}
.countryDD div.bot { float:left; width:155px; padding:2px 5px 2px;}
.countryDD a .flag { width:23px; float:left; cursor:pointer;}
.countryDD a .flag img { width:24px; height:24px; cursor:pointer; margin-top: -5px; }
.countryDD a .ctry { width:120px; float:left; padding: 1px 0 0 5px; text-align:left; font-size:12px; cursor:pointer; }
#country_dropdown { position:absolute; display:none; top:0; left:0; width:185px; height:400px; overflow:auto; border:1px solid black; background:#fff; z-index:5000; }
.cdd_inner { float:left; width:165px;}

#mapDiv, .mapDiv { position:absolute; display:block; width:900px; height:458px; padding:6px; border:3px ridge #00f; background:#fff; z-index:1000; }
#mapDivHead { float:left; width:900px; height:27px; line-height:27px; font-weight:bold; font-size:12px; color:#000; background:url(../images/Headerbg.gif) top left no-repeat #fff; text-align:center; }
#mapDivClose { float:right;  width:auto;  padding:2px; margin:-25px 0px 0 0; cursor:pointer;}
#mapDivCloseBtn { width:21px; height:21px; }

#cv2Div, .cv2Div { position:absolute; display:block; width:286px; height:230px; padding:6px; border:3px ridge #00f; background:#fff; z-index:1000; }
#cv2DivHead { float:left; width:286px; height:27px; line-height:27px; font-weight:bold; font-size:12px; color:#000; background:url(../images/Headerbg.gif) top left no-repeat #fff; text-align:center; }
#cv2DivClose { float:right;  width:auto;  padding:2px; margin:-25px 0px 0 0; cursor:pointer;}
#cv2DivCloseBtn { width:21px; height:21px; }

#miniBasketMain { float:right; clear:none; width:260px; height:47px; margin-top:3px; overflow:visible; }

#ajaxBasket {	position:relative; float:left; width:254px; height:36px; overflow:visible; }
#ajaxBasket .basketPic { position:absolute; width:37px; height:37px; top:8px; left:9px; overflow:visible; }
#ajaxBasket a.imgLink { width:37px; height:35px; float:left; }
#ajaxBasket a.imgLink img { width:37px; height:35px; float:left; margin:0px 0 0 0; z-index:3; }

#ajaxBasket ul.basket { width:250px;  float:left; padding:0; display:inline;}
#ajaxBasket ul.basket li { width:100%; float:left; }
#ajaxBasket ul.basket li.button { width:129px; padding: 5px 0 0 86px; }
#ajaxBasket ul.basket li.empty { width:129px; padding: 6px 0 0 86px; }
#ajaxBasket ul.basket li.text { line-height:10px; color:#000; width:180px; padding: 10px 0 0 60px; text-align:left; }
#ajaxBasket ul.basket li.text span { display:inline-block; width:auto; margin:0 4px 0 0; height:12px; line-height:10px; text-align:left; }
#ajaxBasket ul.basket li.text span.tl { display:inline-block; margin-left:4px;}

#ajaxBasket p.basketEmpty { width:100%;  float:left; color:#555; font-size:12px; font-weight:bold; text-align:left; }

#ajaxBasket a.basket:active, #ajaxBasket a.basket:visited, #ajaxBasket a.basket:link {
  width:100%; float:left;
  color:#000; font-size:12px; font-weight:bold; text-align:left; text-decoration:underline;
  padding-top: 2px; outline:0;
  }
#ajaxBasket a.basket:hover { cursor:pointer;  color:#999;}

#ajaxBasket a.checkout:active, #ajaxBasket a.checkout:visited, #ajaxBasket a.checkout:link {
  width:100%; float:left;
  color:#000;  font-size:12px; font-weight:bold; text-align:left; text-decoration:underline;
  padding-top: 2px; outline:0;
  }
#ajaxBasket a.checkout:hover { cursor:pointer; color:#999;}


/* LHS Menu ------------- */

#noMenu {
		width: 160px;		height:24px;  clear:left;		float:left;		overflow:visible;  display:block;
  margin:0px; padding:0;
		background: url('../images/menuback.jpg') top left repeat-x #E0E0E6;
	 border:0px solid red;
		}

#menuContainer {
width: 160px;
height: auto;
clear: left;
float: left;
overflow: visible;
margin: 5px 0;
padding: 0;
background: #ffffff;
		}

#menuInner {
		width: 100%;  clear:both;		float: left;		overflow:visible;
  margin:0; padding:0;
		}

/* .x is the very top level menu */
#menuInner li.x { /* hometype */
float: left;
width: 156px;
height: auto;
margin: 0 0 5px 0;
padding: 0;
background: url(../images/NavArrow_Side.gif) 3px 4px no-repeat #e0e0e6;
border-right: 4px solid #ed2024;
  }
#menuInner li.x_on {  /* hometype */
float: left;
width: 156px;
height: auto;
padding: 0;
background: url(../images/NavArrow_Down.gif) 3px 4px no-repeat #e0e0e6;
border-right: 4px solid #ed2024;
  }
#menuInner li.x a, #menuInner li.x_on a {
  float:left; width:133px; display:inline;
  color:#000; font-size:14px; line-height:18px; text-align:left;
  padding:5px 0 5px 26px;
  text-transform:capitalize;
  }
#menuInner li.x a:hover, #menuInner li.x_on a:hover { text-decoration: underline; }

#menuInner li.x a.small, #menuInner li.x_on a.small { font-size:9px; line-height:10px; margin:-5px 0 0 0;}

/* .y is the hidden div menu area which can be horiz or horiz with sub*/
#menuInner li.y {
width: 160px;
float: left;
height: auto;
margin: 0px;
padding: 0;
background: #e0e0e6;
border-top: 0px;
padding-bottom: 3px;
  }
#menuInner li.y div.menu { float:left; width:100%;  height:auto; display:block;  overflow:visible; }

#menuWithSub, #menuWithSub a { float: left;	width: 100%; overflow:hidden; font-family:arial; font-size:11px; line-height:12px; }

/* menu line */
#menuWithSub li {
  float: left; clear:both; height:auto; width:100%; overflow:hidden;
  text-align:left; text-decoration:none;  color: #000;  text-transform:capitalize; text-indent:10px;
  padding: 2px 2px 0px 0px;
  }
xx#menuWithSub li.la { background:url(../images/NavArrow_SmallListings.gif) left 4px no-repeat #E0E0E6;}
xx#menuWithSub li.lm { background:url(../images/NavArrow_SmallListings.gif) left 4px no-repeat #E0E0E6;}
xx#menuWithSub li.la_open { background:url(../images/NavArrow_SmallListingsDown.gif) left 4px no-repeat #E0E0E6;}
#menuWithSub li.empty { color:#777; }
#menuWithSub li span { float:left; width:100%;  cursor:pointer; }
#menuWithSub li span:hover { text-decoration:underline; }

/* sub menu */
#menuWithSub li div { width:100%; height:auto; display:none; overflow:visible; margin:0 0 0 0px; text-indent:0px; }
#menuWithSub li div dd {
  width:158px;  height:auto; display:inline;  float:left; clear:left;
  text-align:left; text-decoration:none;
  padding:0px;  margin:0;
}
#menuWithSub li div dd a {
  float:left; width:135px; height:auto; display:inline;
  padding:0 0 0 25px;  margin:0;
  text-decoration:none; font-weight:normal; text-transform:capitalize; color:#000;
  background:url(../images/NavDot.gif) 14px 3px no-repeat #E0E0E6;
}
#menuWithSub li div dd a:hover { text-decoration:underline;}
#menuWithSub li div dd a:active { color:red;}

/* la_nosub makes the top level menu invisible and makes the sub menu visible */
#menuWithSub li.la_nosub { padding:0; }
#menuWithSub li.la_nosub span { display:none; }
#menuWithSub li.la_nosub div { display:inline; }
#menuWithSub li.la_nosub div dd a { width:150px; padding:2px 0 0 10px; background:none;}

/* footer ---------------- */

#footer {
	float:left; width:100%; clear:both; padding:0;
}

/* main area columns --------- */

#leftContainer {
width: 160px;
height: auto;
float: left;
clear: left;
overflow: visible;
background: #ffffff;
border-top: 0px;
  }

#rightContainer {
  width:160px; height:auto; float:right; clear:right;  overflow:visible; background:#fff; margin-top: 5px;
  }

#leftContainer .gap, #rightContainer .gap{
  float:left; width:100%;  height:7px; line-height:1px;
  padding:0px 0 0 0;
  color:#fff;
  }

#rightContainer ul { float:left; width:160px; margin:0px; padding-bottom:10px; }
#rightContainer ul li { float:left; width:100%; clear:left;  }
#rightContainer ul li a { float:left; width:160px; }
#rightContainer ul li a img { float:left; width:160px; }

#centerContainer { float:left; width:640px;  display:inline; text-align:left; padding:5px 0px 5px 0px; }

/* MAIN page area ------------- */

#innerContainer, #secureContainer {
  width:810px; height:auto;  float:left;  display:inline;		overflow: visible;
		color:black;  text-align:left;
  padding:0 0 10px 10px;
  }
#innerContainer a { line-height:110%;}
#innerContainer a:hover { color:#222; }

#checkoutContainer {
  width:980px;  height:auto; float:left; display:inline;		overflow: visible;
		color:black;  text-align:left;
		background:#fff;
  }
  
#mainContainer { width:810px; display:inline; float:left;  overflow:visible; padding:5px 0px 0 0px; }
#homeContainer { width:980px; float:left; margin-left:-10px; display:inline; background:#f0f;}
#orderContainer { width:980px; display:inline; float:left; }

/* general page header ------------- */

#pageTitle { /* hometype */
  float:left; clear:both; width:100%; height:24px;
  text-align:left; font-size:18px; line-height:22px; font-weight:bold; text-indent:0px; color:#fff;
  background: url('../images/titleback1.gif') top right no-repeat #ED2024;
  z-index:1;
  display:none;
  }
#pageTitle h1 {
  float:left; width:auto; text-align:left; font-size:15px; line-height:22px; font-weight:bold; color:#fff; text-indent:5px; display:inline;
  padding:0px; margin:0px;
  }
#pageTitle h2 {
  float:left; width:auto; text-align:left; font-size:13px; line-height:22px; font-weight:bold; color:#fff; text-indent:5px;  display:inline;
  padding:0px; margin:0px;
  }
#bestTitle {
  float:left; clear:both; width:100%; height:24px;
  text-align:left; font-size:18px; line-height:22px; font-weight:bold; text-indent:0px; color:#000;
  background: url('../images/titleback1.gif') top right no-repeat #F3FC00;
  z-index:1;
  }
#bestTitle h1 {
  float:left; width:auto; text-align:left; font-size:15px; line-height:22px; font-weight:bold; color:#000; text-indent:5px; display:inline;
  padding:0px; margin:0px;
  }
/* Group Landing Pages Title Text */

#pageTitleSub {
  float:left; clear:both; width:100%; height:24px;
  text-align:left; font-size:18px; line-height:22px; font-weight:bold; text-indent:0px; color:#069;
  background: url('../images/titleback1.jpg') top left repeat-x #fff;
  }
#pageTitleSub h1 {
  text-align:left; font-size:18px; line-height:20px; font-weight:bold; color:#002569; display:inline;
  padding:0px; margin:0px;
  }
#pageTitleSub h2 {
  text-align:left; font-size:13px; line-height:20px; font-weight:bold; color:#000; display:inline;
  padding:0px; margin:0px;
  }
#pageMain {
  float:left; width:100%;
  text-align:left;
  border:0px solid blue;
  }
#pageMain50 {
  float:left; width:50%;
  text-align:left;
  border:0px solid blue;
  }

#crumbs, #crumbsh { /* hometype */
  float:left; width:100%; xheight:24px;
  padding: 0;  margin:0;
  text-align:left; text-indent:5px; font-size:12px; line-height:22px; color: #000;  text-transform:capitalize;
  background: #e0e0e6;
  z-index:1;
  }
#crumbs p, #crumbsh p { clear:none; float:none; color:#555; display:inline; text-transform:lowercase;}
#crumbs a:link, #crumbs a:visited, #crumbs a:active
#crumbsh a:link, #crumbsh a:visited, #crumbsh a:active {
  color:#000; font-size:12px; line-height:22px; text-decoration:underline; border:0;  text-transform:capitalize;}
#crumbs a:hover { color:#444;  }

#crumbsh, #crumbsh p, #crumbsh a:link, #crumbsh a:visited, #crumbsh a:active { color:#000; }
#crumbsh a:hover { color:#A2A0B6;  }

#homeBanner { float:left; clear:left; width:100%;}

/* next/prev page controller --- */
#productListLine1 a.page, #productListLine3 a.page { line-height:16px; }
.pager { float:left; width:auto; }
.pager a.page { float:left; padding:0px 4px; cursor:pointer; line-height:16px; text-decoration:underline;}
.pager a.page:hover { color:#00f; text-decoration:underline;}
.pager a.prev { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/page_arrows1.png) 0 0 no-repeat; }
.pager a.prev:hover { background-position:-38px 0; }
.pager a.next { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/page_arrows1.png) -16px 0 no-repeat; }
.pager a.next:hover { background-position:-54px 0; }
.pager .pthis { float:left; padding:0px 4px 2px 4px; cursor:default; color:#000; font-weight:bold; line-height:14px; border:1px solid #000;}
.pager .ptext { float:left; padding:3px 10px 0 2px; cursor:default; color:#000; font-weight:bold;}
#pagerT, .pagerT { position:absolute; display:block; left:0px; top:5px; width:auto; height:10px; padding:0 3px;}

/* PRODUCT LIST ---------- */
#product-list-links, .product-list-links { position:absolute; left:-10000px; width:1000px; height:100px; overflow:hidden; }

#productListLine1, #productListLine2 {
  list-style:none; float:left; clear:left; display:block; width:100%;
  margin:8px 0 5px 0;
  border:0px solid red;}

#productListLine1 li, #productListLine3 li {
  float:left; width:auto; display:inline;
  text-align:left; font-size:11px;  height:20px; font-weight:normal;
  border:0px solid red;
  }

#productListLine1 li.hideImg a { padding-left:20px; color:#555; font-weight:bold; }

#productListLine1 li.filter { float:left; margin-left:0px; width:130px; }
form#filterBy {  }
form#filterBy select {width:100%; font-size:1em; color:black; line-height:20px;}
#productListLine1 li.pageNav1 { float:right; width:auto; margin:0 5px;  padding:0; }
#productListLine1 li.pageNav1 a.nextPage { float:left; line-height:12px; font-weight:bold;}
#productListLine1 li.pageNav1 p { float:left; font-size:11px; padding:0px; margin:0; line-height:12px; }
#productListLine1 li.pageNav1 span.text { float:left; font-size:11px; padding:0 5px; margin:0; line-height:12px; }
#productListLine1 li.pageNav1 .pager { float:right; text-align:right; }

#productListLine1 li.pageSize { margin:0 5px; width:45px; float:right; display:block; line-height:22px;}
form#fmPageSize  { }
form#fmPageSize select.perPage {width: 100%; font-size:1em; color:black; line-height:22px;}

#productListLine3 {float:left; clear:left; width:100%; padding:3px 0 0 0; border:0px solid blue; }
#productListLine3 li.pageNav2 { float:right; width:auto; margin:0 5px;  padding:5px 0 0 0;}
#productListLine3 li.pageNav2 a.nextPage { float:left; line-height:12px; font-weight:bold; }
#productListLine3 li.pageNav2 p { float:left; font-size:11px; padding:0px; margin:0; line-height:12px; }
#productListLine3 li.pageNav2 span.text { float:left; font-size:11px; padding:0 5px; margin:0; line-height:12px; }

#productListLine1 li.pageNav3 { float:left; width:449px; margin:0 5px;  padding:0; }
#productListLine1 li.pageNav3 .pages { float:right; text-align:right; padding:3px 10px 0 0; font-weight:bold;}
#productListLine1 li.pageNav3 .pager3 { float:right; text-align:right; width:350px; }
#productListLine1 li.pageSize3 { padding:0 0 0 5px; width:45px; float:left; display:block; line-height:22px;}

#productListLine3 li.pageNav4 { float:left; width:100%; margin:0;  padding:0; }
#productListLine3 li.pageNav4 .pages { float:right; text-align:right; padding:4px 10px 0 0; font-weight:bold;}
#productListLine3 li.pageNav4 .pager3 { float:right; text-align:right; width:350px; }
#productListLine3 li.pageSize4 { padding:0 0 0 5px; width:45px; float:left; display:block; line-height:22px;}

/* next/prev page controller - prodpagef --- */
.pager3 { float:right; width:auto; }
.pager3 a.page { float:left; padding:2px 4px; cursor:pointer; line-height:16px; text-decoration:underline; }
.pager3 a.page:hover { color:#00f; text-decoration:underline;}
.pager3 a.prev { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/page_arrows1.png) 0 0 no-repeat; }
.pager3 a.prev:hover { background-position:-38px 0; }
.pager3 div.prev { float:left; width:22px; height:19px; }
.pager3 a.next { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/page_arrows1.png) -16px 0 no-repeat; }
.pager3 a.next:hover { background-position:-54px 0; }
.pager3 div.next { float:left; width:22px; height:19px; }
.pager3 .pthis { float:left; padding:0 4px 1px 4px;; cursor:default; color:#000; font-weight:bold; line-height:14px; border:1px solid #eee; margin: 2px 0;}
.pager3 .ptext { float:left; padding:0 10px 0 2px; cursor:default; color:#000; font-weight:bold;}
#pagerT, .pagerT { position:absolute; display:block; left:5000px; top:5px; width:auto; height:10px; }

#productListMain { float:left; width:100%; border:0px solid red; margin:0px 0 0 0px;  }
#productListMain a {text-decoration:none; }
#productListMain a:hover {text-decoration:none; }

/* used in verysmall.tmp and relativesmall.tmp */
.productListItem {
  float:left;  width:100%; height:auto;  margin:0 0px 5px 0px;	padding:5px 0;	border-bottom:1px dashed #cbcbd1;  }

.productListItemL { float:left;  width:105px; }

.productListItem a.image:link, .productListItem a.image:visited, .productListItem a.image:active {
  float:left; width:105px; height:104px; clear:left; display:block;
  text-decoration:none;		color:#000;
  }
.productListItem a.image:hover { color:#00f; }

.productListItem img, .productListItem img.vsSCS_img {
  float:left; width: 105px;  height: 104px;  cursor:pointer; }
.productListItem img.hlNew, .productListItem img.hlExcl,
.productListItem img.hlOffer, .productListItem img.hlNormal {
  float:left; width:105px; height:104px; margin:-104px 0 0 0px;  display:inline; cursor:pointer;
  }

.productListItemL a.click { width:105px; height:16px; float:left;  }
.productListItemL a span.click { width:83px; float:left; font-size:9px; padding:3px 5px 0 0; cursor:pointer; text-align:right;}
.productListItemL a img.click { width:17px; height:17px; float:left; cursor:pointer; }

.productListItemR { float:right;  width:520px; margin:0 0 0 0px;  color:#000; }
.productListItemR ul { float:left; width:520px; }
.productListItemR ul li { float:left; clear:left; width:520px; font-size:10px; height:auto; margin-top:3px;}
.productListItemR ul li.price1 span.rrp { text-decoration:line-through; }
.productListItemR ul li.price1 span.saving { }
.productListItemR ul li.price2 { font-size:11px; color:#00f; }
.productListItemR ul li.price3 { font-weight:bold; line-height:12px; }
.productListItemR ul li.price4 { font-size:15px; color:#f00; width:380px; }
.productListItemR ul li.details { clear:none; float:right; width:97px; padding-right:5px;}

.productListItemR h1 { padding:0px;  margin:0; }
.productListItemR h1 a.title { float:left; width:auto; font-size:12px; line-height:20px; font-weight:bold; color:#036; }
.productListItemR h1 a.title:hover  { color:#999; text-decoration:none; }
.productListItemR ul li span.descr { float:left; clear:left; width:100%; }
.productListItemR a.details { width:97px; height:16px;}
.productListItemR a.details:hover { }
.productListItemR a.details img { width:97px;  height:22px; }


/* used in verysmallHero.tmp --- price1Hero is processed by tidyfunc in menu.js*/
.productVListItem {
  float:left;  width:152px; height:auto;  margin:2px 3px 3px 2px;	display:inline; padding:0px 0;	border:1px solid #cbcbd1;  }

.productVListItem a.image:link, .productVListItem a.image:visited, .productVListItem a.image:active {
  float:left; width:105px; height:114px; clear:left; display:inline;  margin:0px 0 0 24px; }
.productVListItem a.image:hover {  }

.productVListItem img, .productListItem img.vsSCS_img {
  float:left; width: 105px;  height: 104px; overflow:hidden;	cursor:pointer;}
.productVListItem img.hlNew, .productVListItem img.hlExcl,
.productVListItem img.hlOffer, .productVListItem img.hlNormal {
  float:left; width:105px; height:104px; margin:-104px 0 0 0px;  display:inline; cursor:pointer;
  }

.productVListItem ul { float:left; width:100%; }
.productVListItem ul li { float:left; clear:left; width:100%; font-size:10px; height:auto; margin-top:3px; text-align:center;}
.productVListItem ul li.price1Hero span.rrp { text-decoration:line-through; }
.productVListItem ul li.price1Hero span.saving { }
.productVListItem ul li.price2 { font-size:11px; color:#00f; }
.productVListItem ul li.price3 { font-size:10px; font-weight:bold; line-height:12px; }
.productVListItem ul li.price4 { font-size:10px; color:#f00; height:24px;}
.productVListItem ul li.details { background:#cbcbd1; text-align:center; padding:4px 0 2px 0;}

.productVListItem h1 { padding:0px;  margin:0; }
.productVListItem h1 a.title { float:left; width:100%; height:42px; overflow:hidden;
  font-size:12px; line-height:14px; text-align:center; font-weight:bold; color:#036; text-decoration:none;}
.productVListItem h1 a.title:hover  { color:#999; text-decoration:none; }
.productVListItem span.descr { float:left; clear:left; width:100%; }
.productVListItem a.details { width:99px; height:16px; }
.productVListItem a.details:hover { }
.productVListItem a.details img { width:99px;  height:18px; margin-left:26px;}

#seoText { float:left;  width:638px; margin:10px 0 0 0; border:1px solid #cbcbd1;}
#seoText ul { float:left; width:100%; }
#seoText ul li { float:left; clear:left; width:626px; height:auto; font-size:12px; padding:5px; }
#seoText ul li.top {background: #cbcbd1; line-height: 14px; color: #000; padding: 3px 0 5px 5px; width: 631px;}
#seoText ul li h2 { font-size: 12px; margin:0; padding:0; color:#000; }

/* PRODUCT DETAIL ---------------------- */

#productDetailHeader { float:right; width:30px; text-align:right; margin: -17px 8px 0;}
a.backToProductList:visited, a.backToProductList:link, a.backToProductList:active { cursor:pointer; color:#777; }
a.backToProductList:hover {  color:#A2A0B6; }

#productImage { float:left;  clear:left;  width:200px;  height:auto;}
#productImageInner { float:left;  width:200px;  height:199px; }
#productImage a { float:left; width:100%;  cursor:pointer;}
#productImage a span { float:left; width:auto; padding:7px 5px 0 54px; }
#productImage a img.click { float:left; width:17px; height:17px; padding:5px 0 0 0;}
#productImage img { float:left; width:200px;  height:199px;}

#productImage img.hlNew, #productImage img.hlExcl,
#productImage img.hlOffer, #productImage img.hlNormal {
  float:left; width:200px; height:199px; margin:-199px 0 0 0px;  display:inline;
  }

#productDetailRight {  float:left;  width:228px;  margin:0px 0px 0 10px; display:inline;}
#productDetailRight ul { float:left; width:228px; }
#productDetailRight ul li { float:left; clear:left; width:220px; height:auto; font-size:12px; margin-top:3px;}
#productDetailRight ul li h1 { padding:2px 0; margin:0; }
#productDetailRight ul li.price1 span.rrp { text-decoration:line-through; }
#productDetailRight ul li.price1 span.saving { font-weight:bold; text-decoration:none;}
#productDetailRight ul li.price2 { color:#036; }
#productDetailRight ul li.price3 { font-weight:bold; line-height:13px; }
#productDetailRight ul li.price4 { color:#f00; font-size:14px; font-weight:bold; }
#productDetailRight ul li.linkman { background:url(../images/3dright.gif) left 0px no-repeat #fff; }
#productDetailRight ul li.linkman a { float:left; width:auto; padding:0px 0 0px 20px; text-decoration:none;  line-height:17px; }
#productDetailRight ul li.linkprod { background:url(../images/3dright.gif) left 0px no-repeat #fff; }
#productDetailRight ul li.linkprod a { float:left; width:auto; padding:0px 0 0px 20px; text-decoration:none; text-transform:capitalize;  line-height:17px; }

/* cn = credit none, cc = classic credit, pl = pay later */
#creditContainer { float:left; width:193px; border:2px solid #cbcbd1; padding:0 0px; margin:5px 0 0 5px;  display:inline;
  background:url(../images/v12f.jpg) 2px 2px no-repeat;}
#creditContainer p { font-size:10px; }
#creditContainer .head { float:left;  width:100%; height:5px; }
#creditContainer .top { float:left;  width:96%; height:42px; padding:0 2%; margin:5px 0 0 0; text-align:center; vertical-align:middle;}
#creditContainer .addbox { float:left;  width:96%; padding:4px 2%; margin:5px 0 0 0; background:#cbcbd1; text-align:center;font-weight:bold;}
#creditContainer .cnm { float:left;  width:96%; padding:8px 2% 0 2%;  text-align:center;}
#creditContainer .cnb { float:left;  width:100%; padding:5px 0 5px 0; text-align:center;}
#creditContainer .cct { float:left;  width:100%; padding:4px 0; margin:5px 0 0 0;  background:#e0e0e6; text-align:center;}
#creditContainer .ccm { float:left;  width:96%; padding:5px 2% 0 2%; text-align:center;}
#creditContainer .ccm2 { float:left;  width:100%; padding:5px 0 0 0; }
#creditContainer .ccb { float:left;  width:100%; padding:5px 0 5px 0; text-align:center;}
#creditContainer .plm  { float:left;  width:100%; padding:4px 0; margin:5px 0 0 0; text-align:center; background:#e0e0e6; }
#creditContainer .plm1 { float:left;  width:100%; padding:0; text-align:center;}
#creditContainer .plm2  { float:left;  width:100%; padding:4px 0; margin:2px 0 0 0; text-align:center; background:#e0e0e6; }
#creditContainer .plb { float:left;  width:100%; padding:3px 0; text-align:center;}
#creditContainer a { float:left; text-decoration:none; width:100%; text-align:center;}

#creditInfo, .creditInfo { display:none; position:absolute; top:10px; left:10px; width:540px; height:430px;
  padding:4px; background:#fff; border:3px ridge #A2A0B6; text-align:left; }
#creditInfoHost { display:none; float:left; width:540px; height:430px; }
#creditInfoTextOuter { float:left; width:535px; height:370px; }
#creditInfoText { float:left; width:535px; height:370px; margin:10px 0 0 5px; display:inline; overflow:auto; }
#creditInfoText p { float:left; width:510px; font-size:10px; padding:5px 0;}
#creditInfoText p.hi { width:504px; font-size:10px; padding:3px; background:#e0e0e6;}
#creditInfoText dl { float:left; width:408px; padding:0 0 10px 0; margin: 0 0 0 10px; display:inline; text-align:left;}
#creditInfoText dl dt { float:left; clear:left; width:300px; margin:0; padding:2px; }
#creditInfoText dl dd { float:left; width:100px; padding:2px; margin:0; text-align:right; }
#creditbnpl, #creditclassic, #creditIntFree { display:none; float:left; width:100%; }

#financePopupHead { float:left; width:100%; height:26px;
  color:#000; font-weight:bold; text-align:center; font-size:14px; line-height:23px;
  background:url(../images/headerbg.gif) top left no-repeat ; }
#financePopupCloseBtn { float:right;  width:auto;  padding:2px; margin:-25px 0px 0 0; cursor:pointer;}

#productDescription { float:left;  width:636px; margin:10px 0 0 0; border:1px solid #cbcbd1;}
#productDescription ul { float:left; width:100%; }
#productDescription ul li { float:left; clear:left; width:626px; height:auto; font-size:12px; padding:5px; }
#productDescription ul li.top {background: #cbcbd1; line-height: 14px; color: #000; padding: 3px 0 5px 5px; width: 631px;}
#productDescription ul li h2 { font-size: 12px; margin:0; padding:0; color:#000; }

#brandDescription { float:left;  width:636px; margin:10px 0 0 0; border:1px solid #cbcbd1;}
#brandDescription ul { float:left; width:100%; }
#brandDescription ul li { float:left; clear:left; width:626px; height:auto; font-size:12px; padding:5px; }
#brandDescription ul li.top { background:#cbcbd1; line-height:14px; color:#000; padding:0 0 3px 10px; }

#prodgrpDescription { float:left;  width:636px; margin:10px 0 0 0; border:1px solid #cbcbd1;}
#prodgrpDescription ul { float:left; width:100%; }
#prodgrpDescription ul li { float:left; clear:left; width:626px; height:auto; font-size:12px; padding:5px; }
#prodgrpDescription ul li.top { background:#cbcbd1; line-height:14px; color:#000; padding:0 0 3px 10px; }

#productMatrix { float:left;  width:638px; font-size:12px; margin-top:10px; border:0px solid red;}
table.mtx {
  width:638px; float:left; border-collapse: separate; border-spacing:1px;
  border:0px solid blue; background:#cbcbd1;
}
table.mtx th { color:#333; background:#fff; padding:0 4px 0 4px; white-space:normal; font-size:11px; font-weight:normal; text-align:center;}
table.mtx th.head { /* hometype */
  height:20px; font-size:14px; background:#ED2024; color:#fff; padding-left:10px; text-align:left; }
table.mtx td { background:#fff; color:#333; padding:1px 4px 1px 4px; text-align:center; width:auto;}
table.mtx td.desc { text-align:left; padding:0 0 0 5px;  word-wrap:none; white-space:normal; width:40%; }
table.mtx td.price1, table.mtx td.price2 { text-align:right; padding:0 10px 0 0; width:15%; }
table.mtx td.price2, table.mtx th.price2 { color:#f00; }
table.mtx td.buy { width:30%; padding: 3px;}
table.mtx td.key { padding-top:5px; border-top:0px solid #cbcbd1; background:#cbcbd1; width:100%; }

table.mtx td.colour a {
  white-space:nowrap;
  }
table.mtx th.size {
  width:15%; background:#fff;  color:#000; text-align:center;
  border:1px solid #cbcbd1;   padding:0 4px 0 4px; white-space:nowrap;
}
table.mtx td.size {
  background:#fff;  color:#000;text-align:center;  border:1px solid #cbcbd1;
}
.mtxInStock {
  cursor:pointer;
  }
.mtxNoStock {
  cursor:default;
  }

#sizeChart { float:left;  width:633px; margin:10px 0 0 0; padding:5px 0 5px 5px; border:0px solid #cbcbd1; display:none;}
#sizeChart ul { float:left; width:100%; }
#sizeChart ul li { float:left; clear:left; width:100%;}
#sizeChart ul li img { float:left;}
#sizeChart ul li span { float:left; width:auto; font-size:11px; line-height:14px; padding:0 0 0 10px; margin:0 20px 0 0;}

#sizeChartDiv { position:absolute; display:none; width:438px; border:3px ridge #A2A0B6; padding:4px; background:#fff;}
#sizeChartHead { float:left; width:100%; height:26px;
  color:#fff; font-weight:bold; text-align:center; font-size:14px; line-height:23px;
  background:url(../images/header.jpg) top left no-repeat #036; }
#sizeChartCloseBtn { float:right;  width:auto; padding:2px; margin:-25px 3px 0 0;}

#sizeTable { float:left;  width:638px; font-size:12px; margin-top:10px; }
table.sizes { width:638px; float:left; border-collapse: separate; border-spacing:1px; border:0px solid #A2A0B6; background:#777; }
table.sizes th { color:#333; background:#fff; padding:0 4px 0 4px; white-space:normal; font-size:11px; font-weight:normal; text-align:center;}
table.sizes th.head { height:16px; background:#cbcbd1; color:#000; padding-left:5px; text-align:left; }
table.sizes th.subhead { height:16px; background:#cbcbd1; color:#000; padding-left:10px; text-align:left; }
table.sizes tr.title { font-weight:bold; }
table.sizes td { background:#fff; color:#333; padding:1px 4px 1px 4px; font-size:10px; text-align:left; width:auto;}
table.sizes td.tiny { font-size:9px;}

/* related offers ----------- */

#relatedOffers { float:left;  width:638px; padding-top:10px;  }
ul.relatedOffers { /* hometype */
  float:left; width:auto; background:#E0E0E6; border:1px solid #ED2024; }
ul.relatedOffers li { float:left;  width:626px; padding:0 0 10px 10px; text-align:left;}
ul.relatedOffers li.top {  /* hometype */
  height:20px; font-size:14px; background:#ED2024; color:#fff; padding-bottom:0; }
ul.relatedOffers li.intro { font-size:12px; padding:5px 0 10px 10px; color:#333;}
ul.relatedOffers li img { float:left; width:105px; height:104px; border:1px solid #cbcbd1;}
ul.relatedOffers li span.title { float:left; width:500px; padding:30px 0 0 10px; font-size:13px; }
ul.relatedOffers div#relatedSel { float:left; width:500px; margin:10px 0 0 10px; }
ul.relatedOffers div#relatedBuy { float:left; display:none; width:500px; height:19px; margin:10px 0 0 10px; }
ul.relatedOffers div#relatedBuy img { float:right; width:242px; height:19px; border:0; cursor:pointer;}

/* related items ----------- */

#productRel { float:left;  width:636px; margin:10px 0 0 0; border:1px solid #cbcbd1;}
#productRel div.top { float:left; width:626px; height:16px; background:#cbcbd1; font-size:13px; line-height:16px; color:#000; padding:0 0 3px 10px; }
#productRel .productListItem { border:0; }

/* infopage links ------------- */

#subGrpList { float:left;  width:100%; margin:5px 0 0 0; padding:0; }
#subGrpList .subLink { float:left; width:105px; height:152px; padding:0 5px; margin:5px 5px; border:1px solid #cbcbd1; overflow:hidden; display:inline;}
#subGrpList .subLink img { float:left; width:105px; height:104px; padding:0; margin:0; border:0px solid black;}
#subGrpList .subLink span { float:left; width:100%; padding:3px 0 0 0; }
#subGrpList a:link, #subGrpList a:visited, #subGrpList a:active {
  float:left; clear:left; height:auto; width:105px; overflow:hidden;
  padding:0; margin:0;
  text-decoration:none; text-align:center; font-size:9px; word-wrap:break-word; line-height:11px;
  border:0px;
  }
#subGrpList a:hover {  }

#groupListMain { float:left; width:100%; }

/* cat pages --------- */
#catMain { float:left; width:638px; margin-top:10px; }

#catImgLink, #catImgLink:link, #catImgLink:visited, #catImgLink:hover, #catImgLink:active {
  width:298px; height:298px; display:block; cursor:pointer;}

#catImg {
  float:left; clear:left; width:200px; height:200px; display:inline;
  margin:0px 3px 5px 0px;
  border:1px solid #cbcbd1;  background:none;
  }

#catIntro {
  float:left; width:421px; min-height:190px; display: inline;
  padding:5px; margin:0px 0px 5px 2px;
  background-color:#F3F3F3; border:1px solid #cbcbd1;
  }

#catIntro h1 { color:#000; font-size:20px; font-weight:normal; line-height:14px; }
#catIntro h2 { width:250px;
font-family: "Trebuchet MS",Tahoma,sans-serif,helvetica,arial,sans-serif; color:#5E5E55; font-size:14px; font-weight:normal; line-height:15px; margin-left:24px; margin-right:24px;
text-align: justify;}

#catIntro  h2 a:link, #catIntro  h2 a:visited {color: blue;}
#catIntro  h2 a:hover {text-decoration: underline;}

/* BIKE BUILDER ---------------------- */

#bbContainer {
  width:978px; float:left;
		border:0px; border-left:1px solid #cbcbd1; border-right:1px solid #cbcbd1; background:#fff;
  }
#bbIntroMain {width:978px; min-height:40px; display:inline; float:left; padding:0px 0px 5px 0px; font-size:12px; padding-left:1px;}
#bbIntroMain p { padding:5px 0; }
.bbIntroSel { float:left; width:976px; border:1px solid #000; margin:20px 0 0 0;}
.bbIntroSelL { float:left; width:315px; height:192px; }
.bbIntroSelR { float:left; width:630px; padding:0 10px 0 10px;}
.bbIntroSel .MO { border-right:6px solid #ED2024; }
.bbIntroSel .TR { border-right:6px solid #02b8fa; }
.bbIntroSel .MT { border-right:6px solid #61B329; }
.bbIntro { float:left; width:976px; }
.bbIntroL { float:left; width:415px; }
.bbIntroR { float:left; padding:0 0 0 10px;}
.bbIntroR div { float:left; width:auto; }
.bbIntroR div.a { padding:5px 10px 0 0;}

#bbMain {
  width:100%; min-height:150px; display:inline; float:left;
  font-size:11px; line-height:12px;
  padding:0px 0 5px 0px;		margin:0px 0 0 0;
  }
#bbMain p {
  float:left; clear:left; width:100%;
  }
#bbHead {
  float:left; width:100%; height:auto; font-size:10px; overflow:hidden;
  }
#bbHead h1 {
  float:left; clear:both; width:90%;
  text-align:left; font-size:22px; font-weight:bold; line-height:20px; color:#007;
  margin:0; padding:3px 0 0 0px;
  }
#bbInfo {
  float:left; clear:left; display:none; width:100%; font-size:10px; word-wrap:break-word; color:navy; font-weight:normal;
  }
#bbSelBar {
  float:left; width:100%; height:25px; font-size:10px; margin: 5px 0 1px 0;
  }
ul.bbSel { float:left; width:100%; }
ul.bbSel li { float:left; display:inline; line-height:20px; padding-left:5px; border:0px solid red;}
ul.bbSel li.a { width:180px; }
ul.bbSel li.b { width:50px; padding-left:10px;}
ul.bbSel li.c { width:140px; }
ul.bbSel li.d { width:120px; }
ul.bbSel li.e { width:105px; }
ul.bbSel li.f { width:165px; padding-left:30px;}
ul.bbSel li.g { width:125px; }
ul.bbSel li.a a, ul.bbSel li.e a { float:left; }
ul.bbSel li.a a img, ul.bbSel li.e a img { float:left; margin:0; padding:0; border:0;}
ul.bbSel li.f a, ul.bbSel li.g a {
  float:left; width:auto; height:17px; padding:2px 0 0 19px; margin-top:2px; font-size:12px; line-height:16px; background:url(../images/3dright.gif) no-repeat; }

#bbDynArea { float:left; clear:left; width:630px; min-height:50px; font-size:10px; }
.bbItem, .bbFrame { float:left; clear:left; width:622px; height:auto; }
.bbFrame { height:auto; }
.bbHr, .bbHrI {
  float:left; clear:both; display:inline; width:100%; height:0px;
  line-height:0px;
  margin:0;
  border-top:1px solid #cbcbd1;
  }
.bbHrI {
  width:96%; border-top:1px solid #cbcbd1;
  margin:0px 0 10px 3%;
  }
.bbImageHolder, .bbSubImageHolder {
  float:left; clear:left; width:150px; height:auto; overflow:visible;
  border:0px solid #cbcbd1;
  }
.bbImage, .bbSubImage {
  float:left; width:105px; height:104px; overflow:visible; display:inline; cursor:pointer;
  margin-left:10px;
  background:url() no-repeat 0px 0px;  border:1px solid #fff;
  }
.bbImageHolder a.click, .bbSubImageHolder a.click {
  float:left; width:107px; height:auto; clear:left; display:inline;  cursor:pointer;
  text-align:center; color:#333;
  margin-top:-106px;  padding-top:106px; margin-left:10px;
  }
.bbImage a.click:hover, .bbSubImage a.click:hover { color:#00f; }
.bbSubImage, .bbSubImageHolder a.click { margin-left:40px; display:inline; }
.bbImageHolder a.click span , .bbSubImageHolder a.click span { float:left; width:auto; padding:2px 2px 0 0; }
.bbFrameImage a.click img.click, .bbImageHolder a.click img.click , .bbSubImageHolder a.click img.click { float:right; }
.bbItemHead {
  float:left; clear:left; width:75%;
  font-size:10px; font-weight:bold; line-height:14px;
  margin:0px 0 0 4px; padding:0 5px 0 0px;
  }
.bbItemDetails  {
  float:left; width:445px; height:auto; display:inline;
  margin:0 0px 0 0; padding:0 10px 10px 10px;
  border:2px solid #fff;
  }
.bbFrameImage {
  float:left; clear:left; width:200px; height:170px; overflow:visible; display:inline;
  margin:0px 0 0 10px; padding:0px 0 0 0px;
  background:url() no-repeat 0px 0px;
  border:0px solid black;
  }
.bbFrameImage a.click {
  float:left; width:100%; height:auto; clear:left; display:block;
  text-align:center; color:#333; line-height:13px;
  margin:0px 0 0 0; padding:150px 0 0 0;
  }
.bbFrameDetails  {
  float:left; width:380px; height:auto; display:inline;
  font-size:11px; font-weight:normal; line-height:13px;
  margin:0 0 0 10px; padding:0 5px 0 10px;
  }
.bbTitle { float:left; width:100%; height:auto; }
.bbTitle p { float:left; clear:left; width:100%; font-size:11px; font-weight:normal; color:#333;}
.bbTitle p span { }
.bbTitle p span.titl { float:left; width:70px; }
.bbTitle h1 { float:left; clear:none; width:auto; font-size:12px; font-weight:bold; line-height:15px; margin:0; padding:0; }
.bbTitle h2 { float:left; clear:left; width:100%; font-size:11px; font-weight:bold; line-height:15px; color:#333; margin:0; padding:5px 0 0 0px; }
.bbTitle h3 { float:left; clear:none; width:auto; font-size:11px; font-weight:bold; line-height:15px; margin:0; padding:0 10px 0 10px; color:#700; }

.bbItemTitle, .bbSubItemTitle {
  float:left; clear:none; width:auto; display:inline;
  font-size:12px; font-weight:bold;; line-height:20px; margin:0; padding:0;
  }
  .bbSubItemTitle { font-size:11px; line-height:13px; }
h1.bbModelTitle { font-size:15px; line-height:18px; height:auto; padding:4px 0 0 0; border-bottom:2px solid black; }

.bbItemCode {
  float:left; clear:none; width:auto; display:inline;
  font-size:11px; font-weight:bold; color:#333; line-height:26px; margin:0; padding:0 0 0 10px;
  }
.bbItemPrice {
  float:left; clear:none; width:auto; display:inline;
  font-size:11px; font-weight:bold; color:#700; line-height:26px; margin:0; padding:0 0 0 10px;
  }
.bbItemWeight, .bbSubItemWeight {
  float:left; clear:left; width:100%; display:inline;
  font-size:10px;  color:#333; line-height:12px; margin:0; padding:0 0 0 0px;
  }
   .bbSubItemWeight { font-size:10px; line-height:11px; }
.bbDescr, .bbSubDescr {
  float:left; width:100%; height:auto;  overflow:hidden;  min-height:5px;
  margin:0; padding:0px 0 5px 0px;
  border:0px solid green;
  }
   .bbSubItemWeight { font-size:10px; line-height:11px; }
.bbDescr p { font-size:10px; line-height:12px; }
.bbSubDescr p { font-size:10px; line-height:11px; color:#333;}

.bbSelect { float:left; width:445px; height:auto; padding:5px 0 0 0px; }
x.bbSel { float:left; clear:left; width:420px;  }
.bbFoot { float:left; width:445px; padding:0px;   }
.bbFrameFoot { float:left; width:386px; padding:0; }
.bbSCSSelect { float:left; width:100%; padding:5px 0 0 0;  }
.bbSCSSelect .lab { float:left; width:115px; margin:5px 0 0 0; }
.bbFrameSCSSelect { float:left; width:100%;}
.bbFrameSCSSelect .lab { float:left; width:100%; padding:3px 0 0 0;}
.bbSCSInner { float:right; width:330px; display:inline; padding:0px; }
.bbFrameSCSInner { float:left; width:100%; display:inline; padding:0px 0 0 0px; }
.bbSelAvail { float:right; width:20%; text-align:right; padding:2px 9px 0 0px; }
.bbPriceDiff { float:left; width:99%; height:14px; padding:2px 0px 0 1%; margin:5px 0 0 0; background:#fd0;}
.bbOOS { float:left; width:98%; height:14px; display:none; padding:2px 0px 0 1%; margin:5px 0 0 0; color:#fff; background:#f30;}
#bbHelpLinks, #bbHelpLinks1 { float:left; width:170px; height:auto; margin-top:10px;}
#bbHelpLinks1 { width:190px; }
#bbHelpLinks a, #bbHelpLinks1 a {
  float:left; width:auto; height:17px; padding:0 0 5px 22px; line-height:16px; background:url(../images/3dright.gif) no-repeat; }

#bbSummary {
  width:348px; height:auto; display:inline; float:left; min-height:150px;
		border:0px solid #007;		padding:0px 0 5px 0;		margin:0 0 -5px 0;
  background:#eee;
  }
#bbSummaryInt {
  width:348px; height:30px; display:inline; float:left;
  background:#eee;
  }
#bbSummaryBot {
  width:335px; height:3px; display:inline; float:left;
  }
#bbSummaryDiv {
  width:346px; display:block; position:fixed; top:0px;
		border:1px solid #333; padding:0px 0 5px 0px; margin: 0 0 0 -5px;
  background:#333;
  }
#bbSummaryDiv p { float:left; width:100%; color:#fff; font-size:10px; font-weight:bold; text-align:center; padding:5px 0 0 0;}
#bbSummaryFinance {
  width:346px; display:block; float:left;  display:inline;
  text-align:center;
		padding:0;		margin:0px 0 0 0;
		border:0px solid #000;		background:#333;
  }
#bbSummaryFinance #creditContainer .ccm { }
#bbSummaryFinance #creditContainer .ccb { }
#bbSummaryFinance #creditContainer p { color:#666; }

#bbSummaryMain {width: 342px; display: block; float: left; display: inline; margin: 8px 0 0 2px; background: #333;}
.bbTableBox { float:left; width:100%;  display:inline; }
table.pedalBox  { float:left; width:342px; margin-top:5px; line-height:14px; background:#fff;  display:inline;}
table.pedalBox td { font-size:9px; background:#E0E0E6; }
table.pedalBox td.a { color:#555; width:140px;}
table.pedalBox td.b { color:#000; text-align:right; padding-right:5px; width:194px;}

table.priceBox  { float:left; width:342px; margin-top:5px; line-height:14px; background:#fff;  display:inline;}
table.priceBox td { font-size:9px; background:#E0E0E6; }
table.priceBox td.a { color:#333; width:84px}
table.priceBox td.b { color:#000; text-align:right; padding-right:5px; width:250px;}

table.bbSummary { float:left; width:342px; background:#fff; margin:0; padding:0; background:#fff;  display:table;}
table.bbSummary tr:hover > td { background:#02b8fa; cursor:pointer;}
table.bbSummary tr.sub > td { background:#E0E0E6; cursor:pointer; padding-bottom:4px;}
table.bbSummary td { height:auto; font-size:9px; line-height:12px; border-spacing:1px; background:#E0E0E6; cursor:pointer; padding: 2px;}
table.bbSummary td div { width:80px; white-space:nowrap;  overflow:hidden;}
table.bbSummary td.a div { color:#333; }
table.bbSummary td.nostock div { color:#fff; background:#f30;}
table.bbSummary td.b { color:#000;}
table.bbSummary tr.sub a { float:left; width:auto; height:14px; padding:3px 0 0 20px; background:url(../images/3dright.gif) left top no-repeat;}

table.bbSummarySub { display:none; float:left; width:327px; background:#fff; margin:4px 0 0 4px; padding:0; background:#fff;}
table.bbSummarySub tr:hover > td { background:#02b8fa; cursor:pointer;}
table.bbSummarySub td { height:auto; font-size:9px; line-height:12px; border-spacing:1px; background:#E0E0E6; cursor:pointer; }
table.bbSummarySub td.gs { padding:0px; background:#f0f0f0; text-transform:capitalize; }
table.bbSummarySub td div { width:80px; white-space:nowrap;  overflow:hidden;}
table.bbSummarySub td.a div { color:#555; }
table.bbSummarySub td.nostock div { color:#fff; background:#f30;}
table.bbSummarySub td.b { color:#000;}

#bbSummaryAdd { float:left; width:100%; height:28px; margin:6px 0 0 0;}
#bbContinue {
  float:left; width:100%; height:28px; margin:0; cursor:pointer;
  background:url(../images/btn_summary_addtobasket.gif) 45px top no-repeat;
  }
.debugtable, .debugtable td, .debugtable th { border:1px solid #555; border-collapse: collapse; padding:0 3px; }
.debugtable th { background:#ccc; }

#bbHelp, .bbHelp { position:fixed; display:block; left:10px; top:10px; width:auto; height:auto; background:#fff; padding:1px; z-index:2000;}
#bbHelpIn { float:left; width:auto; height:auto; border:3px ridge #A2A0B6; background:#fff;}
#bbHelpHead { float:left;  width:auto; height:26px; display:inline; background:url(../images/headerbg.gif) top left no-repeat #fff; margin:4px; }
#bbHelpClose { float:right; display:inline; width:auto; margin:3px 3px; }
#bbHelpCloseBtn { cursor:pointer; }
#bbHelpFrameHolder { float:left; clear:left; width:auto; height:auto; margin:0; overflow:hidden; }
#bbHelpFrame { float:left; clear:left; width:100%; height:100%; border:0; margin:0; overflow:scroll; }

#bbAlert, .bbAlert { position:absolute; display:block; left:10px; top:10px; width:308px; height:auto; border:3px ridge #f00; background:#fff; z-index:2000;}
#bbAlertHead { float:left; width:98%; height:26px; display:inline; background:url(../images/headerbg.gif) top left no-repeat #fff; margin:4px 1% ; }
#bbAlertHeadText { float:left; clear:left; width:100%; height:18px; overflow:hidden;
  text-align:center; margin-left:0px; color:#700; font-weight:bold; font-size:14px; line-height:18px; padding:4px 0 0px 0;}
#bbAlertClose { float:right; display:inline; width:21px; margin:-20px 3px 3px 3px; }
#bbAlertCloseBtn { cursor:pointer; }
#bbAlertMessage { float:left; clear:left; width:295px; height:auto; padding:6px; margin:0; border:0px solid red;}
#bbAlertPrompt { float:left; clear:left; width:294px; height:50px; text-align:center;  margin:6px 0 0 6px; border-top:2px ridge #cbcbd1; }

#bigImage, .bigImage {
  position:fixed; display:none; top:10px; left:10px; width:400px; height:430px; overflow:visible;
  background:#fff;  border:1px solid #000;
  padding:4px;  z-index:200;
  }
#bigImageImg { float:left;  clear:left; width:400px; height:399px; padding:4px 0 0 0; overflow:auto; background:url(../images/wait.gif) no-repeat 180px 180px #fff; }
#bigImageImg img { float:left; width:auto;  height:auto; }
#bigImageHead { float:left; clear:left;  width:100%; height:26px; background:url(../images/HeaderBg.gif) top left no-repeat;
  text-align:center; color:#036; font-weight:bold; font-size:12px; line-height:24px; padding:0; }
#bigImageCloseBtn { float:right; width:22px; height:21px; padding:0; margin:-23px 4px 0 0; cursor:pointer; }

#oosHost { display:none; }
#oosInfo, .oosInfo { display:none; position:absolute; top:10px; left:10px; width:298px; padding:5px; background:#fff; }
#oosInfoIn { float:left; width:283px; height:auto;
  padding:4px; background:#fff; border:3px ridge #f00; text-align:left; }
#oosPopupHead { float:left; width:100%; height:26px;
  color:#000; font-weight:bold; text-align:center; font-size:14px; line-height:23px;
  background:url(../images/headerbg.gif) top left no-repeat; }
#oosPopupCloseBtn { float:right;  width:auto;  padding:2px; margin:-25px 0px 0 0;}
#oosInfoText { width:98%; height:auto; margin:10px 0 0 1%; display:inline; overflow:auto; }
#oosInfoText p { float:left; width:100%; font-size:10px; padding:5px 0; }
#oosInfoText p a {text-decoration:underline; }

#emailHost { display:none; }
#emailInfo, .emailInfo { display:none; position:absolute; top:10px; left:10px; width:298px; padding:5px; background:#fff; }
#emailInfoIn { float:left; width:283px; height:auto;
  padding:4px; background:#fff; border:3px ridge #f00; text-align:left; }
#emailPopupHead { float:left; width:100%; height:26px;
  color:#000; font-weight:bold; text-align:center; font-size:14px; line-height:23px;
  background:url(../images/headerbg.gif) top left no-repeat; }
#emailPopupCloseBtn { float:right;  width:auto;  padding:2px; margin:-25px 0px 0 0;}
#emailInfoText { width:98%; height:auto; margin:10px 0 0 1%; display:inline; overflow:auto; }
#emailInfoText p { float:left; width:100%; font-size:10px; padding:5px 0; }
#emailInfoText p a {text-decoration:underline; }


#bbWait { position:absolute; background:black; }
.bbListItem {
  float:left;  width:228px; height:auto;  margin:2px 7px 7px 7px;	display:inline; padding:0px 0;
  }
.bbListBorder_ { border:1px solid #cbcbd1; border-top:5px solid #cbcbd1; }
.bbListBorder_RIBMO { border:1px solid #02b8fa; border-top:5px solid #02b8fa; }
.bbListBorder_RIBTR { border:1px solid #02b8fa; border-top:5px solid #02b8fa; }
.bbListBorder_RIBMT { border:1px solid #02b8fa; border-top:5px solid #02b8fa; }

#bbIntroMain a { text-decoration:none; }
.bbListItem a.image:link, .bbListItem a.image:visited, .bbListItem a.image:active {
  float:left; width:200px; height:150px; clear:left; display:inline;  margin:2px 0 0px 13px; padding:0 0 5px 0; }
.bbListItem a.image:hover {  }

.bbListItem img, .bbListItem img.vsSCS_img {
  width: 200px;  height: 150px; overflow:hidden; }

.bbListItem ul { float:left; width:212px;  padding:0 0 0 10px; }
.bbListItem ul li { float:left; clear:left; width:100%; font-size:10px; height:auto; margin-top:3px; text-align:left;}
.bbListItem ul li.price1 a { font-size:11px; color:#000;}

.bbListItem h1 { padding:0px;  margin:0; }
.bbListItem h1 a.title { float:left; width:100%; height:26px; overflow:hidden;
  font-size:11px; line-height:15px;  font-weight:normal; color:#333; }
.bbListItem h1 a.title:hover  { color:#999; text-decoration:none; }

/* Register ------- */

#regLeft { float:left;  width:100%;  margin-top:10px;  border:0px solid black;  }
#regForm {  width:100%;  }
.regFormCol1 {  width:300px;  float:left;  padding-left:0px;  border:0px solid red;  }
.regFormVL {  width:1px;  height:330px;  float:left; display:inline;  margin:0px 5px 0 15px;  background: #cbcbd1;  }
.regFormCol2 {  width:300px;  float:left;  display:inline;  padding-left:10px;  margin-left:0px;  border:0px solid red;  }
#regFooter {  width:600px; float:left;  margin-top:10px;  padding-left:40px;  border:0px solid red;  }

#addFind { float:left; overflow:visible; width:99%; margin:5px 0; background:#fff; border: 1px solid #00f; }
ul.addf {	float:left; width:99%; display:inline;	font-weight:normal; color:#000000;	margin:0px; padding:3px 0px 3px 0px; }
ul.addf li {	float:left; width:auto;	display:inline; line-height:10px; border:0px solid red; padding:0 0 0 1%;}
ul.addf li.text { width:32%;  text-align:left; font-weight:normal; font-size:10px; color:#000000; padding:6px 0 0 1%;}
ul.addf li.a { width:25%; display:none;}
ul.addf li.b { width:36%; }
ul.addf li.c { width:29%; }
ul.addf input.addf {	float:left; width:95%; font-size:11px; color:#666666; height:12px;	margin:2px 0 0 0; padding: 2px 1px 4px 3px;	display:inline;}

.findAddrsBtn {
  width:100%; height:auto;  display:block;  float:left;
  font-size:10px; line-height:14px; min-height:21px; font-weight:normal; text-align:center;  color:#fff;
  margin:1px 0 0 0;  padding: 1px 0 1px 0;
  background:url(../images/btn_back.gif) repeat #333;  border:1px solid #0077ff; cursor:pointer;
  }
.findAddrsBtn:hover { background:#666;  color:#fff;}

/* reg confirm ---------------------- */

#regConfirmL { float:left;  width:360px;  }
#regConfirmR { float:left;  width:270px;  }

#regContinue {
  width:390px; height:auto; display:block;  float:left;
  font-size:12px; font-weight:bold; text-align:center;  line-height:12px;  color:#ffffff;
  margin:10px 0 0 0;  padding: 2px 0 2px 0;
  background:#02195D;  border:1px solid #3366FF; cursor:pointer;
  }
#regContinue:hover { background:#ffffff;  color:#02195D;}

/* reg thanks ---------- */

.regThanksL { width:490px; float:left; margin-top:20px; }
.regThanksR { width:210px; float:right; margin-top:20px; }

.regLinks { width:100%; float:left; clear:left; height:160px;}
.regLinks li { width:16%;  padding-left:3%; float:left; display:inline; text-align:center; border:0px solid #cbcbd1;}
.regLinks li a { width:100%;  float:left; display:inline; text-align:center;}
.regLinks li a img { width:125px; text-align:center; }

/* LOGIN ---------------- */

#loginForm1 { float:left;  width:312px; margin:10px 20px 0 0; display:inline; padding:0 20px 0 10px; border-right:1px dotted #A2A0B6;}
#lostpw { float:left; width:290px; background:#cccccc; margin:20px 0 0 0px; padding:5px; border:1px solid #cbcbd1;}
#logreg { float:left; width:260px; margin:10px 0 0 0; }

/* login passwd reminder sent ----*/

#loginSent {  width:100%;  margin-top:20px;  }

/* logged in -------------*/

#loggedInL { width:100%; float:left; display:inline;  margin:0; }


/* Checkout Crumbtrail ------------------------- */

#basketTop { width:100%; float:left; margin-top:10px; border:0px solid red;	}
#basketCrumbs { width:625px;  height:37px; 	margin:auto;	}
#basketCrumbs li {
  float: left;  width:110px; height:37px; display:inline;
  padding:11px 0px 1px 15px; margin:0;
  color: #fff;  font-size:11px;  font-weight: normal; text-align:left; line-height:13px;
  }

ul#basketCrumbs li.on {color: #000; font-weight:normal; background:url(../images/checkout_arrow_current.gif) top left no-repeat;}
ul#basketCrumbs li.off {color: #000; font-weight:normal; background:url(../images/checkout_arrow_next.gif) top left no-repeat;}
ul#basketCrumbs li.done {color: #000; font-weight:normal; background:url(../images/checkout_arrow_complete.gif) top left no-repeat;}
ul#basketCrumbs li.done a {color: #000; font-weight:normal; }
ul#basketCrumbs li.done a:hover {color: #fff; font-weight:normal; }
ul#basketCrumbs li.gt { display:none; color: #fc8d2c;  width:10px; background:url(../images/chkcrumb_on.gif) -139px 0 no-repeat;}
ul#basketCrumbs li.gton {display:none; color:yellow; font-weight:bold; width:10px; background:url(../images/chkcrumb.gif) -139px 0 no-repeat;}
ul#basketCrumbs li.gtoff {display:none; color: #000; width:10px; background:url(../images/chkcrumb_on.gif) -139px 0 no-repeat;}
ul#basketCrumbs li.gtdone {display:none; color: #e0e0e6; width:10px;  background:url(../images/chkcrumb_done.gif) -139px 0 no-repeat;}

ul#basketCrumbs a { color:#555; }
ul#basketCrumbs li.done a { color:#000; }
ul#basketCrumbs a, ul#basketCrumbs a:link, ul#basketCrumbs a:visited, ul#basketCrumbs a:active {
  text-decoration: underline;  }
ul#basketCrumbs li.done a:hover, ul#basketCrumbs a:hover {color:#777; text-decoration: underline;}

ul#basketCrumbs li.wa {}
ul#basketCrumbs li.wb {}
ul#basketCrumbs li.wc {}
ul#basketCrumbs li.wd {}
ul#basketCrumbs li.we {}

/* BASKET ------------------------- */

#basketBanner { width:800px;  float:left;  margin:5px 0px 0 0px; background:#ffb700; }
#basketBanner .offer { width:150px;  height:22px; float:left;  padding:4px 0 0 15px; font-size:14px; color:white; font-weight:bold;
  background:url(../images/special_offer.gif) left top no-repeat; }
#basketBanner .details { width:600px;  height:21px; float:left;  margin:5px 0px 0 0px; font-size:12px; color:#000; text-align:center; }

#basketLeft { width:810px;  float:left;  overflow:visible; 	margin:5px 0px 0 0px; }
#basketMain { width:810px;  float:left;  clear:both;	background:#CCCCCC; }
#bskt #bskt1 {	clear: both;	width: 100%;	font-size: 11px;	line-height:14px;}
#bskt td, #bskt th { font-size:11px; }

#bskt th, table.bskt th {
	font-weight: bold;
	text-align:center;	line-height:10px;	color: #777;
	padding: 1px 1px 0 2px;
	background-color: #e0e0e6;
	}
#bskt th.itemhead { width:780px; padding:4px 10px; margin:0;}

#bskt tr, #bskt1 tr {background-color:#fff;}
#bskt td, table.bskt td, #bskt1 td, table.bskt1 td {	padding: 3px 1px 0 2px; vertical-align:top;}
#bskt tr.oldLines, table.bskt tr.oldLines {  background-color: #e0e0e6;}
#bskt tr.oldLines td, table.bskt tr.oldLines td { border-top:5px solid #f00;}
#bskt tr.deadLines, table.bskt tr.deadLines { background-color: #F77;}
#bskt tr.deadLines td, table.bskt tr.deadLines td { border-top:5px solid #f00;}
#bskt tr.promoLines, table.bskt tr.promoLines { background-color: #eef;}
#bskt tr.promoLines td, table.bskt tr.promoLines td { border-top:5px solid #ff0; }
#bskt tr.offer, table.bskt tr.offer { background-color: #f7f7f7;}
#bskt tr.offer td, table.bskt tr.offer td { padding:3px 2px; }
#bskt th.chkBox, #bskt td.chkBox, table.bskt td.chkBox { text-align:center; width:30px;}
/* #bskt th.chkBox, #bskt td.chkBox, table.bskt td.chkBox { text-align:center; width:42px;} */
#bskt th.contents, #bskt td.contents, table.bskt td.contents { width:380px; text-align: left; }
#bskt th.qty, #bskt td.qty, table.bskt td.qty { text-align:center; width:54px; padding:0;}
#bskt th.incl, #bskt td.incl, table.bskt td.incl { text-align:right; width:80px; }
#bskt th.unit, #bskt td.unit, table.bskt td.unit { text-align:right; width:58px; }
#bskt th.disc, #bskt td.disc, table.bskt td.disc { text-align:right; width:64px; }
#bskt th.tincl, #bskt td.tincl, table.bskt td.tincl { text-align:right; width:80px; }
/*
#bskt th.contents, #bskt td.contents, table.bskt td.contents { width:400px; text-align: left; }
#bskt th.qty, #bskt td.qty, table.bskt td.qty { text-align:center; width:54px; padding:0;}
#bskt th.incl, #bskt td.incl, table.bskt td.incl { text-align:right; width:78px; }
#bskt th.unit, #bskt td.unit, table.bskt td.unit { text-align:right; width:58px; }
#bskt th.disc, #bskt td.disc, table.bskt td.disc { text-align:right; width:64px; }
#bskt th.tincl, #bskt td.tincl, table.bskt td.tincl { text-align:right; width:80px; }
*/
#bskt th.disc, #bskt th.tincl, #bskt th.incl, #bskt th.unit { text-align:center; }
#bskt td.chkBox input { width:14px; height:14px;}
#bskt input.qty {	width:30px;	text-align:center;	margin: 5px; display:inline; border:1px solid #00f; }

/* .bsktContents {	float:left;	width:400px;} */
.bsktContents {	float:left;	width:350px;}
.bsktQty {	float:left;	width:54px;}
#bskt input.update { float:left; width:54px; height:24px; margin:0; background:url(../images/update.jpg) }
#bskt input.update:hover { background:url(../images/update_hi.jpg)}
.bsktImgContainer {	float: left;	width: 105px; height:104px;	overflow: hidden;	}
.bsktImgContainer img {float:left; width:105px; height: 104px; border:0; cursor:pointer; }
.bsktTxtContainer {	float: left;	width: 279px; height: auto;	padding-left:10px; }
.bsktTitle {float:left; width:100%; font-weight:normal; line-height:14px; border:0px solid red; margin:0; padding:0;}
.bsktPartCode {float:left; width:100%; margin-bottom: 3px; padding:4px 0 0 0; }
.basketOffer { width:285px;  float:left;  margin:5px 0px 0 0px; }
.basketOffer .offer { width:6px;  height:14px; float:left;
  background:url(../images/basket_offer_l.gif) 0px 1px no-repeat; }
.basketOffer .details { width:270px;  height:14px; float:left;  font-size:10px; line-height:12px; color:#000; text-align:center; }
.basketOffer .offerR { width:6px;  height:14px; float:left;
  background:url(../images/basket_offer_r.gif) 0px 1px no-repeat; }

.bsktbbBtn { float:left; width:auto; margin:5px 0 0 0px; }
.bsktbbBtn a { float:left; width:auto; height:20px; padding:0 0 0 20px; background:url(../images/3dright.gif) left top no-repeat; }
.bsktbb { float:left; width:340px; display:none; padding:10px; border:1px solid #CCCCCC; background:#e0e0e6;}
.bsktbb ul { width:100%; }
.bsktbb ul li { width:100%; border-bottom:1px solid #CCCCCC; }

/* #basketTotal1 {  width:350px;  float:right;  background:#CCCCCC;	 } */
#basketTotal1 {  width:392px;  float:right;  background:#CCCCCC;	margin-top: -1px; }
#basketTotal {  width:253px;  float:right; clear:right; background:#CCCCCC; margin-top: 87px;}
#bskt1 { float:right;	 }
td.bsktNoBg { width:170px; text-align: right; font-weight:bold; font-size:11px; }
/*
td.bsktNoBg { width:146px; text-align: right; font-weight:bold; font-size:11px; }
td.bsktTotal { width:77px; text-align: right;	color: #000000;	font-weight:bold; font-size:11px; } 
*/
td.bsktTotal { width:90px; text-align: right;	color: #000000;	font-weight:bold; font-size:11px; }
td.formShowText { height:20px; }
td.bsktGrandTotal {	width:90px; text-align: right;	font-weight:bold;	color: #000;	padding: 5px;	background: #eeeeee;	font-size:11px; }
/* td.bsktGrandTotal {	width:77px; text-align: right;	font-weight:bold;	color: #000;	padding: 5px;	background: #eeeeee;	font-size:11px; } */

#basketButtons { width:380px;   height:auto;  float:left; margin-top: 35px;}
#basketButtonsR { width:253px;   height:auto;  float:right;  clear:right; margin:10px 0 0 0; }
#basketButtonsR .checkoutBtn { width:254px; height:28px; float:left;  display:inline; margin:0 0 10px 0;  background:url(../images/checkout.jpg) no-repeat top left; }
#basketButtonsL { width:229px;   height:auto;  float:left;  clear:left; margin:10px 0 0 0; }
#basketButtonsL .shopBtn { width:222px; height:28px; float:left;  display:inline; margin:0px 0 0 0px;  background:url(../images/shop.jpg) no-repeat top left; }

#hideOR {font-size: 16px; display: block; margin: 4px 0 0 48px !important; float: left;}
#AmazonInlineWidget {float:right !important;}

#basketCarrier { height:auto;  float:left;  display:inline; margin:1px 0 0 0px; }
#basketCarrierT { width:788px; height:19px; float:left;  display:inline;
  border:1px solid #CCCCCC; border-bottom:0px solid #e0e0e6;
  margin:0px 0 0 0px;  padding:5px 10px 0 10px; background:#d0d0d6;}
#basketCarrierT p { width:auto; height:19px; float:left;  display:inline;
  text-align:left; line-height:14px; font-size:10px; }
#basketCarrierT a { width:auto; height:19px; float:right;  display:inline; }
#basketCarrierB { width:788px;   height:30px;  float:left;  display:inline; clear:left;
  margin:0px; padding:10px 10px 0 10px;
  background:#e0e0e6; border:1px solid #CCCCCC; }
/*
#basketCarrier { width:449px;   height:auto;  float:left;  display:inline; margin:1px 0 0 0px; }
#basketCarrierT { width:427px; height:19px; float:left;  display:inline;
  border:1px solid #CCCCCC; border-bottom:0px solid #e0e0e6;
  margin:0px 0 0 0px;  padding:5px 10px 0 10px; background:url(../images/delivery_head.jpg) repeat-x top left #e0e0e6; }
#basketCarrierT p { width:auto; height:19px; float:left;  display:inline;
  text-align:left; line-height:14px; font-size:10px; }
#basketCarrierT a { width:auto; height:19px; float:right;  display:inline; }
#basketCarrierB { width:426px;   height:30px;  float:left;  display:inline;
  margin:0px; padding:10px 10px 0 10px;
  background:#e0e0e6; border:1px solid #CCCCCC; }
*/
#basketForeign { width:449px;   height:auto;  float:left;  display:inline; margin:10px 0 0 0px; }
#basketForeign p { float:left; width:100%; font-size:10px; }
#basketNextDay { width:136px;   height:77px;  float:left; padding:2px 0 0 2px; margin:85px 0 0 29px;}
#basketNextDayImg { width:136px;   height:77px;  float:left; display:none;}

#basketBottom { float:left; width:100%; margin:10px 0 0 0; }
#basketRight { width:234px; float:right; clear:right; margin:0px 0px 0 0px; padding:0px;  border:1px solid #CCCCCC; background:#E0E0E6; }
#basketRight h3 {width: 96%; margin: 0; padding:0 3% 0 1%; line-height: 20px; text-align: left; color: #222; background: #cbcbd1; font-weight: normal; font-size: 14px; text-align:center;}
#basketRight p { text-align:center; padding:4px 10px; font-size:10px; }
#basketRight ul { float:left; width:220px; height:20px; margin:0;  padding:0px 0 15px 10px; }
#basketRight ul li.basketCode { float:left; display:inline; width:114px; height:auto; padding:6px 0 0 0;}
#basketRight ul li.basketCode1 { float:left; display:inline; width:80px; height:22px; padding:0 0 0px 10px;}

#basketRight1 { width:234px; float:right; clear:right; margin:10px 0px 0 0px; padding:0 0px 0 0;  border:1px solid #CCCCCC;  }
#basketRight1 h3 {width: 95%; margin: 0; padding:0 3% 0 2%; line-height: 20px; text-align: left; color: #222; background: #cbcbd1; font-weight: normal; font-size: 14px;}
#basketRight1 img { float:left; padding:0 0 0 70px; }
#basketRight1 p { float:left; clear:left; width:220px; text-align:center; padding:0px 8px 10px 8px; font-size:9px;  }

#basketRel { float:left; width:560px; }
#basketBargains { float:left;  overflow:hidden;  clear:both;  width:99%; border:1px solid #CCCCCC; border-bottom:0; padding:0; }
#basketBargains h3 {width: 96%; margin: 0; padding:0 3% 0 1%; line-height: 20px; text-align: left; color: #222; background: #cbcbd1; font-weight: normal; font-size: 14px;}
#basketBargains .productListItem { border-bottom:1px solid #cbcbd1;  }
#basketBargains .productListItemR { float:right;  width:400px; margin:0 0 0 0px;  color:#000; }
#basketBargains .productListItemR ul { float:left; width:400px;}
#basketBargains .productListItemR ul li { float:left; clear:left; width:400px; font-size:10px; height:auto; margin-top:3px;}
#basketBargains .productListItemR ul li.price4 { font-size:12px; color:#f00; width:280px; }
#basketBargains .productListItemR ul li.details { clear:none; float:right; width:97px; padding-right:10px; }

/* interim order type ------ */

#orderTypeMain { width:980px; float:left; margin:10px 0 0 0px;  padding:0 0 10px 0;
  border:0px solid #A2A0B6;  }

#orderTypeTop { width:980px;  float:left; }
#orderTypeTop h2 { float:left; width:100%; text-align:center; font-size:14px; color:#333; }
#orderTypeLeft { float:left;  width:308px;  height:265px; display:inline; margin:10px 0 0px 0px; padding:10px; border:2px solid #cbcbd1;}
#orderTypeLeft p.info { padding-left:10px; }
#orderTypeLeft dl.std { padding-left:10px; width:278px; }
#orderTypeLeft #lostpw { float:left; width:258px; display:inline; background:#ccf; margin:10px 0 0 10px; padding:5px; border:1px solid #cbcbd1;}
#orderTypeLeft ol.remind {  float:left; width:100%;  margin:5px 0 0px 0px;  }
#orderTypeLeft ol.remind li { float:left; clear:left; width:100%; font-size:9px; line-height:11px;  }

#orderTypeRight {
  width:300px;  height:265px;  float:left;  display:inline;  text-align:left;
  margin:10px 0 0 0px;   padding:10px;
  border:2px solid #cbcbd1;
  }
#orderTypeVeryRight {
  width:300px;  height:265px;  float:left;  display:inline;  text-align:left;
  margin:10px 0px 0 0;  padding:10px;
  border:2px solid #cbcbd1;
  }
#orderTypeVeryRight .p1 {
  width:100%; height:auto; float:left; font-size:10px;  color:#333;
  margin:15px 0 0px 0;
  }
#orderTypeVeryRight .p2 {
  width:100%; float:left; font-weight:bold; line-height:11px; color:#000;
  margin:5px 0 5px 0;
  }

/* order delivery address ----- */

#orderDeliveryMain {
  width:970px;  float:left;  display:inline;
  margin:10px 0 0 5px;  padding:0 0 10px 0;
  border:2px solid #cbcbd1;
  }
#orderDeliveryLeft { float:left;  width:410px; display:inline;  margin:5px 0 0 20px; }
#orderDeliveryLeft div.addlist { float:left;  width:100%; height:auto; max-height:400px; overflow:auto;}

#orderDeliveryLeft ul.addline { float:left;  width:408px;  padding:0 0 10px 0; border:1px dotted #fff;}
#orderDeliveryLeft ul.addline li { float:left; }
#orderDeliveryLeft ul.addline li.i { width:20px; padding:2px 0 0 0;}
#orderDeliveryLeft ul.addline li.i input { border:0; }
#orderDeliveryLeft ul.addline li.n { width:368px; padding:0 0 0 20px; }
#orderDeliveryLeft ul.addline li.n label { width:100%; height:100%; }

#orderDeliveryRight { width:43%;  float:right; display:inline;  margin:5px 20px 0 0; }
#orderDeliveryAddNew { float:left; width:auto; }
#orderDeliveryContinue { float:left; width:auto; margin:20px 0 0 140px; }

#deliveryAlert { position:absolute; display:block; left:10px; top:10px; width:308px; height:auto; border:3px ridge #f00; background:#fff; z-index:2000;}
#deliveryAlertHead { float:left; width:98%; height:26px; display:inline; background:url(../images/headerbg.gif) top left no-repeat #fff; margin:4px 1% ; }
#deliveryAlertHeadText { float:left; clear:left; width:100%; height:18px; overflow:hidden;
  text-align:center; margin-left:0px; color:#700; font-weight:bold; font-size:14px; line-height:18px; padding:4px 0 0px 0;}
#deliveryAlertClose { float:right; display:inline; width:21px; margin:-20px 3px 3px 3px; }
#deliveryAlertCloseBtn { cursor:pointer; }
#deliveryAlertMessage { float:left; clear:left; width:98%; height:auto; padding:1%; font-size:12px; }
#deliveryAlertPrompt { float:left; clear:left; width:98%; height:50px; text-align:center;  margin:6px 0 0 1%; border-top:2px ridge #cbcbd1; overflow:auto;}

/* delivery - process_order-multi ------ */

#mainChkt { float:left; width: 100%; margin: 0px 0px 0 0px; padding: 0px; border:0px solid red;}
#mainChkt h2 { padding-bottom:10px; }
#mainChkt .elucid_select { width:100%; }

/* order_choices --------------- */
#orderChoice {
  width:970px;  height:auto; float:left;
  margin:10px 0 0 0px;  padding:0 0 0px 5px;
  text-align:left;
  border:0px solid #cbcbd1;
  }

#orderChoice ul { margin:10px 0 0 0; }
#orderChoice li { display:inline; width:156px; margin:0 3px; padding:0px; background:url() top left no-repeat #cbcbd1; }
#orderChoice li a { float:left; width:156px; height:85px; font-size:12px; padding:0px; font-weight:bold; outline:0; }
#orderChoice li#oc_card { margin-left:0; background-image: url(../images/Checkout_CC.gif); }
#orderChoice li#oc_paypal { background-image: url(../images/Checkout_PP.gif); }
#orderChoice li#oc_classic { background-image: url(../images/Checkout_Classic.gif); }
#orderChoice li#oc_intFree { background-image: url(../images/Checkout_INTFREE.gif); }
#orderChoice li#oc_paylater { background-image: url(../images/Checkout_BNPL.gif); }
#orderChoice li#oc_cheque { background-image: url(../images/Checkout_CQ.gif); }
#orderChoice li#oc_cyclescheme { margin-right:0; background: url(../images/Checkout_Cycle.gif) top left no-repeat; }

/* order_main --------------- */
#orderMain {
  width:970px;  height:auto; float:left;  clear:both; display:inline;
  margin:10px 0 0 5px;  padding:0 0 10px 0;
  text-align:left;
  border:2px solid #cbcbd1;
  }
#orderMainLeft { float:left; width:430px; padding:0 0 0 20px; }
#orderMainRight { float:left; width:430px; margin:20px 0 0 80px; display:inline; }
#orderMainBottom { float:left; width:970px; display:inline; }

#orderChoice_card_head,
#orderChoice_classic_head,
#orderChoice_classic_head_2,
#orderChoice_paylater_head,
#orderChoice_paylater_head_2,
#orderChoice_paypal_head,
#orderChoice_cheque_head,
#orderChoice_cyclescheme_head,
#orderChoice_details_head,
#orderChoice_details,
#orderChoice_cc_total,
#orderChoice_classic_total,
#orderChoice_paylater_total,
#orderChoice_cc,
#orderChoice_paypal,
#orderChoice_cheque,
#orderChoice_cyclescheme,
#orderChoice_classic_none,
#orderChoice_paylater_none,
#orderChoice_paylater_dead,
#orderChoice_classic_print,
#orderChoice_classic,
#orderChoice_paylater_print,
#orderChoice_paylater,
#orderChoice_button,
#orderChoice_privacy,
#orderChoice_Amazon,
#orderChoice_cyclescheme_text  { float:left; width:100%; }

#orderMainLeft dl.std dt { height:26px; margin:0px 0 0 0; font-size:11px; line-height:12px; border:0px solid red;}
#orderMainLeft dl.std dd { height:26px; margin:0;  border:0px solid blue;}
#orderMainLeft dl.std dd.a { height:46px; margin:0; }
#orderMain dl.std dd.b { height:75px; width:400px; margin:0; }
#orderMain p { float:left; width:100%;}
p.fintext { font-size:100%; padding:5px 0;}
#orderMain h1 { width:100%; }
#orderMain h2 { font-size:12px; line-height:16px; font-weight:bold;}
div.stdOrderBorder { width:76px; margin-top:0px;}
div.stdOrderBorderR { width:76px; margin-left:5px; margin-top:0px;}
#orderMain #first_name{ width:120px; }
#orderMain #last_name { width:120px; float:right;}

#orderRight { float:left; width:430px;  display:inline; margin:10px 0px 0 20px; text-align:left; }
#orderRight ul.std li { height:20px; }

#orderCheque { float:left; width:430px;  height:auto; float:left; display:inline; margin:10px 0 0 0px; }
#orderCycleScheme { float:left; width:430px;  height:auto; float:left; display:inline; margin:10px 0 0 0px; }
#orderCycleScheme p { margin:4px 0;}
#orderCard { width:430px;  float:left; display:inline; margin:5px 0 0 5px; }

#orderPaypal { width:430px;  height:100px; float:left; display:inline; margin:5px 0 0 0px; }
#orderPaypal div { float:left; width:100%; }
#orderPaypal p { float:left; clear:left; width:100%;  }

#orderAmazon { width:430px;  height:100px; float:left; display:inline; margin:5px 0 0 0px; }
#orderAmazon div { float:left; width:100%; }
#orderAmazon p { float:left; clear:left; width:100%;  }

#orderChoice_classic_print { float:left; width:430px;  margin:-10px 0 0 0; }
#orderChoice_classic { float:left; width:430px; margin:0px 0 0 0; font-size:10px; }
#orderClassic { float:left; width:100%; margin:0px 0px 0 0px; display:inline; text-align:left; }
#orderClassic p { float:left; width:100%; padding:4px 0; font-size:100%;}
#orderClassic dl { float:left; width:85%; padding:0 3px; margin:4px 0; border:1px solid #cbcbd1; }
#orderClassic dl dt { float:left; clear:left; width:75%; margin:0; padding:1px; font-size:100%; }
#orderClassic dl dd { float:left; width:20%; padding:1px; margin:0; text-align:right; font-size:100%; }

#orderChoice_intFree_print { float:left; width:430px;  margin:-10px 0 0 0; }
#orderChoice_intFree { float:left; width:430px; margin:0px 0 0 0; font-size:10px; }
#orderintFree { float:left; width:100%; margin:0px 0px 0 0px; display:inline; text-align:left; }
#orderintFree p { float:left; width:100%; padding:4px 0; font-size:100%;}
#orderintFree dl { float:left; width:85%; padding:0 3px; margin:4px 0; border:1px solid #cbcbd1; }
#orderintFree dl dt { float:left; clear:left; width:75%; margin:0; padding:1px; font-size:100%; }
#orderintFree dl dd { float:left; width:20%; padding:1px; margin:0; text-align:right; font-size:100%; }

#orderChoice_paylater_print { float:left; width:430px; margin:-10px 0 0 0;}
#orderChoice_paylater { float:left; width:430px; margin:0px 0 0 0; font-size:10px;}
#orderPaylater { float:left; width:100%;  float:left; margin:0px 0 0 0px; display:inline; text-align:left; }
#orderPaylater p { float:left; width:100%; padding:4px 0; font-size:100%; }
#orderPaylater dl { float:left; width:85%; padding:0 3px; margin:4px 0; border:1px solid #cbcbd1;}
#orderPaylater dl dt { float:left; clear:left; width:75%; margin:0; padding:1px; font-size:100%;}
#orderPaylater dl dd { float:left; width:20%; padding:1px; margin:0; text-align:right; font-size:100%;}

#orderFullWidth { width:920px;  float:left; display:inline; margin:15px 0 0 20px; }
#orderFullWidth hr { float:left; clear:both; width:30%; margin:3px 0 0 0; padding:0; color:#999;  }
#orderFullWidth p.infobig { color:#000; font-weight:bold; margin:3px 0 0 0;}
#orderFullWidth p.info { margin:0px 0 0 0; }

div#orderButton { width:320px;  float:left; margin:20px 0 0 0px; }
.orderButton { float:left; width:138px; height:28px; background:url(../images/checkout_btn_continue.gif); border:0; }
.loginButton { float:left; width:138px; height:28px; background:url(../images/checkout_btn_login.gif); border:0;}

/* order confirm ------------------- */
#orderConfirmMain {
  width:970px;  height:auto; min-height:390px; float:left;  clear:both; display:inline;
  margin:10px 0 0 5px;  padding:0 0 10px 0;
  text-align:left;
  border:2px solid #cbcbd1;  /* color is set by print class */
  }

#orderConfirmLeft {
  float:left;  width:380px;  display:inline;
  margin:5px 0 0 20px;  padding:0 0 10px 0;
  border:0px solid red;
  }

#orderConfirmRight {
  width:360px;  float:left; display:inline;
  margin:5px 0px 0 20px;
  text-align:left;
  border:0px solid red;
  }

#orderConfirmBottom {
  width:768px;  float:left; clear:left; display:inline;
  margin:5px 0px 0 20px;
  text-align:left;
  border:0px solid red;
  }

/* order confirm page overrides - if it is a different width to the basket page */
#basketMainConfirm { width:768px;  float:left;  clear:both; background:#A2A0B6; }
#amazonBasket #basketMainConfirm { width:900px;float:left;  clear:both; background:#A2A0B6; }
#amazonBasket #basketMainConfirm .contents { width:500px;}
#amazonBasket #basketMainConfirm .qty { width:50px;}
#amazonBasket #basketMainConfirm .unit { width:80px;}
#amazonBasket #basketMainConfirm .incl { width:80px;}
#amazonBasket #basketMainConfirm .disc { width:80px;}
#amazonBasket #basketMainConfirm .total { width:80px;}
#amazonBasket #basketTotal1 {float:right; width:344px;}
#amazonBasket #basketTotal1 .unit { width:80px;}
#amazonBasket #basketTotal1 .incl { width:80px;}
#amazonBasket #basketTotal1 .disc { width:80px;}
#amazonBasket #basketTotal1 .total { width:80px;}
#amazonBasket #basketTotal1 #bskt {float:right;}
#amazonBasket #basketTotal  { width:255px;}
#amazonBasket #basketTotal .bsktTotal { width:85px;}
#amazonBasket #basketTotal .bsktGrandTotal { width:85px;}
#amazonBasket #basketCarrierB { width:380px;}
#amazonBasket #basketCarrierT { width:380px;}
#amazonBasket #bsktNoBg { width:160px;}

#orderConfirmBottom td.contents { width:414px; text-align: left; }
#orderConfirmBottom #basketTotal1 {  width:295px;  float:right;  background:#A2A0B6;	 }
#orderConfirmBottom #basketTotal {  width:232px;  float:right; clear:right; background:#A2A0B6; }
#orderConfirmMain #btn { float:left; clear:left; width:50%; margin:5px 0 0 0px; padding:0 0 0 20px;  }

#continueConfirm { float:left; clear:left; width:400px; padding:5px 0 0 20px; }

/* order confirm vbv------------------- */

#orderConfirmVBVMain { float:left; clear:left; width:970px;  margin:10px 0 0 5px;  padding:0 0 10px 0;  border:2px solid #cbcbd1; }
#orderConfirmVBVLeft {float: left; width: 277px; line-height: 14px; margin:0px; padding:10px 0px 0px 20px; border: 0px solid #A2A0B6; }
#orderConfirmVBVRight {float: left; width: 652px; height:500px; overflow:auto; margin:10px 0 0 10px; padding:0px; border: 1px solid #A2A0B6; }
#vbvFrame { width:652px; height:500px;}

#showDets p.tab_a_Out,
#showDets p.tab_b_Out,
#showDets p.tab_c_Out,
#showDets p.tab_d_Out,
#showDets p.tab_e_Out {
	margin: 5px 0 0 0; padding: 0 0 0 25px;
	line-height: 28px;
	font-weight: bold;
	background: transparent url('../images/vbvBg.gif') top left no-repeat;
	}

#showDets p.tab_a_Over,
#showDets p.tab_b_Over,
#showDets p.tab_c_Over,
#showDets p.tab_d_Over,
#showDets p.tab_e_Over {
	cursor: pointer;
	color: #C22139;
	text-decoration: underline;
	margin: 5px 0 0 0; padding: 0 0 0 25px;
	line-height: 28px;
	font-weight: bold;
	background: transparent url('../images/vbvBg.gif') top left no-repeat;
	}

#a {
		clear:both;
		padding-bottom: 10px;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		}

#b, #c, #d, #e, #f {
		display: none;
		clear:both;
		padding-bottom: 10px;
		border-right: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
		border-left: 1px solid #CCCCCC;
		}
#a p, #b p, #c p, #d p, #e p, #f p {margin: 0;padding: 10px 25px 0 25px; color: #666666;}

/* order confirmed ------------------- */

#orderThanksMain {
  width:970px;  float:left;  display:inline;
  margin:10px 0 0 5px;  padding:0 0 10px 0;
  text-align:left;
  border:2px solid #A2A0B6;
  }

#orderThanksLeft {
  float:left;  width:580px; display:inline;
  margin:5px 0 0 20px;
  border:0px solid red;
  }

#orderThanksRight {
  float:left;  display:inline; width:240px;
  margin:100px 0px 0 50px;
  border:0px solid red;
  }

/* competition ----------- */

#compSelect { float:left; width:635px; }
#compSelect a { float:left; width:635px; margin:10px 0 0 0; }

#compLeft { float:left;  display:inline; width:380px;  margin:10px 0 0 20px; }
#compLeft ul { width:350px; margin:10px 0 0 0px; border:1px solid #cbcbd1; }
#compLeft ul li { line-height:20px; }
#compLeft ul li p { width:320px; padding:0 0 0 20px; }
#compLeft ul li h4 { width:340px; text-align:center; color:#333; background:#cbcbd1; margin:5px 5px; }
#compLeft ul li div { width:340px; padding:0 0 0 20px; font-size:11px; line-height:12px; }
#compLeft ul li.a { border-top:5px solid #cbcbd1; }
#compLeft ul li.b {  border-top:1px solid #cbcbd1; }
#compLeft ul li p.foot { font-size:9px; line-height:12px; color:#555; margin:5px 0;}

#compLeft input { float:left; clear:left; width:auto; display:inline;  margin:2px 0 0 20px;  }
#compLeft label { float:left; width:auto; cursor:pointer; padding:1px 0 0 5px; }

#compTerms { float:left;  display:inline; width:350px;  margin:10px 0 0 0px;}
#compTerms p { font-size:10px; color:#555; }

#compRight { float:left;  overflow:visible;  width:370px;  display:inline;  margin:10px 0 0 30px;  padding:0px; }

#compSent { float:left;  width:570px;  display:inline;  margin:10px 0 0 0px;  padding:0px; }
#compSent img { float:left; width:60px; margin:20px 20px; display:inline;}

/* site map ----------- */

#siteMap { }
#siteMap div.row { float:left; width:100%; }
#siteMap div.col1 { float:left; width:265px; padding:0 0 10px 0; }
#siteMap ul { float:left; width:265px; display:block;  }
#siteMap ul.mainMenuItem { margin:0; padding:0; }
#siteMap ul.rowx { height:100px; }
#siteMap ul li { width:245px; font-size:12px; line-height:15px; margin:0; padding:0 0 0 10px; background:#e0e0e6;}
#siteMap ul li.head { font-size:13px; font-weight:bold; line-height:16px; padding:0; background:#fff;}
#siteMap ul li.head h1 { font-size:13px; font-weight:bold; line-height:16px; color:#000; padding:0; margin:0;}
#siteMap ul.rowx a, #siteMap ul li.mainMenuItem a h2 {
  font-family:arial; font-size:12px; line-height:15px; color:#000; text-decoration:underline; font-weight:normal;
  padding:0 0 0 10px;  margin:0px;
  }
#siteMap ul.rowx a:hover, #siteMap ul li.mainMenuItem a:hover h2 {
  color:#980000;
  }

/* catalogue ----------- */

#catalogueLeft {
  float:left;  overflow:hidden;  clear:left;  width:430px;
  margin-top:0px;  padding:0px;
  border:0px solid red;
  }

#catalogueLeft #overseas {
  float:left;  overflow:hidden;  clear:left;  width:410px;
  margin:10px 0 0 0px;  padding:0px;
  }


#catalogueRight {
  float:left;  overflow:visible;  width:340px;  display:inline;
  margin:10px 0 0 30px;  padding:0px;
  border:0px solid red;
  }

#catalogueRight img { margin:0 0 0 20px; padding:0; }

#catalogueRight .catalogueHear { float:left; width:49%;  margin-bottom:10px;  border:0px solid red; }
#catalogueRight .catalogueHear li { float:left; clear:both; width:100%; }

#catalogueRight #thirdp { float:left; clear:left; width:89%;  margin-bottom:10px;  border:0px solid red; }

/* my account ---------- */

#servicesMain { width:100%; }
#servicesMain a { text-decoration:underline; }
#servicesMain a:hover { text-decoration:underline; }
#servicesTabs {
  width:595px;  height:25px;  float:left; overflow:hidden;
  margin:5px 0 0 0;
  border:0px solid green;
  }
#servicesTabs p, #servicesTabs p:link,  #servicesTabs p:active,  #servicesTabs p:visited {
  width:129px;  height:21px;  float:left;  margin:0px 5px 0 0px; display:inline;
  text-decoration:none;  line-height:1.4em; text-align:center;  color:#000;  padding:6px 0 0 0;
  cursor:pointer;
  }
#servicesTabs p:hover { text-decoration:underline; color:#f00;}

#servicesTabs p.off, #servicesTabs p.off:link, #servicesTabs p.off:visited, #servicesTabs p.off:active {
  background: url('../images/tab_services.gif') no-repeat 0px 3px;
  height:20px;
  }
#servicesTabs p.off:hover { }

#servicesTabs p.on, #servicesTabs p.on:link, #servicesTabs p.on:visited, #servicesTabs p.on:active {
  background: url('../images/tab_services_on.gif') no-repeat 1px 0px;
  height:22px;
  }
#servicesTabs p.on:hover { }

#servicesLeft {
  float:left;  clear:left;  width:200px;
  margin:0; padding:0;
  border:0px solid blue;
  }

#servicesPW { float:left; width:170px; margin:10px 0 0 0px; padding:10px; border:1px solid #A2A0B6; display:inline;}
#servicesPW1 { float:left; width:100%; }
#servicesPW2 { float:left; width:100%; display:none;}

#servicesRight { float:left;  width:595px;  height:auto; display:inline; margin:0px 0 0 10px; }

#servicesMain { float:left; width:100%; padding:3px 0;}
#servicesMain #sa { float:left; width:100%; display:block; border:1px solid #cbcbd1;}
#servicesMain #sb { float:left; width:100%; display:none;  border:1px solid #cbcbd1;}
#servicesMain #sc { float:left; width:100%; display:none;  border:1px solid #cbcbd1;}
#servicesMain #sd { float:left; width:100%; display:none;  border:1px solid #cbcbd1;}
#servicesMain #se { float:left; width:100%; display:none;  border:1px solid #cbcbd1;}

.servicesCore {
  float:left;  width:580px; padding:10px 5px 10px 10px;  display:inline;
  border:0px solid red;
  }
.servicesCore a { cursor:pointer; }

#servicesMain dl.privacy { float:left; width:95%; margin:14px 0 4px 0; line-height:14px; border:0px solid red; }
#servicesMain dl.privacy dt { float:left; clear:left; width:6%; color:#003399; font-weight:bold; margin:0; padding:0; }
#servicesMain dl.privacy dd { float:left; width:90%; color:#333; margin:0; padding:0; }
#servicesMain dl.privacy dd.a { height:21px;}

#servicesMain ul.cal { float:left; width:100%; border:0px solid red; height:20px;}
#servicesMain ul.cal li { float:left; width:100%; display:inline; }
#servicesMain ul.cal li.a { width:80%; }
#servicesMain ul.cal li.b { width:10%; float:right; margin-right:10px; display:inline;}


/* tracking ----------------- */

#trackMain { width:100%; }

#trackTable { width:98%; border:0px solid red; background:#A2A0B6;}
#trackTable th { border:0px solid transparent; background:#cbcbd1; padding:2px 5px;}
#trackTable td { border:0px solid red; background:#fff; padding:2px 5px; }
.trackSubTable { width:100%; padding:0; margin:0; border:0px solid red;}

ul.headlist {
	float:right;
	width: 100%;
	margin: 0; padding:0;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
			border: 0px solid red;
  }

ul.headlist li {
	float:right;
	width:auto;
	margin: 0; padding:0px 0 0 0;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
			border: 0px solid red;
  }

/* reminder ------ */

#reminderMain { width:100%; }
#eventsTable { width:98%; border:0px solid red; background:#A2A0B6;}
#eventsTable th { border:0px solid transparent; background:#cbcbd1; padding:2px 5px;}
#eventsTable td { border:0px solid red; background:#fff; padding:2px 5px; }

/* email a friend ------- */

#friendMain { width:760px;  height:450px;  float:left; background: url(../images/header.jpg) left top no-repeat #fff;  }
#friendLeft { width:454px;  float:left; }
#friendSendBack { width:100px;  float:left; display:inline; margin:0 0 0 220px; }
#friendClose { width:300px;  float:left; display:inline; margin:0 0 0 130px; }
#friendPic { width:260px;  max-width:260px;  height:280px;  max-height:280px;  float:left;  overflow:hidden;  margin:0 0 0 10px; }
#friendPic img { width:260px;  max-height:280px; }

/* newsletter --------- */

#newsMain { float:left; width:400px; margin:20px 0 0 20px; display:inline; }
#newsRight { float:left; width:320px; margin:60px 0 0 30px; }
#newsThanksMain { float:left; width:420px;  margin-top:20px; }

/* misc --- */

table.satsLevels { width:600px;  border:1px solid #A2A0B6; background:red; border-collapse:collapse; }
table.satsLevels th { background:#cbcbd1; padding:3px; border:1px solid #fff; }
table.satsLevels th a { width:148px; }
table.satsLevels th b { width:449px; }
table.satsLevels td { background:#fff; padding:3px; border:1px solid #cbcbd1; line-height:12px; height:12px; }

a.satsLink1, a.satsLink1:link, a.satsLink1:visited, a.satsLink1:active {
  float:left; width:140px; display:block;  border:2px solid #36f; background:#02195D; }
a.satsLink1:hover {
  background:#069; }

a.satsLink1 p { padding:5px; color:#fff;}
a.satsLink1 p span { color:#ff0; font-weight:bold; }

.siteMap { width:100%; }
.siteMap ul  { list-style: disc; margin-left:40px; }
.siteMap ul li { height:15px; line-height:15px; list-style: disc; color:#007; }
.siteMap a:link, .siteMap a:visited, .siteMap a:active
 {padding-bottom:3px; margin:0; border:0; text-decoration: none; font-weight:bold; cursor:pointer; color:#00f;}
.siteMap a:hover { color:#00f; text-decoration: underline; }

/* alert box */
#workArea { position:absolute; display:block; }
.alertX { position:absolute; display:block; left:10px; top:10px; width:auto; height:auto; padding:4px; border:1px solid #000; background:#fff; padding:4px; z-index:2000;}
.alertXHead { float:left; width:100%; height:26px; display:inline; background:url(../images/HeaderBg.gif) top left no-repeat; }
#alertXHeadText { float:left; clear:left; width:100%; height:18px; overflow:hidden;
  text-align:center; margin-left:0px; color:#000; font-weight:bold; font-size:14px; line-height:18px; padding:4px 0 0px 0;}
#alertXClose { float:right; display:inline; width:21px; margin:-20px 3px 3px 3px; }
#alertXCloseBtn { cursor:pointer; }
#alertXIconI { float:left; display:inline; width:28px; height:26px; margin:-22px 0px 0px 0px;  }
#alertXIconQ { float:left; display:inline; width:28px; height:26px; margin:-22px 0px 0px 0px;  }
.alertXMessage { float:left; clear:left; overflow:auto; height:auto; padding:6px 0px; border:0px solid red;}
.alertXPrompt { float:left; clear:left; width:100%; height:auto; text-align:center; border-top:2px ridge #cbcbd1;}
#alertXT, .alertXT { position:absolute; display:block; left:-2000px; top:5px; width:auto; height:auto; }

/* lightbox ---- */

.lightBox {
  display:none;  width:314px;  position:absolute; overflow:hidden;
  background:none;
  border:3px ridge #036;  background:#fff;
}

#lightBoxC, .lightBoxC {
  width:314px;  float:left;
  color: white;
  margin:0px;  padding:0px;
}
#lightBoxCpic {
  width:100%; float:left;
  background: url('') transparent 10px 10px no-repeat; background-attachment:scroll;
}

#shadowBox {
  position:absolute; width:8px;   height:8px;
  background:black;
  filter:alpha(opacity=70);  opacity:0.70;
}

#lbBtn {
  width:100%;  height:30px;  float:left;  display:block;
  border: 0px red solid;
}

#lbBtnIn {
  width:26px;  height:20px;  float:right;  display:inline; cursor:pointer;
  margin:10px 10px 0 0px;
  border: 0px red solid;
}

#lbBtn a.a {
  width:20px;  height:14px;  display:block;  float:right;
  color:white;  cursor:pointer;
  background:red;
  border:3px ridge #999999;
  }

#lbTxtHolder {
  width:100%; float:left; clear:left;
  border: 0px black solid;
  }
#lbTxtT {
  width:100%;  height:16px; float:left;
  text-align:center;  color:#333;  font-size:12px;  font-weight:bold;
  margin-top:5px;
  border: 0px blue solid;
  }
#lbTxt {
  width:100%; float:left;
  text-align:center;  color:#333;  font-size:10px;  font-weight:bold;
  margin-top:5px;
  border: 0px lime solid;
  }
#lbTxtB {
  width:100%;  height:14px; float:left;
  text-align:center;  color:#333;  font-size:10px;  font-weight:bold;
  margin-top:5px;
  border: 0px green solid;
  }
#lbTxtS {
  width:100%;  height:14px; float:left;
  text-align:center;  color:#333;  font-size:11px;  font-weight:bold;
  margin-top:20px; padding:0 0 10px 0;
  border: 0px red solid;
  }
.ajaxErrorBox {
  display:none;  width:auto;  height:auto;  position:absolute;
  background:#000; padding:3px;
}
#ajaxErrorBoxC {
  width:auto;  height:auto;  float:left;  overflow:hidden;
  color: black;
  border: 1px solid #f00;
  background:#E0E0E6;
  }
#ajaxErrorBoxC #ajeb_heading{
  float:left; clear:both; width:100%; height:20px;
  text-align:center; font-size:14px; line-height:20px; font-weight:bold;
  background:#f00;  color:#fff;
  }
#ajaxErrorBoxC #ajeb_body{
  float:left; clear:left; width:auto;  height:auto;
  text-align:left; font-weight:normal;
  margin:0px;
  padding:2%;
  }
#ajaxErrorBoxC #ajeb_body ul {
  float:left; width:auto;
  }
#ajaxErrorBoxC #ajeb_body ul li {
  float:left; clear:left; width:auto; white-space:nowrap;
  }
#ajaxErrorBoxC #ajeb_body span{
  text-align:left; font-weight:bold;  color:red;
  }
#ajaxErrorBoxC #ajeb_footer{
  float:left; clear:both; width:100%;  height:34px;  margin:0%; border-top:1px solid #A2A0B6;
  }

/* print */
#printblock { float:left; clear:left; width:980px; }
.printblock { float:left; width:100%; border:1px solid red; }
#printprompt { float:left; clear:left; width:90%; text-align:left; border:0px solid red; padding:10px;}

.printonly { display:none; }
.noprint { }
.noprintborder { border-color: #cbcbd1;}














/* Tom added */
#SEDNUDGE {margin-left: -1px;}
.SEBBox {width:322px; float:left; margin:3px 2px 10px;}
.BBBox {width: 312px; height: 361px; padding: 5px; float: left; margin: 2px 1px; color: #000000;}
.BBBox img {display: block; margin: 0 auto; width:100%;}
.BBBox a {color:#000000; text-decoration:none;}
.BBBox h1 {margin: 0 0 0 5px; font-size: 110%; padding: 2px; line-height: 15px; height:29px;}
.BBBox h2 {margin:0 0 0 5px;  padding:0 2px; font-size:100%; color:#FF0000;}

.lgraylink:hover {color:#DDDDDD !important;}

#productDescription ul li h2 ul, #productDescription ul li h2 ol {padding:10px; float:none; overflow:hidden;}
#productDescription ul li h2 ul li {list-style-type:disc; list-style-position:inside; padding:4px 0; width:608px;}
#productDescription ul li h2 ol li {list-style-type:decimal; list-style-position:inside; padding:2px 10px;}
#productDescription ul li h2 a {text-decoration:underline;}
#productDescription ul li h2 table {border: 1px solid #999999; border-spacing: 0;}
#productDescription ul li h2 table tr td {padding:3px 5px; border: 1px solid #999999;}
#productDescription ul li h2 hr {margin: 12px 0;}

#footerInner {width:980px; background:#222222; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
#footerInner h3 {color:#f89a1e; margin:0 0 5px 0; font-size:1em; font-weight:bold; padding-bottom: 3px; margin-bottom: -2px;}
#footerInner ul {padding: 0; margin: 0;}
#footerInner ul li {list-style:none; line-height: 15px;}
#footerInner ul li a {color:#ffffff; text-decoration:none; text-align:left; display: block; font-size:0.8em;}
#footerInner ul li a:hover {color:#f89a1e;}
#footerInnerCol1 {width:15%; padding:2%; float:left;}
#footerInnerCol2, #footerInnerCol3 {width:18%; padding:2%; float:left;}
#footerInnerCol4 {width:35%; padding:0; float:left;}
#footerInnerCol4 img {display: block; float: right;}
#footerInnerClear {clear:both;}

#bbWait table {border: 6px solid #fff !important;}

.red {color:#ff0000;}
.centre {text-align:center;}

.altcolour {border-collapse: collapse; border: 1px solid #e0e0e6;}
.altcolour td {padding:5px 6px;}
.altcolour tr:nth-child(odd) {background-color:#e0e0e6;}
.altcolour tr:nth-child(even) {background-color:#fff;}

.altcolour td:nth-child(odd) {width:70%;}
.altcolour td:nth-child(even) {width:30%;}

.listmenu ul {margin-left: 21px; font-size: 14px;}
.listmenu ul li {list-style-type:disc;}
.listmenu ul li ul {margin-left:21px;}
.listmenu2 li {list-style-type:circle !important;}
.listmenu ul a {color:#000000 !important;}
.listmenu ul a:hover {color:#02b8fa !important;}

.largebutton {display: block; margin: 0 auto 20px !important; background: #34495e; padding: 10px 30px !important; text-align: center; color: #fff !important; font-size: 16px; text-transform: uppercase; width: 50%;}
.largebutton:hover {background: #4b6782;}

.servicetable td {padding:5px;}
.servicetable tr:nth-child(even) {background-color:#e0e0e6;}
.servicetable tr:nth-child(odd) {background-color:#fff;}
.stgold {background-color:#FFD700; border-bottom:1px solid #DAA520;}
.stsilver {background-color:#e4e4ea; border-bottom:1px solid #CCCCCC;}
.stbronze {background-color:#cd7f32; border-bottom:1px solid #c1752a;}
.servicetable2 td {padding:5px;}
.servicetable2 tr:nth-child(odd) {background-color:#eeeeee;}
.servicetable2 tr:nth-child(even) {background-color:#ffffff;}
.serviceh2 {background: #34495e; color: #FFFFFF; font-weight: bold; font-size: 11px; padding: 10px 10px;}


.GSBOX {display: block; width: 234px; float: left; padding:5px; margin-bottom: 10px;}
.GSBOX h2 {font-size:12px; height: 32px;}
.GSBOX img {display:block; width:200px; height:150px; margin:0 auto;}
.GSBOX .price1 a {font-size:100%; color:#FF0000; font-weight:bold;}
.GSBOX ul {padding-left:7px;}
.GSBTN {display: block; width: 100%; padding: 10px 0 !important; text-align: center; background: #34495e; color: #FFF !important; margin-top: 10px !important; font-size:14px; float:left;}
.GSBTN:hover {background: #4b6782;}
.GSMENU {background: #ff8600; width: 978px; height: 40px; display: block; margin: 0 -1px; text-align: center;}
.GSMENU li {display:inline-block; font-size:16px; color:#FFF !important; padding: 10px 0 11px 0;}
.GSMENU a {padding: 10px 20px 11px 20px; color: #FFF;}
.GSMENU a:hover {color:#fff !important; background:#ffa644;}

#GSDESC {padding:0 10px 10px 10px;}
#GSDESC table {table-layout: fixed; width:99%;}
#GSDESC table th {padding: 5px 6px;}
#GSDESC h1 {padding: 0 0 10px 0;}

.BSMENU {background: #ff8600; width: 978px; height: 40px; display: block; margin: 0 -1px; text-align: center;}
.BSMENU li {display:inline-block; font-size:14px; color:#FFF !important; padding: 11px 0 11px 0;}
.BSMENU a {padding: 10px 14px 11px 14px; color: #FFF;}
.BSMENU a:hover {color:#fff !important; background:#ffa644;}

.rTable {width:640px; margin-top:10px;}
.rTableCell {float:left;}
.rTableCell:nth-child(1){width:290px;}
.rTableHeading .rTableCell:nth-child(1), .rTableFoot .rTableCell:nth-child(1){width:300px;}
.rTableCell:nth-child(2){width:85px;}
.rTableCell:nth-child(3){width:85px;}
.rTableCell:nth-child(4){width:85px;}
.rTableCell:nth-child(5){width:85px;}
.rTableRow {clear:both; display: flex;}
.rTableRow {background:#eeeeee; color:#222222; font-size:11px; text-align:center;}
.rTableRow .rTableCell {padding:8px 0;}
.rTableBody .rTableRow .rTableCell:nth-child(1) {text-align:left !important; padding-left:10px;}
.rTableHeading .rTableRow .rTableCell {background:#34495e; color:#FFF; font-size:11px; font-weight:bold; padding:10px 0; text-align:center;}
.rTableFoot .rTableRow .rTableCell {background:#34495e; color:#FFF; font-size:11px; font-weight:bold; padding:10px 0; text-align:center;}
.rTableRow:nth-child(odd) {background:#ffffff !important;}

#catIntro .info {text-align:justify;}

.imalink{text-decoration:underline !important;}

.HPUST {  margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding-bottom: 15px;}
.HPUS {  margin-bottom: 20px; border-bottom: 1px solid #eeeeee; padding-bottom: 20px;}
.HPUS h3 {min-height:33px; font-size:14px; line-height: 14px;}
.HPUS h3 a {color:#036;}
.HPUS h3 a:hover {color:#02b8fa !important;}
.HPUSP {font-weight:bold; line-height: 12px;}
.HPUSRRP {font-size:9px; color:#f00;}