/*
deftext: #353E44;
bluetext: #466D94;
blue menu back : #3A6388
*/
html {
			margin: 0;			padding: 0;
			font-size: 62.5%; /* for IE/Win */			color: #000000;
			}
html.body {font-size:12px} /* for everything else */

body {
 font-family: Arial, verdana, Helvetica, sans-serif; font-size: 11px; text-align: center; color: #353E44;
	margin: 0;
	background: url(../images/background.jpg) center 0 repeat #fff;
	position:relative;
}

p, div, li {	 }
input { 	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
img { border:0; }
hr { float:left; height:1px; width:100%; color:#A2A0B6; margin:5px 0;}

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:normal;  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: #036;  font-weight:bold;  clear: both;  padding:0; margin:0; border:0;  margin:5px 0;}
h4 { width:100%; text-align:center; font-size: 12px;  color: #036;  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; }
.cap { text-transform:capitalize; }
.upper { text-transform:uppercase; }

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

#AFD_div, .AFDClass { position:absolute; display:none; width:auto; color:#000; background:#039; border:1px solid #D1D1D1; z-index:3000;}
.AFDAjaxTable {  float:left; color:white; border:1px solid #039; }
.AFDAjaxTable th {  background:url(../images/menuback.jpg) left top repeat #039; height:24px;  overflow:hidden;}
.AFDAjaxTable th div.left { float:left;  width:100%;  font-size:12px; line-height:21px; text-align:center; color:#fff;}
.AFDAjaxTable th div.right { float:right; width:22px; height:21px; margin:-20px 2px 0 0; display:inline;}
.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 .top { background:white; text-align:center; line-height:15px; color:#000; padding:0 10px;}
.AFDAjaxTable .main { background:white; }
.AFDAjaxTable .bot { background:white; text-align:center; line-height:20px; padding:0 10px; color:#000; }
.AFDAjaxTabel #AFD_CloseBtn { float:left; width:22px; height:21px; cursor:pointer; }
#addrList { color:black; background:white;}
#addrSel { position:absolute; display:none; }

.debug { background:#700;  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; }
li {  }
p, form, ul, ol, dl, li, div, label, span {margin: 0; padding: 0; border:0; clear:none;}
p { font-size:12px; }

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

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

.zoomMagBox { border:1px solid #000; background-color : #fff;   filter: Alpha(Opacity=30); opacity: 0.3; }

#modalCover {
  position: absolute;  z-index: 5000;  top: 0px; left: 0px;  width: 100%; height: 100%;
  background-color: #000;
  filter: Alpha(Opacity=70); opacity: 0.7;
}
#shadowBox {
  position:absolute; width:8px;   height:8px;
  background:#333;
  filter:alpha(opacity=50);  opacity:0.50;
}
#captchaMsg { border:1px solid #039; }

.errorIcon { position:absolute; width:20px; height:20px; background:url(../images/redcross.gif) 0 0 no-repeat;}
.errorPopup { position:absolute; color:#f00; }
.errorPopup table tr td {background:url(../images/errbox2.png) 0 0 no-repeat; }
.errorPopup table tr td.bot { height:25px; }

/* text -------------*/
.left { float:left; }
.lcf { float:left; clear:left; width:100%;}
.infoFull { float:left; width:760px; text-align:left; padding:25px 0px 0px 20px; }
.infoLeft { float:left; width:68%; padding:0; }
.infoRight { float:left; width:29%; padding:5px; }
.infoLefti { float:left; width:170px; padding:5px 0; }
.infoRighti { float:left; width:570px; padding:5px 0px 10px 10px; }

.info      { font-size:12px; color:#000; line-height:18px; font-weight:normal; padding:10px 0 0 0; }
.infobold  { font-size:12px; color:#000; line-height:18px; font-weight:bold; }
.infohi    { font-size:16px; color:#000; line-height:18px; font-weight:bold;   padding:20px 0 0 0; }
.infohibig { font-size:25px; color:#000; line-height:30px; font-weight:bold;   padding:10px 0 10px 0; }
.infotiny  { font-size:9px; color:#000; line-height:10px; font-weight:normal; padding:0px 0 0 0; }
.infosmall  { font-size:10px; color:#000; line-height:10px; font-weight:normal; padding:0px 0 0 0; }

.info2     { font-size:15px; color:#000; line-height:18px; font-weight:normal; padding:5px 0 0 0; }
.info2bold { font-size:15px; color:#000; line-height:18px; font-weight:bold; }
.info2hi   { font-size:18px; color:#000; line-height:24px; font-weight:bold;   padding:20px 0 0 0; }

.info3     { font-size:11px; color:#000; line-height:13px; font-weight:normal; padding:10px 0 0 0; }

.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:12px; padding:0; margin:0; border:0; color: #466D94; text-decoration: underline; cursor:pointer; }
a.info:hover {color:  #000; }

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

a.infohi, a.infohi:link, a.infohi:visited, a.infohi:active
 { font-size:16px; padding:0; margin:0; border:0; color: #466D94; text-decoration: underline; cursor:pointer; }
a.infohi:hover {color:  #000; }

a.info2, a.info2:link, a.info2:visited, a.info2:active
 { font-size:15px; padding:0; margin:0; border:0; color: #466D94; text-decoration: underline; cursor:pointer; }
a.info2:hover {color:  #000; }

a.info2_nul, a.info2_nul:link, a.info2_nul:visited, a.info2_nul:active
 { font-size:15px; line-height:14px; font-weight:bold; padding:0; margin:0; border:0; color: #000; text-decoration:none; cursor:pointer; }
a.info2_nul:hover {color:  #000; text-decoration: underline; }

a.info2hi, a.info2hi:link, a.info2hi:visited, a.info2hi:active
 { font-size:18px; padding:0; margin:0; border:0; color: #466D94; text-decoration: underline; cursor:pointer; }
a.info2hi:hover {color:  #000; }

a.info3, a.info3:link, a.info3:visited, a.info3:active
 { font-size:11px; padding:0; margin:0; border:0; color: #466D94; text-decoration: underline; cursor:pointer; }
a.info3:hover {color:  #000; }

ul.info  { list-style: disc; font-size:12px; }
ul.info li { list-style:disc; margin-left:20px; padding:2px 0 10px 20px; line-height:15px; color:#000; }
ul.info2  { list-style: disc; font-size:12px; }
ul.info2 li { list-style:disc; margin-left:15px; padding:2px 0 2px 10px; line-height:15px; color:#000; }

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

ul.bullet  { list-style: disc; font-size:12px; }
ul.bullet li { list-style:disc; margin-left:20px; padding:2px 0 2px 20px; line-height:15px; color:#000; }

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

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; }

#infoTabs { width:100%;  height:26px;  float:left; margin:5px 0 0 0;  border-bottom:5px solid #8099B7; }
#infoTabs p, #infoTabs p:link,  #infoTabs p:active,  #infoTabs p:visited {
  width:126px;  height:21px;  float:left;  margin:0; display:inline; padding:6px 0 0 0; cursor:pointer;
  text-decoration:none;  line-height:14px; text-align:center; color:#fff;  font-size:9px; font-family:helvetica; text-transform:uppercase; }
#infoTabs p:hover { text-decoration:underline; color:#fff;}
#infoTabs p.off, #infoTabs p.off:link, #infoTabs p.off:visited, #infoTabs p.off:active {
  background: url(../images/info/tab-off.jpg) 0 0 no-repeat #fff; color:#000; height:17px; margin-top:3px; }
#infoTabs p.off:hover { }
#infoTabs p.on, #infoTabs p.on:link, #infoTabs p.on:visited, #infoTabs p.on:active {
  background: url(../images/info/tab-on.jpg) 0 0 no-repeat #fff; height:20px;  line-height:16px; }
#infoTabs p.on:hover { }

.infoformHead { float:left; width:96%; padding:0 2%;  color:#fff; font-size:20px; line-height:30px;
  background:#8DA2BF;  text-transform:uppercase; font-weight:bold; }
.infoformBody { float:left; width:98%; padding:20px 0 20px 2%; background:#E4E9EF; }

.infoTabPage { float:left; width:698px; padding:15px; padding-right:45px; font-size:10px; display:none; border:1px solid #d1d1d1;}
.infoTabPage b { color:#000; font-weight:600; }
#sa { display:block; }
.infoTabPageW { float:left; width:743px; padding:15px; padding-right:0px; font-size:10px; display:none; border:1px solid #d1d1d1;}
.infoTabPageW b { color:#000; font-weight:600; }

.infoTable { }
.infoTable th { color:#fff; font-size:12px; padding:3px 5px; line-height:20px; background:#8DA2BF; text-align:center; }
.infoTable td { color:#8DA2BF; padding:2px 5px; background:#E4E9EF;  text-align:center; }

.infoScroll { float:left; overflow:auto; }
.info50Box { float:left; width:370px; }
.info50Box img { float:left; width:180px; height:180px; }
.info50Box .textl { float:left; width:160px; padding:0px 0 0 10px; }
.info50Box .textr { float:left; width:170px; padding:0px 0 0 10px; }
.infoMorePopup { position:absolute; top:0; left:0; display:none; }

/* 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 */
	font-size:12px; 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;
	font-size:12px; 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: 69%;	float: left;  height:auto;
	margin: 2px 0 1px 0; padding:0;
	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; border:0px solid red; }

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

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

input.stdcb { width:15px;  height:15px;  border:1px solid #BBBCC1; margin:0; padding:0; }
input.stdrad { width:15px;  height:15px;  border:0px solid #BBBCC1; margin:0; padding:0; }
.std .half { width:49.5%; clear:none;}

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

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

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

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

.selectCover { float:left; width:99%; height:20px; padding:2px;}
.selectCoverInner { float:left; width:100%; color:#000; text-indent:2px; padding:2px 0; line-height:14px; cursor:pointer; }
.selectCoverButton { float:right; margin:2px 0 0 -16px; border:0;}
.postcode { text-transform:uppercase; }

dl.privacy { float:left; width:95%; margin:10px 0 4px 0;  }
dl.privacy dt { float:left; clear:left; width:9%; margin:0; padding:4px 0 4px 0;  line-height:12px; border:0px solid red;}
dl.privacy dd { float:left; width:90%;  margin:0; padding:6px 0; line-height:12px; border:0px solid red;}
dl.privacy dd.a { height:21px;}

a.BMBtn, a.BMBtn:link, a.BMBtn:visited, a.BMBtn:active {
  width:130px; height:18px;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:11px; font-weight:bold; text-align:center; line-height:14px;
  margin:3px 5px 0 0;  padding: 5px 0px 3px 0px;
  border:0px solid #00f;
  background:url(../images/btnback1.jpg) left top repeat #465572;
  color:#fff;
  cursor:pointer;
  }
a.BMBtn:hover { background:url(../images/btnback1o.jpg) left top repeat #5B6990; border:0px solid #f00; color:#fff;}

a.BMBtnHi, a.BMBtnHi:link, a.BMBtnHi:visited, a.BMBtnHi:active {
  width:130px; height:18px;  display:inline; float:left;
 	font-family:  helvetica, arial, sans-serif;
  font-size:11px; font-weight:normal; text-align:center; line-height:14px;
  margin:3px 5px 0 0;  padding: 5px 0px 3px 0px;
  border:1px solid #f00;
 	background:#feff99;
  color:#000;
  cursor:pointer;
  }
a.BMBtnHi:hover { background:#900; border:1px solid #ff0; 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:11px; font-weight:bold; text-align:center;
  margin:3px 5px 0 0;  padding: 3px 0px 3px 0px;
  border:0px solid #00f;
  background:url(../images/btnback1.jpg) left top repeat #465572;
  color:#fff;
  cursor:pointer;
  }
input.BMBtn:hover { background:url(../images/btnback1o.jpg) left top repeat #5B6990; border:0px solid #f00; 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:11px; font-weight:bold; text-align:center;
  margin:3px 5px 0 0;  padding: 3px 0px 3px 0px;
  border:1px solid #8bc55e;
 	background: #ff0;
  color:#ffffff;
  cursor:pointer;
  }
input.BMBtnHi:hover { background:#4c4c4c; border:1px solid #0f0;  color:#fff;}

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

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

.formError, #formError { float:left; clear:both; width:95%; padding:0 1%; font-size:11px; line-height:18px;
  color:#fff; font-weight:bold; background:#9A7CA2; border:0px ridge #724981; }

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; height:3px; clear:both; display:block;  line-height:3px; overflow:visible;
  margin:10px 0px 10px 0;  background:none;  border-bottom:1px solid #D1D1D1; }
/* 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; }

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

#outerContainer {
  width:980px;   height:auto;   clear:both;   float:none;   display:block;   overflow:visible;
		margin: 10px auto;
		font-size: 12px;			text-align: center;
		}

#outerContainerBox { width:960px; float:left;	background: #fff; padding:10px 10px 5px 10px;  }
  
/* HEADER ------------- */
#headMessages { float:left; width:100%; background:lime;}
#headMessagesInner { float:left; width:100%; background:red; line-height:20px; font-size:14px; color:#000;}

#headerContainer, #headerContainerCheckout {
		width: 100%;	height: auto;	float:left;
		text-align:left; color:#000;
  background: url('../images/jojomamanbebelogo.jpg') 0 0 no-repeat #fff;
		}
#headerContainerCheckout { float:left; width:100%; height:100px; }
#headerContainer a:link, a:visited, a:active { text-decoration:none; }
#headerContainer a:hover { text-decoration:none; }

#logoDiv, #logoSecureDiv {	width:400px;		height:92px;  float:left; }
#logoDiv a:visited, #logoDiv a:link, #logoDiv a:active, #logoDiv a:hover {	width: 100%;		height:100%;		float:left; }

#headMain { float:left; width:560px; }
#headMainLogin { float:left; width:260px; padding:0 5px 0 0; text-align:right; }
#headMainLogin span { }
#headMainLogin a.login:link, #headMainLogin a.login:visited, #headMainLogin a.login:active  { }
#headMainLogin a.login:hover  { color:#000; text-decoration:underline; }
#headMainCurrency { float:left; width:135px; height:70px; text-align:right; }
#headMainCurrency a { float:right; width:27px; height:45px; margin:0 5px 0 0; display:inline; cursor:pointer;
  background:url(../images/currency.jpg) 0 0 no-repeat; }
#headMainCurrency a:link, #headMainCurrency a:visited, #headMainCurrency a:active  {   }
#headMainCurrency a:hover  {  }
#headMainTel { float:left; width:160px; height:30px; margin:3px 0 0 0; background:url(../images/telno.jpg) 0 0 no-repeat; }
#headMainMenu  { float:left; width:100%; height:16px; padding:2px 0 0 0; text-align:right;  }
#headMainMenu a.headlink { font-size:12px; color:#353E44;}

/* mini basket ----- */
#miniBasketMain { float:left; clear:none; width:160px; height:auto; }
#ajaxBasket {	float:left; width:100%; height:38px; background:url(../images/basketback.jpg) 0 0 no-repeat;}
#ajaxBasket a.link:link, #ajaxBasket a.link:visited, #ajaxBasket a.link:hover, #ajaxBasket a.link:active
  {	float:left; width:100%; height:38px; cursor:pointer;}
#ajaxBasket .checkout { float:left; width:135px; height:28px; text-align:left; padding:10px 0 0 25px; }
#ajaxBasket .empty { float:left; width:135px; height:28px; text-align:left; cursor:default; padding:10px 0 0 25px; }
#ajaxBasket .basket { float:left; width:130px; height:auto; text-align:center; padding:3px 0 0 0;}
#ajaxBasket .clicked { filter:alpha(opacity=30); opacity:0.30;  background:#ccc;}

/* mini basket popup */
#basketPopup { position:absolute; display:none; left:10px; top:10px; width:auto; height:auto; z-index:2000; }
#basketPopupT { float:left; clear:left; width:381px; height:15px; background:url(../images/basketPopUp_01.png) 0 0 no-repeat ; }
#basketPopupM { float:left; clear:left;  width:345px; padding:0 18px; background:url(../images/basketPopUp_02.png) 0 0 repeat-y;}
#basketPopupB { float:left; clear:left;  width:381px; height:33px; background:url(../images/basketPopUp_03.png) 0 0 no-repeat ; }
#basketPopupScroll { float:left; width:100%; height:auto;}
#basketPopupTable { float:left; width:345px; margin:3px 0 0 0; line-height:20px; }
#basketPopupTable th { width:130px; text-align:center; font-size:12px; line-height:20px; color:#fff; background:#8492AF;}
#basketPopupTable th.b { width:100px; }
#basketPopupTable th.c { width:80px; }
#basketPopupTable th.d { width:35px; }
#basketPopupTable td { vertical-align:middle; text-align:center; font-size:12px; font-weight:bold;
  line-height:16px; border-bottom:1px solid #D8DAE7;}
#basketPopupTable td img { width:100px; height:100px; }
#basketPopupLine_tmp { display:none;}

/* HEADER menu section ------------- */
#headerBar {	float:left; width:100%;	height:30px; margin:7px 0 0 0; color:#fff; background:url(../images/menuback.jpg) 0 0px repeat-x #3A6388; }
#headerMenu {	float:left; width:700px;	height:30px; padding:0px 0 0 0; color:#fff;}

#menu { float:left; width:100%; height:30px; position:relative; text-align:center; z-index:100;}
#menu li { float:left;}
#menu li.lrga {	WIDTH: auto; }
#menu li a { }
#menu li a.toponly { float:left; display:block; height:30px; line-height:30px; padding:0 8px; color:#fff; text-transform:capitalize;}
#menu li a.leftonly { display:none; }
#menu li a.end { WHITE-SPACE: nowrap }
#menu li a.select {	WHITE-SPACE: nowrap }
#menu li a:hover { background:url(../images/menuback1.jpg) 0 0px repeat-x #bed2ea; }
#menu li:hover > a {	background-color:#bed2ea; }
#menu li.toponly:hover {}
#menu li .end:hover {}
#menu li .norm:hover > A {}
#menu li .end:hover > A {}

/***** Start of hover over box *****/
#menu div {	position:absolute; display:none; top:30px; padding:0 0 5px 0; border:0px solid #005695; border-top:0;
  background:#fdfdfd;  filter: Alpha(Opacity=95); opacity: 0.95; }

/***** left position is now done in js delaymenu *****/

/**** define width of drop down box with number of columns ****/

#menu li.lrga div.col1 {	width: 210px; }
#menu li.lrga div.col2 {	width: 270px; }
#menu li.lrga div.col3 {	width: 405px; }
#menu li.lrga div.col4 {	width: 540px; }

/**** define contents on box ****/

#menu div dl { float:left; display:inline; padding:5px 0 0 0; }
#menu div dt { margin:0 0 5px 0 }
#menu div dt a { display:block; color:#005695; cursor:pointer; background:#bed2ea; padding:3px; }
#menu div dt a:hover {	color:#fff; }
#menu div dd { margin:0; padding:0px 5px 0 5px; text-align:left; }
#menu div dd a { display:block; width:190px; color:#005695; padding:2px 5px; font-size:11px; border-bottom:1px solid #eeeeff; }
#menu div dd a:hover { background-color:#bed2ea; color:#fff;}
#menu div dd.leftonly { display:none; }

/* left menu */
#leftMenu {	float:left;	width:100%; background:#B2BACD; }
#lmenu li.lrga {	width:100%; display:none; padding:0; margin:0;}
#lmenu li.lrga a.toponly { display:none; }
#lmenu li.lrga a.leftonly {	float:left; width:145px; text-align:left; font-size:11px; height:19px; line-height:17px; color:#fff;
  padding:0 5px;  background:url(../images/leftmenu-back1.jpg) 0 0 no-repeat; text-transform:capitalize; border-bottom:1px solid #fff; }
#lmenu div { width:155px; top:0; left:0;  }
#lmenu div dl { }
#lmenu div dd { float:left; width:100%; margin:0; padding:0; text-align:left; border-bottom:1px solid #fff; background:#B2BACD; }
#lmenu div dd a { display:block; width:139px; height:auto; font-size:11px; color:#fff; line-height:15px; padding:1px 3px 1px 10px;}
#lmenu dd.lefttitle { float:left; display:block; width:145px; height:19px; line-height:17px;  padding:0 5px;
  background:url(../images/leftmenu-back1.jpg) 0 0 no-repeat; text-transform:capitalize; color:#fff; font-size:11px;}
#lmenu dd a.lefttitle { display:block; width:145px; height:19px; line-height:17px;  padding:0 5px;
  background:url(../images/leftmenu-back1.jpg) 0 0 no-repeat; text-transform:capitalize; border:0; }
#lmenu div dd a.dataon { color:red;}
#lmenu div dd.toponly { display:none; }
#lmenu div dd.leftonly {  }
#lmenu div dd.filler { float:left; border:0; height:8px; line-height:8px;}

/* HEADER search ------------- */
#headerSearch { float:left; width:260px; height:30px; }
#searchMain { float:left; width:246px; height:20px; margin:5px 0 0 10px; display:inline; background:#fff; }
#searchMain li { float:left; }
#searchMain li.a { width:178px; padding:2px 0 0 4px; }
#searchMain li.b { width:58px; padding:0px 0 0 4px; }
€#searchSingle {		margin: 0;		padding: 0;		}
#searchSingle input.schInput { float:left; width:174px; height:16px; padding:0px 2px 0 2px; color:#353E44; background:#fff; border:0px solid #006699; }
#searchSingle input.go { float:left; width:58px;  height:20px; cursor:pointer; background:url(../images/search.jpg) 0 0 no-repeat; border:0; }
#searchSingle input.go:hover { }

#suggestionBox { position:absolute; }
#suggestionT { float:left; clear:left; width:259px; height:14px; background:url(../images/searchPopUp_01.png) 0 0 no-repeat ; }
#suggestionM { float:left; clear:left;  width:229px; padding:0 15px; background:url(../images/searchPopUp_02.png) 0 0 repeat-y;}
#suggestionB { float:left; clear:left;  width:259px; height:16px; background:url(../images/searchPopUp_03.png) 0 0 no-repeat ; }
#suggestionBox #sresults{background:#fff; border:0px solid #7382A1; }
#suggestionBox #sresults ul{overflow:auto;max-height:700px;padding:4px 0}
#suggestionBox #sresults li{padding:1px 0;text-align:left; border:0px solid red; margin:0; padding:0;}
#suggestionBox #sresults li .match { color:#f00; font-weight:bold; }
#suggestionBox #sresults li a{color:#333;line-height:16px; width:229px; height:16px; overflow:hidden; font-weight:400;display:block;}
#suggestionBox #sresults li a:hover{background:#B2BACD;color:#333}
#suggestionBox #sresults li a.selected{background:#dbe9fd;color:#333}
#suggestionBox #sresults li a.unselected{background:none;color:#333}
#suggestionBox #sresults li a strong{color:#000}

/* LHS Div */
#express { float:left; width:100%; text-align:center; }
#express li.top { float:left; width:100%; height:25px; font-weight:bold; color:#fff; padding:5px 0 0 0; background:url(../images/menuhead2.gif) 0 0 no-repeat #fff; }
#express li.main { float:left; width:100%; height:60px; background:url(../images/leftboxbottom.gif) 0 0 no-repeat #fff; }

#expressCore { float:left; width:100%; }
#expressCore li { float:left; width:100%; }
#express li.a { height:17px; font-size:9px; }
#express li.b { height:24px; width:47%; padding:4% 3% 4% 4%; }
#express li.c { height:24px; width:39%; padding:4% 0% 4% 3%; }
input.express, input.express:link, input.express:visited, input.express:active {
  width:100%; height:auto;  display:inline; float:left;
  font-size:11px; font-weight:normal; text-align:center;   color:#000;
  margin:0;  padding: 1px 0px 1px 0px;
  border:1px solid #069; 	background:#fff;  cursor:pointer;
  }
input.express:hover { background:#be0000; border:1px solid #f00;  color:#fff;}

#mainMenu { float:left; width:179px; border:1px solid #dbdbdb; border-top:0; border-bottom:0; }
#mainMenu div { float:left; line-height:22px; cursor:pointer; }
#mainMenu div.level1 { width:179px; line-height:22px; background:url(../images/menubg.gif) 0 0 no-repeat #f7f7f7;  }
#mainMenu div.level1 a { float:left; width:163px; line-height:22px; padding:0px 0 0 16px; color:#000;  }
#mainMenu div.opensub { width:163px; padding:0px 0 0 16px; color:#333; background:url(../images/menubg.gif) 0 0 no-repeat #f7f7f7;  }
#mainMenu span.submenu { float:left; width:179px; color:#000; background:#ffffcc; display:none;}
#mainMenu span.submenu span.dash { float:left; clear:left; width:10px; }
#mainMenu span.submenu a { float:left; width:161px; padding:0 0 0 0px; line-height:18px; color:#000; }

/* LHS secure pics ----- */
#leftSecure {	float:left;	width:181px;	margin:5px 0 0 0; }
#leftSecure li {	float:left;	width:181px;	}
#leftSecure li.top { height:10px; text-align:center; font-weight:bold; color:#fff; background:url(../images/menutop.gif) 0 0 no-repeat #fff; }
#leftSecure li.mid { width:179px; border:1px solid #dbdbdb; border-top:0; border-bottom:0; background:#f7f7f7; }
#leftSecure li.bottom { height:11px; background:url(../images/menubottom.gif) 0 0 no-repeat #fff; }

/* RHS column -- */
#rightBlock {	float:left;	width:160px;	margin:4px 0 0 0; }
#rightBlock li {	float:left;	width:160px;	}
#rightBlock li.top { height:18px; text-align:center; font-weight:bold; color:#fff; padding:5px 0 0 0; background:url(../images/headerbar.gif) 0 0 no-repeat #fff; }
#rightBlock li.mid { width:152px; padding:3px 3px; text-align:center; border:1px solid #dbdbdb; border-top:0; border-bottom:0;  }
#rightBlock li.bottom { height:11px; background:url(../images/headerbarbottom.gif) 0 0 no-repeat #fff; }
#rightBlock span.righthead2 {font-size: 8pt; font-weight: bold; color: #1d3b69;}
#rightBlock a { color:#00f; text-decoration:underline; }
#rightBlock a.smalllinks {	font-size: 7pt; font-weight: normal;	color: #003399;	line-height: 12pt; }

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

#innerContainer, #secureContainer {
  width:960px; height:auto;  float:left;  display:inline;		overflow: visible;
		color:black;  text-align:left;
  padding:5px 0 5px 0px;
 }
#checkoutContainer { width:960px; float:left; color:#000; text-align:left; padding:0 0 5px 0; }

#mainContainer { width:960px; float:left; margin:0px 0 0 0; }
#orderContainer { width:880px; display:inline; float:left; padding:0 40px;}

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

#leftContainer { float:left; clear:left; width:155px; min-height:500px; margin:0px 0 0 0; text-align:left;}

#rightContainer { float:right; clear:right; width:160px;  margin:4px 0 0 0; }

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

#infoContainer { float:left; width:800px; text-align:left; padding:0px 0px 0px 5px; }

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

#footer {	float:left; width:100%;	height:25px; padding:0px 0 0 0; color:#fff; background:url(../images/footback.jpg) 0 0 repeat-x #3A6388; }
#footer a { line-height:22px; color:#fff; }

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

#pageTitle { /* hometype */
  float:left; clear:both; width:100%; height:0px;  display:none;
  text-align:left; font-size:18px; line-height:0px; font-weight:bold; text-indent:0px; color:#000;
  border-bottom:0px solid #414141;
  z-index:1;
  }
#pageTitle h1 {
  display:none; float:left; text-align:left; font-size:15px; line-height:0px; font-weight:bold; color:#000; text-indent:5px;
  padding:0px; margin:0px;
  }
#pageTitle h2 {
  display:none; float:left; text-align:left; font-size:13px; line-height:0px; font-weight:bold; color:#fff; text-indent:5px;
  padding:0px; margin:0px;
  }

/* crumbs ------ */
#crumbs, #crumbsh { float:left; width:100%; height:14px; padding: 0px 0px 5px 0px;  margin:0;
  text-align:left; font-size:12px; line-height:14px; color:#466D94; text-transform:capitalize; }
#crumbs p, #crumbsh p { clear:none; float:none;  font-size:12px; line-height:14px; color:#466D94;
  text-transform:capitalize; }
#crumbs a:link, #crumbs a:visited, #crumbs a:active
#crumbsh a:link, #crumbsh a:visited, #crumbsh a:active {
  color:#466D94; font-size:12px; line-height:14px; text-decoration:none; border:0;  text-transform:capitalize; font-weight:bold;}
#crumbs a:hover { color:#000;  }

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

/* PRODUCT LIST ---------- */
#productListLine1 { float:left; clear:left; width:800px; margin:0px 0 5px 0px; padding:0 0 5px 0; border-bottom:1px solid #d1d1d1;}
#productListLine1 li { float:left; display:inline; width:auto; height:20px; line-height:20px; padding:2px 0; }
#productListLine1 li.sortText { float:right; width:55px;}
#productListLine1 li.sortSel { float:right; width:120px; }
#productListLine1 li.count { padding-left:20px; }
#productListLine1 li.pageSize { float:left; width:auto; padding:2px 0px 0 15px; }
#productListLine1 #fmPageSize { }
#productListLine1 .perPage { width:100%;}
#productListLine1 li.pagePer { padding:0 10px 0 5px; }
#productListLine1 li.pageNav1 { float:left; width:auto; }
#productListLine1 li.pageNav1 a.BMBtn { float:left; padding-left:10px; }
#productListLine1 li.pageNav1 .text { float:left; padding-left:10px; }

#productListLine3 { float:left; clear:left; width:800px; margin:0px 0 5px 0px; padding:0 0 5px 0; border-top:1px solid #d1d1d1;}
#productListLine3 li { float:left; display:inline; width:auto; height:20px; line-height:20px; padding:2px 0;}
#productListLine3 li.pageNav3 { float:left; width:auto; }
#productListLine3 li.pageNav3 a.BMBtn { float:left; padding-left:10px; }
#productListLine3 li.pageNav3 .text { float:left; padding-left:10px; }

a.nextPage:visited, a.nextPage:link, a.nextPage:active { color:#000; text-decoration:underline; }
a.nextPage:hover { color:#00f; }

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

/* these are also controlled by leftmenu settings */
#brandmenu ul li.dataon a:link, #brandmenu ul li.dataon a:visited, #brandmenu ul li.dataon a:active {
  text-decoration:none; color:#8bc55e; }
#brandmenu ul li.dataoff a:link, #brandmenu ul li.dataoff a:visited, #brandmenu ul li.dataoff a:active {
  text-decoration:none; color:#000; }
#brandmenu ul li.dataon a:hover, #brandmenu ul li.dataoff a:hover {
  text-decoration:none; color:#8bc55e; background:#4c4c4c;}

#productListHeader { float:left; width:800px; height:220px; padding:0 0 5px 0;}

/* used in verysmall.tmp  */
.productListItem { float:left;  width:195px;  height:auto;  display:inline; overflow:visible;  text-align:left;  padding:0 0 5px 5px; }

.productListItem a.product:link, .productListItem a.product:visited, .productListItem a.product:active {
  width:190px; height:auto; display:block; cursor:pointer;
  text-decoration:none;
		border:0px solid black;  color:#000;
  }
.productListItem a.product:hover, .productListItemTall a.product:hover { text-decoration:none; color:#000; }

.productListItem .productListItemImg { float:left; width:190px;  height:190px; margin:0;	border:0px solid black;	 cursor:pointer; background:#fff;}
.productListItem img.vsSCS_img, .productListItem img {
   float:left; width: 190px;  height: 190px;  overflow:hidden;  margin:0px;		cursor:pointer; }

.productListItem .swatchbox { float:left; width:190px; margin:5px 0 0 0;}
.productListItem .swatchbox img { float:none; display:inline; width:20px; height:15px; border:1px solid #000; margin:0 0px 0 0; padding:0;}

.productListItem .descrbox {
  float:left; width:190px; text-align:center; font-weight:bold; font-size:11px; color:#466D94; }
.productListItem .pricebox {
  float:left; width:190px;  padding:0 0 0 0; text-align:center;  font-weight:bold; }
.productListItem span.price {
  display:inline; width:auto; height:14px;  padding:3px 0 0 0px;   cursor:pointer; color:#000; }
.productListItem span.wasprice {
  display:inline; width:auto; height:14px; padding:3px 0 0 0px; text-decoration:line-through; cursor:pointer; color:#555; }
.productListItem span.arrow {
  float:left; display:inline; width:5px; height:9px; margin:4px 0 0 5px;
  background:url(../images/green-right.gif) no-repeat left top;  cursor:pointer; }

/* used in relative_line.tmp  */
.productRelItem { float:left;  width:155px;  height:auto;  padding:0 0 0 0px;  }

.productRelItem a.product:link, .productRelItem a.product:visited, .productRelItem a.product:active {
  width:155px; height:auto; display:block; cursor:pointer;
  text-decoration:none;
		border:0px solid black;  color:#000;
  }
.productRelItem a.product:hover, .productRelItemTall a.product:hover { text-decoration:none; color:#000; }

.productRelItem .productRelItemImg { float:left; width:100px;  height:100px; padding:0 0 0 27px;	 cursor:pointer;}
.productRelItem img.vsSCS_img, .productRelItem img {
   float:left; width: 100px;  height: 100px;  overflow:hidden;  cursor:pointer; }

.productRelItem .swatchbox { float:left; width:190px; height:17px; }
.productRelItem .swatchbox img { float:none; display:inline; width:20px; height:15px; border:1px solid #000; margin:0 2px 0 0; }

.productRelItem .descrbox {
  float:left; width:155px; text-align:center; font-weight:bold; font-size:11px; color:#466D94; }
.productRelItem .pricebox {
  float:left; width:155px; height:17px;  text-align:center;  font-weight:bold;}
.productRelItem span.price {
  display:inline; width:auto; height:14px;  padding:3px 0 0 0px;   cursor:pointer; }
.productRelItem span.wasprice {
  display:inline; width:auto; height:14px; padding: 3px 0 0 0px; text-decoration:line-through; cursor:pointer; }


/* used in verysmallHero.tmp --- price1Hero is processed by tidyfunc in menu.js*/
.productVListItem {
  float:left;  width:199px; height:338px; margin:5px 2px 3px 2px;	display:inline; padding:0px 0;	background:url(../images/background5.jpg) 0 0 no-repeat;  }

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

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

.productVListItem ul { float:left; width:100%; }
.productVListItem ul li { float: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.descr { width:90%; height:110px; text-align:center; font-size:11px; line-height:15px; text-align:left; padding:2px 0 0px 6%; }
.productVListItem ul li.detailsl { width:50%; text-align:center; color:#f00; font-weight:bold; font-size:10px; padding:8px 0 2px 4px;}
.productVListItem ul li.detailsr { width:80px; padding:4px 0 2px 0;}

.productVListItem h1 { width:190px; padding:8px 0 0 2px;  margin:0; }
.productVListItem h1 a.title { float:left; width:100%; height:12px; overflow:hidden;
  font-size:11px; line-height:12px; text-align:center; font-weight:bold; color:#009; text-decoration:none;}
.productVListItem h1 a.title:hover  {  }
.productVListItem span.only { color:#f00; }
.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:80px;  height:19px; }

#bigImage, .bigImage {
  position:absolute; display:none; top:10px; left:10px; width:600px; height:554px; overflow:visible;
  background:#fff;  border:1px solid #000;
  padding:4px;  z-index:200;
  }
#bigImageImg { float:left;  clear:left; width:600px; height:523px; 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/menuback.jpg) top left repeat-x;
  text-align:center; color:#fff; font-weight:bold; font-size:11px; line-height:24px; padding:0; }
#bigImageCloseBtn { float:right; width:22px; height:21px; padding:0; margin:-23px 4px 0 0; cursor:pointer; }

#mapImage, .mapImage { position:absolute; display:none; top:10px; left:10px; width:600px; height:560px; overflow:visible;
  background:#fff;  border:10px solid #57678B;  padding:0px;  z-index:200; }
#mapImageImg { float:left;  clear:left; width:600px; height:523px; padding:0px 0 0 0; overflow:auto; background:url(../images/wait.gif) no-repeat 290px 265px #fff; }
#mapImageImg img { float:left; width:auto;  height:auto; }
#mapImageHead { float:left; clear:left;  width:100%; height:35px; background:#57678B;
  text-align:center; color:#fff; font-weight:bold; font-size:11px; line-height:24px; padding:0; }
#mapImagePrintBtn { float:left; width:89px; height:28px; padding:0; margin:-31px 0 0 10px; display:inline; cursor:pointer; }
#mapImageCloseBtn { float:right; width:88px; height:28px; padding:0; margin:-31px 10px 0 0; cursor:pointer; }

/* next/prev page controller --- */
.pager { float:left; width:auto; }
.pager a.page { float:left; padding:1px 2px; cursor:pointer; line-height:16px; }
.pager a.page:hover { color:#00f; text-decoration:underline;}
.pager a.prev { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/page_arrows.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_arrows.png) -16px 0 no-repeat; }
.pager a.next:hover { background-position:-54px 0; }
.pager .pthis { float:left; padding:0 2px 2px 2px;; cursor:default; color:#039; font-weight:bold; line-height:16px; border:1px solid #005;}
.pager .ptext { float:left; padding:0 10px 0 2px; cursor:default; color:#000; font-weight:bold; }
#pagerT, .pagerT { position:absolute; display:block; left:-2000px; top:5px; width:auto; height:10px; }

/* PRODUCT DETAIL ---------------------- */
#productDetail { float:left; width:960px; }
#productDetailTitle { float:left; width:100%; }
#productDetailTitle h1 { float:left; margin:0; padding:5px 0 4px 0; font-size:18px; font-weight:normal; }

a.backToProductList:visited, a.backToProductList:link, a.backToProductList:active { cursor:pointer; color:#777; }
a.backToProductList:hover {  color:#A2A0B6; }

#productImage { float:left;  clear:left;  width:370px; height:auto; }
#productImage #enlarger { float:left; clear:left; width:100%;height:30px;  margin:3px 0 0 0;  }
#productImage a.newwin { float:left; width:auto; font-size:11px; text-align:left; padding:4px 10px 4px 0px; }
#productImage p.zoomit { float:right; width:auto; font-size:11px; text-align:left; padding:4px 10px 4px 0px; }
#productImage p.zoomitimg { float:right; width:30px; height:30px; background:url(../images/zoom.jpg) 0 0 no-repeat; }
#productImage img { float:left; width:370px; height:370px;  }
#productImageList { float:left; clear:left; width:370px;  height:70px; overflow:hidden; }
#productImageList li { float:left; width:70px;  height:70px; padding:0 2px; }
#productImageList li img { float:left; width:70px;  height:70px; cursor:pointer; border:0px solid #D1D1D1;}
#productImage .prompt { float:left; width:100%; height:20px; font-size:11px; padding:5px 0 0 0;}
#productImage #video { float:left; width:100%; height:30px; }
#productImage #video a { float:left; height:25px; padding:5px 0 0 38px; background:url(../images/video.jpg) 0 0 no-repeat;}
.productZoomImage { position:absolute;  top:0; left:0; width:580px;  height:580px;  margin:-1px 0 0 4px; border:0px ridge red;}

#productDetailMid {  float:left;  width:400px;  padding:0px 0px 0 15px; border:0px solid #d1d1d1;  }
#productDetailMid ul.main { float:left; width:100%; padding:0 0 10px 0;}
#productDetailMid ul.main li { float:left; width:100%; line-height:20px; margin:2px 0 0 0; }
#productDetailMid ul.main li span.code { float:left; width:auto; padding:2px 20px 0 0; }
#productDetailMid ul.main li span.price { float:left; width:auto; font-weight:bold; padding:2px 0 0 0px;}
#productDetailMid ul.main li span.was { float:left; width:auto; font-weight:bold; padding:2px 0 0 10px; text-decoration:line-through; color:#555;}
#productDetailMid ul.main li span.offer { float:left; width:auto; padding-left:10px;}
#productDetailMid ul.main li span.weeks { float:left; width:auto; font-weight:bold; padding:2px 0 2px 0px; color:#a33;}
#productDetailMid ul.main li h2 { font-size:11px; line-height:14px; }
#productDetailMid ul.main li a.review { float:left; margin:0 30px 0 0; display:inline;}
#productDetailMid ul.main li a.review .text  { float:left; width:auto; height:25px; padding:5px 10px 0 0; font-size:11px; font-weight:bold; cursor:pointer; }
#productDetailMid ul.main li a.review .image { float:left; width:15px; height:30px; cursor:pointer;}
#productDetailMid ul.main li a.email { float:left; }
#productDetailMid ul.main li a.email .text{ float:left; width:auto; height:25px; padding:5px 10px 0 0; font-size:11px; cursor:pointer; }
#productDetailMid ul.main li a.email .image { float:left; width:40px; height:30px; cursor:pointer;}
#productDetailMid ul.main li .share{ float:left; width:auto; height:25px; padding:5px 10px 0 0; font-size:11px; }
#productDetailMid ul.main li a.share .image { float:left; width:16px; height:16px; cursor:pointer; padding-right:0px; }
#tabboxr a.review  { float:left; width:auto; height:25px; padding:5px 10px 0 0; font-size:11px; font-weight:bold; cursor:pointer; }
#tabboxs { height:340px; overflow:auto; }

.matrixBox { float:left; width:400px; padding:10px 0px 10px 0px;  }
.matrixBox .head { float:left; width:100%; font-size:12px; color:#555; font-weight:bold; padding:0; margin:0; }
#matrixBody, #matrixBodya, #matrixBodyb, #matrixBodyc, #matrixBodyd { float:left; width:100%; padding:0 0 10px 0;}

/* createMatrixNormal */
.matrixBoxSizes { float:left; clear:both;  width:100%;  margin: 4px 0px 0 0;  }
.matrixBoxSizes ul { float:left; }
.matrixBoxSizes li.size { float:left; width:20px; padding:0 0 0 1px; overflow:hidden; text-align:center; border:0px solid blue;}

.matrixBox .variation { float:left; width:100%; padding:1px 0 0px 0;}
.matrixBox .colourname { float:left; width:95px; height:auto; font-size:11px; line-height:13px; text-align:right; }
.matrixBox .colourimg { float:left; width:20px; height:15px; margin:2px 3px 0 3px;  display:inline; }
.matrixBox img.colourimg  { border:1px solid #ccc; }
.matrixBox div.buttons { float:left; }
.matrixBox div.buttons ul { float:left; }
.matrixBox div.buttons ul li.sizebutton { float:left; width:20px; height:20px; padding:0 0 0 1px; }
.matrixBox div.buttons ul li.sizebutton img { float:left; width:20px; height:20px; }

/* createMatrixTable */
.matrixTable { float:left; border:0px solid #eef; }
.matrixTable tr.t_matrixBoxSizes {   }
.matrixTable td { padding:1px 0 0 0; margin:0; }
.matrixTable td.t_colourname { width:auto; text-align:right; }
.matrixTable td.t_colourimg { width:20px; height:15px; padding:2px 3px 0 3px; }
.matrixTable img.t_colourimg { width:20px; height:15px; border:1px solid #ccc; cursor:pointer;  }
.matrixTable tr.t_variation {  }
.matrixTable td.t_sizebutton { padding:1px 0 0px 0; }
.matrixTable td.t_sizebutton img { width:20px; height:20px; }

/* createMatrixBra */
.matrixBraColour { float:left; width:auto; margin:10px 5px 0 0; padding:4px 0 4px 4px; display:inline; border:1px solid #eef; }
.matrixBraColour .variation { float:left; width:auto; padding:1px 0 2px 0; color:#000; }
.matrixBraColour .colourname { float:left; width:55px; height:20px; font-size:11px; line-height:20px; text-align:left; padding-left:5px; }
.matrixBraColour .colourimg { float:left; width:20px; height:15px; margin:2px 5px 0 0; }
.matrixBraColour img.colourimg  { border:1px solid #ccc; cursor:pointer; }
.matrixBraColour .matrixBraBox { float:left; clear:left; padding:0 0px 0 0;}
.matrixBraColour .matrixBraLine { float:left; clear:left; height:20px; width:100%; margin-top:1px; }
.matrixBraColour .matrixBraLine li { float:left; height:20px; padding:0 1px 0 0; display:inline; }
.matrixBraColour .matrixBraLine li.cup { width:20px; text-align:center; }
.matrixBraColour .matrixBraLine li.size { width:20px; text-align:left; }
.matrixBraColour .matrixBraLine li img { width:20px; height:20px; }

/* createMatrixBraTable */
.matrixBraTable { float:left; clear:left; }
.matrixBraTable tr.t_matrixBraLine { }
.matrixBraTable td { border:0px solid red; }
.matrixBraTable td.t_bracup { text-align:center; padding:0 1px 1px 0; }
.matrixBraTable td.t_brasize { text-align:right; padding:0 5px 1px 5px; }
.matrixBraTable td t_bracup img { width:20px; height:20px; }

/* createMatrixAlpha */
.matrixAlphaBox { float:left; width:100%; padding:10px 0 0 0; }
.matrixAlphaBox .matrixAlphaBreak { float:left; width:100%; height:10px; }
.matrixAlphaBox .letter { float:left; width:20px; height:35px; padding:0 0 0 1px; }
.matrixAlphaBox .letterName { float:left; width:20px; height:15px; text-align:center;}
.matrixAlphaBox img { width:20px; height:20px;  }

/* matrix buybutton area */
.matrixBox #keyLine { float:left; width:100%; padding:5px 0 0 0;}
.matrixBox img.key { float:left; }
ul.buybox { float:left; width:100%; }
ul.buybox li { float:left; margin:15px 0 0 0;  }
ul.buybox li.a { width:170px; line-height:30px; text-align:right; }
ul.buybox li.qty { width:30px; padding:5px 0 0 5px;}
ul.buybox li.buy { width:134px; height:35px; padding:0 0 0 15px;}
ul.buybox li.buy input { width:134px; height:35px; margin:0; padding:0; border:0; background:none; }
ul.buybox li.buy input.buyBtn { background:url(../images/add-to-basket_off.jpg) 0 0 no-repeat; }
ul.buybox li.buy input.buyBtn-on { background:url(../images/add-to-basket.jpg) 0 0 no-repeat; cursor:pointer;}
ul.buybox li.buy input.buyBtn-on:hover { background:url(../images/add-to-basket_hover.jpg) 0 0 no-repeat; }

/* ddl container */
#DDLBox {  float:left;  width:99%;  border:1px solid #d1d1d1;  }
#DDLBox ul { float:left; width:98%; padding:0 1%;}
#DDLBox ul li { float:left; line-height:20px;  margin:4px 0 4px 0; font-size:13px; }
#DDLBox ul li.l { width:30%; clear:left;}
#DDLBox ul li.r { width:69%;  }

#detailTabs { float:left; width:400px; height:18px;  float:left; margin:15px 0 0 0; }
#detailTabs li { float:left;  width:90px; height:18px;  cursor:pointer; text-align:center; font-size:11px; padding:2px 5px 0 0;  }
#detailTabs li:hover { text-decoration:underline; color:#000;}
#detailTabs li.on { background:url(../images/detail-tab-on.jpg) 0 0 no-repeat; }
#detailTabs li.off { background:url(../images/detail-tab-off.jpg) 0 0 no-repeat; }
#detailTabs li.dead { display:none; }
#detailTabs li.end { background:url(../images/detail-tab-end.jpg) 0 0 no-repeat; width:110px; }
#tabPages { float:left; height:340px; width:378px; padding:10px; border:1px solid #B8B9BD; border-top:1px; margin-top:-1px; min-height:150px;  background:#E5E5ED;}
#tabPages li { float:left;  width:100%; font-size:11px; display:none;   }
#tabPages h2 { float:left;  width:100%; font-size:11px;   }
#reviewList { float:left; width:100%; height:300px; overflow:auto;}
#reviewList li { float:left; width:93%; font-size:11px; background:#F2F1F6; display:block; margin:4px 0 0 0; padding:1%; }

#productDetailRight { float:left;  width:155px; padding:0 0 0 20px; }

/* reviewGet.tmp */
#reviewIn { float:left; width:460px; padding:10px; }
#reviewIn ul { padding:0; margin:0;   }
#reviewIn ul li.head { float:left; width:100%; line-height:25px; font-size:15px; font-weight:bold; text-align:center; color:#fff; background:#9099B6; }
#reviewIn ul li.status { float:left; width:100%; line-height:25px; font-size:15px; font-weight:bold; text-align:center; color:#f00; }
#reviewIn dl.std dt { font-size:12px; }
#reviewIn ul.std li input.stdrad { float:left; margin:1px 0 0 0; }
#reviewIn ul.std li img { float:left; padding:3px 15px 0 2px;  width:44px; }
#reviewIn .ok { float:left; width:100%; padding:8px 0; font-size:12px;}
#reviewIn .termshead { float:left; padding:0; cursor:pointer; }
#reviewIn .termsImg { float:left; cursor:pointer; padding-left:10px; }
#reviewTerms { float:left; width:500px; text-align:left; padding:5px 10px;}
#reviewTerms .terms .info { font-size:11px; line-height:13px; }
#reviewTerms .terms ul.info li { font-size:11px; line-height:13px; }
#reviewTerms .termshead { float:left; font-size:14px; font-weight:bold; color:#000; padding:0 10px 0 0; }
#reviewTerms #words { float:left; width:100%; font-size:11px;}

/* express showpart popup */
#expopMain { float:left; width:520px; padding:30px 0 0 0;}
#expopLeft { float:left; width:100px; line-height:20px; color:#57678B; padding:0 0 0 5px;}
#expopLeft span { float:left; width:100%; font-size:12px;  text-align:center; }
#expopLeft .code {  font-weight:bold; }
#expopLeft .price {  color:#000; font-weight:bold; }
#expopLeft .title { }
#expopImage { float:left; width:100px;  }
#expopImage img { float:left; width:100px; height:100px;  }
#expopMain .matrixBox { margin:0 0 0 10px; display:inline; border:1px solid #eee; text-align:left; }

#productDetailStyle { float:left; width:450px;  padding:3px 0px 0 10px; }
#productDetailStyle li { float:left; width:100%; }
.selOneChoice { float:left; width:96%; padding:0 2%; }
ul#detailData { float:left; width:100%; }
ul#detailData li { float:left; clear:left; width:100%; height:25px;
  line-height:18px; font-size:11px; margin:0 0 1px 0; padding:0; border-bottom:0px solid red;}
ul#detailData li div.selLabel { float:left; width:20%; padding:2px 0 2px 0;  }
ul#detailData li div.selBox { float:left; width:79%; }
ul#detailData li.sizechart { padding:7px 0 0 0px; height:25px;}
ul#detailData li.sizechart span { float:right; width:115px; font-size:11px; line-height:16px;
  background:url(../images/go_w.jpg) 95px 0px no-repeat; }

a.backToProductList:visited, a.backToProductList:link, a.backToProductList:active {
  text-decoration:none;  border:0; cursor:pointer;
  }
a.backToProductList:hover {
  border:0;  cursor:pointer;
  }

.productDetailLabel { float:left; width:90px; height:14px; line-height:14px; padding:5px 0 0 0; }
.gift_wrap_large, .personalisation_large { float:left; width:190px; border-bottom:0px solid #aaa; }
.gift_wrap_large {  margin:10px 0 0 0;  }
#gift_wrap_stuff, #personalisation_stuff { float:left; width:190px; padding:5px; border:1px solid #aaa; background:#eee; display:none; }
#gift_wrap_stuff li, #personalisation_stuff li { float:left; width:99%; margin:0; }
#gift_wrap_stuff li.text, #personalisation_stuff li.text { padding:4px 0 2px 0; }
#personalisation_stuff span.head { float:left; }
#personalisation_stuff span.cost { float:right; font-size:10px; color:#555; }

#personalisation_stuff ul.cal { float:left; width:190px; margin:0; padding:0;}
#personalisation_stuff ul.cal li.a { float:left; width:130px; }
#personalisation_stuff ul.cal li.b { float:right; width:54px; }

#giftWrapSelect { position:absolute; display:none; top:10px; left:10px; width:350px; height:auto; border:1px ridge blue; background:#fff; z-index:5001; }
#giftWrapSelectL { float:left; width:200px;  }
#giftWrapSelectL p { float:left; width:100%; height:20px; line-height:18px; text-align:center; background:blue; color:#fff;}
#giftWrapSelectUL { float:left; width:100%;  }
#giftWrapSelectR { float:left; width:130px; height:130px; padding:10px; background:#eee; }
#giftWrapSelectR img { float:left; width:130px; height:130px; background:#fff; }
#giftWrapSelectL ul { float:left; width:93%; padding:3%; }
#giftWrapSelectL ul li { float:left; width:100%; line-height:16px;  }
xx#giftWrapSelectL ul li a { float:left; width:100%;  }
xx#giftWrapSelectL ul li a:hover { float:left; width:100%; background:blue; }
.giftWrapOver { background:cyan; cursor:pointer; }
.giftWrapOut { background:none; }

#basketGiftWrapHolder, #basketPersonalisationHolder { position:absolute; display:none; top:0; left:0; z-index:5001;}
#basketGiftWrapHolder_in, #basketPersonalisationHolder_in { float:left; padding:5px; background:#fff;}
#basket_gift_wrap_stuff li, #basket_personalisation_stuff li { float:left; width:99%; margin:0; }
#basket_gift_wrap_stuff, #basket_personalisation_stuff { float:left; width:200px; padding:5px; border:1px solid #aaa; background:#eee;  }
#basket_gift_wrap_stuff li.title, #basket_personalisation_stuff li.title { margin:0 0 10px 0; padding:4px 0 2px 0; text-align:center; background:#ccc;}
#basket_gift_wrap_stuff li.button, #basket_personalisation_stuff li.button { margin:10px 0 0 20px; padding:4px 0 2px 0; width:170px; }
#basket_gift_wrap_stuff li.button a, #basket_personalisation_stuff li.button a { float:left; display:block; width:40%; margin:0 5px; }
#basket_personalisation_stuff ul.cal { float:left; width:200px; margin:0; padding:0;}
#basket_personalisation_stuff ul.cal li.a { float:left; width:140px; }
#basket_personalisation_stuff ul.cal li.b { float:right; width:54px; }
#basket_personalisation_stuff span.head { float:left; }
#basket_personalisation_stuff span.cost { float:right; font-size:10px; color:#555; }
.hiddenSelect { display:none; }

#productLinks { width:210px;  float:left;  margin:10px 0px 0px 0px; }
#productLinks li { clear: left; width:100%; height:29px; float:left; display:block; }
#productLinks li img { float:left; cursor:pointer;}
#productLinks li.social { margin: 7px 0; padding:3px 0;
  border:0px solid #D1D1D1; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; }
#productLinks li img.io { float:left; display:block; padding:0; cursor:pointer; }
#productLinks li img.iom { float:left; display:block; padding:0px 58px; cursor:pointer; }
#productLinks li span { float:left; display:block; padding:5px 0 0 10px; cursor:pointer; }

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

#productRel { float:left;  width:155px; }
#productRel .top  { float:left;  width:100%;  }

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

#basketTop { width:100%; margin:10px auto 0 auto; border:0px solid red;	}
#basketCrumbs {
  width:100%;  height:auto; 	float:left; 	clear:both; 	text-align:center;
 	border-bottom:10px solid #7091B4;
 	}

#basketCrumbs li {
  float: left;  width:167px; height:32px;
  padding:1px 0px 0px 0px;
  color: #fff;  font-size:16px;  font-weight:bold; text-align:center; line-height:30px; text-transform:capitalize;
  }

ul#basketCrumbs li.on {color: #fff;  background:url(../images/tab_chkout_on.jpg) left top no-repeat; }
ul#basketCrumbs li.off {color: #777; background:url(../images/tab_chkout_off.jpg) left top no-repeat; }
ul#basketCrumbs li.done {color: #777; background:url(../images/tab_chkout_off.jpg) left top no-repeat; }

ul#basketCrumbs a { font-size:16px; color:#777; }
ul#basketCrumbs li.on a { color:#fff; }
ul#basketCrumbs a, ul#basketCrumbs a:link, ul#basketCrumbs a:visited, ul#basketCrumbs a:active
  { text-decoration: underline;  }
ul#basketCrumbs li.on a:hover, ul#basketCrumbs a:hover {color:#000; text-decoration: underline;}
/*
ul#basketCrumbs li.wa {width:70px;}
ul#basketCrumbs li.wb {width:80px;}
ul#basketCrumbs li.wc {width:50px;}
ul#basketCrumbs li.wd {width:100px;}
ul#basketCrumbs li.we {width:152px;}
*/
ul#basketCrumbs li.we {}

/* BASKET ------------------------- */
#basketLeft { width:800px;  float:left;  padding:10px 0px 10px 0px; }
#bsktForm { float:left; width:100%; }
#basketMain { width:800px;  float:left;  clear:both;	}
xx#basketTotal1 { width:342px;  float:right; margin-right:5px; display:inline; }
xx#basketTotal { width:212px;  float:right;  margin-right:5px; display:inline;  }

#bskt {	float:left; line-height:12px;	 border-collapse:collapse; }
#bskt tr { }
#bskt td { font-size:10px; text-align:center; vertical-align:bottom; height:18px; line-height:18px; color:#000; padding:0;}
#bskt th { font-size:10px; text-align:center; height:15px; line-height:12px; color:#fff; padding:0;
   background:#7091B4;	font-weight:normal; text-transform:uppercase; }

#bsktLineSpacer { float:left; width:700px; border:0;  }
#bsktLineSpacer td { height:10px; }

#bsktLineBorder { float:left; width:800px; border:1px solid #C8C8C8; }
#bsktLineBorder td.paddy { padding:5px; }

#basketHead { width:800px; background:#7091B4; border:1px solid #7091B4; }
#basketHead td.paddy { padding:2px 5px 2px 5px;  }
#basketTotals { float:left; width:800px; padding:2px 5px; background:#7091B4; border:1px solid #7091B4; }
#basketTotals tr th { text-align:left; }

#bskt tr.oldLines {  background-color: #DDD;}
#bskt tr.oldLines td { border-top:5px solid #f00;}
#bskt tr.deadLines { background-color: #F77;}
#bskt tr.deadLines td { border-top:5px solid #f00;}
#bskt tr.promoLines { background-color: #eef;}
#bskt tr.promoLines td { border-top:5px solid #ff0; }

.bsktimg { float:left; width:70px; height:70px; }

#bskt th.chkBox, td.chkBox { width:100px; }
#bskt td.chkBox input { width:14px; height:14px;}
#bskt td.chkBox a { float:right;}

#bskt th.image, #bskt td.image { width:70px;}
#bskt td.image img { width:70px; height:70px; }
#bskt th.part, #bskt td.part { width:85px;}
#bskt td.part { height:40px; }

#bskt th.contents, #bskt td.contents { width:304px; }
#bskt td.contents {  }
#bskt td.contents .bsktContents {	float:left;	width:304px; }
#bskt td.contents .bsktImgContainer {	float:left;	width:90px; height:auto;	overflow: hidden;	}
#bskt td.contents .bsktImgContainer img {float:left; width:90px; height:auto; border:0;}
#bskt td.contents .bsktTxtContainer {	float:left;	width:331px; height:auto;	padding-left:5px; }
#bskt td.contents .bsktTitle {float:left; width:100%;  font-size:10px;}
#bskt td.contents .bsktPartCode {float:left; width:100%; padding-bottom:3px; }
#bskt a:link, #bskt a:visited, #bskt:active { font-size:10px; color:#000;}
#bskt a:hover { color:#333;; }

#bskt th.excl, #bskt td.excl { width:74px; }
#bskt td.excl { text-align:right; }
#bskt th.vat, #bskt td.vat { width:60px; }
#bskt td.vat { text-align:right; }
#bskt th.incl, #bskt td.incl { width:74px; }
#bskt td.incl { text-align:center; }
#bskt th.qty, #bskt td.qty { width:70px; }
#bskt .bsktQty {	float:left;	width:50px;}
#bskt td.qty input.qty {	width:28px;	text-align:center;	margin:0; display:inline; border:1px solid #039; }
#bskt th.unit, #bskt td.unit { width:74px; }
#bskt td.unit { text-align:right;  }
#bskt th.disc, #bskt td.disc { width:74px; }
#bskt td.disc { text-align:right; }
#bskt th.tincl, #bskt td.tincl, #bskt th.tinclhead { width:84px; text-align:right; }
xx#bskt th.tinclhead { text-align:center;  }

#bskt tr.discount_row td { color:red; font-weight:bold; }
#bskt tr.discount_row td.part { height:auto; }

#bskt td.totaltext { width:159px; }
#bskt td.bsktNoBg { width:126px; text-align: right; }
#bskt td.bsktTotal { width:83px; text-align: right; }
#bskt td.bsktGrandTotal {	width:83px; text-align:right;	}

/* order confirm page overrides - if it is a different width to the basket page */
#basketMainConfirm { width:700px;  float:left;  clear:both;  }
#basketMainConfirm #basketHead { width:700px; }
#basketMainConfirm #bsktLineBorder {width:700px; }
#basketMainConfirm #basketTotals { width:700px; }
#basketMainConfirm #basketTotals table tr th { font-size:13px; line-height:15px; }
#basketMainConfirm #bsktLineBorder td.paddy { padding:5px; }

#basketButtons { width:562px; float:left; padding:0 0 10px 0; background:pink;}
#basketButtonsL { width:229px; float:left;  clear:left; margin:15px 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; }

#basketUpdate { float:left; width:152px; margin:10px 5px 0 25px; display:inline;  }
#basketCheckout { float:left; margin:10px 0px 0 25px; display:inline;}

#basketCarrier { width:426px; float:left; margin:10px 0 0 0px; }
#basketCarrierT { width:100%; float:left;  padding:0 0 10px 0; background:#7091B4; }
#basketCarrierT p { width:424px; height:25px; float:left;  display:inline;
  text-align:center; line-height:20px; font-size:11px; font-weight:normal; color:#fff;}
#basketCarrierB { width:400px; float:left; padding:0 0 0 14px;}

#basketCode { float:left; width:310px; padding:10px 0 0 75px;  }
.basketCodeLabel { float:left; width:140px; padding:6px 0 0 0; font-size:14px; font-weight:bold; }
.basketCodeInput { float:left; width:100px; padding:4px 0 0 0; }
.basketCodeButton { float:left; width:55px; padding:0 0 0 10px; }
.basketCodeText { float:left; width:160px; font-size:11px; }

#basketGiftV { float:left; width:150px; padding:10px 0 0 175px; }
.basketGiftVLabel { float:left; width:100px; padding:6px 0 0 0; font-size:14px; font-weight:bold; }
.basketGiftVText { float:left; width:150px; font-size:11px; }

#basketBargains { float:left;  overflow:hidden;  clear:both;  width:600px; margin:20px 0 0 0; border:1px solid #d1d1d1; }
#basketBargains .head { float:left; width:100%;}

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

#orderTypeMain { width:962px; float:left; margin:0px 0 0 0px;  padding:0 0 10px 0; border:0px solid #D1D1D1; }
#orderTypeTop { width:922px;  float:left;  display:inline; margin:0px 0 0 20px; }
#orderTypeTop p.q { float:left; font-size:14px; color:#333; }
#orderTypeLeft { width:30%;  float:left;  display:inline; margin:10px 0 0px 2%; }
#orderTypeLeft #lostpw { float:left; width:90%; background:none; margin:20px 0 0 0px; padding:0; border:0px solid #039;}
#orderTypeLeft #lostpw p.head { color:#000; font-size:13px; font-weight:bold;}
#orderTypeLeft #lostpw p.txt { color:#000; font-size:11px;}
#orderTypeLeft #lostpwBtn { float:left; margin:5px 0 0 -5px; display:inline;}
#orderTypeLeft .BMBtn { float:left; width:100%; margin:0; }
#orderTypeLeft ol.remind {  float:left;  margin:5px 0 10px 0px;  }
#orderTypeLeft ol.remind li { float:left; clear:left; width:100%; font-size:9px; line-height:11px; color:#000; }

#orderTypeRight {
  width:30%;  height:400px;  float:left;  display:inline;  text-align:left;
  margin:10px 2% 0 2%;   padding:0 1%;
  border:0px solid blue;  border-left:0px solid #aaa;  border-right:0px solid #aaa;
  }
#orderTypeRight .BMBtn { float:left; width:100%; margin:0; }

#orderTypeVeryRight { width:30%;  height:auto;  float:left;  display:inline;  text-align:left;  margin:10px 0 0 0; }
#orderTypeVeryRight .p1 { width:100%; height:auto; float:left; font-size:10px; line-height:12px; color:#333333; margin:15px 0 0px 0; }
#orderTypeVeryRight .p2 { width:100%; float:left; font-size:11px; font-weight:bold; line-height:13px; color:#000000; margin:5px 0 5px 0; }
#orderTypeVeryRight .BMBtn { float:left; width:70%; margin:92px 0 0 15%; padding:4px 0 1px 0;}

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

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

#orderDeliveryLeft ul.addline { float:left;  width:448px;  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:42%;  float:right; display:inline;  margin:0px 2% 0 0; }
#orderDeliveryAddNew { float:left; padding:10px 0 0 0;}
#orderDeliveryIsNew h3 { background:#8DA2BF;  text-transform:uppercase; font-weight:bold; color:#fff; text-align:center; padding:4px 0;}
#orderDeliveryAddress #SAForm { float:left; background:#E4E9EF; padding:10px 0 10px 2%; width:98%; }

#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.jpg) 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:#8bc55e; 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 #A2A0B5; overflow:auto;}

/* order_choices --------------- */
#orderChoice {
  width:100%;  height:auto; float:left;  display:inline;
  margin:10px 0 0 5px;  padding:0 0 0px 0;
  text-align:left;
  display:none;
  }

#orderChoice ul { margin:10px 0 0 0; }
#orderChoice li { display:inline; width:156px; margin:0 3px; padding:0px; background:url() top left no-repeat #B3B1C3; }
#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_cheque { background-image: url(../images/Checkout_CQ.gif); }

/* order_main --------------- */
#orderMain { width:878px;  float:left; margin:0px 0 0 0px;  padding:20px 0 10px 0;  border:1px solid #d1d1d1; border-top:0;}
#orderMainLeft { float:left; width:53%; padding:0 0 0 2%;  }
#orderMainRight { float:left; width:42%; margin:20px 0 0 3%; display:inline; }
#orderMainBottom { float:left; width:100%; }

#orderChoice_card_head,
#orderChoice_details_head,
#orderChoice_paypal_head,
#orderChoice_cheque_head,
#orderChoice_details_head,
#orderChoice_details { float:left; width:100%;  }

#orderChoice_card_head h1 { background:#8DA2BF;  text-transform:uppercase; font-weight:bold; color:#fff; text-align:center; padding:4px 0;}
#orderChoice_details { float:left; background:#E4E9EF; padding:10px 0% 0 2%; margin:0; width:98%; }
#orderChoice_cc_total { float:left; background:#E4E9EF; padding:10px 0 0 2%; width:98%; }
#orderChoice_cc { float:left; background:#E4E9EF; padding:0 0 10px 2%; width:98%; }
#orderChoice_privacy { float:left; border:1px solid #d1d1d1; border-bottom:0; padding:0 0 0px 2%; width:78%; }
#orderChoice_button { float:left; border:1px solid #d1d1d1; border-top:0; padding:0 0 10px 2%; width:78%; }
#orderChoice_privacy #orderRight dl.std dt { width:10%; height:auto; }
#orderChoice_privacy #orderRight dl.std dd { width:89%; height:auto; font-size:12px; }

#orderMainLeft dl.std dt { height:26px; margin:0px 0 0 0; font-size:11px; line-height:12px; }
#orderMainLeft dl.std dd { height:26px; margin:0; }
#orderMainLeft dl.std dd.a { height:46px; margin:0; }
#orderMain dl.std dd.b { height:75px; width:400px; margin:0; }
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;}
xx#orderMain #first_name{ width:120px; }
xx#orderMain #last_name { width:120px; float:right;}

#orderRight { width:430px;  display:inline; margin:0px 0px 0 0px; 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; }
#orderCards { width:98%;  float:left; display:inline; margin:10px 0 10px 2%; }
#orderCards img { float:left; padding-right:6px; }
#orderVoucher { float:left; clear:left; padding:10px 0; width:100%; }
#orderVoucher ul li { float:left; width:100%; height:auto;}

#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%;  }

#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 { float:left; display:inline; margin:20px 0 0 0px; }
.orderButton { float:left;  }
.loginButton { float:left; }

/* order confirm ------------------- */
#orderConfirmMain {
  float:left; width:878px;  height:auto; min-height:390px;  margin:0px 0 0 0px;  padding:20px 0 10px 0px;
  text-align:left; border:1px solid #D1D1D1; border-top:0;
  }
#orderConfirmLeft { float:left;  width:53%;  display:inline; margin:5px 0 0 2%;  padding:0 0 10px 0;}
#orderConfirmRight { float:left; width:42%; display:inline;  margin:5px 0px 0 3%; text-align:left;}
#orderConfirmBottom { float:left; width:97%; display:inline; margin:5px 0px 0 2%; text-align:left;}
#orderConfirmMain #btn { float:left; clear:left; width:50%; padding:5px 0 0 20px; }
#continueConfirm { float:left; clear:left; width:400px; padding:5px 0 0 20px; }

/* order confirm vbv------------------- */
#orderConfirmVBVMain { float:left; clear:left; width:878px; margin:0; padding:20px 0 10px 0; border: 1px solid #d1d1d1; border-top:0; }
#orderConfirmVBVLeft {float: left; width: 277px; line-height: 14px; margin:0px; padding:10px 0px 0px 10px; }
#orderConfirmVBVRight {float: left; width:570px; height:auto; margin:10px 0 0px 10px; display:inline; border:1px solid #d1d1d1; overflow:auto;}

#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;	margin: 5px 0 0 0; padding: 0 0 0 25px;
 	line-height: 28px;	font-weight: bold; color: #039;	text-decoration: none;
 	background: transparent url('../images/vbvBg.gif') left -28px no-repeat;
 	}

#a {	clear:both;	padding-bottom: 10px;	border: 1px solid #CCCCCC; border-top:0;	}
#b, #c, #d, #e, #f {	display: none;	clear:both;	padding-bottom:10px;	border: 1px solid #CCCCCC; border-top:0;	}
#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:878px;  float:left; margin:0px; padding:20px 0 10px 0; text-align:left; border:1px solid #d1d1d1; }
#orderThanksLeft { float:left;  width:56%; display:inline; margin:5px 0 0 2%; }
#orderThanksRight { float:left; width:40%;  display:inline; margin:50px 0 0 0; text-align:center; }

/* LOGIN ---------------- */
#loginMain { float:left;  width:100% }
#loginMain h1 { font-size:25px; line-height:30px;}
#loginMain .info { font-size:11px; padding:5px 0 0 0; line-height:13px; }
#loginMain .infobold { font-size:11px; padding:5px 0 0 0; line-height:13px; }
#loginLeft { float:left;  width:450px; padding:0px 20px 0 10px; }
#loginLeft #lostpw { float:left; width:97%; }
#logreg { float:left; width:412px; padding:0px 0 0 20px; }

/* login passwd reminder sent ----*/
#loginSent {  width:100%;  margin-top:20px;  }

/* logged in -------------*/
#loggedInL { width:95%; float:left; padding:0 0 0 10px; }

/* Register ------- */
#regLeft { float:left;  width:98%;  margin-top:10px;  padding:0 0 0 2%; border:0px solid black;  }
#regForm {  width:100%;  }
.regFormCol1 {  width:280px;  float:left;  padding-left:0px;  border:0px solid red;  }
.regFormVL {  width:1px;  height:330px;  float:left; display:inline;  margin:0px 5px 0 15px;  background: #D1D1D1;  }
.regFormCol2 {  width:275px;  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;  border: 1px solid #d1d1d1; }
ul.addf {	float:left; width:99%; display:inline;	font-weight:normal; color:#000;	margin:0px; padding:3px 0px 1px 0px; }
ul.addf li {	float:left; 	display:inline; line-height:10px; border:0px solid red; padding:0 0 0 2%; }
ul.addf li.text { display:none; width:32%;  text-align:left; font-weight:normal; font-size:10px; color:#000; padding:6px 0 0 1%; }
ul.addf li.a { width:38%; display:none;}
ul.addf li.b { width:45%; }
ul.addf li.c { width:50%; padding-left:7px; }
ul.addf input.addf { float:left; width:95%; font-size:10px; line-height:12px; color:#666666; height:13px;	margin:2px 0 0 0; padding: 2px 1px 3px 3px;	display:inline;}

#faBtn { width:100px; height:28px;  float:left;
  margin:0; padding:0; border:0; background:url(../images/button_FindAddress.jpg) 0 0 no-repeat #fff; cursor:pointer; }
.findAddrsBtn:hover {  }

/* reg confirm ---------------------- */
#regConfirmL { float:left;  width:638px;  }

/* reg thanks ---------- */
.regThanksL { width:690px; float:left; margin-top:20px; }
.regThanksR { width:110px; float:right; margin-top:20px; }

/* chartsub ------ */
.chartsubDetail { display:none; position:absolute; top:0; left:0; width:920px; border:1px solid #039; background:#fff; z-index:2000; margin:0; padding:0;}
.chartsubDetailHead { width:920px; height:26px;
  color:#fff; font-weight:bold; text-align:center; font-size:14px; line-height:23px;
  background:url(../images/menuback.jpg) 0px top repeat-x #fff; }
.chartsubDetailCloseBtn { float:right;  width:21px; height:20px; padding:2px; margin:-25px 3px 0 0; cursor:pointer;}

/* newsletter ------------- */
#newsLetterDiv { float:left;  display:block;		width:248px;		margin: 10px 0 10px 0px; 		padding: 0;	}
#newsLetterDiv li {  }
#newsLetterDiv li.inp { float:left;  display:inline; width:150px;  height:21px;		margin:0px 0 0 15px; }
#newsLetterDiv li.go { float:right; display:inline;  width:75px;  height:21px;		margin:0px 0 0 0px; }
#newsLetterForm { }
#newsLetterDiv input.email {
		width: 145px;		height:17px;		float: left; display:inline;		margin: 1px 0 0 0px;		padding: 2px 2px 0 3px;
  border:1px solid #3366ff;
		}

/* newsletter --------- */
#newsMain { float:left; width:510px; margin-top:0px; }
#newsRight { float:left; width:256px; padding-left:20px; margin-top:0px; }
.NLBtn { width:85px; height:26px;  float:left; margin:0; padding:0; border:0; background:url(../images/button_SignUp.jpg) 0 0 no-repeat #fff; cursor:pointer; }

#newsThanksMain { width:420px; margin-top:20px; }

/* catalogue ----------- */
#catalogueLeft { float:left;  width:496px;  padding:0 0 0 30px; }
#catalogueTop { float:left; width:100%; padding:0 0 20px 0; border-bottom:0px solid #D8DAE7; }
#catalogueTop .top { float:left; width:100%; font-size:30px; line-height:30px; padding:15px 0 0 0;}
#catalogueTop .main { float:left; width:100%;  margin:15px 0 0 0;  }
#catalogueTop .text { float:left; width:100%;  font-size:13px; line-height:18px;}
#catalogueTop ul.buybox { float:left; width:100%; padding:10px 0 0 0;}
#catalogueTop ul.buybox li.catimg { float:left; width:85px; padding:0 0 0 0;}
#catalogueTop ul.buybox li.cattxt { float:left; width:165px; padding:25px 0 0 40px; font-size:20px;}
#catalogueTop ul.buybox li.buy { float:left; width:165px; padding:20px 0 0 0; }
#catalogueRight { float:left;  width:414px; padding:0px 0 0 20px; }
.catBtn { float:right; width:147px; height:28px; background:url(../images/sendMeACatalogue.jpg) 0 0 no-repeat; border:0; }

/* my account ---------- */
#servicesLeft { float:left;  width:160px;  margin:0; padding:0 0 0 5px; }
#servicesPW { float:left; width:140px; margin:10px 0 0 0px; padding:10px; border:1px solid #d1d1d1; display:inline;}
#servicesPW1 { float:left; width:100%; }
#servicesPW2 { float:left; width:100%; display:none;}

#servicesRight { float:left;  width:780px; margin:30px 0 0 0; }
#servicesMain { width:760px; padding:0 0 0 20px;  }
#servicesTabs { width:100%;  height:26px;  float:left; margin:5px 0 0 0;  border-bottom:5px solid #8099B7; }
#servicesTabs p, #servicesTabs p:link,  #servicesTabs p:active,  #servicesTabs p:visited {
  width:126px;  height:21px;  float:left;  margin:0; display:inline;
  text-decoration:none;  line-height:14px; text-align:center;  color:#ffffff;  padding:6px 0 0 0; font-size:12px;
  cursor:pointer;
  }
#servicesTabs p:hover { text-decoration:underline; color:#fff;}
#servicesTabs p.off, #servicesTabs p.off:link, #servicesTabs p.off:visited, #servicesTabs p.off:active {
  background: url(../images/my-account-tab-off.jpg) 0 0 no-repeat #fff; color:#000; height:17px; margin-top:3px; }
#servicesTabs p.off:hover { }
#servicesTabs p.on, #servicesTabs p.on:link, #servicesTabs p.on:visited, #servicesTabs p.on:active {
  background: url(../images/my-account-tab-on.jpg) 0 0 no-repeat #fff; height:20px;  line-height:16px; }
#servicesTabs p.on:hover { }

#servicesMain #sa { float:left; width:758px; display:block; border:1px solid #d1d1d1;}
#servicesMain #sb { float:left; width:758px; display:none;  border:1px solid #d1d1d1;}
#servicesMain #sc { float:left; width:758px; display:none;  border:1px solid #d1d1d1;}
#servicesMain #sd { float:left; width:758px; display:none;  border:1px solid #d1d1d1;}
#servicesMain #se { float:left; width:758px; display:none;  border:1px solid #d1d1d1;}

.servicesCore { float:left;  width:490px; padding:10px 0px 10px 20px;}
.servicesCore a { cursor:pointer; }
.servicesName { float:left;  width:450px; padding:10px; margin:10px 0 0 0; background:#E4E9EF; }
.servicesBill { float:left;  width:450px; padding:10px; margin:10px 0 0 0; background:#E4E9EF; }

/* tracking ----------------- */
#trackMain { float:left;  width:738px; padding:30px 0px 10px 10px;}
#trackTable { float:left; width:100%; }
#trackTable th { background:#7F9AB7;  padding:2px 5px; color:#fff;}
#trackTable th.btncol { background:#fff; }
#trackTable td { border-bottom:1px solid #7F9AB7; padding:2px 5px; }
#trackTable td.btncol { border-bottom:1px solid #fff; }
#trackSubTable td { border:0;}

#trackDetSel { float:left; width:100%;  }
#trackDetFrame { float:left; display:none; width:758px; padding:0px; }
#trackDetIFrame { float:left; width:100%; overflow:auto; }
#trackDetButton { display:none; }
.trackDetButton { float:left; width:738px;  padding:10px;}
.trackDetButton a { cursor:pointer; }
#trackDetStupidFixForIE6 { float:left; width:100%; font-size:1px; line-height:1px; height:10px; }

#trackDetMain { float:left; width:738px; padding:10px; font-size:11px; }
#trackDetHead1 { float:left; width:100%; padding:0; background:#7F9AB7; font-weight:bold; color:#fff; }
#trackDetData1 { float:left; width:100%; text-align:center; padding:8px 0; border-bottom:1px solid #7F9AB7;}
.trackDetA p { float:left; width:173px; padding:0; line-height:22px;  text-align:center;  font-size:11px;}

#trackDetAddr1 { float:left; width:50%; text-align:left; padding:20px 0 0 0; }
#trackDetAddr1 p.info { font-size:11px; padding:0; line-height:13px; }
#trackDetAddr1 a.info { font-size:11px; padding:0; line-height:13px; }
#trackDetAddr2 { float:left; width:30%; text-align:left; padding:20px 0 0 20%; }

#trackDetParts { float:left; width:100%; margin:20px 0 0 0; }
#trackDetParts th { background:#7F9AB7; font-weight:bold; color:#fff; line-height:22px; font-size:12px; }
#trackDetParts td { border-bottom:1px solid #7F9AB7; font-size:12px; }
#trackDetParts .a { width:60px; }
#trackDetParts .b { width:100px; }
#trackDetParts .b img { width:100px; height:100px; }
#trackDetParts .d { width:100px; text-align:right;}
#trackDetParts .e { width:60px; text-align:right;}
#trackDetParts .f { width:100px; text-align:right; padding:0 10px 0 0; }

/* reminder ------ */
#reminderMain { width:100%; }
#eventsTable { width:98%; border:0px solid red; background:#4c4c4c;}
#eventsTable th { border:0px solid transparent; background:#D1D1D1; padding:2px 5px;}
#eventsTable td { border:0px solid red; background:#fff; padding:2px 5px; }

/* email a friend ------- */
body.friendBody { background:#fff;}
#friendMain { width:730px;  min-width:730px; height:450px;  float:left; margin:10px;   }
#friendLeft { width:350px;  float:left; }
#friendLeft dl.std { width:95%;  margin:0 10px; }
#friendSend { float:left; clear:left; padding:10px 0 0 110px; }
#friendClose { float:left; clear:left; width:250px; padding:20px 0 0 45px; }
#friendPic { width:370px;  height:370px; float:left;  margin:0 0 0 0px; }
#friendPic img { float:left; width:370px; height:370px;  }

/* store finder / stock finder */
#storeFinderTop { float:left; width:900px; margin:0 0 0 30px; display:inline; padding:0 0 20px 0; border-bottom:1px solid #D8DAE7; }
#storeFinderTop .left { float:left; width:300px; }
#storeFinderTop .lefttop { float:left; width:100%; font-size:30px; line-height:30px; padding:15px 0 0 0;}
#storeFinderTop .leftmain1 { float:left; width:280px; padding:10px; margin:65px 0 0 0; background:#D8DAE7; }
#storeFinderTop .text { float:left; width:100%; font-weight:bold; line-height:16px;}
#storeFinderTop .dataBox { float:left; width:100%; padding:18px 0 0 0;}
#storeFinderTop .input { float:left; width:50%; padding:2px 0 0 0;}
#storeFinderTop .btn { float:left; width:40%; padding:0 0 0 9%; }
#storeFinderTop .leftmain2 { float:left; width:280px; padding:10px; margin:10px 0 0 0; background:#D8DAE7; }
#storeFinderTop .leftmain3 { float:left; width:280px; padding:10px; margin:10px 0 0 0; background:#D8DAE7; }
#storeFinderTop .leftmain3 .input { float:left; width:99%; padding:2px 0 0 0;}
#storeFinderTop .leftmain3 .btn { float:left; width:40%; padding:0 0 0 58%;}

#storeFinderTop .right { float:left; width:590px; padding:165px 0 0 10px;}
#storeFinderTop .right_stock { float:left; width:590px; padding:28px 0 0 10px;}

#storeFinderTop .leftmain_none { float:left; width:280px; padding:10px; margin:10px 0 0 0; }
#storeFinderTop .right_none { float:left; width:590px; padding:28px 0 0 10px;}

/* all shops list */
#storeFinderAll { float:left; width:950px; margin:0 0 0 10px; display:inline; padding:0 0 20px 0; border-bottom:1px solid #D8DAE7; }
#storeFinderAll .lefttop { float:left; width:100%; font-size:30px; line-height:30px; padding:15px 0 0 0;}
#storeFinderAll h1 { float:left; width:96%; padding:6px 0 6px 2%; margin:30px 0 10px 0; color:#fff; background:#9099B6; }
#storeFinderAll p { float:left; width:95%; padding:9px 0 9px 3%; color:#000; font-size:14px; }
#storeFinderAll b { font-size:16px; font-weight:bold; }
#storeFinderAll .left_all { float:left; width:620px; }
#storeFinderAll .right_all { float:left; width:320px; padding:0 0 0 10px;}

/* finder nearest page */
.storeFinderNearestHead { float:left; width:900px; margin:0 0 0 30px; display:inline; color:#fff; font-weight:bold; line-height:20px; background:#8492AF; }
.storeFinderNearestHead .image { float:left; width:180px; margin:0 7px 0 0; display:inline; }
.storeFinderNearestHead .address { float:left; width:270px; padding:0 0 0 23px; }
.storeFinderNearestHead .distance { float:left; width:100px; text-align:center; }
.storeFinderNearestHead .opening { float:left; width:230px; padding:0 0 0 70px; }
.storeFinderNearest { float:left; width:900px; margin:5px 0 10px 30px; display:inline; background:#D8DAE7;}
.storeFinderNearest .image { float:left; width:180px; height:140px; padding:0 7px 0 0; display:inline; background:#fff;}
.storeFinderNearest .image img { float:left; width:180px; height:140px; }
.storeFinderNearestMain { float:left; width:710px; padding:5px 0 0 0; }
.storeFinderNearest .address { float:left; width:270px; padding:0 0 0 23px; }
.storeFinderNearest .address .title { font-size:20px; padding:0 0 10px 0; }
.storeFinderNearest .address a.map { float:left; width:auto; padding:5px 0 0 0; text-decoration:underline;}
.storeFinderNearest .distance { float:left; width:100px; text-align:center; font-size:20px; font-weight:bold; }
.storeFinderNearest .opening { float:left; width:240px; padding:0 0 0 70px; }

/* finder detail map page */
.storeFinderDetail { float:left; width:900px; margin:20px 0 0 30px; display:inline; }
.storeFinderDetail .left { float:left; width:530px; }
.storeFinderDetail .lefttop { float:left; width:190px;  }
.storeFinderDetail .text1 { float:left; width:100%; font-size:26px; font-weight:bold; padding:0 0 0px 0;}
.storeFinderDetail .text2 { float:left; width:100%; font-size:15px; font-weight:bold; padding:10px 0 0px 0;}
.storeFinderDetail .text3 { float:left; width:100%; padding:0 0 0px 0;}
.storeFinderDetail .map { float:left; width:309px; padding:0 20px 0 10px;}
.storeFinderDetail .map .img { float:left; width:309px; height:274px; }
.storeFinderDetail .map .enlarge { float:left; width:309px; text-align:center; line-height:20px; }
.storeFinderDetail .leftbot { float:left; width:100%;}
.storeFinderDetail .right { float:left; width:370px;  }
.storeFinderDetail .right .img1 { float:left; width:370px; }
.storeFinderDetail .right .img2 { float:left; padding:10px 0 0 0; width:180px; }
.storeFinderDetail .right .img3 { float:left; padding:10px 0 0 10px; width:180px; }

#stockFinderMid { float:left; width:900px; margin:0 0 0 30px; padding:0 0 20px 0; border-bottom:1px solid #D8DAE7; }
#stockFinderMid .top { float:left; width:100%; font-size:30px; line-height:30px; padding:15px 0 0 0;}
#stockFinderMid .right { float:left; width:580px; padding:10px; margin:20px 0 0 0; background:#D8DAE7; }
#stockFinderMid .text { float:left; width:100%; font-weight:bold; line-height:16px;}
#stockFinderMid .dataBox { float:left; width:100%; padding:18px 0 0 0;}
#stockFinderMid .input { float:left; width:25%; padding:2px 0 0 0;}
#stockFinderMid .btn { float:left; width:40%; padding:0 0 0 5%; }
.stockFinderNearest { float:left; width:300px; margin:20px 0 0px 0px; display:inline;}
.stockFinderNearestLine { float:left; width:100%; padding:5px 0 0 0; }
.stockFinderNearestLine .city { float:left; width:55%; font-size:16px; line-height:30px; font-weight:bold; }
.stockFinderNearestLine .distance { float:left; width:30%; font-size:14px; line-height:30px; font-weight:bold; }

#stockPartHead { float:left; width:900px; margin:5px 0 0 30px; line-height:20px; color:#fff; background:#8492AF; }
#stockPartHead p.code { float:left; padding:0 40px 0 10px; font-weight:bold; }
#stockPartHead p.price { float:left; padding:0 40px 0 0; }
#stockPartHead p.title { float:left; padding:0 40px 0 0; }

#stockScan { float:left; width:100%; display:none; }
#stockPart { float:left; width:898px; margin:4px 0 0 30px; padding:0 0 10px 0; border:1px solid #D8DAE7; }
#stockPartImage { float:left; width:100px; padding:10px 10px 0 10px; }
#stockPartImage img { float:left; width:100px; height:100px;  }
#stockPartImage p { float:left; margin:0; padding:0; clear:none; }
#stockPartImage p.code { float:left; width:140px; padding:10px 0 0 10px; font-weight:bold; }
#stockPartImage p.price { float:left; width:140px; padding:10px 0 0 10px;  }
#stockPartImage p.title { float:left; clear:left; width:240px;  padding:0 0 0 5px;}
#stockPart #matrixBox { margin:0px 0 0 30px; display:inline; border:1px solid #fff;}
#stockPart #stockShops { float:left; width:305px; margin:10px 0 0 30px; display:inline; background:#D8DAE7; }
#stockPart .stockCity { float:left; width:195px; height:30px; padding:0 0 0 5px; line-height:30px; font-weight:bold; border:1px solid #fff; }
#stockPart .stockLevel { float:left; width:101px; height:30px; text-align:center; line-height:30px; border:1px solid #fff; }

/* quick order */
#quickOrderTop { float:left; width:900px; margin:0 0 0 30px; display:inline; padding:0 0 20px 0; border-bottom:0px solid #D8DAE7; }
#quickOrderTop .left { float:left; width:500px; }
#quickOrderTop .lefttop { float:left; width:100%; font-size:30px; line-height:30px; padding:15px 0 0 0;}
#quickOrderTop .leftmain { float:left; width:422px; padding:10px; margin:65px 0 0 0; background:#D8DAE7; }
#quickOrderTop .text { float:left; width:100%; font-weight:bold; line-height:16px;}
#quickOrderTop .dataBox { float:left; width:100%; padding:18px 0 0 0;}
#quickOrderTop .input { float:left; width:50%; padding:2px 0 0 0;}
#quickOrderTop .btn { float:left; width:40%; padding:0 0 0 10%; }
#quickOrderTop .right { float:left; width:400px; }
#quickOrderMidHead { float:left; width:900px; margin:0 0 0 30px; display:inline; line-height:20px; color:#fff; background:#8492AF; }
#quickOrderMidHead ul li { float:left; width:150px; text-align:center; }
#quickOrderMidHead ul li.b { width:390px; }
#quickOrderMidHead ul li.c { width:100px; }
#quickOrderMidHead ul li.e { width:80px; }
#quickOrderMid { float:left; width:900px; margin:8px 0 0 30px; display:inline; padding:0 0 20px 0; border-bottom:0px solid #D8DAE7;}
.quickOrderMid_bskt { float:left; width:898px; margin:0px 0 15px 0; padding:0 0 0px 0; border:1px solid #D8DAE7; }
.quickOrderMid_bskt ul li { float:left; width:150px; padding:35px 0 0 0; text-align:center; vertical-align:middle; }
.quickOrderMid_bskt ul li.a { font-weight:bold; }
.quickOrderMid_bskt ul li.b { width:390px; }
.quickOrderMid_bskt ul li.c { width:100px; height:100px; padding:0; border:0px solid black;}
.quickOrderMid_bskt ul li.c img { width:100px; height:100px; }
.quickOrderMid_bskt ul li.e { width:80px; }
#quickOrderMidBot { float:left; width:900px; margin:0 0 0 30px; display:inline; line-height:20px; color:#fff;  }

/* misc --- */
.siteMap { width:100%; }
.siteMap ul  { margin-left:20px; }
.siteMap ul li { line-height:15px; color:#333; }
.siteMap a:link, .siteMap a:visited, .siteMap a:active
 { float:left; clear:both; padding-bottom:3px; margin:0; border:0; text-decoration: none; font-weight:bold; cursor:pointer; color:#466D94;}
.siteMap a:hover { color:#007; text-decoration: underline; }
.siteMap a.toponly { text-transform:capitalize; width:200px; background:url(../images/menuback.jpg) 0 0 repeat-x; color:#fff;}
.siteMap a.leftonly { text-transform:capitalize; width:200px; background:url(../images/menuback.jpg) 0 0 repeat-x; color:#fff;}
.siteMap a.lefttitle {  }

/* lightbox ---- */
.lightBox { display:none;  width:434px; height:97px; position:absolute; overflow:hidden; padding:10px;
  background: url(../images/lightbox.png) 0 0 no-repeat; z-index:6000;}
#lightBoxC, .lightBoxC { width:100%;  float:left; color: white; margin:0px;  padding:0px; border:0px ridge #fff; }
#lightBoxCpic { width:100%; float:left; background: url('') transparent 0px 3px no-repeat; background-attachment:scroll; }
#lbBtn { width:100%;  height:30px;  float:left; }
#lbBtnIn { width:26px;  height:20px;  float:right;  display:inline; cursor:pointer; margin:4px 4px 0 0px; }
#lbBtn a.a { width:20px;  height:14px; float:right; color:white;  cursor:pointer; background:red; border:3px ridge #999999; }
#lbTxtHolder { width:100%; float:left; text-align:center; padding-top:20px; }
#lbTxtT { width:auto; height:14px; text-align:center;  color:#000;  font-size:12px;  margin-top:5px; }
#lbTxt { width:auto; text-align:center;  color:#000;  font-size:12px;  font-weight:bold;  margin-top:5px; }
#lbTxtB { width:auto; height:14px; text-align:center;  color:#000;  font-size:10px;   margin-top:5px; }
#lbTxtS { width:100%; height:14px; float:left; text-align:center;  color:#000;  font-size:12px;  font-weight:bold;  margin-top:20px; padding:0 0 10px 0; }

.ajaxErrorBox { display:none;  width:auto;  height:auto;  position:absolute; overflow:hidden; background:none; }
#ajaxErrorBoxC { width:auto;  height:auto;  float:left;  overflow:hidden;  color: black;
  border: 1px solid #f00;  background:#ddd; }
#ajaxErrorBoxC #ajeb_heading{
  float:left; width:100%; clear:both; height:26px; text-align:center; font-size:14px; line-height:26px; font-weight:bold; background:#900; color:#fff; }
#ajaxErrorBoxC #ajeb_btn { float:right; width:21px; height:21px; margin:-25px 2px 0 0; padding:2px; display:inline;}
#ajaxErrorBoxC #ajeb_body { float:left; width:100%; text-align:left; font-weight:normal;  margin:3px 0; padding-left:10px; }
#ajaxErrorBoxC #ajeb_body ul { float:left; width:auto; }
#ajaxErrorBoxC #ajeb_body ul li { float:left; clear:left; width:auto; white-space:nowrap; font-weight:bold; font-size:13px;}
#ajaxErrorBoxC #ajeb_body span{ text-align:left; font-weight:bold;  color:red; font-size:11px;}
#ajaxErrorBoxC #ajeb_footer{ float:left; clear:both; width:100%;  height:34px;  margin:0%; border-top:1px solid #A2A0B6; }

/* alert box */
#workArea { position:absolute; display:block; }
.alertX { position:absolute; display:block; left:10px; top:10px; width:auto; height:auto; padding:4px; border:10px solid #57678B; background:#fff; z-index:2000;}
.alertXHead { float:left; width:100%; height:26px; display:inline; background:url(../images/menuback.jpg) top left repeat-x #039; }
#alertXHeadText { float:left; clear:left; width:100%; height:18px; overflow:hidden;
  text-align:center; margin-left:0px; color:#fff; font-weight:bold; font-size:14px; line-height:18px; padding:4px 0 0px 0;}
#alertXClose { float:right; display:inline; width:21px; margin:-24px 3px 3px 3px; }
#alertXCloseBtn { cursor:pointer; }
#alertXIconI { float:left; display:inline; width:28px; height:26px; margin:-26px 0px 0px 0px; background:url(../images/alert_i.jpg) 0 0 no-repeat; }
#alertXIconQ { float:left; display:inline; width:28px; height:26px; margin:-26px 0px 0px 0px; background:url(../images/alert_q.jpg) 0 0 no-repeat; }
.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 #A2A0B5;}
#alertXT, .alertXT { position:absolute; display:block; left:-2000px; top:5px; width:auto; height:auto; }

.alertXPretty { position:absolute; display:block; left:10px; top:10px; width:auto; height:auto; padding:0; border:10px solid #57678B; background:#fff; z-index:2000;}
.alertXPrettyHead { float:left; clear:left;  width:100%; height:30px; background:#57678B;
  text-align:center; color:#fff; font-weight:bold; font-size:11px; line-height:24px; padding:0; }
#alertXPrettyCloseBtn { float:right; width:88px; height:28px; padding:0; margin:-33px 10px 0 0; cursor:pointer; }
.alertXPrettyMessage { float:left; clear:left; overflow:auto; height:auto; padding:0px 0px; }
.alertXPrettyPrompt { float:left; clear:left; width:100%; height:auto; text-align:center; padding:4px 0;  background:#57678B; }

/* outfit page scroller */
#pageWindow { float:left; width:960px; overflow:hidden; position:relative; }
#pageScroller { float:left; width:960px; height:480px; }
#pageDivindex { float:left; width:960px; }
.pageHeadDiv { float:left; width:100%; }
.pageHeadText { float:left; width:94%; padding:3%; }
.pageDivindex .pageImglink { float:left; width:195px; padding:0 0 0 5px; cursor:pointer; }
.pageDivindex .pageImglink img.img { float:left; width:190px; }
.pageDivindex .pageImglink img.btn { float:left; width:108px; padding:0 0 0 30px;}
.pageDivindex .pageImglink img.btnw { float:left; width:94px; padding:0 0 0 55px;}
.pageDivindex .pageImglink h1 { width:180px; font-size:14px; line-height:15px;  padding:5px 0px 2px 10px; }
.pageDivindex .pageImglink h2 { width:180px; font-size:10px; line-height:13px; font-weight:normal; padding:0 0 0 10px;}
.pageDivindex .pageImglink h1.h1w { text-align:center; }
#page_pages { float:left;}
.pageDiv { float:left; width:960px; height:480px; position:relative;}
.pageprev { position:absolute; display:block; top:228px; left:0; width:25px; height:32px; background:url(../images/outfits/goleft.gif) 0 0 no-repeat; cursor:pointer; }
.pageprev:hover { background:url(../images/outfits/goleft-over.gif) 0 0 no-repeat;  }
.pagenext { position:absolute; display:block; top:228px; left:935px;  width:25px; height:32px; background:url(../images/outfits/goright.gif) 0 0 no-repeat; cursor:pointer; }
.pagenext:hover { background:url(../images/outfits/goright-over.gif) 0 0 no-repeat;  }
.target { position:absolute; top:0; left:0; width:17px; height:17px; display:block; background:url(../images/outfits/target1.gif) 0 0 no-repeat; cursor:pointer; }
#page_pages h1 { position:absolute; padding:0; margin:0;  }
#page_pages h1 .big { float:left; clear:left; width:100%; text-align:center; font-size:16px; line-height:22px; color:#fff; }
#page_pages h1 .normal { float:left; clear:left; width:100%; text-align:center; font-size:11px; line-height:14px; color:#fff; }
#page_pages h1 .normaln { float:left; clear:left; width:100%; text-align:center; font-size:11px; line-height:14px; font-weight:normal; color:#fff; }
#page_pages h1 .normal .list { list-style: disc; }
#page_pages h1 .normal .list li { list-style: disc; text-align:left; font-weight:normal; font-size:11px; line-height:14px; margin-left:20px; padding-left:0px; }
#page_pages h1 .outfitLink { font-size:11px; line-height:13px; color:#fff; text-decoration:underline;}
#pageProdup, .pageProdup { position:absolute; display:block; width:156px; height:auto;  z-index:1000; }
#pageProdupTop { float:left; width:156px; height:15px; background:url(../images/outfits/pop-up_top.png) 0 0 no-repeat ; }
#pageProdupMid { float:left; width:136px; padding:0 10px; background:url(../images/outfits/pop-up_mid.png) 0 0 repeat-y;}
#pageProdupBot { float:left; width:156px; height:15px; background:url(../images/outfits/pop-up_bottom.png) 0 0 no-repeat ; }
#pageProdupImg { float:left; width:100px; height:100px; padding:0 18px 5px 18px; }
#pageProdupSwtch { float:left; width:136px;  }
#pageProdupSwtch div img { margin:0px 2px 2px 0; border:1px solid #000; width:20px; height:15px; }
#pageProdupTxt { float:left; width:100%; color:#3A6388; font-weight:bold; }
#pageProdupPrice { float:left; width:100%; color:#000; font-weight:bold; height:13px;  }

/* print */
#printblock { float:left; clear:left; width:960px; }
.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:#D1D1D1;}