/*
blue #307738  email = #14B6EA
grey line #a4a4a4;
grey back #f7f6f5;
xoverflow: -moz-scrollbars-vertical;
*/
html {
    margin: 0;	padding: 0;
    font-size: 62.5%; /* for IE/Win */
    color: #000;
}
html.body {font-size:12px} /* for everything else */

body {
    background:#FFFFFF;
    margin:0;
    padding:0px 0;
    /* position:relative; */
    /*overflow-y: scroll;*/
}
input,submit,button { -webkit-appearance:none; -webkit-border-radius: 0; outline: 0; } /* chrome/safari fix */
input[type=number] { -moz-appearance:textfield; }
input[type="submit"], button { overflow: visible; }
input[type="checkbox"], input:focus[type='checkbox'] { -webkit-appearance:checkbox; padding:0; } /* chrome/safari fix */
input[type="radio"], input:focus[type="radio"] { -webkit-appearance:radio; border-radius:8px;} /* chrome/safari fix */
input[type="number"] { -webkit-appearance: textfield; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none; }

p, div, li {	 }
input, textarea, select { }
img { border:0; }
hr { float:left; height:1px; width:100%; color:#A2A0B6; margin:5px 0;}

h1 { font-size: 150%; line-height:19px; margin: 0; padding: 10px 0;  font-weight: bold;  }
h2 { font-size: 140%;  color: #666;  font-weight:bold;  padding:0; margin:0; border:0;  margin:5px 0;}
/* h3 is centered h2 */
h3 { width:100%; text-align:left; font-size:12px;  color: #666;  font-weight:bold;  padding:0; margin:0; border:0;  margin:5px 0;}
h4 { width:100%; text-align:center; font-size: 130%;  color: #666;  font-weight:bold;  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; }
.blue { color:#307738; }

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

#debug { position:fixed; top:0; left:0; width:100%; background:#aaf; color:black; z-index:10002;
    text-align:left; display:none; border-top:3px solid red;}

.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 {  }

/*a, a:link, a:visited, a:active { padding:0; margin:0; border:0; color:#565455; text-decoration:none; cursor: pointer;}
a:hover { text-decoration:none; }*/

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

.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;
  -webkit-transform: translateZ(0px);
  -webkit-transform: translate3d(0,0,0);
}
#shadowBox {
  position:absolute; width:8px;   height:8px;
  background:#333;
  filter:alpha(opacity=50);  opacity:0.50;
}
#captchaMsg { border:1px solid #039; }

.errorPopup { position:absolute; color:#000; }
.errorPopup table tr td {background:url(../images/errbox3.png) 0 0 no-repeat; }
.errorPopup table tr td.bot { height:25px; }

.postcode { text-transform:uppercase; }
.schema { display:none; }
.translationText { display:none; }

#EUCookieMessage { background:#000; bottom:0; position:fixed; transition:all 1.25s ease; width:100%; z-index:9999999; }
#EUcookMsg { display:inline-block; width:100%; margin:0; text-align:center; color:#bbb }
#EUcookMsg p { margin:0; padding:5px 2%; }
#EUcookMsg a { color: #e9e9e9;}
#EUcookMsg a:hover,#EUcookMsg a:focus,#EUcookMsg a:active { color: #e9e9e9; text-decoration:underline;}

/* text -------------*/
.left { float:left; }
.lcf { float:left; clear:left; width:100%;}
.liner { float:left; width:100%; }
.infoMain { float:left; width:100%;}
.infoFull { float:left; width:100%; text-align:left; }
.infoFull.refineEmpty { padding: 0 30px; text-align:center; }
.infoLeft { float:left; }
.infoRight { float:right; }

.infohead    { font-size:22px; padding:0; line-height:40px; margin-top:20px; }
.servicesPage .infohead { width:100%; }
.info1head   { font-size:150%;  line-height:170%; font-weight:normal; padding:0px 0 0 0; }
/*.header { background-color: #e6e6e6; color: #000; font-size: 120%; padding: 15px 10px;}*/

.infotitle { clear: left; font-size: 120%;  line-height: 130%; font-weight: bold; padding:5px 0 15px; }
.info        { font-size:100%; line-height:120%; font-weight:normal; padding:5px 0 5px 0; margin:0;}
.info2       { font-size:120%; line-height:140%; font-weight:normal; padding:5px 0 5px 0; }
.infoth      { font-size:100%; line-height:120%; font-weight:bold; padding:5px 0 0 0; }
.infosmall   { font-size:90%; color:#333; line-height:13px; font-weight:normal; padding:5px 0 0 0; }
.infotiny    { font-size:80%; color:#666; line-height:10px; font-weight:normal; padding:5px 0 0 0; }
.infobot     { font-size:1px; line-height:1px; padding:10px 0 0 0; }

.infonopad   { font-size:100%; color:#666; line-height:13px; font-weight:normal; padding:0px 0 0 0; }
.infohi      { font-size:100%; color:#000; line-height:30px; padding:0px 0 0px 0; }
.info1hi      { font-size:100%; color:#307738; line-height:13px; font-weight:bold; padding:5px 0 5px 0; }
.info2hi      { font-size:100%; color:#307738; line-height:13px; font-weight:normal; padding:5px 0 5px 0; }
.info3hi      { font-size:130%; color:#307738; line-height:120%; font-weight:bold; padding:5px 0 5px 0; }
.infoital    { font-size:100%; color:#666; line-height:13px; font-weight:normal; padding:10px 0 0 0; font-style:italic;}

.halfTitle { float:left;/* width:100%; max-width:380px; text-indent:10px; font-size:22px; padding:0; line-height:30px; background:#f7f6f5; */}

div.info { float:left; width:100%; }


a.info, a.info:link, a.info:visited, a.info:active
 { padding:0; margin:0; border:0; cursor:pointer; }
a.info:hover { }

a.info1, a.info1:link, a.info1:visited, a.info1:active
 { padding:0; margin:0; border:0; cursor:pointer; text-decoration:underline; color:#000; }
a.info1:hover { }
a.info2, a.info2:link, a.info2:visited, a.info2:active
 { font-size:100%; padding:0; margin:0; border:0; cursor:pointer; text-decoration:none;  }
a.info2:hover { }
a.info3, a.info3:link, a.info3:visited, a.info3:active
 { padding:0; margin:0; border:0; cursor:pointer; text-decoration:none; }
a.info3:hover { text-decoration:underline; }

a.infotitle, a.infotitle:link, a.infotitle:visited, a.infotitle:active
 { font-size:120%; line-height:130%; padding:10px 0 0 0; margin:0; border:0; color:#307738; cursor:pointer; }
a.infotitle:hover { }
a.info4, a.info4:link, a.info4:visited, a.info4:active
 { font-size:17px; padding:0 3px; margin:0; border:0; color: #666; cursor:pointer; }
a.info4:hover { }

a.infohi, a.infohi:link, a.infohi:visited, a.infohi:active
 { padding:0; margin:0; border:0; cursor:pointer; }
a.infohi:hover { }

ul.info  { list-style: disc;  }
ul.info li { list-style:disc; margin-left:20px; padding:2px 0 2px 10px; }

ul.info2  { list-style: disc;  }
ul.info2 li { list-style:disc; margin-left:50px; padding:2px 0 2px 10px;}

ul.number  { list-style: decimal; }
ul.number li { list-style: decimal; margin-left:30px; padding:3px 0 3px 5px;}

ul.bullet  { list-style: disc; padding-top:10px; }
ul.bullet li { list-style:disc; margin-left:20px; padding:2px 0 2px 20px; line-height:15px; }

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; 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; 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%; font-size:20px; line-height:30px; text-transform:uppercase; font-weight:bold; }
.infoformBody { float:left; width:98%; padding:20px 0 20px 2%;}

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

dl.std dt {clear:left;float:left;width:41%;position:relative;/* IE Win */line-height:21px; margin:23px 0 0px 0;  padding:0px 0 0 0; border:0px solid red;}
dl.std dt.label {margin:23px 0 0px 0;}

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: 56%; height:auto;margin:12px 0 0px 0; padding:0;line-height: 28px;}

dl.std dt.data {width: 28%;float: left;height:auto;margin: 2px 0 1px 0; padding:0;line-height: 26px;color: #555;font-weight:normal;}
dl.std dd.data {width: 69%;float: left;  height:auto;margin: 2px 0 1px 0; padding:0;line-height: 26px;color: #555;font-weight:bold;}
dl.std dt.btn { padding-bottom:5px; padding-left:3px;} /* for shadow */
dl.std dd.btn { padding-bottom:5px; padding-left:3px;} /* for shadow */
dl.std dd.std50 { width:18%; }
dl.std dt.servicesbtn { }
dl.std dd.servicesbtn .BMBtn { float:right; }

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

dl.std dt.pwd {padding: 0 10px 0 0;text-align: right;width: 37%;}
dl.std dd.pwd { width:55%; }

/* do not change */
input.std, select.std, textarea.std {
  float:left; height:33px; line-height:33px; width:99%;
  margin:0;padding:0 0 0 2px;
  background: #fff;  border: 1px solid #676767;
}

textarea.std {height:auto; width:99%; line-height:18px; }
textarea.address {height:64px; }
/* do not change */
select.std { height:31px; line-height:26px; /*border:none;*/ width:100%; padding:5px 0 6px 0px; margin:0px 0; }

input[type="number"] { -webkit-appearance: textfield; }
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {  -webkit-appearance: none; }

#titleECUS { width:70px }

/*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 { xwidth:15px;  xheight:15px;  xborder:1px solid #ccc; margin:0; padding:0; }
input.stdrad { width:15px;  height:15px;  border:0px solid #ccc; margin:0; padding:0; }
.std .half { width:49.5%; clear:none;}

ul.std {float:left;width:100%; }
ul.std li {float:left;width:69%; margin-bottom: 10px; }
ul.std li.std50 { xwidth:30%; }
ul.std li.label { width:30%; clear:left;}
ul.std li.full { width:100%; height:auto; }
ul.std li.address { height:94px; }
ul.std li span.star { color:#307738; padding-left:10px;}
ul.std li.data {  }
ul.std li.sublist { width:100%; }
span.mstar {padding: 0 5px;}

.selectBorder { float:left; width:100%; padding:1px 0px 1px 0px;  /*border:1px solid #676767;*/  }
.dobDSel { width:25%; /* max-width:60px; */ }
.dobMSel { width:37%; /* max-width:100px; */ margin:0 3%; }
.dobYSel { width:32%; /* max-width:80px; */ }

dl.privacy { float:left; width:100%; }
dl.privacy dt { float:left; width:33%; line-height:18px; text-align:left; clear:left;  }
dl.privacy dd { float:left; width:67%; line-height:18px; text-align:left;  }
dl.std dt.req { font-size:12px; }

dl.addend { font-size:13px;  }
dl.addend dt { line-height:18px;   }
dl.addend dd { line-height:18px;   }
dl.addend dt.req { font-size:14px; }

/* do not change */
a.BMBtn, a.BMBtn:link, a.BMBtn:visited, a.BMBtn:active {
  width:auto; /* height:33px; */ float:left;
  font-size:14px; letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center; /* line-height:32px; */
  margin:0; /*  padding:0px 10px 0 10px; */
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;
  padding:6px 12px;
  margin-bottom:10px !important;
  }
a.BMBtn:hover { background:#888888; color:#fff; border:1px solid #000; }

/* do not change */
input.BMBtn, input.BMBtn:link, input.BMBtn:visited, input.BMBtn:active {
  width:auto; float:left; line-height:14px;
  letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center;
  margin:0;  padding:9px 12px;
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;
  }
input.BMBtn:hover { background:#888888; color:#fff; border:1px solid #000; }

/* do not change */
a.BMBtnHi, a.BMBtnHi:link, a.BMBtnHi:visited, a.BMBtnHi:active {
  width:auto; height:33px; float:left;
  letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center; line-height:32px;
  margin:0;  padding:0px 10px 0 10px;
  border:1px solid #402713;
  background:#ccc;
  color:#57585a;  text-decoration:none;
  cursor:pointer;
  }
a.BMBtnHi:hover { background:#888888; color:#fff; border:1px solid #000; }

/* do not change */
input.BMBtnHi, input.BMBtnHi:link, input.BMBtnHi:visited, input.BMBtnHi:active {
  width:auto; height:35px; float:left;
  font-size:14px; letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center; line-height:34px;
  margin:0;  padding: 0px 10px 0px 10px;
  border:1px solid #402713;
  background:#ccc;
  color:#57585a;  text-decoration:none;
  cursor:pointer;
  }
input.BMBtnHi:hover { background:#888888; color:#fff; border:1px solid #000;}

a.BMBtnBig, a.BMBtnBig:link, a.BMBtnBig:visited, a.BMBtnBig:active {
  width:auto; height:33px; float:left;
  font-size:16px;  letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center; line-height:32px;
  margin:0;  padding:0px 10px 0 10px;
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;  white-space: nowrap;
  }
a.BMBtnBig:hover { background:#888888; color:#fff; border:1px solid #000;}

input.BMBtnBig, input.BMBtnBig:link, input.BMBtnBig:visited, input.BMBtnBig:active {
  width:auto; height:35px; float:left;
  font-size:16px;  letter-spacing:0px;  white-space: nowrap;
  font-weight:normal; text-align:center; line-height:32px;
  margin:0;  padding: 0px 10px 0px 10px;
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;
  }
input.BMBtnBig:hover { background:#888888; color:#fff; border:1px solid #000;}

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

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

.formError, #formError { float:left; clear:both; width:99%; margin:0 0 10px; padding:0; line-height:18px;
  color:#e74c3c; font-weight:400; background:#fff; display:inline;}

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

/* image scrollers */
.blob { position:absolute; top:0px; left:0px; padding:15px; width:auto; height:22px; cursor:default;
  background:url(../images/blank.gif) 0 0 repeat; }
.blobon { float:left; width:12px; height:12px; padding:0 5px; cursor:pointer;
 background:url(../images/bullets.png) 0 0 no-repeat; }
.bloboff { float:left; width:12px; height:12px; padding:0 5px; cursor:pointer;
 background:url(../images/bullets.png) 0 -12px no-repeat; }

/* countdown timer styles */
.countdown_holder { position:absolute; top:0px; left:0px; padding:0 0px 5px 0; font-family:verdana; }
.countdown_digits { float:left; clear:left; width:100%; }
.countdown_digit { float:left; width:65px;  font-size:40px; line-height:48px; text-align:center;
  margin:5px 0px 0 0px; }
.countdown_texts { float:left; clear:left; width:100%;}
.countdown_text { float:left; width:65px; font-size:14px; line-height:16px; text-align:center; margin:0; text-transform:uppercase;}
.countdown_ended { float:left; width:100%; font-size:14px; line-height:16px; text-align:center; padding:10px 0; }

.cd_c_1 { color:#25A6E6; }
.cd_c_2 { color:#C10828; }
.cd_c_3 { color:#437949; }
.cd_c_4 { color:#ffffff; }

.overlay_holder { position:absolute; top:0px; left:0px; width:auto; height:auto; padding:20px; }

#msg {display:none; opacity:0; position:absolute; transition:opacity 0.5s; z-index:200; }
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; padding:5px; min-width:150px; max-width:300px}

#inline-msg {float:left;width:100%;}


/* 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%;	float:left;	text-align:left; }
#headerContainerCheckout { height:177px; }
#headerContainer a:link, a:visited, a:active { }
#headerContainer a:hover {  }
#shopmode { position:absolute; left:50%; top:0; width:355px; height:60px; text-align:center;
  padding:10px 0 10px 0 ; margin:5px 0 0 -177px; display:inline; font-size:25px; font-weight:bold; background:#fff; border:3px ridge red;
  filter:alpha(opacity=70);  opacity:0.70; }

.headL { float:left; width:200px; height:115px; }
.headM { margin:0 200px 0 200px; padding-top:10px; }
.headR { float:right; clear:right; width:210px; height:115px; }
.headCO { margin:0 auto; padding-top:10px; height:115px; }

#logoDiv a:visited, #logoDiv a:link, #logoDiv a:active, #logoDiv a:hover {width: 100%; float:left; }

/*#headLogin {float: left;height: 30px;margin: 10px 0 0 5px;text-align: center;}*/
#headLogin span.text { padding:0 4px; }
#headLogin span.bar { padding:0 12px; }
/*#headLogin a.login:link, #headLogin a.login:visited, #headLogin a.login:active  { font-size:18px; }*/
#headLogin a.login:hover  {  }

/* HEADER search ------------- */
/* #searchBar {	float:right; width:360px; margin:8px 10px 0 0; }
#searchArea {	float:left; width:100%;	 }
#searchMain { position:relative; float:right; width:100%; } */
#searchMain li { float:left; xwidth:100%; }
#searchMain li.a { float:none; margin-right:80px; height:32px; padding:0px 0 0 0; border:1px solid #676767;border-right:0; background:#fff;}
#searchMain li.b { float:right; width:80px; height:32px; padding:0px 0 0 0px; border:1px solid #565455; }
#searchSingle {margin: 0;padding: 0;}
/* #searchSingle input.schInput { display:inline-block;float:none;width:92%;height:24px;line-height:16px;font-size:13px;padding:4px 0 0 5px;background:#fff; border:0px;-webkit-appearance: none;}
#searchSingle input.go { display:inline-block; width:100%;height:32px; cursor:pointer;padding:0; color:#fff; background:#565455; border:0;text-transform:uppercase;}
#searchSingle input.go:hover { background:#888888; } */

#suggestionBox { position:absolute; width:223px; }
#suggestionBox table tr td { }
#suggestionBox table tr td.tl { }
#suggestionBox table tr td.tr { width:1px; height:20px; padding:0 5px;}
#suggestionBox table tr td.bot { height:7px; }
#suggestionT { float:left; clear:left; width:239px; height:4px; border-bottom:0; background:#fff; }
#suggestionM { float:left; clear:left;  width:229px; padding:0 5px; border-bottom:0; border-top:0; background:#fff; }
#suggestionB { float:left; clear:left;  width:239px; height:6px; border-top:0; background:#fff; }
#suggestionBox #sresults{background:#fff;}
#suggestionBox #sresults ul{ float:left; overflow:auto; padding:4px 0; }
#suggestionBox #sresults li{ float:left; width:100%; clear:both; padding:1px 0; text-align:left; margin:0; padding:0;}
#suggestionBox #sresults li .match { color:#c00;}
#suggestionBox #sresults li a{ float:left; color:#333; line-height:16px; height:16px; overflow:hidden; font-weight:400; display:block; word-wrap:normal; padding:4px;}
#suggestionBox #sresults li a:hover{background:#ddd;border-radius:2px;}
#suggestionBox #sresults li a.selected{background:#ddd;border-radius:2px;}
#suggestionBox #sresults li a.unselected{background:none;color:#333;}
#suggestionBox #sresults li a strong{color:#000}
#suggestionBox #sresults li.head {font-weight: 400; margin-top: 10px;}

/* override to no shadow png image border */
#suggestionBox table tr td {background:none }
#suggestionBox #sresults { border:1px solid #666; border-top:none; padding:2px 10px 0 10px; background:#f9f9f9;  /*box-shadow: inset 2px 2px 1px 0 #a4a4a4, inset -0px 0px 1px 0 #a4a4a4;*/}

/* mini basket ----- */
/*#miniBasketMain { float:left; margin:0px 0 0 5%; width:94%; }*/
/* #miniBasketMain {float: right;} */
#ajaxBasket #miniBasketMainA {xbackground: #ececec url("../images/basket.png") no-repeat 7px 11px;xdisplay:block; xheight: 35px;xpadding: 10px 10px 0 40px;}
#ajaxBasket {xfloat:left; xwidth:100%; xheight:75px; xpadding:60px 0 0 110px;}
#ajaxBasket .basketTop { xfloat:left; xwidth:100%;}
/*#ajaxBasket a.link:link, #ajaxBasket a.link:visited, #ajaxBasket a.link:hover, #ajaxBasket a.link:active {
  float:left; xfont-weight:bold; text-align:right; cursor:pointer;  text-decoration:none;
  width:73%; height:49px; padding:23px 20% 0 0; font-size:24px; line-height:30px;}*/
#ajaxBasket a.link:link, #ajaxBasket a.link:visited, #ajaxBasket a.link:hover, #ajaxBasket a.link:active {font-size: 18px;height: auto;padding: 0;width: auto;}
#ajaxBasket a.link:hover { text-decoration:none; }
/*#ajaxBasket a.linkco:link, #ajaxBasket a.linkco:visited, #ajaxBasket a.linkco:hover, #ajaxBasket a.linkco:active {
  float:left; xfont-weight:bold; text-align:right; cursor:pointer;  text-decoration:none;
  width:73%; height:49px; xxpadding:0 25px 20% 0 0; font-size:24px; line-height:30px; }*/

#ajaxBasket a.linkco:link, #ajaxBasket a.linkco:visited, #ajaxBasket a.linkco:hover, #ajaxBasket a.linkco:active {
    background: #ececec;     cursor: pointer; float: left; font-size: 24px; height: 50px;line-height: 48px; padding: 0;
    text-align: center;  text-decoration: none;  width: 150px; }
#ajaxBasket a.linkco:hover { text-decoration:none; }
/*#ajaxBasket .clicked { filter:alpha(opacity=30); opacity:0.30;  background:#ccc;}*/
/*#ajaxBasket .basketTot { font-size:35px; }*/
#ajaxBasket .basketTot {font-size: inherit;}
#miniBasketToggle { float:right; width:16px; height:16px; margin:0px 5px 0 0; display:inline; }

/* mini basket popup */
#basketPopup { position:absolute; display:none; left:10px; top:10px; width:219px; padding:3px; z-index:2000; text-align:left;
  border:1px solid #ccc; box-shadow: 0px 2px 3px 0 #999; background:#fff; }
#basketPopupT { float:left; clear:left; width:100%; height:1px;  }
#basketPopupM { float:left; clear:left; width:100%;  }
#basketPopupB { float:left; clear:left; width:100%; height:1px; }
#basketPopupScroll { float:left; width:100%; }
#basketPopupBreak { float:left; width:96%; height:1px; line-height:1px; border-top:1px solid #a4a4a4; margin:10px 0 10px 10%; display:inline; overflow:hidden;}
#basketPopupBot { float:left; width:97%; padding-top:20px; line-height:18px; text-align:right;}
#basketPopupBot .label {  }
#basketPopupBot .data {   }
#basketPopupBtn { float:left; width:100%; /*padding:5px 0 0 1%;*/ line-height:0;}

.basketPopupMain { float:left; width:100%; margin:0 0 0 0%; line-height:16px; padding:5px 0; }
.basketPopupMain div { float:left; text-align:left;}
.basketPopupMain .o { width:96%; padding:5px 2% 0 2%; }
.basketPopupMain .odd { background:#f6f6f4;}
.basketPopupMain .a { width:45px;}
.basketPopupMain .a img { width:40px; height:auto;}
.basketPopupMain .b { float:none; margin-left:50px; }
.basketPopupMain .bb { width:100%; }
.basketPopupMain .bl { width:auto; padding:0 0 0 0; }
.basketPopupMain .br { width:auto; padding:0 5px 0 3px;}
#basketPopupLine_tmp { display:none;}

.basketMessage { width:100%; padding:8px; color:#e74c3c; font-size:18px; }

/* HEADER menu section ------------- */
#headerBar {background: #ccc; float: left; height:50px; width:100%; }
#defaultMenu { /* margin:8px 370px 0 0;  */}
.headerMenu {/* float:left; width:99.7%; height:25px; padding:5px 0; */ }

#menu_holder { display:none; }

.menu { /* float:left; width:100%; padding-left:0.5%; text-align:center;
  font-family: "Edmondsans Medium",sans-serif;font-size:20px; */}
.menu li { /* float:left; */}
.menu li.lrga { }
.menu li.lrgb {	}
.menu li a { position: relative; }
.menu li a.toponly, .menu li a.toponlySelected, .menu li span.toponly, .menu li span.toponlySelected {
  /* float:left; line-height:30px; width:100%; height:27px; padding:0; color:#57585a; border-right:1px solid #fff;
  text-transform:uppercase; */}
.menu li a.toponlySelected, .menu li span.toponlySelected {color: #fff;}
.menu li a.toponlySelected:hover, .menu li span.toponlySelected:hover {color:#FFF;}
.menu span.menufill { float:left; width:100%; height:10px; background:url(../images/blank.gif) 0 0 repeat; }
.menu li a.leftonly { display:none; }
.menu li a.expander, .menu li a.link { display:none; }
.menu li a.end {white-space: nowrap }
.menu li a.select {white-space: nowrap }
.menu li .end:hover {}
.menu li .norm:hover > A {}
.menu li .end:hover > A {}
.menu li.xmas {	display:none;}
.menu li.xmas a.toponly {	color:#f00; display:none;}
.menu li.xmas a.toponlySelected, .menu li.xmas span.toponlySelected { color:#f00; }
.menu li.xmas a.toponly:hover, .menu li.xmas a.toponlySelected:hover { color:#307738; }

/***** Start of hover over box *****/
.menu div {	position:absolute; display:none; width:260px;}
.menu div {	border:1px solid #ccc; padding:0px 0px 5px 0px; background:#f7f7f7; font-size:16px; }
.menucover { display:none; }

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

/**** define width of drop down box with number of columns ****/
.menu #pos1a {	/* width:26%; */ }
.menu #pos2a {	/* width:24%;  */}
.menu #pos3a {	/* width:25%; */ }
xx.menu #pos4a {	/* width:19%; */ }
.menu #pos5a {	/* width:22% */;}

.menu div.col1_3 { width:700px; }
.menu div.col1_2 { width:470px; }
.menu dl.col1 { width:25%; }
.menu dl.colall { width:99%; }
.menu dl.col1_nar { width:24.66%; }

/**** define contents on box ****/
.menu div dl { float:left; padding:0; width:100%; background:#f7f7f7;}
.menu div dl.head2 { margin-top:10px;  }
.menu div dt { background: #565455;color:#fff;font-size: 18px;text-transform: uppercase; padding: 5px 0;width: 100%;margin-bottom: 5px; }
.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; text-align:left;   }
.menu div dd.subHead,
.menu div dd.subHeadFill { color:#000; padding:2px 0 1px 5px;  white-space:nowrap; text-transform:uppercase;}
.menu div dd a.hilite { color:#f00;}
.menu div dd a { display:block; padding:2px 0 1px 5px; white-space:nowrap;
  text-align:left; text-transform:uppercase; }
.menu div dd a:hover,.menu div dd a:focus { color:#FFF;  text-decoration:none; background:#888;}
.menu div dd a.subHead { color:#307738; padding:0px 0 0 0;  white-space:nowrap; text-transform:uppercase;}
.menu div dd.leftonly { display:none; }
.menu div dd.AWonly { display:none; }
.menu div dd.SSonly { display:none; }
.menu .menucover { position:absolute; top:0px; left:1px; width:1px; height:1px; background:#fff; margin:0; }

/* left menu */
#leftMenu { float:left; width:100%; padding:0; }
.lmenu li, .lmenu li a { }
.lmenu li.lrga {float:left; width:100%; display:none; padding:0; margin:0;}
.lmenu li.lrga a.toponly, .lmenu li.lrga span.toponly { display:none; }
.lmenu li.lrga a.leftonly {float:left; width:145px; text-align:left; height:19px; line-height:17px;color:#fff;padding:0 5px;}
.lmenu li a.expander {display:none;}
.lmenu div dl { }
.lmenu div dd { float:left; width:100%; margin:0; padding:0; text-align:left; }
.lmenu div dd.subHead { color:#666; font-weight:bold; padding:5px 0 4px 0;  }
.lmenu div dd.subHeadFill { display:none; }
.lmenu div dd a { display:block;width:195px;line-height:16px;padding:1px 3px 1px 0px; }
.lmenu div dd a.subHead { color:#307738; font-weight:bold; margin-top:10px; padding:0px 0 0 0;white-space:nowrap;}
.lmenu dd.lefttitle { float:left; display:block; width:145px; height:19px; line-height:17px;  padding:5px 0px;font-size:110%;}
.lmenu dd a.lefttitle { display:block; width:145px; height:19px; line-height:17px;  padding:0 5px; }
.lmenu div dd.toponly { display:none; }
.lmenu div dd.toponly.subHead {display:block;}
.lmenu div dd.leftonly {  }
.lmenu div dd.filler { float:left; border:0; height:8px; line-height:8px; }
.lmenu div table tr td { }
.lmenu div table tr td.tl { padding:0; }
.lmenu div table tr td.tr { width:0px; height:0px; }
.lmenu div table tr td.bot { height:0px; }
.lmenu .menucover { display:none; }

/*.lmenu .ghead {color:#307738; font-size:130%; line-height:120%;}*/
.lmenu .gsubhead {color:#307738; padding-top:10px;}
.lmenu .gline {   }
.lmenu .gline a {line-height: 135%;display: block; }
.lmenu .gline a:hover {  color:#307738; text-decoration:underline;}

.lmenu div dd.videomenu {display:none;}

.refiner { float:left; width:100%; }
.refiner .lmenu dd.refineTitle {color:#307738; font-size:130%; padding-top:3px; line-height:130%; }
.refiner .lmenu dd.lefttitle { font-size:110%; padding:15px 0 0 0; line-height:120%; height:auto;}
.refiner li.lrga { display:block; padding-bottom:10px;}
.refiner .lmenu div { width:100%; }
.refiner .lmenu div dl { float:left; width:100%; }
.refiner .lmenu div dl.refine { width:100%; color:#307738; padding-top:5px;}
.refiner .lmenu div dl.refinehead dd { width:100%; margin:0px 0 0 0; line-height:21px; color:#666666;background-position:95% 5px; background-repeat:no-repeat; text-transform:uppercase;}
.refiner .lmenu div dl.refinehead dd.collapsed {background-image:url(../images/plus.gif); cursor:pointer;}
.refiner .lmenu div dl.refinehead dd.expanded {background-image:url(../images/minus.gif); cursor:pointer;}
.refiner .lmenu div .refineScroll {float:left; display:block; max-height:1500px; overflow-y:auto; overflow-x:hidden;}
.refiner .lmenu div dd div {display:block; width:177px; line-height:16px; xfont-size:11px; padding:1px 3px 1px 20px; color:#333; }
.refiner .lmenu div dd a {width:177px; padding:2px 3px 1px 26px;  background:url(../images/refine_off.png) 5px 4px no-repeat; }
.refiner .lmenu div dd a {text-decoration:none; color:#666; }
.refiner .lmenu div dd a:hover { text-decoration:none; font-weight: bold; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.refiner .lmenu div dd a.refineSelected { background:url(../images/refine_on.png) 5px 4px no-repeat ; /*font-weight:bold; */}
.refiner .lmenu div dd a.refineNormal { }
.refiner .lmenu div dd .refineExcluded, .lmenu div dd a.refineExcluded { color:#777; background:transparent;}
.refiner .lmenu div dd .refineFilteredOut, .lmenu div dd a.refineFilteredOut { color:#ccc; padding:2px 0 1px 26px; }
.refiner .lmenu div dd .refineFilteredOk, .lmenu div dd a.refineFilteredOk { color:#999; }
.refiner .lmenu div dd .refineEmpty { color:#fff; display:none;}
.refiner .lmenu div dd a.refineAllOn { /*margin-top:5px;*/ background:url(../images/refine_off.png) 5px 4px no-repeat ; }
.refiner .lmenu div dd a.refineAllOff {/* margin-top:5px;*/ background:url(../images/refine_on.png) 5px 4px no-repeat ; display:none; }
.refiner .lmenu div dd.refineall { width:94%; padding:5px 3%; margin:0px 0; background:#f77; line-height:30px; }
.refiner .lmenu div dl a.refineall { display:inline; padding:5px 0% 5px 0; margin:0px 0; background:none;}
.refiner .lmenu div dd.refineAllOff { /*display:none;*/ }
.refiner .lmenu div dd.refineAllOn { }

/* custom overrides */
/*#refineScroll_COLR {max-height:900px;}
#refine_lines_COLR dd {width:20px; margin:0 4px 5px 0;}
#refine_lines_COLR dd div {display:inline-block; width:16px; padding:0; background:transparent; border:2px solid #fff;}
#refine_lines_COLR dd a {display:inline-block; width:16px; padding:0; background:transparent; border:2px solid #fff;}
#refine_lines_COLR dd a.refineNormal { }
#refine_lines_COLR dd a.refineSelected {border:2px solid #8e8c86;}
#refine_lines_COLR dd.refineFilteredOut, #refine_lines_COLR dd a.refineFilteredOut {filter:alpha(opacity=75); opacity:0.75; }
#refine_lines_COLR dd.refineEmpty { color:#fff; display:none;}
#refine_lines_COLR dd img { float:left; width:16px; height:16px; }*/

.refiner .lrga .summary { float:left; width:100%; background:#e7e7e7; margin-top:0px; }
.refiner .lmenu div dl.refineSummary { float:left; width:100%; margin-top:5px; }
.refiner .lmenu div dl.refineSummary .refinehead { width:97%; padding:5px 0 5px 3%; background:#77f; line-height:30px;  }
.refiner .lmenu div dl.refineSummary .refineSummaryCat { width:97%; padding:2px 0 0 3%;   }
.refiner .lmenu div dl.refineSummary .refineSummaryCat span { float:left;  }
.refiner .lmenu div dl.refineSummary .refineSummaryCat a { float:right; width:auto; padding-right:20px; background:none; }

.refiner .lmenu div dl.refineSummary .refineSummaryLine { width:97%; padding:2px 0 0 3%; }
.refiner .lmenu div dl.refineSummary .refineSummaryLine span { float:left; max-width:150px; }
.refiner .lmenu div dl.refineSummary .refineSummaryLine a { float:right; width:auto; padding-right:20px; background:none; }

.refine5star,
.refine4star,
.refine3star,
.refine2star,
.refine1star { display:inline-block; width:105px; height:17px; background:url(../images/feefo_all_stars.png) 0 -85px no-repeat; }
.refine4star { background:url(../images/feefo_all_stars.png) 0 -68px no-repeat; }
.refine3star { background:url(../images/feefo_all_stars.png) 0 -51px no-repeat; }
.refine2star { background:url(../images/feefo_all_stars.png) 0 -34px no-repeat; }
.refine1star { background:url(../images/feefo_all_stars.png) 0 -17px no-repeat; }

/* footer ---------------- */
.footerRowOne {	float:left; width:100%;	line-height:18px; padding:5px 0; height:65px; margin-top:10px; background:#ccc; }
.footerRowOneI { float:left; width:100%;  }
.footerRowOneI p, .footerRowOneI p a {color: #fff;font-weight: bold;}
.footerRowOneI p a:hover {text-decoration: underline;}
.footerRowOneI > p {padding: 20px 0;}
.footSocial { float:left; width:34%; min-width:220px; margin:12px 0 0 1%;  }
.footSocial a { float:left; margin:0 0 0 3px; position:relative; }
.footNews { float:left;	width:36%; min-width:220px; margin:4px 0 0 1%; }
.footNews div.label { display:inline-block; width:100%; line-height:23px; }
.footNews div.input { margin:0 90px 0 0; height:30px; line-height:23px; border:1px solid #676767; background:#fff;}
.footNews div.input input { height: 30px;border:0; background:transparent; line-height:16px;}
*.footNews div.input input { line-height:30px;} /* IE7 */
.footNews a.go, .footTR a.go:link, .footTR a.go:visited, .footTR a.go:active {
  float:right; width:60px; height:30px; line-height:30px; cursor:pointer;}
.footNews a.go:hover {}
.footCatalogue { float:right;	width:28%; min-width:120px; margin:0px 0 0 0; line-height:0; text-align:center;}
.footCatalogue a {display:inline-block; min-width:140px; margin:0 auto; }
.footCatalogue img {float:left; height:65px;	width:47px; line-height:0; }
.footCatalogue div {float:left; padding:14px 0 0 10px; min-width:90px; text-align:left; line-height:16px; }

.footLinks { margin-right:190px;}
.footLinkCol { float:left; width:22%; text-align:left; padding-left:2%;}
.footLinkCol li.head { font-size:16px; /* font-family: "Edmondsans Medium",sans-serif; */ }
.footLinkCol li a { float:left; width:100%; font-size:16px; }
.footLinkCol li a:hover {font-weight:bold; text-decoration:none !important;}

.footerRowTwo {	float:left; width:99%;	line-height:18px; padding:15px 0.5%; }
.footRight { float:right; width:166px; text-align:left; margin-right:3%; }
.footRightCol { width:100%; }
.footRightCol li { text-align:center; width:100%; }
.footRightCol li.cards { margin-top:5px; }
.footRightCol li.cards img {}
a.footFeefo { display:block; width:100%; height:55px;background-position:0 0;background-repeat:no-repeat;/*background-size:128px auto;*/}
.footRightCol li.thawte { margin-top:5px; }
a.footThawte { display:block; width:100%; height:30px; background:url(../images/thawte/thawte_banner.jpg) no-repeat 40% 0;}
a.footSecurityMetrics { display:block; width:100%; height:50px; background-image:url(../images/sm_ccsafe_check2.gif); background-repeat:no-repeat; background-position:46% 0;}
#footerCheckout .footRight { width:242px; margin-right:0;}
#footerCheckout .footRightCol li {width:104px;float:left;}
#footerCheckout .footRightCol li.thawte {width:130px;margin-top:10px;}

#footerseo {float:left; width:100%;	 }
#footerseo h1 {	float:left; width:100%;	padding:20px 0 00px 0; text-align:center; color:#ccc; font-size:10px; }
#footerseo div {float:left; width:100%;	padding:0px 0 0px 0; text-align:center; color:#ccc; font-size:10px; }

#facebook { float:left; width:53px; height:21px; margin-left:8px; display:inline;  overflow:hidden; }
.facebookFrame { overflow:hidden; width:53px; height:21px; }

/* general page header ------------- */
/* xtext-shadow:1px 1px 0px #333; */
/* #pageTitle {background:#f7f6f5; float:left; text-align:left; font-size:18px; line-height:22px; font-weight:bold; text-indent:0px; color:#307738; padding:10px 0 10px 0;
  width:100%;z-index:1;  } */
#pageTitle h1 { /*float:left;*/ text-align:left; font-size:24px; line-height:30px; font-weight:normal; /* text-indent:10px; */ color:#000;
  padding:0px; margin:0px;  }
#pageTitleX { display:none; }

/* crumbs ------ */
/*
#crumbs, #crumbsT, #crumbsh { width:100%; padding: 10px 0px 10px 0px;  margin:0;text-align:left; font-size:100%; line-height:1.4em;  text-transform:uppercase;}
#crumbs p, #crumbsT p, #crumbsh p {
  clear:none; float:none;  font-size:100%; line-height:1.4em; text-transform:uppercase; }
div#crumbs a:link, div#crumbs a:visited, div#crumbs a:active,
div#crumbsT a:link, div#crumbsT a:visited, div#crumbsT a:active,
div#crumbsh a:link, div#crumbsh a:visited, div#crumbsh a:active {
  font-size:100%; line-height:1.4em; border:0;  text-transform:uppercase; }
#crumbs span.this, #crumbsT span.this, #crumbsh span.this { text-transform:uppercase; }
#crumbs span.txt, #crumbsT span.txt, #crumbsh span.txt { text-transform:uppercase; }
#crumbs span.delim, #crumbsT span.delim, #crumbsh span.delim { text-transform:uppercase; }
#crumbsh, #crumbsh p, #crumbsh a:link, #crumbsh a:visited, #crumbsh a:active {  }
div#crumbs a:hover, div#crumbsT a:hover, div#crumbsh a:hover {  }
#crumbsT { display:none; }
*/

/* Category info pages ------- */
#catDivTop { position:relative; float:left; width:100%;  overflow:hidden;}
#catDivTop img.grp { width:750px; height:95px; margin:0px 0 0px 5px;}
#catDivTop h1 { font-size:300%; width:95%; line-height:1.1em; padding:0; font-weight:normal; color:#666;}
#catDivTop p { font-size:100%; width:95%; line-height:1.1em; padding:0px 0 6px 20px; font-weight:normal;  }
#catDivTop p.seetru { float:left; font-size:100%; width:95%; line-height:110%; margin:80px 0 0 10px; display:inline;
  padding:5px 0 6px 20px; font-weight:normal; background:pink; color:#000; filter:alpha(opacity=50); opacity:0.50; }
.catMainImg { float:left; width:730px; height:270px; padding:0 5px 0px 10px; }
.catGroupTxt { position:absolute; top:15px; left:30px; display:block; background:#fff; filter:alpha(opacity=80); opacity:0.80; }
.catGroupTxt h1 { padding:5px 2%; line-height:15px; color:#707; }
.catMainTxt { position:absolute; bottom:10px; left:20px; width:710px; display:block; border:0px solid #000; background:#fff; filter:alpha(opacity=80); opacity:0.80; }
.catMainTxt h2 { padding:5px 2%; line-height:15px; color:#707; }
.catMainTxt a { float:left; width:96%; padding:5px 2%; line-height:15px;  }

.catAlphaHead { float:left; width:100%; margin-top:10px; }
.catAlphaHead title { color:#000; }
a.catAlphaLink { color:#f00; display:inline-block; padding:0 5px; font-weight:bold; }
span.catAlphaLink { color:#666; display:inline-block; padding:0 5px; font-weight:normal; }
.catAlphaDiv { float:left; width:98%; padding:1%; margin:5px 0 15px 0; background:#333; border-radius:6px; box-shadow: 2px 2px 1px 1px #555; }
.catAlphaDiv .head { float:left; width:98%; padding:1%; background:#666; color:#fff; font-size:120%; font-weight:bold;
 border-radius:6px; box-shadow: 2px 2px 2px 0 #000; }
.catAlphaDiv .data { float:left; width:98%; padding:10px 0;  }
.catAlphaItem { float:left; margin:0px 0 10px 10px; background:#c00; border:1px solid #fff; text-align: center; border-radius:15px; box-shadow:inset 0px 10px 10px 0px #700;}
a.catAlphaItem, a.catAlphaItem:link, a.catAlphaItem:visited, a.catAlphaItem:active { float:left;
  white-space:nowrap; color:#fff; text-decoration:none; padding:10px 10px; font-size:14px; line-height:16px; }

#catDivArea { width:100%; padding:20px 0px; }
#groupList {text-align:center;}
.catDiv {/*width:155px; */margin:10px 13px; text-align: center; display:inline-block; vertical-align:top; }
a.catDiv:link, a.catDiv:visited, a.catDiv:active {text-decoration:none; }
a.catDiv:hover {  }
/*.catDiv img { width:145px; height:145px; }*/
.catDiv span.title { float:left; width:100%; line-height:24px; padding:0px 0 0 0; }
.catDiv div.summary { float:left; height:48px; }
.catDiv span.summary { line-height:16px; text-align:justify; padding:4px 0 0px 0; overflow:hidden; }
.catDiv .infohi { white-space:nowrap; }

#searchTabs { width:100%;  height:26px;  float:left; margin:5px 0 0 0;  border-bottom:1px dotted #ccc; }
#searchTabs p, #searchTabs p:link,  #searchTabs p:active,  #searchTabs p:visited {
  width:auto;  height:21px;  float:left;  margin:0 10px 0 0; display:inline;
  text-decoration:none;  line-height:14px; text-align:center;  padding:6px 10px 0 10px; font-size:12px;
  cursor:pointer; background:#268EB1; color:#fff;
  }
#searchTabs p:hover { text-decoration:underline; }
#searchTabs p.off, #searchTabs p.off:link, #searchTabs p.off:visited, #searchTabs p.off:active {
  height:17px; margin-top:3px; }
#searchTabs p.off:hover { }
#searchTabs p.on, #searchTabs p.on:link, #searchTabs p.on:visited, #searchTabs p.on:active {
  font-weight:bold; height:20px;  line-height:16px; }
#searchTabs p.on:hover { }

.searchTab { float:left; width:100%; display:none; }

div.infoSearch { float:left; width:94%; padding:10px 2%; }
a.infoSearch { float:left; text-decoration:underline; }
p.infoSearch { float:left; clear:none; width:auto; padding:0 10px; }

/* pp and homepage scroller */
.pp_scroll_outer { float:left; width:100%; margin-top:10px; }
.pp_scroll { position:relative; float:left; width:100%; height:142px; overflow:hidden;}
.pp_scroll_inner { position:absolute; width:20000px; height:142px; }

.hp_scroll_outer { float:left; width:100%; margin-top:10px;}
.hp_scroll { position:relative; float:left; width:100%; height:174px; overflow:hidden; }
.hp_scroll_inner { position:absolute; width:20000px; height:174px; }
.hp_scroll_hctrl { position:relative; float:left; width:100%;  margin-top:5px; }
.hp_scroll_hbar { float:left; width:100%; height:1px; background:#fff; }
.hp_scroll_hhandle { float:left; width:20%; height:1px; background:#aaa; cursor:pointer;}
.hp_scroll_left_o { display:none; float:left; width:25px; height:25px; margin-top:-100px; }
.hp_scroll_right_o { display:none; float:right; width:25px; height:25px; margin-top:-100px; }
.hp_scroll_left, .hp_scroll_left_off { float:left; width:25px; height:25px; cursor:pointer;
  background:url(../images/scroll-prev.png) 0 0 no-repeat #fff; filter: Alpha(Opacity=80); opacity: 0.8; }
.hp_scroll_left_off { background:#fff;  }
.hp_scroll_right, .hp_scroll_right_off { float:right; width:25px; height:25px; cursor:pointer;
  background:url(../images/scroll-next.png) 5px 0 no-repeat #fff; filter: Alpha(Opacity=80); opacity: 0.8; }
.hp_scroll_right_off { background:#fff;  }
.hp_scroll_outer:hover .hp_scroll_left_o { display:block; }
.hp_scroll_outer:hover .hp_scroll_right_o { display:block; }

/* .homeImg1 { position:relative; float:left; width:100%; max-height:480px; padding:7px 0 0 0px; overflow:hidden;}
#homeImage { float:left; width:100%; }
.homeImg { float:left; width:100%; }
.homeImg1L { position:absolute; top:50%; left:20px; width:50px; height:50px; margin-top:-25px; cursor:pointer; z-index:2;}
.homeImg1R { position:absolute; top:50%; right:20px; width:50px; height:50px; margin-top:-25px; cursor:pointer; z-index:2;} */

.homeslider { width:100%; }
.homerow { float:left; width:100%; }
.home100 { float:left; width:100%; margin:10px 0 0 0;  xborder-top:10px solid lime; overflow:hidden;}
.home50L { float:left; width:49.5%;  margin:10px 0.5% 0 0;  xborder-top:10px solid red;}
.home50L img {float:left; width:100%;}
.home50R { float:right; width:49.5%;  margin:10px 0 0 0.5%;  xborder-top:10px solid blue;}
.home33L { float:left; width:32.2%;  margin:10px 1% 0 0;  xborder-top:10px solid red;}
.home33R { float:right; width:32.2%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.home40L { float:left; width:39.2%;  margin:10px 1% 0 0;  xborder-top:10px solid red; position:relative;}
.home60L { float:left; width:59.6%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.home66L { float:left; width:66.2%;  margin:10px 1% 0 0;  xborder-top:10px solid red;}
.home66R { float:right; width:66.2%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.home20L { float:left; width:19.2%;  margin:10px 1% 0 0;  xborder-top:10px solid red;}
.home20R { float:right; width:19.2%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.home33NEW { float:left; width:32%;  margin:10px 2% 0 0;  xborder-top:10px solid red;}
.home33NEWR { float:right; width:32%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.home25L { float:left; width:24%;  margin:10px 1.33% 0 0;  xborder-top:10px solid red;}
.home25R { float:right; width:24%;  margin:10px 0 0 0;  xborder-top:10px solid red;}
.homehalf{width:50%; display:block; float:left;}
.homerow a, .homerow a img  { float:left; width:100%; }
.homerow a {
  float: none;
}
.home100Fixed { float:left; width:940px; }
#relativesList_home1 { max-width:939px; overflow:hidden; height:284px; }

.catHomePage { }

.ppImg_preview { float:left; width:100%; }
.ppImg1 { position:relative; float:left; width:100%; max-height:392px; padding:7px 0 0 0px; overflow:hidden; }
.prevbad { float:left; width:100%; color:red; font-weight:bold; background:yellow; padding:5px 0;}

a.pplink, div.pplink { float:left; width:262px; height:142px; margin:0px 7px 0px 0px;}
a.pplink_last, div.pplink_last { float:left; width:262px; height:142px; margin:0px 0px 0px 0px;}
img.pplink, img.pplink_last { width:262px; height:142px; }
.pplink_ovl { position:absolute; top:0; left:0; padding:5px;  font-size:12px; line-height:15px; }

/* PRODUCT LIST ---------- */
.groupImg { float:left; display:none; width:100%; max-width:975px; padding-top:10px;}
#product-list-links, .product-list-links { position:absolute; left:-10000px; width:1000px; height:100px; overflow:hidden; }

#productListHTML { float:left; width:100%; overflow:hidden; }
div.ppHtmlImg { float:left; width:100%; max-height:185px; overflow:hidden; }
img.ppHtmlImg { float:left; width:100%; /*height:185px;*/ }
.ppHtmlH1 { /*float:left; width:100%; font-size:40px; line-height:30px; font-weight:bold; text-align:center;
  color:#8F2A46; margin-top:-155px; text-transform:uppercase;*/ }
.ppHtmlTxt { /*display:none; */float:left; width:70%; text-align:left; margin:-110px 0 0 16%; padding: 4px; }
.ppHtmlSearchTxt { /*float:left; text-align:left; color:#000; font-size:16px; clear:left; */}
.ppHtmlSearchTxt1 { /*margin-top:-100px; padding:0 0 0 70px; */}
.ppHtmlSearchTxt2 { margin-top:-160px; padding:0 0 0 30px; font-size:22px; }
.ppHtmlSearchTxt3 { margin-top:-110px; padding:0 0 0 160px; }

.productListLine1 { float:left; clear:left; width:98.9%; margin:10px 0 0px 0px; padding:4px 0.5% 10px 0.5%;
  background:#fff; border-bottom:1px solid #a4a4a4; line-height:26px; }
.productListLine1 div { xborder:1px solid red;}
/*.productListLine1 div.box { float:left; width:auto; padding-bottom:3px; }*/
.productListLine1 div.fixer { float:left; width:2px; height:27px; }
.productListLine1 div.sortSel { float:left; xheight:27px; width:200px; line-height:0; }
.productListLine1 div.sortSel .txt { display:inline-block; padding:0px 0px 0 5px; vertical-align:top; line-height:26px;}
.productListLine1 div.sortSel .sel { display:inline-block; width:180px; padding:0px 0px 0 5px; }
.productListLine1 div.sortSel .sel select { padding:2px 5px; }
.productListLine1 div.showall { float:right; min-width:45px; padding-left:10px; padding-right:5px; line-height:34px; }
.productListLine1 div.showall a.all { display:inline-block;  }
.productListLine1 div.pageSizeSel { float:right; min-width:95px; padding-left:10px; padding-right:5px; line-height:0; }
.productListLine1 div.pageSizeSel .txt { display:inline-block; vertical-align:top; line-height:34px; }
.productListLine1 div.pageSizeSel .sel { display:inline-block; width:60px; padding:0px 0px 0 5px; }
.productListLine1 div.pageSizeSel .sel select { padding:2px 5px; }
.productListLine1 div.sizerBox { float:right; }
.productListLine1 div.pagerBox { float:left; margin-top:4px; }
.productListLine1 div.pagerBoxFullWidth { float:left; width:100%; clear:both; }
.productListLine1 div.pager div.pages { display:none; float:left; padding-right:7px; }
.productListLine1 div.pp_layout { float:right; width:40px; height:22px; text-align:right; overflow:hidden;}
.productListLine1 div.pp_layout .layout_tile { float:right; text-align:right; height:22px; padding-right:40px;
  background:url(../images/view-gallery.png) right 3px no-repeat; }
.productListLine1 div.pp_layout .layout_wide { float:right; text-align:right; height:22px; padding-right:40px;
  background:url(../images/view-list.png) right 3px no-repeat; }
.productListLine1 div.pp_compare { float:left; width:140px; height:22px; text-align:right; overflow:hidden;}

#productsMain { float:left; width:100%; }
#productListMain { float:left; width:100%; padding:20px 0 0 0; }
#productListMain a { }
#productListMain a:hover {  }

.productListHeader { float:left; width:100%; }


.std{
    /* font-family: "Edmondsans Regular", sans-serif; */
}

/* used in prodpagef_small  */
.productListItem { float:left;  width:240px;  height:auto;  display:inline; overflow:hidden;  text-align:left;
  padding:10px 0 10px 0px; margin:0px 0px 0px 0px; border:1px dotted #a4a4a4; border-top:0; border-left:0;}

.pli_top { float:left; width:368px; height:14px; padding:12px 0; line-height:14px; margin:0 15px;
  display:inline; border-bottom:1px dotted #ccc; overflow:hidden;}
.pli_reviewbox { width:100%; height:20px; margin-top:6px; }
.pli_reviewboxI { width:100px; margin:0 auto; }
.pli_reviewstarbox { /*float:left;*/  /*width:230px;*/ height:24px; padding:1px 4px 0 0px; }
.pli_reviewbox a.infohi { float:left; color:#307738; font-size:11px; display:none; /* ds turned off as not on design */ }

.pli_fill { float:left; width:100%; height:31px; }

.pli_left { float:left; width:220px; padding-left:10px;}

a.pli_product:link, a.pli_product:visited, a.pli_product:active {
  width:100%; height:auto; display:block; cursor:pointer; }
a.pli_product:hover { }

.pli_w_Img { float:left; width:200px; padding:0px 0 0px 10px; overflow:hidden; }
.pli_w_Img img { float:left; width:200px;  min-height:150px; cursor:pointer;  }

.pli_right { float:left; width:230px; padding:0 0 0 10px; }
.pli_swatchbox { float:left; width:100%; text-align:center;  }
.pli_swatchbox img {cursor: pointer; float:none; display:inline; width:15px; height:15px;margin:0 5px 0 0; padding:0;}
.pli_swatchbox select { }

.pli_descrbox { display:inline-block; width:100%; padding:5px 0 0 0; height:36px;}
.pli_descrbox h1 { float:left; width:100%; text-align:left; font-size:16px; font-weight:bold;
  text-align:center; padding:0; margin:0;  line-height:20px; }
.pli_descrbox h1:hover { text-decoration:underline; }
.pli_brandbox { display:inline-block; width:100%; padding:0px 0 0 0; height:14px; text-align:center; }
.pli_brand { }
.pli_partLabel { }
.pli_part { font-weight:bold; }
.pli_summbox { display:inline-block; width:100%; padding:10px 0 0 0; }
.pli_summbox h2 { float:left; width:98%; font-size:11px; line-height:14px; font-weight:normal; padding:0; margin:0; height:28px; overflow:hidden;}
.pli_more_compbox { display:inline-block; width:100%; }
.pli_morebox { float:left; font-size:11px; font-weight:bold; color:#307738; padding:13px 0 0 0; }
.pli_morebox:hover { text-decoration:underline; }
.pli_qtybox { display:inline-block; width:100%; height:25px; padding:5px 0 0 0;}
.pli_qty { float:left; width:30px; padding:0px 3px 0 0px;}
.pli_qtyText { float:left; padding:3px 0px 0 0px; width:30px; line-height:18px;}
.pli_stock { float:right; padding:3px 0 0 0; width:135px; text-align:right; color:#f00; font-weight:bold;}
.pli_pricebox { display:inline-block; width:100%; height:36px; }
#productListMain .price { display:inline-block; width:100%; text-align:center; font-weight:bold; }
#productListMain .priceChanged { display:inline-block; width:100%; text-align:center; font-weight:bold; }
.pli_wasprice {  text-decoration:line-through; /*color:#999;*/ }
.pli_was { display:inline-block; width:100%; text-align:center; color:#999; }
.pli_wasword { display:inline-block; padding:0 5px 0 0; /*color:#999;*/}
.pli_hidewas { display:none; }
.pli_discbox { display:inline-block; width:100%;}
.pli_discline { float:left; width:100%; padding:12px 0 0 0; font-size:80%; color:#333; height:30px; overflow:hidden;}
.above_dis_price, .below_dis_price { color:#f00; }
.pli_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; }
.pli_bottombox { display:inline-block; width:100%; padding-bottom:10px;}
#reviewstars { float:left; width:98px; height:17px; cursor:default; display:none; background:url(../images/feefo_stars_open.png) 0 0 no-repeat; }
.reviewstars_overlay { float:left; clear:left; width:98px; height:17px; margin:-16px 0 0 0px; background:url(../images/feefo_stars_closed.png) 0 0 no-repeat; }
.reviewCount { float:left; margin-left:4px; }
.pli_buybox {
  float:left; width:100%; height:25px; padding:6px 0 5px 0px; text-align:left; font-weight:bold; font-size:11px; color:#777; }
.pli_buybox .buybtn { float:left; width:100%; height:23px; padding:0; }

.pli_comparebox { float:right; margin:13px 0 0 0px;  }
.pli_compare { float:left; width:20px; height:15px; }
.pli_compare-on { background:url(../images/compare-on.png) 4px 3px no-repeat; }
.pli_compare-off { background:url(../images/compare-off.png) 4px 3px no-repeat; }
.pli_compareLabel { float:left; }
.plic_reviewbox { width:100%;   }
.plic_reviewbox a.infohi { float:left; color:#307738; font-size:11px; }
.plic_qtybox { float:left; width:100%; xheight:25px; padding:5px 0 0 0;}
.plic_stock { text-align:right; }

.productListItemWide { float:left;  width:100%;  height:auto;  display:inline; overflow:hidden;  text-align:left;
  padding:10px 0 0px 0px; margin:0 0px 0px 10px; border-bottom:1px solid #a4a4a4; }

.pliw_middle { margin:0 228px 0 165px; }
.pliw_right { float:right; width:208px; padding:0 10px 0 10px; }
.pliw_right .pli_reviewstarbox { padding-left:0; }
.pliw_descrbox { display:inline-block; width:100%; padding:0px 0 0 0; }
.pliw_descrbox h1 { float:left; width:100%; text-align:left; font-size:11px; font-weight:bold; padding:0; margin:0;  line-height:14px;}
.pliw_descrbox h1:hover { text-decoration:underline; }
.pliw_brandbox { display:inline-block; width:100%; padding:10px 0 0 0; height:14px; }
.pliw_pricebox { display:inline-block; width:100%; padding:10px 0 0 0; }
.pliw_comparebox { display:inline-block; padding:13px 0 0 20px; cursor:pointer;  }
.pliw_discline { display:inline-block; width:100%; padding:12px 0 0 0; font-size:80%; color:#333; }
.pliw_summbox { display:inline-block; width:100%; padding:10px 0 0 0; }
.pliw_summbox h2 { float:left; width:98%; font-size:11px; line-height:14px; font-weight:normal; padding:0; margin:0;}

.compareTable { float:left; border:1px solid #a4a4a4; border-collapse:collapse; }
.compareTable tr td { border:1px solid #a4a4a4; vertical-align:top;  padding:3px 5px; }
.compareTable tr td.label { width:120px;}
.compareTable tr td.part { width:200px; }

/* basket popup parts list */
#productBsktMain { float:left; width:100%; padding:10px 0 0 0;  }
.productBsktItem { float:left;  width:200px;  height:auto;  display:inline; overflow:hidden;  text-align:left;  padding:0 0 0px 0px; margin:0 5px 10px 5px; border:1px dotted #ccc; }

.productBsktItem .left { float:left; width:180px; }
.productBsktItem a.product:link, .productBsktItem a.product:visited, .productBsktItem a.product:active {
  width:100%; height:auto; display:block; cursor:default; }
.productBsktItem a.product:hover, .productBsktItemTall a.product:hover { }

.productBsktItem .productBsktItemImg { float:left; width:180px; padding:10px 0 10px 10px; margin:0;	cursor:default; background:#fff;}
.productBsktItem img.vsSCS_img, .productBsktItem img {
   float:left; width:180px;  height:240px;  overflow:hidden;  margin:0px;		cursor:default;  }

.productBsktItem .right { float:left; width:180px; padding:0 0 0 10px; }
.productBsktItem .swatchbox { float:left; width:180px; height:25px; margin:14px 0 0 0; }
.productBsktItem .swatchbox img { float:none; display:inline; width:20px; height:15px; border:1px solid #000; margin:0 0px 0 0; padding:0;}

.productBsktItem .descrbox {
  float:left; width:100%; padding:0px 0 0 0;}
.productBsktItem .descrbox h1 {
  float:left; width:100%; text-align:left; font-size:11px; font-weight:bold; padding:0; margin:0; line-height:14px; height:14px; overflow:hidden;}
.productBsktItem .descrbox h1:hover { text-decoration:none; }
.productBsktItem .descrbox1 {
  float:left; width:100%; padding:0px 0 0 0;}
.productBsktItem .descrbox1 h1 {
  float:left; width:100%; text-align:left; font-size:11px; font-weight:bold; padding:0; margin:0; line-height:14px; height:39px; overflow:hidden;}
.productBsktItem .descrbox1 h1:hover { text-decoration:none; }
.productBsktItem .selbox {
  float:left; width:180px; padding:10px 0 10px 0; }
.productBsktItem .sel {
  float:left; width:15px; padding:0px 0 0 0px;}
.productBsktItem .selText {
  float:left; padding:3px 0 0 10px; }

#bigImage, .bigImage { position:absolute; display:none; top:10px; left:10px; width:500px; height:520px; min-width:200px; min-height:200px;
  background:#333;  border:1px solid #fff;  padding:4px; border-radius:6px;}
#bigImageImg { float:left;  clear:left; width:500px; height:500px; padding:0px 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:30px; line-height:30px; background:#333;
  text-align:center; color:#fff; font-weight:normal; font-size:12px; padding:0; overflow:hidden;}
#bigImageCloseBtn { position:absolute; top:-20px; right:-20px; width:30px; height:30px; padding:0;  cursor:pointer; }

/* next/prev page controller --- */
.pager { float:left; line-height:26px; position:relative; }
.pager a { text-decoration:none; cursor:pointer; text-align:center; color:#aaa; background:#fff;
  margin-right:2px; display:inline; }
.pager a:hover { color:#000; text-decoration:underline;}
.pager a.page { float:left; width:15px; border:0px solid #eee; }
.pager a.page:hover { }
.pager a.prevX { float:left; width:22px; border:0px solid #eee; }
.pager a.prevX:hover { background-position:-38px 0; }
.pager a.prev { float:left; height:22px; width:22px; border:1px solid #565555; font-size:25px; }
.pager a.prev:hover { background-position:-38px 0; }
.pager div.prev { float:left; width:26px; }
.pager a.next { float:left; height:22px; width:22px; border:1px solid #565555; font-size:25px; }
.pager a.next:hover { background-position:-54px 0; }
.pager a.nextX { float:left; width:22px; border:0px solid #eee; margin-right:0;}
.pager a.nextX:hover { background-position:-54px 0; }
.pager div.next { float:left; width:25px;  }
.pager .pthis { float:left; width:15px; text-align:center; cursor:default; color:#333; font-weight:bold;
  margin-right:2px; }
.pager .ptext { float:left; width:22px; text-align:center; border:1px solid #eee; cursor:default; color:#fff;}
#pagerT, .pagerT { position:absolute; display:block; left:0px; top:5px; width:auto; }
.pagerTip { position:absolute; top:-10px; left:10px; background:#fff; height:30px; line-height:30px; padding:0 10px;
  border:1px solid #666; WHITE-SPACE: nowrap; }
/*  box-shadow: inset 0 2px 3px #007, 0px 0px 1px #700, 2px 2px 0px #777, 3px 3px 0px #aaa;*/

/* PRODUCT DETAIL ---------------------- */
#productDetail { float:left; width:100%; }
#productDetailTitle { /* float:left;*/ width:100%; }
/*#productDetailTitle h1 { float:left; width:100%; margin:0 0 0 -1%; padding:0 0 0 1%; font-size:22px;
  line-height:40px; color:#000; background:#f7f6f5; font-weight:normal; }*/

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

#productDetailLeft {  float:left;  width:100%; max-width:342px; }
#productDetailMid {  float:left;  width:390px;  padding:0 0 0 10px; }
#productDetailRight { float:left;  width:176px; height:auto;  padding:0 0 0 10px; }

#productImage { float:left;  clear:left;  width:342px; }
#productImage #enlarger { float:left; width:100%; height:30px;  margin:18px 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:left; width:60%; font-size:11px; text-align:right; padding:2px 10px 4px 0px;  }
#productImage p.zoomitimg { float:left; width:35%; height:18px; background:url(../images/zoom.png) 0 0 no-repeat; }
/* #productImage > img { float:left; width:340px;  height:410px; border:1px dotted #999; } */
#productImageList { position:absolute; xfloat:left; xclear:left; xwidth:100%; height:87px; xpadding:8px 0 0 0; xoverflow-x:scroll; }
#productImageList div { float:left;   }
#productImageList div img { xdisplay:none; float:left; width:70px; height:85px; padding:0 0px 0 0;cursor:pointer; border:1px dotted #999; margin:0 10px; }
.productZoomImage { position:absolute;  top:0; left:0; width:580px;  height:580px;  margin:-1px 0 0 4px; border:3px solid #4C818A; /*border-radius:9px;*/}
.productFeefo { float:right; margin:6px 0 1px 4px; xwidth:140px; height:20px; }

#productVideo { float:left;  clear:left;  width:342px; height:412px; display:none; }
#videoPrompt { float:left; /* background:url(../images/play_video.png) 0 0 no-repeat; */ width:342px; height:38px; margin-top:10px;}

#productDetailLeft ul.main { float:left; width:100%; padding:0px 0 10px 0;}
#productDetailLeft ul.main li { float:left; width:100%; line-height:20px; margin:2px 0 0 0; }
span.rating { float:left; width:auto; line-height:18px; padding:0px 10px 0 0; font-weight:bold; }
img.rating { float:left; width:60px; height:12px; cursor:default; }
.ratingHolder { float:left; width:60px; height:12px; padding:3px 0 0 0; margin-top:2px;}
#productDetailLeft ul.main li span.review { float:left; padding:0px 10px 0 0; color:#307738; font-weight:bold; }
#productDetailLeft ul.main li span.reviewlink { float:left; padding:0px 10px 0 0; color:#307738; font-weight:bold; cursor:pointer;}
#productDetailLeft ul.main li span.reviewlink:hover { text-decoration:underline; }
div.sharearea{ background-color:#E0FAFB;float:left; width:auto; padding:2px 0 4px 7px;margin:12px 22% 0; width: 185px;}
div.share{ float:left;font-weight: bold;width:auto; padding:6px 15px 0 0; line-height:18px; }
#productImage a.share .image {border: none; float:left; width:25px; height:25px; cursor:pointer; padding:3px 7px 0 0; }

#productDetail div.row { /*float:left;*/ width:100%; margin:2px 0 0 0; }
#productDetail div.row #price { float:left; width:auto; font-weight:bold; font-size:26px; padding:10px 0 0 0px;}
#productDetail div.row .was, #productDetail div.row .voucherMsg { float:left; width:auto; font-size:18px; padding:10px 0 0 10px; text-decoration:line-through; color:#555; }
#productDetail div.row .voucherMsg { text-decoration: none; color:#333; padding:10px 0 0 0px; }
#productDetail div.row .ratingHolder { float:left; width:100px; position:relative; }
#productDetail #productSummary { font-size:14px; margin-top:18px; }

#productDetail div.row .code { float:left; width:auto; padding:6px 20px 0 0;}
#productDetail div.row .code span {text-transform: uppercase;}
#productDetail div.row .offer { float:left; width:auto; padding-left:10px;}
#productDetail div.row .weeks { float:left; width:auto; font-weight:bold; padding:2px 0 2px 0px; color:#a33;}

#productDetailMid .codearea { float:left; width:100%;}
#productDetailMid .code { float:left; width:100%;}
#productDetailMid .misc { display:none; float:right; width:49%; text-align:right;}

#productDetailMid .main { float:left; width:100%; xmargin:10px 0 0px 0;}
#productDetailMid #selectors { display:none; float:left; width:180px; margin-right:10px; display:inline; }
#productDetailMid #selectors .selLabel { width:100%; line-height:120%; padding:5px 0 8px 0; font-weight:bold; }
#productDetailMid #volumePricesHolder { display:none; float:left;  margin-right:10px; display:inline;}
#productDetailMid #volumePricesHolder .vdLabel { width:100%; line-height:120%; padding:5px 0 8px 0; font-weight:bold; }
#productDetailMid #volumePrices { float:left; clear:left; padding:3px 10px; width:100px; border:1px solid #a4a4a4; color:#307738; }
#productDetailMid .vp_vol { float:left; clear:left; width:50px;  }
#productDetailMid .vp_price { float:left; width:50px; text-align:right; }
#productDetailMid #buyarea { float:left; width:135px;}
#productDetailMid #pricearea { float:left; width:100px; padding-top:25px; padding-left:10px; min-height:40px;}

#productDetailMid .stockarea { float:left; width:100%; margin-top:0px;}
#productDetailMid .disc { float:left; width:100%;  margin-top:5px;}
#productDetailMid .stock { float:left; width:100%; text-align:left; font-weight:bold; color:#f00;}

#full_descr_holder { display:none; }
#reviews_holder {  }

.matrixBox { float:left; width:100%; padding:0 0 10px 0%; xmargin-top:10px; }
.matrixBox .head { float:left; width:100%; font-size:12px; color:#000; font-weight:bold; padding:0; margin:0; }
.matrixBox .obs { width:100%; }
.matrixBodyO { float:left; width:100%; background:#f7f6f5; }
#matrixBody, #matrixBodya, #matrixBodyb, #matrixBodyc, #matrixBodyd { float:left; width:100%; }

/* createMatrixTable */
.matrixTable { float:right; border:0px solid #eef; }
.matrixTable tr.t_matrixBoxSizes {   }
.matrixTable td { padding:3px 5px; margin:0; border:0px solid #f00; }
.matrixTable td.t_colourname { width:auto; text-align:left;  }
.matrixTable td.t_colourname a:link, .matrixTable td.t_colourname a:visited, .matrixTable td.t_colourname a:active
 {  cursor:default; min-width:70px; display:inline-block; WHITE-SPACE: nowrap; }
.matrixTable td.t_colourimg { width:20px; height:20px; }
.matrixTable img.t_colourimg { width:15px; height:15px; border:0px solid #ccc; cursor:default; padding:3px 2px 2px 3px; vertical-align:text-top; }
.matrixTable tr.t_variation {  }
.matrixTable td.t_sizebutton { color:#f7f6f5; width:51px; }
.matrixTable td.t_sizebutton img { width:28px; height:28px; }
.matrixTable td.t_sizebutton img.selected { border:1px solid #f8c5a2; }
.matrixTable td.t_size { xwidth:12px; xheight:65px; max-width:51px; padding:0; text-align:center; xvertical-align:top;}
.matrixTable div.t_size_o { float:left; width:100; position:relative; }
x.matrixTable div.t_size { width:60px; height:20px; padding:0; text-align:left; overflow:hidden;  position:absolute;
 -o-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);
 -ms-transform: rotate(-90deg); transform: rotate(-90deg); left:-22px; bottom:-40px; line-height:20px; }

/* matrix buybutton area */
.sizeChart { float:left; width:90%; padding:0 0 10px 4%; }
.keyLine { float:left; width:100%; }
.keyLine img.key { float:left; width:387px; height:52px; }
ul.buybox { float:left; width:100%; }
ul.buybox li { float:right; }


/* buybtn - set buyBtn_type in custom js to img or css and text in prodpage/showpart js */
a.buyBtn, a.buyBtn-on, a.buyBtn-off, a.buyBtn-email, a.buyBtn-email-pp {
  float:left; height:30px;  display:inline;
  text-align:left;
  margin:0;  padding: 0px 10px 0px 10px;
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;
  }
a.buyBtn { }
a.buyBtn-on {  }
a.buyBtn-email { }
a.buyBtn-off { }
a.buyBtn:hover, a.buyBtn-on:hover, a.buyBtn-email:hover {
  color:#fff; border:1px solid #000; background:#888; }
a.buyBtn-off:hover {
   background:#ff4505; }

input.buyBtn, input.buyBtn-on, input.buyBtn-off, input.buyBtn-email, input.buyBtn-email-pp {
  float:left; width:176px; height:40px; line-height:40px;
  text-align:center;
  margin:0; padding:0 10px;
  border:1px solid #402713;
  background:#565455;
  color:#fff;  text-decoration:none;
  cursor:pointer;
  }
input.buyBtn { cursor:pointer; }
input.buyBtn-on { cursor:pointer;}
input.buyBtn-email { float:right; width:96px;  cursor:pointer;}
input.buyBtn-email-pp { width:96px; cursor:pointer;}
input.buyBtn-off { }
input.buyBtn:hover, input.buyBtn-on:hover, input.buyBtn-email:hover, input.buyBtn-email-pp:hover {
  color:#fff; border:1px solid #000; background:#888; }
input.buyBtn-off:hover {
  color:#000; background:#777; }

/* ddl container */
.DDLBox {  float:left; width:100%; }
.DDLBox li.f { clear:left; float:left; width:100%; padding:5px 0 5px 0;}
.DDLBox div.dd { float:left; width:100%; }
.DDLBox div.link { float:left; width:240px; line-height:20px; }
.ddlLabel { float:left; width:201px; font-weight:bold; padding:0px 0 8px 0;}
xx.ddlBorder { float:left; width:200px; }
xx.radBorder { float:left; width:100%;  min-height:40px }

.ddlrad { float:left; width:100%; height:25px;}
.ddlrad label.size { float:left; width:175px; padding:2px 0 0 0; color:#666; }
.ddlrad label.text { float:left; width:250px; padding:2px 0 0 0; }
.ddlrad span.price { float:left; width:60px; color:#666; font-weight:bold; padding:0 0 0 10px;}
.ddlrad span.stock { float:left; color:#307738; font-style:italic; padding:0 0 0 10px;}
.ddlrad span.action { float:left; color:#307738; font-style:italic; text-decoration:underline; padding:0 0 0 10px;}
.ddlrad input { float:left; }

.ddlSwatches { margin-right:140px; padding:5px 0 5px 0; }
.ddlSwatches .item { float:left; width:44px; margin:0px 0px 0 0; display:inline; cursor:pointer; overflow:hidden; }
.ddlSwatches .item .image { float:left; width:41px; height:16px; padding:5px 3px 0 0px}
.ddlSwatches .item .code { float:left; width:100%; height:17px; font-size:10px; text-align:center; padding:0px 0 0 0;}
.ddlSwatches .item .title { float:left; width:100%; line-height:13px; height:13px; font-size:11px; color:#666;
  overflow:hidden; font-weight:bold; text-align:center; padding:4px 0 2px 0;}

.ddlImage { float:right; width:140px; padding:10px 0 0 8px; border-left:1px dotted #ccc; }
.ddlImage img { float:left; width:140px; height:140px; }
.ddlImage .title { float:left; width:94%; padding:0 3%; font-weight:bold; text-align:center; min-height:15px;}
.ddlImage .text { float:left; width:94%; padding:0 3%;  text-align:center; height:42px;}
.ddlImage .zoomit { float:left; width:100%; padding:2px 0 5px 0;  }

#productDetail div.tabArea { float:left; width:99.7%; border:1px solid #999; margin-top:15px; background:#fff;}
#spDetailTabs { float:left; width:100%; margin:0px 0 5px 0; background:#ccc; }
#spDetailTabs li { float:left; line-height:28px; cursor:pointer; font-size:14px; text-transform:uppercase;
  text-align:center; padding:0 0.83%; border-right:1px solid #fff; white-space:nowrap; color:#57585a ;}
#spDetailTabs li:hover{ color:#fff;}
#spDetailTabs li.on { color: #fff;}
#spDetailTabs li.off { }
#spDetailTabs li.dead {display:none;}
#spDetailTabs li.end {border:0;}

#spTabPages { float:left; min-height:140px; width:96%; padding:0px 2%; background:#fff;}
#spTabPages .tab, #spTabPages .taboff { float:left;  width:100%; display:none; padding-bottom:10px;text-align: left;}
#spTabPages .tabon { float:left;  width:100%; }

#spTabPages div.expander { float:left; width:100%; display:none; background-color:#ccc; /*line-height:30px;*/ }
/*#spTabPages div.expander div { width:98%; padding:0 0 0 2%; margin:0px 0 0 0; line-height:30px; color:#565555; font-weight:bold;
  background-position:99.8% 6px; background-repeat:no-repeat;  font-size:14px; border-bottom:1px solid #fff; }
#spTabPages div.expander div.collapsed { background-image:url(../images/plus.png); cursor:pointer;  }
#spTabPages div.expander div.expanded { background-image:url(../images/minus.png); cursor:pointer; }*/

ul.descrnumber  { list-style:decimal; font-size:11px;}
ul.descrnumber li { list-style:decimal; margin-left:25px; padding-left:0px; }
ul.descrbullet  { list-style: disc; font-size:11px; }
ul.descrbullet li { list-style:disc; margin-left:20px; padding:2px 0 2px 5px; line-height:13px;  }


#productDetailVideos { float:left; width:100%; border-top:1px dotted #aaa; padding:20px 0 0 0; margin:20px 0 0 0; background:#fff;}
#productDetailVideos .text { float:left; width:100%; }
#productDetailReviews { float:left; width:100%; /*margin:20px 0 0 0;*/ background:#fff;}

#youtubeVideos { float:left; width:100%; }
.youtubeVideoDiv { float:left; padding:0px 0 15px 0; width:100%; }
.youtubeVideo { float:left; width:100%; max-width:480px; padding:10px 0 0 0px; }
.youtubeTitle { float:left; width:40%; padding:10px 0 0 10px; }
.youtubeDate { float:left; width:40%; padding:10px 130px 0 10px; white-space: nowrap;}

#productDetailApply { float:left; width:100%; border-top:1px dotted #aaa; padding:20px 0 0 0; margin:20px 0 0 0; background:#fff;}
#productDetailApply .head { float:left; clear:left; width:100%; padding-top:20px;}
#productDetailApply .text { float:left; clear:left; width:100%; padding-top:20px;}
#productDetailApply .step { float:left; width:48%;  min-width:320px;}
#productDetailApply .step img { float:left; width:115px; height:115px; padding:10px 10px 10px 0; }
#productDetailApply .step div { margin-left:135px;  padding:10px;}
#productDetailApply .step span { display:inline-block; font-weight:bold; line-height:20px; width:100%;}

/* Review list */
.reviewListHead { float:left; width:100%; font-size:22px; }
.reviewList { float:left; width:100%; }
.reviewList li { float:left; width:100%; display:block; margin:4px 0 0 0; padding:0 0 10px 0; }
.reviewList li div.name { float:left; width:32%; }
.reviewList li div.name .label { float:left; clear:left; font-weight:bold; padding:0 10px 0 0; }
.reviewList li div.name .stars { float:left; padding:3px 0 0 0;}
.reviewList li div.name .by { float:left;  }
.reviewList li div.name .date { float:left; clear:left; width:100%; }
.reviewList li div.review { float:left; width:63%; padding-left:1%;}
.reviewList li div.review .title { float:left; width:100%; line-height:16px; font-weight:bold;}
.reviewList li div.review .text { float:left; width:100%;  text-align:justify; }
.reviewList li div.review .label {float:left; font-size:13px; padding:10px 10px 0 0; }
.reviewList li div.review a.share {float:left; padding:10px 5px 0 0; }
.reviewList li div.review a.share .image { float:left; width:16px; height:16px; cursor:pointer; padding:0; }

.rv_scroll_outer { float:left; width:100%; }
.rv_scroll_resp { margin-right:10px;  }
.rv_scroll { position:relative; height:310px; width:99%; overflow:hidden;  }
.rv_scroll_inner { position:absolute; height:20000px; width:100%; top:0px; left:0px; }
.rv_scroll_vctrl { position:relative; float:right; width:10px; height:200px; }
.rv_scroll_vbar { float:left; width:10px; height:310px; background:#cccbcc; }
.rv_scroll_vhandle { float:left; width:10px; height:30px; background:#669966; border-radius:8px;}

/* email back in stock popup */
#emailBISMain { float:left; width:400px; padding:0 10px; }
#emailBISMain h2 { float:left; width:100%; padding:10px 0; margin:0; }

/* reviewGet.tmp */
.alertXTitle { float:left; width:100%; line-height:25px; padding:0; margin-top:0; font-size:22px; font-weight:normal;  }
.alertXBody { float:left; width:100%; padding:10px 0; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; }

/*#reviewIn { float:left; width:96%; padding:0 2% 10px 2%;}*/
#reviewIn ul { padding:0; margin:0;   }
#reviewIn ul li.status { float:left; width:100%; padding:10px 0 20px 0; line-height:25px; font-size:15px; font-weight:bold;
  text-align:center; color:#f00; }
#reviewIn dl.std dt { }
#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; }
#reviewIn .ratestar { /*float:left;*/ cursor:default; /*width:66px;*/ height:12px; line-height:12px; background:url(../images/review-stars-all.png) 0 -60px no-repeat; }
#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;}
#starTip { position:absolute; display:none; top:0; left:0; padding:3px 5px; border:1px solid #307738; background:#fff; }
#reviewSaveBtn {/* float:right; margin-right:8px; display:inline;*/}

/* related items ----------- used in showpart_rels_rel and prodpagef_rels_rel  */
#productRel { float:left;  width:100%; height:330px; margin:10px 0 0 0; overflow:hidden; }
#productRel .top  { float:left; clear:both; width:98%;
  padding:0 1%; line-height:40px; background:#f7f6f5; font-size:22px; }
#productRel .parts  { float:left; width:100%; max-width:939px; margin-top:10px; }
.sp_spacer { float:left; width:100%; display:none;}

.productRelItem { position:relative; float:left;  width:179px;  height:auto;  padding:0 0 0px 0px;
  margin:0px 4px 0 4px; }

#productRelBskt { float:left;  width:100%; xheight:265px; margin:10px 0 0 0; overflow:hidden; }
#productRelBskt .top  { float:left; clear:both; width:98%;
  padding:0 1%; line-height:40px; background:#f7f6f5; font-size:22px; }
#productRelBskt .parts  { float:left; width:100%; max-width:939px; margin-top:10px; }

.productRelItemBE { position:relative; float:left;  width:178px;  height:auto;  padding:0 0 0px 0px;
  margin:0px; padding:5px 4px; border-bottom:1px dotted #999; border-right:1px dotted #999; }

.pli_rel_right { float:left; display:block; width:170px; padding:0 0 0 6px; text-align:center;}
.pli_rel_reviewstarbox { float:left; width:65px; height:14px; padding:2px 0 0 0; }
.relBorder { float:left; width:0px; height:240px; margin-top:10px; border-left:1px dotted #999; }
.pli_rel_pricebox { display:inline-block; width:100%; font-size:16px;/*font-family:"Edmondsans Bold", sans-serif;*/}

#productRelJoe { float:left;  width:100%; margin:0px 0 0 0; background:#f7f6f5;}
#productRelJoe .top  { float:left; clear:both; width:98%; font-size:22px;
  padding:0 1%; line-height:40px;  }
#productRelJoe .parts  { float:left; width:100%; max-width:953px; }

.productRelJoeItem { float:left; width:72px; margin:0px 8px 12px 8px; }

.pli_relJoe_left { float:left; width:100%;  }
.pli_relJoe_left .pli_Img { width:70px; height:auto; padding:0; border:1px solid #999;}
.pli_relJoe_left .pli_Img img {  width:70px; height:85px; }
.pli_relJoe_left .pli_pricebox { float:left; width:100%; height:auto; }
.pli_relJoe_left .pli_pricebox .price { float:left; width:100%; text-align:center; }

/* Recently Viewed */
.viewed { float:left; width:100%; height:330px; margin:20px 0 0 0; overflow:hidden; }
.viewedHead { float:left; clear:both; width:98%; font-size:22px;
  padding:0 1%; line-height:40px; background:#f7f6f5; }
#viewedList { float:left; width:100%; max-width:939px; margin-top:10px; }
/*
.viewedLine { position:relative; float:left; xborder:1px solid #a4a4a4; margin:0px 10px 0 0; }
.viewedLine .div { float:left; width:150px; padding:0px 0px;}
.viewedLine a.link:link, .viewedLine a.link:visited, .viewedLine a.link:active {
  float:left; width:140px; xheight:100px; }
.viewedLine a.link:hover { }
.viewedLine a.linkt:link, .viewedLine a.linkt:visited, .viewedLine a.linkt:active {
  float:left; width:100%; color:#307738; text-decoration:none; text-align:left; }
.viewedLine a.linkt:hover { color:#333; }
.viewedLine img { float:left; width:100px; height:100px; }
.viewedLine a.del:link, .viewedLine a.del:visited, .viewedLine a.del:active {
  position:absolute; top:0; right:0; width:25px; height:25px; background:url(../images/vremove.png) 5px 10px no-repeat; }
.viewedLine a.del:hover { color:#333; }
#productImage .viewedHead { padding:5px 0 0 0; }
#productImage .viewedLine { padding:2px 0 0 0; }
*/

.alt_scroll_outer { float:left; width:100%; height:87px; margin-top:10px; }
.alt_scroll { position:relative; height:87px; overflow:hidden; }
.alt_scroll_button { float:left; width:30px; height:85px; }
.alt_scroll_buttonr { float:right; width:30px; height:85px; }
.alt_scroll_inner { position:absolute; width:20000px; height:87px; }
.alt_scroll_hctrl { position:relative; float:left; width:100%; }
.alt_scroll_hbar { float:left; width:100%; height:1px; background:#fff; }
.alt_scroll_hhandle { float:left; width:20%; height:1px; background:#fff; cursor:default;}
.alt_scroll_left, .alt_scroll_left_off { float:left; width:19px; height:32px; margin-top:-55px; background:url(../images/scroll_left.png) 0 0 no-repeat; }
.alt_scroll_left_off { visibility:hidden; filter: Alpha(Opacity=20); opacity: 0.2; }
.alt_scroll_right, .alt_scroll_right_off { float:right; width:19px; height:32px; margin-top:-55px; background:url(../images/scroll_right.png) 0 0 no-repeat; }
.alt_scroll_right_off { visibility:hidden; filter: Alpha(Opacity=20); opacity: 0.2; }
.alt_scroll_left, .alt_scroll_right { cursor: pointer; }

/* sp might like scroller - dont float the divs for auto width setting of sp_scroll */
.vi_scroll_outer { float:left; width:100%; height:245px; margin-top:10px; }
.vi_scroll { position:relative; xmargin:0 20px; height:227px; overflow:hidden; }
.vi_scroll_button { float:left; width:20px; height:243px; }
.vi_scroll_buttonr { float:right; width:20px; height:243px; }
.vi_scroll_inner { position:absolute; width:20000px; height:244px; }
.vi_scroll_hctrl { position:relative; float:left; width:100%; }
.vi_scroll_hbar { float:left; width:100%; height:1px; background:#fff; }
.vi_scroll_hhandle { float:left; width:20%; height:1px; background:#ccc; cursor:default;}
.vi_scroll_left, .vi_scroll_left_off { float:left; width:20px; height:25px; margin-top:-150px; background:url(../images/scroll-prev.png) 0 0 no-repeat; }
.vi_scroll_left_off { visibility:hidden; filter: Alpha(Opacity=20); opacity: 0.2; }
.vi_scroll_right, .vi_scroll_right_off { float:right; width:20px; height:25px; margin-top:-150px; background:url(../images/scroll-next.png) 0 0 no-repeat; }
.vi_scroll_right_off { visibility:hidden; filter: Alpha(Opacity=20); opacity: 0.2; }

/* 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:98%; padding:4px 0 4px 1%; }
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; }

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

.basketBanner { float:left; width:100%; }
.basketFill { float:left; width:100%; height:10px; }
.basketLeft { float:left; width:100%; padding:2px 0px 10px 0; }
.basketMain { float:left; width:100%; }

.basketHead { float:left;width:100%;  }
.basketHead td.paddy { width:100%; xpadding:2px 0px; }
.basketHead th {  width:100%; }

.bsktLineSpacer { float:left; width:100%; border:0; }
.bsktLineSpacer td { line-height:2px;}

.bsktLineBorder { float:left; width:100%; }
.bsktLineBorder td.paddy { width:100%; padding:0px; }

.bsktLinePhone { float:left; width:100%; padding:0; border:0; margin-bottom:10px; }
.bsktLinePhone .contents { float:left; width:100%; }
.bsktLinePhoneVoucher { float:left; width:100%; margin-bottom:10px; }

.bsktLineHolder { float:left; width:100%; }
.bsktLineHolder td { width:100%; }

.bskt {	float:left; width:100%; line-height:18px; border-collapse:collapse; }
.bskt tr { }
.bskt td { text-align:left; line-height:18px; padding:0 0 0 5px; vertical-align:middle;
  border:1px solid #ddd; border-top:0;}
.bskt th { text-align:left; line-height:30px; padding:0 1%;
  border:1px solid #ddd; border-top:0; border-bottom:0; background:#f3f1ed; text-transform:uppercase; }

.bskt tr.evenrow { background:#f7f6f5; }
.bskt tr.oddrow { background:#fff; }

.bskt th.contents, .bskt td.contents { width:36%; }
.bskt td.contents {  }
.bskt div.contents { float:left; width:100%; xmax-width:380px; position:relative; padding-top:5px; }
.bskt div.image { float:left; width:140px; }
img.bsktimg { width:140px; }
.bskt div.txt { margin-left:150px; }
.bskt div.txt div.title { float:left; }
a.bsktTitle { font-size:18px; }
.bskt a.bsktRemoveBtn:link, .bskt a.bsktRemoveBtn:visited, .bskt a.bsktRemoveBtn:active {
  position:absolute; bottom:3px; right:10px; height:20px; line-height:20px;  }
.bskt a.bsktRemoveBtn:hover { text-decoration:underline; }
.partInfo { font-size:12px; width:100%; color:#000; }
.bsktMessage { float:left; width:100%; background:#f7f6f5; }
.bsktMessageTxt { margin-right:70px; height:20px; overflow:hidden; text-overflow: ellipsis;}
.bsktMessageTxt_co { display:inline-block; height:17px; overflow:hidden; text-overflow: ellipsis;}
a.bsktEditGV:link, a.bsktEditGV:visited, a.bsktEditGV:active {
  float:right; margin-right:10px; text-align:right; }
a.bsktEditGV:hover { text-decoration:underline; }

.bskt th.qty, .bskt td.qty { width:18%; }
.bskt td.qty { text-align:center; }
.bskt td.qty input.qty {	width:28px;	text-align:center;	margin:0; display:inline; border:1px solid #999; }
.bskt a.bsktUpdateBtn:link, .bskt a.bsktUpdateBtn:visited, .bskt a.bsktUpdateBtn:active {
  display:inline-block; font-size:13px; }

.bskt a.bsktUpdateBtn:hover { text-decoration:underline; }

.bskt th.incl, .bskt td.incl { width:16%; padding-left:2%; }
.bskt td.incl {  }

.bskt th.tincl, .bskt td.tincl { width:15%;  padding-left:2%; }
.bskt th.tincl {  }

.basketTotals { float:left; width:100%;   }
.basketTotals tr td.totline { padding:0; width:100%; }
.bskt td.totcol2 { width:34%; border-left:0;}
.basketTotals .bskt td { border-bottom:0; line-height:40px; text-transform:uppercase; }
.basketTotals .bskt td.last { border-bottom:1px solid #bbb;  }
.basketTotals tr td.contents { border-left:0; border-right:0; border-bottom:0; text-transform:none; }
.basketTotals tr td.contents .totcontents { position:relative; float:left; width:100%;
  min-height:171px; line-height:15px;  }
.totcontents .codeArea { padding-top:5px; margin-right:105px; }
#codePrompt { display:block; line-height:normal; padding:6px; }
#codeInput { float:left; display:none; margin-top:15px; }
#codePromptPhone { float:left; display:block; padding:10px 0;}
#codeInputPhone { float:left; width:100%; display:none; }
.totcontents .live-chat { position:absolute; top:10px; right:10px; width:139px; }

#basketCarrier { width:100%; float:left; }
#basketCarrierB { width:95%; float:left; }

.basketCheckout1 { float:right; margin:0px 0px 10px 0;  }
.basketCheckout2 { float:right; margin:0 0px 20px 0px; }
.basketCheckout2 .buttons { float:right;  }
.checkoutBtn { width:180px; }
.basketCheckout2 img { float:right; margin-right:40px;  }

#basketCode_holder { display:none; }
#basketCode { float:left; width:94%; max-width:450px; }
.basketCodeLabel { float:left; width:95.7%; padding:0 2%; line-height:29px; border:1px solid #999;
  border-bottom:0; text-transform:uppercase; text-align:center; }
.basketCodeIn { float:left; width:95.7%; padding:10px 2%; border:1px solid #999;  }
.basketCodeInput { float:left; width:96%; padding:1px 0 0 2%; }
.basketCodeButton { float:left; width:96%; padding:10px 0 0 2%; }
.basketCodeText { float:left; width:160px; font-size:11px; }

#sourceCodeMsg { display:none; text-align:center; color:#e74c3c; font-weight:bold; margin-top:8px; float:left; }

.removedItems { float:left; background:#700; color:#fff; padding:5%; width:89%; border:2px solid #f00; margin-bottom:10px;}
a.removedItem { background:#ccc; color:#000; width:90%; display:inline-block; padding:2%; margin-top:2px; }
a.removedItem:hover { text-decoration:underline; }

.basketDeletedItems { display:inline-block; width:95%; line-height:1.3em; border:1px solid #f00; padding:2%; margin-bottom:20px;}
.basketDeletedItem { float:left; width:100%; }
.basketDeletedItem .head { color:#f00; font-weight:bold; }
.basketDeletedItem .part { color:#700; font-weight:bold; }
.basketDeletedItem .reason {  }

/* order confirm page overrides - if it is a different width to the basket page */
#basketMainConfirm { width:660px;  float:left;  clear:both;  }
#basketMainConfirm #basketHead { width:660px; }
#basketMainConfirm #bsktLineBorder {width:660px; }
#basketMainConfirm #basketTotals { width:660px; }
#basketMainConfirm #basketTotals table tr th { line-height:15px; color:#666;}
#basketMainConfirm #basketTotals table#bskt tr th { text-align:right; color:#666; font-weight:bold;}
#basketMainConfirm table#bskt tr td.tincl { text-align:right;}
#basketMainConfirm table#bskt tr th.tincl { text-align:right;}
#basketMainConfirm #bsktLineBorder td.paddy { padding:0px; }


#basketRight { float:left; width:305px; margin:0 0 0 12px; display:inline; padding:2px 0 20px 0;}
#basketRight .head { float:left; width:305px; line-height:25px; text-align:center;
  padding:2px 0; color:#333; background:#f7f7f7; border:1px solid #ccc;}
#basketRight .main { float:left; width:305px; border:1px solid #ccc; margin-top:12px; padding:10px 0;}
#basketRight .break { float:left; width:90%; height:1px; line-height:1px; border-top:1px dotted #ccc; margin: 10px 5% 0 5%; display:inline; overflow:hidden;}
#basketRight .links { float:left; width:130px; padding:10px 0 0 10px;}
#basketRight .links div { float:left; width:100%; color:#268EB1; line-height:15px; cursor:pointer; }
#basketRight .links div:hover { text-decoration:underline; }
#basketRight .links a:link, #basketRight .links a:visited, #basketRight .links a:active { float:left; width:100%; color:#268EB1; line-height:15px; }
#basketRight .links a:hover {  }
#basketRight .verisign { float:left; width:150px; height:100px; margin:0 0 0 10px; display:inline; }

#basketHelp { float:left; padding:10px; text-align:left;}

.basketTotalText { float:left; width:303px; padding:10px 0 0 0;}
.basketTotalText .text { float:left; width:90px; padding:0 0 0 10px;}
.basketTotalText .data { float:left; width:190px; text-align:right; }

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


#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:100%; }
#basketBargains .head { float:left; width:100%;}
.basketRelatives { float:left;  width:100%; margin:20px 0 0 0; border:1px solid red; }

/* checkout */
#checkoutMain .expander { display:none; }
.orderChoiceDiv .collapsed { background:url(../images/plus.gif) 100% 9px no-repeat #fff; cursor:pointer;}
.orderChoiceDiv .expanded { background:url(../images/minus.gif) 100% 9px no-repeat #fff; cursor:pointer;}

#checkoutMain { float:left; width:98%; padding:0 0 0 1%}

#checkoutTabs { float:left; xwidth:99%; xheight:17px;  float:left; border-bottom:4px solid lime; padding:10px 10px 0 10px;}
#checkoutTabs li { float:left;  xwidth:90px; height:17px;  cursor:pointer; text-align:center; font-size:11px;
  padding:2px 20px 0 20px; background:#fff; margin-right:2px; font-size:14px;}
#checkoutTabs li:hover { text-decoration:underline; color:#000;}
#checkoutTabs li.on { background:lime;
  border:1px solid #C4C5C5; border-bottom:0; border-radius:5px 5px 0 0; }
#checkoutTabs li.off {
  border:0px solid #000; xborder-bottom:0; border-radius:5px 5px 0 0; }
#checkoutTabs li.dead { display:none; }
#checkoutTabs li.end { background:green; }

.checkoutTop { float:left; width:100%; background:#ccc;
  /* font-family: "Edmondsans Medium",sans-serif;   */font-size: 20px;}

#checkoutCrumbs { width:100%; max-width:450px; text-align:center; margin:0 auto; }
#checkoutCrumbs li { float:left;  height:35px;  padding:0 3%; display:inline; background:#ccc;
  text-align:center; line-height:35px; text-transform:uppercase; /*cursor:pointer;*/ color:#57585a; }

ul#checkoutCrumbs li.on { background:#ccc; }
ul#checkoutCrumbs li.off {  }
ul#checkoutCrumbs li.done {  }
ul#checkoutCrumbs li.justdone {  }
ul#checkoutCrumbs li.laston { }
ul#checkoutCrumbs li.lastoff { }
ul#checkoutCrumbs li.lastdone { }

ul#checkoutCrumbs li.on a { }
ul#checkoutCrumbs li:hover, ul#checkoutCrumbs a:hover { color:#fff;}

ul#checkoutCrumbs li.wa {xwidth:12%; xmax-width:140px;}
ul#checkoutCrumbs li.wb {xwidth:25%; xmax-width:160px;}
ul#checkoutCrumbs li.wc {xwidth:29%; xmax-width:210px;}
ul#checkoutCrumbs li.wd {xwidth:44%; xmax-width:210px;}
ul#checkoutCrumbs li.we {xwidth:23%; xmax-width:230px;}
ul#checkoutCrumbs li.bar { width:0; height:20px; padding:0; margin-top:7px; border-right:1px solid #fff; }

.co_page { float:left; width:100%; display:none; xcolor:#000; }
.co_sub_page { float:left; width:100%; display:none; }
.co_expander .title { font-size:20px; color:#fff; }
.co_title { float:left; width:60%; text-indent:10px; font-size:22px; padding:0;
  line-height:58px; background:#f7f6f5; }
/*.co_subtitle { float:left; width:100%; font-size:22px; padding:0;line-height:30px; }*/

.co_box_100 { width:97.7%; border:1px dotted #999; padding:1%; margin-top:10px; }
.co_page .loginlabel { float:left; width:120px; line-height:38px;}
.co_page .logininput { margin-left:130px; }

#checkout_main div.expander { float:left; width:100%; background-color:#BCC1CD; line-height:30px; text-align:left;}
#checkout_main div.expander div { width:98%; padding:0 0 0 2%; margin:0px 0 0 0; line-height:30px; color:#fff; font-weight:bold;
  background-position:99.8% 6px; background-repeat:no-repeat;  font-size:14px; border-bottom:1px solid #fff; }
#checkout_main div.expander div.collapsed { background-image:url(assets/images/plus.png); cursor:pointer;  }
#checkout_main div.expander div.expanded { background-image:url(assets/images/minus.png); cursor:pointer; }
#checkout_main div.expander div.done { background-image:url(assets/images/plus.png); cursor:pointer;  }
#checkout_main div.expander div.expanded { background-image:url(assets/images/minus.png); cursor:pointer; }

#co_testpay { /*float:left;*/ width:100%; background:silver; color:black; }
#co_livepay { float:left; width:100%; background:red; color:yellow; display:none; }

.cvc { width:100%; max-width:144px; }

/*.co_topbar { padding-bottom:10px; }*/

.del { float:right; margin-bottom:22px; }

/* summary */
.basketSummary { float:left; width:94%; padding:3%; line-height:40px; }
.basketSummary .head { float:left; width:100%; font-size:25px; }
.basketSummary .total { float:left; width:100%; margin-top:10px;}
.basketSummary .label { float:left; width:69%; }
.basketSummary .data { float:left; width:30%; }
.basketSummary .disc { color:#e74c3c; font-weight:bold;}
.basketSummary .delivery { float:left; width:100%; padding:5px 3% 10px 3%; line-height:16px; border:1px solid #ccc; background:#f7f6f5; }
.basketSummary .delivery .head { width:100%; }
.basketSummary .delivery .title { float:left; font-size:15px; font-weight:bold; padding:2px 0 5px 0; }
.basketSummary .delivery .change { float:right; font-size:15px; font-weight:bold; padding:2px 0 5px 0;  color:#666;}

.basketSummaryParts { float:left; width:100%; }
.basketSummaryParts .items, .emailBasketHeader { width:100%; padding:0; margin:0;}
.basketSummaryParts .items tr.evenrow { background:#f7f6f5; }
.basketSummaryParts .items tr.oddrow, .emailBasketRow { background:#fff; }

.basketSummaryParts .items td { vertical-align:middle; }
.basketSummaryParts .items .image, .emailBasketImage { width:170px; border-bottom:1px dotted #ccc;}
.basketSummaryParts .items .image img, .emailbasketImageImage { float:left; width:140px; }
.basketSummaryParts .items .title, .emailBasketTitle { margin-left:160px; border-bottom:1px dotted #ccc;}
.basketSummaryParts .items .title a { float:left; width:100%;  }
.basketSummaryParts .items .qty, .emailBasketQty { width:15%; text-align:center; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.basketSummaryParts .items .price, .emailBasketPrice { width:15%; text-align:center; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.basketSummaryParts .items .tot, .emailBasketTot { width:15%; text-align:center; border-left:1px dotted #ccc; border-bottom:1px dotted #ccc;}
.basketSummaryParts .items th { border:0; }
.basketSummaryParts .items .thimage, .emailBasketImageHeader { border-bottom:1px dotted #ccc;}
.basketSummaryParts .items th div, .emailBasketHeaderDiv { background:#f7f6f5; line-height:30px; text-transform:uppercase; margin:5px; }

/*login */
.co_loginEmail { margin-top:20px; width:100%; max-width:400px; clear:left; }
.co_loginRadio { margin-top:25px; width:100%; max-width:400px; clear:left; }
.co_loginRadio span { float:left; width:200px; }
.co_loginRadio .logininput { margin-left:200px; text-align:right; }
.co_loginPass { margin-top:35px; width:100%; max-width:400px;  clear:left; }
.co_loginForgot { margin-top:20px;  clear:left; }
.co_loginButton { margin-top:10px;  clear:left; float:right; width:100%; }

/* delivery */
.deliveryMain { float:left;  }
#deliveryLeft { float:left; width:100%; }
#deliveryRight { float:right; width:39%; }
#checkoutChooseAddress { float:left; width:100%; padding:10px 2%; border:2px dotted #f1f1f1; }
#checkoutEnterAddress  { float:left; width:100%; }
#checkoutAddCust  { float:left; margin-bottom:20px; width:100%; }
#checkoutAddPass  { float:left; width:100%; }
#checkoutAddAddress  { float:left; width:100%;  padding-bottom:20px; }

#checkoutAddAddress .terms {font-size:14px;}

#checkoutBasketSummary { float:right; width:99.7%; border:2px dotted #f1f1f1; }
#checkoutBasketSummaryParts { float:left; width:100%; }

#checkoutChooseAddress div.addlist { width:100%; height:auto; }
#checkoutChooseAddress div.addline { display:block; width:100%; margin:5px 0;
  padding:0 0 5px 0; border:1px dotted #fff; text-align:left; background:#f7f6f5; cursor:pointer;  }
#checkoutChooseAddress div.addline div { float:left; border:0;}
#checkoutChooseAddress div.addline div.i { width:10%; padding:2px 0 0 3.7%;}
/*#checkoutChooseAddress div.addline div.i input { border:0; }*/
#checkoutChooseAddress div.addline div.n { width:88%; padding:0%; }
#checkoutChooseAddress div.addline div.n label { width:100%; height:100%; }
/* #checkoutChooseAddress div.addline div.checked { font-weight:bold; } */
#checkoutChooseAddress div.checked { border:1px solid #666; }



/* delivery new address */
div.co_sel_address_button { float:right; margin:15px 0 0 0; }
div.co_add_delivery_button { float:left; margin:20px 0 15px 0; }
div.co_basket_button { float:left; width:auto; margin:15px 0; }
p.co_select_address { float:left; font-size:18px; }

#new_address_form_block { float:left; width:97.7%; padding:10px 1%; border:2px dotted #f1f1f1; }

.carrierRadio { float:left; width:99%; border:1px solid red; }
.carrierRadio div { float:left; width:100%;  }
.carrierRadio div input { float:left; clear:left; width:20px; }
.carrierRadio div label { float:left; padding-top:3px;  }

div.segments { width:100%; height:auto; }

/* checkout confirm */
#orderConfirmMain { width:100%; padding:20px 0 10px 0px; border:0px solid #D1D1D1; }
#orderConfirmLeft { float:left;  width:40%;  display:inline; margin:5px 0 0 0;  padding:0 10% 0 0;}
#orderConfirmRight { float:left; width:40%; display:inline;  margin:5px 0px 0 0; /*text-align:left;*/}
#orderConfirmBottom { float:left; width:100%; display:inline; margin:5px 0px 0 0; text-align:left;}
#orderConfirmMain #btn { float:left; clear:left; width:50%; padding:5px 0 0 0px; }
#continueConfirm { float:left; clear:left; width:400px; padding:5px 0 0 20px; }

/* gv message */
.gvMessage { float:right; width:45%; margin-bottom:12px; }

/* thanks */
#orderThanksLeft { float:left; width:60%; }
#orderThanksRight { float:right; width:39%; }
#orderThanksText { float:left; width:95.7%; padding:10px 2%; border:2px dotted #f1f1f1; }
.thanksFrame { float:left; width:100%; padding:0; height:400px; background:#fff; overflow:auto; border:1px solid #999; }
#thanksInProgress { float:left; width:100%; }
#thanksFinished { float:left; width:100%; display:none; }

/* LOGIN ---------------- */
#loginMain { float:left;  width:100%; padding-bottom:10px;}
#loginMain h1 { float:left; width:100%; font-size:14px; line-height:16px; font-weight:bold;}
#loginMain .info { padding:5px 0 0 0; }
#loginMain .infobold { padding:5px 0 0 0; line-height:13px; }
#loginLeft { float:left;  width:47%; margin:20px 1% 0 0; padding:10px 2.5% 10px 1%; }
#loginLeft h2 { margin-bottom: 25px; text-align: right;}
#loginLeft #lostpw { float:left; width:100%; }
#logreg { border-left: 1px solid #888888;float:left; width:46%; margin:20px 0 0 0; padding:10px 1%; min-width:300px;}

#loginMain .retcust { float:left; height:42px; overflow:hidden; }

#loginMain .newcust { float:left; height:83px; overflow:hidden; }
#loginMain .regbtn { margin-top:5px; float:right; }

#loginMain .loginbtn, #logreg .regbtn {
    float: right;
    height: 38px;
    margin: 22px 35px 0 0;
    width: 178px;
    }
#logreg .regbtn {float: left;margin: 0 0 0 20px;}
#logreg form {padding-left:34px;}
#logreg h2 {
    font-size: 26px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    width: 290px;
}
/* login passwd reminder sent ----*/
#loginSent {  width:100%;  margin-top:20px;  }

/* logged in -------------*/
#loggedInL { width:55%; float:left; padding:0 0 0 10px; margin-top:20px; min-width:320px; }

/* gift voucher page */
.giftVLeft { width:40%; float:left; border:2px dotted #ccc; min-height:400px; text-align: center; position:relative;}
.giftVLeft img {
  position: absolute;
  top: 60%;
  left: 50%;
  width: 100%;
  height: 100%;
  max-width:272px;
  max-height:213px;
  margin-top: -136px;
  margin-left: -136px;
}
.giftVRight{ width:58%; float:right;}
.giftVInfo { width: 100%; border:1px solid #ccc; font-size:18px; }
.giftVInfo .headerGV { background:#ccc; color:#fff; font-size:24px; padding:6px; }
.giftVInfo p { padding:8px; }
.giftVChooser { background:#f4f4f4; padding:8px; font-weight:bold; margin-top:36px; overflow:auto; margin-bottom:12px; }
.giftVChooser .selectType:first-child { margin-top:30px; }
.giftVChooser .selectType { float:right; /*width:100%;*/ line-height:24px; text-align:right; cursor:pointer; clear: right; margin:2px; }
.giftVChooser .selectType img { vertical-align:middle; }
#gvMain #gvCommon dl dt, #gvMain #gvPost dl dt, #gvMain #gvEmail dl dt { width:31%; line-height:36px; margin:0; padding:6px; padding-left:10%; }
#gvMain #gvCommon dl dd, #gvMain #gvPost dl dd, #gvMain #gvEmail dl dd { width:55.8%; background:#f4f4f4; margin:0; padding:8px; }
.giftVAmount { margin-left:55px; line-height:36px; }
.gvSave { width:100%; padding-top:18px; }
.giftVLowLine { line-height:22px !important; } /* lower line height for text under Gift Message heading */

/* Register ------- */
#regLeft {margin-right: 210px;max-width: 560px;}
#regRight {float:right}

#regForm {  width:100%;  }
.regFormCol1, .regFormCol2, .recFriend1 {border: 1px solid #ccc;clear: both;float: left;margin: 10px 1% 10px 0;padding: 10px 1%;width: 97.7%;}
.regFormCol2 { margin:10px 0 0 0;}
.recFriend1 {
    border: medium none;
    margin: 10px 0;
    padding: 0;
    width: 75%;
}
.snippet {
    display: block;
}

#regFooter { width:600px; float:left;  margin-top:10px;  padding-left:40px;  border:0px solid red;  }

dl.segment { float:left; width:100%; height:auto;}
dl.segment dt { float:left; width:30px; height:20px; text-align:left; clear:left;  }
dl.segment dd { float:none; margin-left:30px; height:20px; text-align:left; xpadding-top:3px; }

xxli.dsegment { float:left; width:100%; padding:2px 0; }
xxdiv.segment { float:left; width:20px; height:14px; }
.segment-on { background:url(../images/compare-on.png) 4px 3px no-repeat; }
.segment-off { background:url(../images/compare-off.png) 4px 3px no-repeat; }
xxli.dsegment label { float:left; line-height:14px;}

.radio { float:left; width:20px; height:14px; }
.radio-on { background:url(../images/compare-on.png) 4px 3px no-repeat; }
.radio-off { background:url(../images/compare-off.png) 4px 3px no-repeat; }

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

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

.contactTop {float:left; width:100%; }
.contactTopHalf {float:left; width:50%; min-width:320px; padding-top:5px;}
.contactLeft {float:left; margin-top:20px; border-top:1px dotted #ccc; padding-top:5px; width:50%; min-width:320px; }
.contactRight {float:left; margin-top:20px; border-top:1px dotted #ccc; padding-top:5px; width:50%; }

/* 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:275px; text-align:center;}

/* catalogue ----------- */
#catalogueLeft { float:left;  width:100%; max-width:730px; }

/* my account ---------- */
#phoneMenuS { float:left; width:100%; background:#ccc; }
#phoneMenuS a { float:left; width:100%; margin:0px 0 0 0; line-height:20px; color:#000; font-size:20px;
  background-position:95% 10px; background-repeat:no-repeat; }
#phoneMenuS a.collapsed { background-image:url(../images/plus.png); cursor:pointer;  }
#phoneMenuS a.expanded { background-image:url(../images/minus.png); cursor:pointer; }

#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:100%; }
#servicesMain { float:left; width:100%; }
#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 {
  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 {
  height:20px;  line-height:16px; }
#servicesTabs p.on:hover { }

#servicesMain .servicesPage { float:left; width:100%; display:none; }
#servicesMain #sf { float:left; width:100%; display:block; }

.servicesCore { float:left;  width:100%; /*padding:0px 0px 10px 1%; border:1px solid #eee;*/}
.servicesCore a { cursor:pointer; }
.servicesCoreFull { float:left;  width:100%; padding:0px 0px 10px 0px; }
.servicesBill { float:left; width:100%; padding:0px; margin:10px 0 0 0;  }

#servicesMain .servicesAddr { float:left; width:100%; display:none; }
ul.addrbook { float:left; width:100%; }
ul.addrbook li { float:left; width:94%; padding:2%; border:1px solid #eee; margin:10px 0; }
ul.addrbook li div.type { float:left; width:100%; background:#f7f6f5; color:#000;}
ul.addrbook li div.type h2 { color:#000; padding-left:1%; width:99%; }
ul.addrbook li div.addr { float:left; clear:left; width:64%; padding:5px 0 0 1%; }
ul.addrbook li div.btns { float:left; width:35%; padding-top:10px;}
ul.addrbook li div.btns .btnsEdit { }
ul.addrbook li div.btns .btnsDel { float:right; }

.addrbook { float:left; width:100%; }
/*.addrbook div { float:left; width:47%; padding:2%; border:1px solid #eee; margin:10px 0; }*/
.addrbook .addressHldr { width:48%; float:left; margin:4px 4px; border:2px dotted #ccc; min-height:315px; position:relative; }
.addrbook .type { float:left; width:100%; background:#f7f6f5; color:#000;}
.addrbook .type h2 { color:#000; padding-left:1%; width:99%; }
.addrbook .addr { float:left; clear:left; width:99%; padding:5px 0 0 1%; }
.addrbook .btns { float:left; width:100%; padding-top:10px;}
.addrbook .btnsDel, .addrbook .btnsEdit { width:50px; float:right; text-align:center; }
.addrbook .btnsDel:hover, .addrbook .btnsEdit:hover { background-color:#fff; }
.addrbook .editHolder { float:left; width:100%; line-height:22px; position:absolute; bottom:50px; border:0px solid red;}
.addrbook .editColor { background-color:#f6f6f6; padding:4px 0; }
.addrbook .editHolder form label { cursor:pointer; width:100%; float:left; }
.addrbook .defHolder { float:left; width:100%; bottom:4px; line-height:22px; height:44px; position:absolute; border:0px solid blue;}
.addrbook .defHolder form label { cursor:pointer; /* width:100%; float:left; */ }

.containerLeft, .containerRight { width:50%; height:auto; }
.containerLeft { float:left; }
.containerRight { float:right; }
.servicesNameDOB, .servicesEmail, .servicesTel, .servicesPrefs { background-color: #f7f7f7; display:none; width:96%; padding:6px; margin:12px 0; overflow:auto;}
.servicesEmail dl label { width:100%; }

.serviceName, .serviceEmail, .serviceTel, .servicePrefs { width:95%; border: 2px dotted #ccc; padding:0 6px; margin:3px 0; /*height:85px;*/ }
.serviceName { float:left; }
.serviceEmail { float:right; }
.sn_row { width:100%; padding: 6px 0; -ms-word-break:break-word;word-break:break-word;}
.sn_row a { text-decoration: underline; }

.servicesBtnRight { float:right !important; margin:8px 0 !important; }

.newsletterFrame { float:left; width:780px; height:800px; overflow:auto; }

.pwdConfirm { float:left; width:300px; padding:0 30px; }
.pwdConfirm div { float:left; width:100%; padding:10px 0; text-align:left; }

#servicesTrade { float:left;  width:800px; padding:10px 0 0 5px; }
#servicesTrade h1 { width:95%; height:25px; line-height:25px; margin:0; padding:0 0 0 5px;}
#servicesTrade .shaded { float:left; width:100%;  margin:5px 0 0 0px;}
#servicesTrade .shaded dl { float:left; width:100%; height:25px; line-height:25px;  }
#servicesTrade .shaded dt { float:left; width:auto; clear:left; display:inline; font-weight:bold;  padding:0 0 0 10px;}
#servicesTrade .shaded dd { float:left; width:auto; display:inline; font-weight:normal; }
#servicesTrade dl.std { padding:0 0 0 10px; width:490px;}
#servicesTrade dl.std dt { font-weight:bold;  }
#servicesTrade dl.std dd { font-weight:normal; }
#servicesTrade .address { padding:0 0 0 30px;  }
#servicesTrade .gap { float:left; width:100%; height:20px; }

#services_savedTokens .token { border:2px dotted #ccc; background:#fff; padding:6px; margin:6px 0; float:left; width:98%; }
#services_savedTokens .card { padding:20px 6px 6px 6px; background-color:#f1f1f1; height:30px; font-size:18px; }
#services_savedTokens .card .a { width:40%; float:left; }
#services_savedTokens .card .b, #services_savedTokens .card .c { width:25%; float:left; }

/* tracking holder ----------------- */
#trackDetSel { float:left; width:100%;  }
#trackDetFrame { float:left; display:none; width:100%; max-width:758px; padding:0px; }
#trackDetIFrame { /*float:left;*/ width:100%; overflow:auto; }
#trackDetFrameHolder { float:left; width:100%; }
#trackDetButton { display:none; }
.trackDetButton { float:left; width:100%; max-width:738px;  padding:10px;}
.trackDetButton a { cursor:pointer; }

/* tracking page----------------- */
#trackMain { float:left;  width:100%; padding:0 0px 10px 0px; }
#trackTable { float:left; width:99%; }
#trackTable th { background:#F1F1F1;  padding:6px 5px; color:#333; }
#trackTable th.dotted, #trackTable td.dotted { border-right:1px dotted #ccc; }
#trackTable td.padded { border-left:1px dotted #ccc; border-right:1px dotted #ccc; padding-bottom:26px; }
#trackTable th.btncol { background:#fff; }
#trackTable td { border-bottom:2px dotted #ccc; padding:2px 5px; height:54px; }
#trackTable td.btncol { border-bottom:1px solid #fff; }
#trackTable tr.rowHidden { display:none; }
#trackSubTable td { border:0;}


#trackDetMain { float:left; width:738px; padding:10px; font-size:11px; }
#trackDetHead1 { float:left; width:100%; padding:0; background:#999999; 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; }
#trackDetParts th { padding:2px; text-align:left; }
#trackDetParts td { font-size:12px; padding:2px 5px; padding-left:6px; text-align:left; }
#trackDetParts tr { border-bottom:2px dotted #ccc; height:34px; }
#trackDetParts .a { width:15%; }
#trackDetParts .b { width:50px; }
#trackDetParts .b img { float:left; width:45px; height:45px; }
#trackDetParts .d { width:40%; }
#trackDetParts .e { width:10%; }
#trackDetParts .f { width:15%; }
#trackDetParts th.dotted, #trackDetParts td.dotted { border-right:1px dotted #ccc; }
#trackDetParts .orderDetHeader {
  background:#999; font-weight:bold; color:#fff; line-height:22px; font-size:12px; padding:4px;
}

/* videospage */
#videosLeft {float:left; width:100%; max-width:542px;  margin-top:20px; }
#videosPlayerDiv {float:left; width:93%; max-width:512px; height:332px; padding:20px 3%; }
#videosListDiv { float:left; width:252px; height:496px; padding:0px 0 0 15px; overflow:auto; margin-top:20px; }
.vl_title { color:#333; }
.videosInfo {float:left; width:93%; padding:0 0 0 3%; }
#v_rating { float:left; width:50%; padding:10px 0;}
#v_share { float:left; width:150px; padding:10px 0; }
#v_count { float:left; width:49%; text-align:right; padding:10px 0; line-height:18px; }
#v_title { float:left; width:100%; font-weight:bold; padding:20px 0 10px 0;}
#v_summary { float:left; width:100%; padding:10px 0; }
#v_time { float:left; width:100%; font-weight:bold; padding:20px 0 10px 0;}
#videosList { width:232px; }
ul.videos { float:left; border-bottom:1px solid #ccc; }
ul.videos li { float:left; width:99%; padding:7px 0 12px 0; border:1px solid #ccc; border-bottom:0; background:url(assets/images/video-thumb-back.png) 7px 7px no-repeat; }
ul.videos li img { float:left; width:96px; height:54px; margin:5px 0 0 12px; display:inline; cursor:pointer;}
ul.videos li span { float:left; width:110px; margin:0 0 0 10px; display:inline; cursor:pointer; }
ul.videos li span:hover { text-decoration:underline; }

/* 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 = inline ------- */

/* recomend a friend */
.custtype { float: left; width: 100%; padding:10px 0;  margin-top:20px;}
.custtype .ex { float: left; padding: 10px 0; margin:0 2%; width: 45%; border:1px solid #a4a4a4; cursor:pointer; line-height:30px; font-size:15px; text-align:center; font-weight:bold;}
.custtype .ex:hover { background:#99CC99;}
.flogin { float:left; width:96%; /*padding:20px 2% 0 2%;*/ }
.flogin .a { float:left; width:50%; padding:20px 0; }
.flogin .b { float:right; width:47%; padding:20px 2% 0 0 ; }
.fnewcust { float: left;margin-top: 15px;max-width: 500px;width: 100%; /*padding:20px 2% 0 2%; */}
#friendsDetails { display: inline-block;float:left; width:100%; /*max-width:500px;*/ padding:20px 0 0;}

#friendsDetails .BMBtn {float: right;margin: 10px 0;min-width: 185px;}

#friendListDiv { display:none; float:left; width:100%; padding-top:20px;  }
#friendList { float:left; width:100%; padding-top:10px;  }
#friendRemindBtn { float:left; margin-top:18px; }
#friendLoginBtn { float:right; margin-top:10px; }

/* gift vouchers */
.gvprev1 { float:left; width:50%; }
.gvprev1 tr td.l { text-align:left; width:30%; vertical-align:top;}
.gvprev1 tr td.r { text-align:left; width:70%; font-size:14px; font-weight:bold; color:#333; }
.gvprev2 { float:right; width:48%; }
.gvprev2 tr td { text-align:right; }
.bluetop { float:left;width:100%;background-color:#307738; padding:20px 0 25px 0; }
.bluetop .pad { display:inline-block; padding:0px 0 0 168px; }
.bluetop .title { float:left; width:100%; color:#FFFFFF; font-size:22px; line-height:25px; font-weight:bold; }
.bluetop .sub { float:left; width:100%; color:#FFFFFF; font-size:20px; line-height:25px;  padding:5px 0 0 0;  }
#voucher { float:left; border:1px solid #307738; width:93%; padding:3%; margin-top:20px;}
#voucher .pics { width:100%; }
#voucher .pics tr td { width:49%; text-align:center; }
#voucher .pics tr td .radio { height: 14px;}
#voucher .pics tr td label { float:left;}
#voucher .pics tr td .a { display:inline-block; width:100px; }
#voucher .pics tr td img { width:150px;}
#voucher dl.std { }
#voucher dl.std dt { width:40%; }
#voucher dl.std dd { width:60%; }
.voucherDescr { color:#e74c3c; float:right; margin-right:12px; height:30px; line-height:30px; }
.voucherPrice { color:#e74c3c; }

/* lightbox - new one via alertx ---- */
.lightBox { float:left; width:310px; min-height:127px; padding:5px; background: #fff; }
.lightBoxHead { float:left; width:100%; line-height:40px; background:#f7f6f5; }
.lightBoxImg { float:left; width:70px; height:85px; margin-top:12px; border:1px dotted #999; }
.lightBoxRight { float:left; width:224px; padding:0 0 0 10px; text-align:left; }
.lightBoxRight div { float:left; width:100%; padding:5px 0 0 0; font-size:12px; }
.lightBoxRight div.lightBoxName { font-size:16px;  }
.lightBoxButtons { float:left; width:100%; padding:20px 0 0 0;}

#lightBoxCpic { width:100%; float:left; background: 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:5px; border:1px solid #a4a4a4; background:#fff;
  z-index:2000; }
.alertXHead { float:left; clear:left;  height:30px; background:#fff; margin-top:0px;}
.alertXHead_hide { float:left; clear:left; height:0px;  overflow:hidden; }
.alertXHead tr td { vertical-align:middle; }
.alertXHeadText { text-align:left; color:#666; font-weight:bold; font-size:14px; line-height:20px; padding:0px 5px 0px 10px; text-transform:uppercase; }
.alertXLeftFill { width:89px; height:21px; cursor:pointer;  padding:0 0 5px 0;}
.alertXPrint { width:60px; height:21px; padding:0 0 0px 0; text-align:left; }
.alertXPrint img { float:left; width:60px; height:21px; cursor:pointer; }
.alertXClose { position:relative; width:60px; height:20px;  padding:0 10px 0 0; margin:0; text-align:right; }
.alertXClose img { position:absolute; width:30px; height:30px; cursor:pointer;  top:-20px; right:-20px; }
.alertXCloseHide { position:static; width:1px; height:1px;  padding:0; margin:0;  }
.alertXCloseHide img { position:absolute; width:30px; height:30px; cursor:pointer;  top:-20px; right:-20px; z-index:5000;}
.alertXMessage { float:left; clear:left; overflow:auto; height:auto; padding:5px 5px 5px 5px; background:#fff; /* font-family:"Edmondsans Regular", sans-serif; */ }
.alertXPrompt { float:right; width:98%; height:32px; text-align:center; padding:1px 1% 10px 1%;  background:#fff; margin:0px 0 0 0;}
.alertXPrompt table tr td img { cursor:pointer; }
#alertXIconI { float:left; display:inline; width:28px; height:26px; background:url(../images/alert_i.jpg) 0 0 no-repeat; }
#alertXIconQ { float:left; display:inline; width:28px; height:26px; background:url(../images/alert_q.jpg) 0 0 no-repeat; }
#alertXT, .alertXT { position:absolute; display:block; left:-3000px; top:5px; width:auto; height:auto; }

/* custom select */
/* set background image and width - make sure the image is wider than your widest selector */
.cSelBack_ { float:left; width:99%; padding:2px 0; border:1px solid #268EB1; border-radius:6px; background:#fff;}
/* set background image and width */
.cSelBtn_ { float:right; width:19px; height:17px; background:url(../images/cselbtn.png) right 0 no-repeat #fff; }
/* do not set width, set padding so input box misses the image and button, set background-position for option image */
.cSelImg_ { float:left; height:15px; padding:1px 0px 1px 0px; border:0px solid red;
  background-image:none; background-position:10px 2px; background-repeat:no-repeat; background-color:transparent; }
/* input box to display value and allow onclick - js will set the width */
.cSelInput_ { float:left; height:15px; padding:1px 2px 0px 5px; border:0; font-size:100%; background:#fff;}
/* drop down */
.cSelDD_ { position:absolute; }
.cSelDD_ table {  }
.cSelDD_ table tr td { background:url(../images/cseldd.png) 0 0 no-repeat; }
.cSelDD_ table tr td.tl { padding:2px 0 0 2px; }
.cSelDD_ table tr td.tr { width:2px; }
.cSelDD_ table tr td.bot { height:2px; }
.cSelDD_ ul { float:left; clear:left; padding:1px 0;  background:#fff; }
.cSelDD_ ul li { float:left; clear:left; line-height:14px; padding:0px 2px 0px 2px; border:0px solid red; cursor:pointer; text-align:left; word-wrap:normal;
  background-image:none; background-position:10px 2px; background-repeat:no-repeat; background-color:transparent; white-space: nowrap; }
.cSelDD_ ul li:hover { color:#fff; background-color:#255cdf; }
.cSelDDScrl_ {	  }

/* override to no shadow png image border */
.cSelDD_ { border:1px solid #ccc; background:#fff;}
.cSelDD_ table {}
.cSelDD_ table tr td {background:none; }
.cSelDD_ table tr td.tl { padding:0px 0 0 0px; }

/* swatch selector */
.cSelBack_swatch { float:left; width:201px; height:23px; background:url(../images/csel_swatch1.jpg) left 0 no-repeat #fff; }
.cSelBtn_swatch { float:right; width:25px; height:23px; background:url(../images/csel_swatch1.jpg) right 0 no-repeat #fff; }
.cSelImg_swatch { float:right; height:23px; padding:0px 0 0px 50px; border:0px solid red;
  background-image:none; background-position:4px 4px; background-repeat:no-repeat; background-color:transparent; }
.cSelInput_swatch { float:left; width:95%; height:17px; padding:4px 2px 0px 2px; background:none; border:0px solid red; font-size:11px;}
.cSelDD_swatch { position:absolute; }
.cSelDD_swatch table {  }
.cSelDD_swatch table tr td {background:url(../images/cseldd_swatch.png) 0 0 no-repeat; }
.cSelDD_swatch table tr td.tl { padding:2px 0 0 2px; }
.cSelDD_swatch table tr td.tr { width:7px; height:20px; }
.cSelDD_swatch table tr td.bot { height:7px; }
.cSelDD_swatch ul { float:left; clear:left; padding:5px 0; background:#fff;}
.cSelDD_swatch ul li { float:left; clear:left; width:100%; line-height:19px; padding:0px 5px 0px 50px; border:0px solid red; cursor:pointer; text-align:left; word-wrap:normal;
  background-image:none; background-position:4px 2px; background-repeat:no-repeat; background-color:transparent; white-space: nowrap; }
.cSelDD_swatch ul li:hover { color:#000; background-color:#ddd; }
.cSelDDScrl_swatch {	 }

/* override to no shadow png image border */
.cSelDD_swatch { border:1px solid #ccc; background:#fff; }
.cSelDD_swatch table {  }
.cSelDD_swatch table tr td {background:none; }
.cSelDD_swatch table tr td.tl { padding:0px 0 0 0px; }
.cSelDD_swatch table tr td.tr { width:0px; }
.cSelDD_swatch table tr td.bot { height:0px; }

/* swatch selector */
.cSelBack_swatchb { float:left; width:180px; height:23px; background:url(../images/csel_swatch1.jpg) left 0 no-repeat #fff; }
.cSelBtn_swatchb { float:right; width:25px; height:23px; background:url(../images/csel_swatch1.jpg) right 0 no-repeat #fff; }
.cSelImg_swatchb { float:right; height:23px; padding:0px 0 0px 50px; border:0px solid red;
  background-image:none; background-position:4px 4px; background-repeat:no-repeat; background-color:transparent; }
.cSelInput_swatchb { float:left; width:95%; height:17px; padding:4px 2px 0px 2px; background:transparent; font-size:11px;}
.cSelDD_swatchb { position:absolute; }
.cSelDD_swatchb table {  }
.cSelDD_swatchb table tr td {background:url(../images/cseldd_swatch.png) 0 0 no-repeat; }
.cSelDD_swatchb table tr td.tl { padding:2px 0 0 2px; }
.cSelDD_swatchb table tr td.tr { width:7px; height:20px; }
.cSelDD_swatchb table tr td.bot { height:7px; }
.cSelDD_swatchb ul { float:left; clear:left; padding:5px 0; background:#fff;}
.cSelDD_swatchb ul li { float:left; clear:left; width:100%; line-height:19px; padding:0px 5px 0px 50px; border:0px solid red; cursor:pointer; text-align:left; word-wrap:normal;
  background-image:none; background-position:4px 2px; background-repeat:no-repeat; background-color:transparent; white-space: nowrap; }
.cSelDD_swatchb ul li:hover { color:#000; background-color:#ddd; }
.cSelDDScrl_swatchb {	 }

/* override to no shadow png image border */
.cSelDD_swatchb {  border:1px solid #ccc; background:#fff; }
.cSelDD_swatchb table { }
.cSelDD_swatchb table tr td {background:none; }
.cSelDD_swatchb table tr td.tl { padding:0px 0 0 0px; }
.cSelDD_swatchb table tr td.tr { width:0px; }
.cSelDD_swatchb table tr td.bot { height:0px; }

/* dynPager1 with blue arrow buttons */
.dynPager1 { float:left; width:100%; }
.dynPages1 { float:left; width:100%; }
a.dynPager1prev { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/dynPage_arrows.png) 0 0 no-repeat; }
a.dynPager1prev:hover { background-position:-38px 0; }
span.dynPager1prev {float:left; width:22px; }
a.dynPager1next { float:left; width:22px; height:19px; cursor:pointer; background:url(../images/dynPage_arrows.png) -16px 0 no-repeat; }
a.dynPager1next:hover { background-position:-54px 0; }
a.dynPager1page { float:left; padding:1px 2px; cursor:pointer; line-height:16px; }
a.dynPager1page:hover { color:#268EB1; text-decoration:underline;}
span.dynPager1next { float:left; width:22px; }
.dynPager1this { float:left; padding:0 2px 2px 2px;; cursor:default; color:#666; font-weight:bold; line-height:16px; border:1px solid #ccc;}
.dynPager1text { float:left; padding:0 10px 0 2px; cursor:default; color:#666; font-weight:bold; }

/* dynPager2 with text prev/next */
.dynPager2 { float:left; width:100%;  }
.dynPages2 { float:left; width:100%; }
a.dynPager2prev { float:left; padding:0 5px; width:28px; line-height:16px; cursor:pointer;  }
a.dynPager2prev:hover { text-decoration:underline; }
span.dynPager2prev {float:left; padding:0 5px; width:28px; }
a.dynPager2next { float:left; padding:0 5px; width:28px; line-height:16px; cursor:pointer; }
a.dynPager2next:hover { text-decoration:underline; }
span.dynPager2next { float:left; padding:0 5px; width:28px; }
a.dynPager2page { float:left; padding:0 2px; cursor:pointer; line-height:16px; text-align:center; }
a.dynPager2page:hover { text-decoration:underline;}
.dynPager2this { float:left; padding:0 2px; cursor:default; color:#666; font-weight:bold; line-height:16px; text-align:center; }
.dynPager2text { float:left; padding:0 2px; cursor:default; color:#666; font-weight:normal; }

#dynpagerT, .dynpagerT { position:absolute; display:block; left:-10000px; top:5px; width:auto; height:10px; }

/* address finder */
#AFD_div, .AFDClass { position:absolute; display:none; width:auto; border:0px solid #ccc; z-index:3000;}
.AFDAjaxTable {  float:left;  border:2px solid #999; background:#f7f6f5; margin-top:6px;}
.AFDAjaxTable th {  }
.AFDAjaxTable td { background:#fff; }
.AFDAjaxTable .top { background:#f7f6f5; text-align:left; line-height:30px; padding:0 6px;}
.AFDAjaxTable .top span { float:left; }
.AFDAjaxTable .top a { float:right; margin-right:10px;}
.AFDAjaxTable .main { background:white; border-top:2px solid #999;}
.AFDAjaxTable .main select { width:100%; border:0; }
/*.AFDAjaxTable .bot { display:none; background:white; text-align:left; line-height:20px; }*/

#addFind { float:left; width:100%; margin:15px 0 0 0;  }
dl.addf dt.a { }
dl.addf dd.b { }
dl.addf dt.c { }
dl.addf dd.d { }
dl.addf dd.d div.pc { margin-right:150px; }
dl.addf dd.d #faBtn { color:#515151; float: right; padding:0; width:140px; height:39px; line-height:38px;}
dl.addf dd.d #faBtn:hover, dl.addf dd.d #faBtn:focus { color:#fff;}

.addressTable { display:none; }
.showAddress { /*margin-left:32%;*/ text-decoration: underline !important; }
.addrFinderDiv { display:none; float:left; width:100%; }
.showAddressFields { text-decoration: underline !important; }
#faBtn { float:right; width:100%; padding-left:0; padding-right:0; text-transform:uppercase; font-size:13px;}
.findAddrsBtn:hover {  }

.designedon, .desktopon, .padon, .phoneon { display:none; }
.designedoff, .desktopoff, .padoff, .phoneoff { display:block; }
.designedoff_il, .desktopoff_il, .padoff_il, .phoneoff_il { display:inline-block; }
.phoneoff_tr { display:table-row; }
.resparea { display:none; }
#responsiveOverride { display:none; float:right; }
#responsiveOverride a { float:left; margin:10px 0 0 10px; }

/* legacy */
xx.content { float:left; width:100%; }
xx.content p { margin-bottom:20px; }
xx.content .right { float:right; }
xx.buttons { float:left; width:99.5%; border: 0px solid #EEEEEE; margin-bottom: 20px; padding:0%; }

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

.bigPic { float:left; padding:20px 20px 0 20px; -webkit-overflow-scrolling: touch; }
.bigPicAlt { float:left; width:100%; padding:20px 20px 20px 20px; }
.map1 { width:100%; height:600px; margin-bottom:30px; }

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

.buttonfont { line-height:32px; letter-spacing:1px;}
.goth { font-family: "League Gothic",sans-serif; font-size:23px; }
.ed_med_16 { }
.ed_reg_16 { }
.pricefont{  }

/* legacy pu pages */

.enterAddress {cursor: pointer;text-decoration:underline;}
#contactLeft {border: 0 solid red;float: left;margin: 0 45px 0 0;padding: 0;width: 400px;}
/* #siteMap ul {display: block;float: left;width:180px;} */
#siteMap h2 {font-size: 100%;}
.voucherDetails {float: left;width: 55%;}
.infoFull.clearfix > img {float: right;}
.figure {float: left;height: auto;margin-bottom: 20px;width: 30%;}
.sizingInfo {display: block;float: left;margin-bottom: 10px; margin-left: 3%; width: 65%;}
.col1,.col2 {float:left;width: 100%;text-align: center;}
.col1 img {float: left;width: 47%;}
.col2 img {width: 44%;}
#DTemailbutton a {height: 32px;width: 32px;}
#DTemailbutton span {display: block;float: left;height: 32px;width: 32px;}
.DTsharebuttons {margin: 0 auto;width: 145px;display:none;}
.DTsharebuttons > div {float: left;margin-top: 10px;}
#at3win {top: 150px;}
.popup_qm { cursor:pointer; }
.popup_qm:hover { text-decoration: underline; }

/* --- checkout styles --- */
.brandBibles {margin-top:20px;font-size:24px;}
a.brandBible p {text-align: center; font-size: 18px; margin: 0px 0px 10px;}

/* ---- catalogue request ---- */
.reqCheck { float:right; margin-right:8px !important; margin-top:2px !important; }
.reqCheckP { line-height:18px; }

ol.termsIndex { padding:10px; }

.termsTitle { display:none; }
#basketHelp .termsTitle { display:block; }

/*.price {width:100%; float:left; }*/
.qtyUpdater { margin-top:28px; }

.minusQtyUpdate, .plusQtyUpdate { width:40%; }
.minusQtyUpdate img, .plusQtyUpdate img { margin:5px 10px; cursor:pointer; }
.minusQtyUpdate { float:left; text-align:right; }
.plusQtyUpdate { float:right; text-align:left; }
.qtyHolder { width:20%; float:left }

#firstname, #lastname, #first_name, #last_name, #fName, #sName { text-transform: capitalize; }

.smOuterHolder { width:100%; text-align:center; /*height:80px;*/ float:left; margin:20px 0; }
.smInnerHolder { width:160px; margin:0 auto; /*background:#ddf8fc;*/ background:#F7F6F5; /* font-family: 'Edmondsans Regular', sans-serif; */ font-weight:bold; color:#333; height:32px; padding:6px; /*margin-top:20px;*/ line-height:30px; }
.smShare { float:left; margin-right:8px; }
.smIcon { float:left; width:23px; margin:0 2px; }

/* ds feefo stars testing
.feefoStars { background: url("../images/bigstarsT.png") 0 98% !important; float: right; height: 17px; margin: 3px 0 0; padding: 0; width: 98px; }
.feefoStars span { background: url("../images/bigstarsT.png") !important; display: block; height: 17px; margin: 0; max-width: 100%; padding: 0; width: 0; }
.ratingStars { background: url("../images/bigstarsT.png") 0 98% !important; height: 17px; margin: 10px 0px 0px 0px; padding: 0; width: 98px; }
.ratingStars span { background: url("../images/bigstarsT.png") !important; display: block; height: 17px; margin: 0; max-width: 100%; padding: 0; width: 0; } */

.commentsLabel { float: left; height: auto; margin: 8px 0px; line-height: 18px; }

.passMatchError { display:none }

.escCloseMsg{ font-size:11px; color:#b8b8b8; padding-left:10px; }

.newsizechart{ width:90%; margin-left:5%; font-size:14px; }

.sizechart table, .sizechart td{ border:solid 1px black; text-align:center; }

.sizechartheader{ background-color:#eeeded; }

.sizechartheader td{ padding:3px; font-size:12px; font-weight:bold; }

.newsizechart table tr td { font-size:13px; text-align:center; }

.sizecharttitle{ font-size:24px; font-weight:bold; margin-bottom:10px; margin-top:10px; }

.homepagetext{ padding-top:20px; padding-bottom:10px; text-align:justify; }

.homepagetext a{ text-decoration:underline; }