@font-face {
    font-family: 'FranklinGothicFSCondensed';
    src: url('/media/FranklinGothic-Cd-webfont.eot');
    src: url('/media/FranklinGothic-Cd-webfont.eot?iefix') format('eot'),
         url('/media/FranklinGothic-Cd-webfont.woff') format('woff'),
         url('/media/FranklinGothic-Cd-webfont.ttf') format('truetype'),
         url('/media/FranklinGothic-Cd-webfont.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BitstreamVeraSansRoman';
    src: url('/media/Vera-webfont.eot');
    src: url('/media/Vera-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/Vera-webfont.woff') format('woff'),
         url('/media/Vera-webfont.ttf') format('truetype'),
         url('/media/Vera-webfont.svg#BitstreamVeraSansRoman') format('svg');
    font-weight: normal;
    font-style: normal;
}

body, p { margin: 0; padding: 0; font: 12px/18px tahoma, sans-serif; color: #4d4d4d; }
body {background: #b9bfbf url(/images/site/bgstripe.gif) repeat-x; background-attachment:fixed;}
div {margin:0;padding:0;}
a img { border: none; }
a, a:visited { color: #cc0066; }
input[type=text], input[type=password] { border: 1px solid #ccc; outline: none; }
h1 { margin: 0; padding: 0; font: 30px FranklinGothicFSCondensed, Helvetica, Geneva, Arial, sans-serif; font-weight: lighter; text-shadow: #ccc 1px 1px 0px; letter-spacing:1px; }
h2 { margin: 0; padding: 0; font: 30px FranklinGothicFSCondensed, sans-serif; font-weight: lighter; text-shadow: #ccc 1px 1px 0px; letter-spacing:1px; }
h3 { margin: 0; padding: 0; font: 21px BitstreamVeraSansRoman, Helvetica, Geneva, Arial, sans-serif; text-shadow: #ccc 1px 1px 0px; }
h4 { margin: 0; padding: 0; font-size: 16px; text-transform: uppercase; }
h5 { margin: 0; padding: 0; font-size: 14px; text-transform: uppercase; }
/* page structure + top banner area */
#pagewrapper { width: 1000px; overflow: hidden; background: #fff; margin: 10px auto; border: 1px solid #d4d4d4; min-height: 500px; }
#contentwrapper { margin: 0; padding: 0; display: block; }
#widebanner { margin: 0 10px 10px 10px; padding: 0; position: relative; }
#widebanner .actionbar { position: absolute; left: 880px; z-index: 1000; width: 100px; z-index: 5000; margin: 0; padding: 5px 0; }
#leftnavholder { float: left; width: 200px; overflow: hidden; margin: 0 0 10px 0; padding: 0; }
#contentarea { float: left; width: 800px; overflow: hidden; margin: 0 0 10px 0; padding: 0; }
#widecontent { margin: 0 10px; }
#pageheaderwrapper { margin: 0; padding: 0; background: #000; }
#toptab { padding: 2px 10px 0 10px; line-height: 20px; background: #000; color: #fff; text-transform: uppercase; font-size: 10px; height: 20px; overflow: hidden; }
#toptab a, #toptab a:visited { text-decoration: none; color: #fff; }
#toptab a:hover { color: #EF4A87; }
#toptab { text-transform: uppercase; }
#toptab .welcome { width: 400px; float: left; }
#toptab .login { padding-left: 20px; float: right; text-align: right; }
#toptab ul { list-style: none; margin: 0; padding: 0; text-align: right; }
#toptab ul li { float: right; height: 20px; line-height: 20px; font-size: 10px; background: url(/images/site/separator-small.gif) no-repeat right; display: block; padding: 0 20px 0 20px; text-decoration: none; white-space: nowrap; }
#toptab ul li a:hover { text-decoration: underline; }
#toptab .basketarea { padding-left: 13px; width: 140px; float: right; text-align: left; }
#toptab .basketarea a:hover { text-decoration: underline; }
#toptab a img { text-decoration: none; border: none; }
#toptab .icon { float: left; margin-right: 10px; width: 15px; }
#bannerwrapper { height: 60px; background: #000; }
#bannerwrapper .bannerbox { width: 350px; float: left; padding: 5px 0 0 10px; }
#bannerwrapper .bannerbox a img { border: none; text-decoration: none; }
#bannerwrapper .searchbox { width: 310px; float: left; margin-top: 15px; border: 1px solid #999; width: 285px; overflow: hidden; }
#bannerwrapper .searchbox .searchkeywords { float: left; width: 254px; background: #fafafa url(/images/site/silverbg1.png) repeat-x; line-height: 25px; height: 25px; padding: 0 3px; margin: 0; border: none; font-size: 14px; }
#bannerwrapper .searchbox .searchbutton { float: left; margin: 0; padding: 0; width: 25px; height: 25px; }
#bannerwrapper .sharebox { width: 250px; float: left; margin: 10px 0 0 50px; width: 285px; overflow: hidden; text-align: right; }
#bannerwrapper .sharebox img { margin-left: 5px; cursor: pointer; }
#bannerwrapper .sharebox div { cursor: pointer; float: right; width: 50px; }
#footer { background: #000; color: #fff; margin: 0; padding: 0 0 10px 0; font-size: 10px; }
#footer .footerboxleft { width: 150px; float: left; text-transform: uppercase;}
#footer .footerboxleft .copyright { margin-left: 10px; height: 20px; line-height: 20px; display: block; }
#footer .footerboxright { width: 850px; float: left; text-align: right; text-transform: uppercase;}
#footer .footerboxright .ukorderline { background: url("/images/site/separator-small.gif") no-repeat right 2px; height: 20px; line-height: 20px; padding: 0 10px 0 10px; }
#footer .footerboxright .intorderline { height: 20px; line-height: 20px; padding: 0 10px 0 10px; }
#footer .footerboxright ul { list-style: none; margin: 0; padding: 0; text-align: right; }
#footer .footerboxright ul li { float: right; height: 20px; line-height: 20px; font-size: 10px; }
#footer .footerboxright ul li a, #footer .footerboxright ul li a:visited { background: url("/images/site/separator-small.gif") no-repeat right 4px; display: block; float: left; padding: 0 10px 0 10px; text-decoration: none; white-space: nowrap; color: #fff; }
#footer .footerboxright ul li.end a, #footer .footerboxright ul li.end a:visited { background: none; }
#footer .footerboxright ul li a:hover { text-decoration: underline; }
#security { padding: 10px 0 20px 0; text-align: center; }
/* frame ends */
/* fixed nav */
#navholder { height: 77px; background: #fff url(/images/site/nav_bg.gif) no-repeat; font-family: 'FranklinGothicFSCondensed' , arial, serif; }
#topsitenavholder { height: 27px; font-size: 13px; font-weight: normal; text-transform: uppercase; padding-top: 4px; position: relative; }
#topsitenav { width: 580px; float: left; overflow: hidden; }
#freeshipping { width: 240px; float: left; line-height: 27px; height: 27px; color: #fff; margin: 0; padding: 0 5px; text-align: center; overflow: hidden; ;}
#currency { width: 105px; padding-right: 15px; float: left; line-height: 27px; height: 27px; color: #fff; overflow: hidden; text-align: right; text-align: right; background: url(../images/site/more.gif) right 10px no-repeat; cursor: pointer; }
#currency:hover { background-position: right -13px; color: #F0328C; }
#activecurrency { width: 25px; height: 15px; float: right; margin: 5px 0 0 0; padding: 2px 12px 0 0; text-align: right; cursor: pointer; background: url(../images/site/flags.gif) 0 60px no-repeat; }
#currencyselect { width: 160px; position: absolute; top: 30px; left: 830px; z-index: 9000; border: 3px solid #333; background: #fff; display: none; }
#currencyselect div { padding: 5px 7px; cursor: pointer; }
#currencyselect div:hover { background: #666; color: #fff; }
#topsitenav ul { margin: 0; padding: 0; list-style: none; white-space: nowrap; }
#topsitenav ul li { float: left; height: 27px; background: url(/images/site/separator_colon.gif) right 10px no-repeat; }
#topsitenav ul li a { display: block; height: 27px; line-height: 27px; float: left; padding: 0 12px 0 8px; text-decoration: none; white-space: nowrap; color: #fff; }
#topsitenav ul li.last { background: none; }
#topsitenav ul li a:hover { color: #F0328C; }
/* dynamic nav */
#menu { margin: 2px 12px 0 12px; height: 45px; background: url(/images/site/menu_bg.gif) no-repeat; position: relative; z-index: 500; }
#menu .shadow { height: 13px; background: url(/images/site/shadow.gif) repeat-x; z-index: 500; }
#menu ul { margin: 0; padding: 0 0 0 0px; list-style: none; white-space: nowrap; }
#menu ul .subHeader p { font-family: 'FranklinGothicFSCondensed' , arial, serif; font-size: 15px; }
#menu ul li.level1-li { float: left; height: 36px; }
#menu ul li.level1-li a.level1-a { display: block; font-size: 17px; height: 36px; line-height: 36px; float: left; padding: 0 10px; text-decoration: none; white-space: nowrap; font-weight: normal; text-transform: uppercase; color: #ddd; }
#menu ul li.sub a.level1-a { color: #ddd; }
#menu ul li.level1-li:hover, #menu ul li.level1-li a.level1-a:hover { position: relative; }
#menu ul li.level1-li a.level1-a:hover, #menu ul li.level1-li:hover a.level1-a { color: #fff; background: #333; }
#menu ul li.sub a.level1-a:hover { height: 36px; background: #333; }
#menu ul li.sub:hover > a.level1-a { height: 36px; background: #333; }
#menu ul li div.listHolder { position: absolute; font-size: 14px; left: -9999px; top: 36px; background: #fff; border: 4px solid #231f20; padding: 0; opacity: 0.9; filter: alpha(opacity=90); }
#menu table { border-collapse: collapse; margin: -1px -10px; font-size: 1em; width: 0; height: 0; }
/* IE6 only */
#menu ul :hover div.listHolder { left: 0; }
#menu ul a:hover div.listHolder { left: -1px; }
#menu ul div.col1 { width: 201px; }
#menu ul div.col2 { width: 400px; }
#menu ul div.col3 { width: 420px; }
#menu ul a:hover div.right, #menu ul :hover div.right { left: auto; right: 0; }
#menu ul div.listHolder div.listCol { display: block; float: left; padding: 5px 10px 10px 8px; margin: 0; width: 172px; }
/*#menu ul div.listHolder div.listCol h5 {color:#333;padding:0;margin:0;font-size:11px;line-height:13px;}*/
#menu ul div.listHolder div.listCol ul { padding: 0; margin: 0; list-style: none; }
#menu ul div.listHolder div.listCol ul li { line-height: 18px; padding: 0; margin: 0; white-space: normal; }
#menu ul div.listHolder div.listCol ul li a { color: #333; text-decoration: none; font-weight: normal; }
#menu ul div.listHolder div.listCol ul li a:hover { text-decoration: underline; color: #F0328C; }
#menu ul div.listHolder div.subHeader { clear: left; background: #666; padding: 5px 10px 5px 8px; font-weight: normal; }
#menu ul a:hover div.listHolder div.subHeader { height: 1px; }
#menu ul div.listHolder div.subHeader p { margin: 0; line-height: 15px; font-weight: normal; }
#menu ul div.listHolder div.subHeader p a { color: #fff; text-decoration: none; }
#menu ul div.listHolder div.subHeader p a:hover { text-decoration: none; }
/*left nav*/
.leftnav { font-family: 'FranklinGothicFSCondensed' , arial, serif; padding: 0; width: 178px; overflow: hidden; margin: 0 10px 10px 10px; border: 1px solid #DFDFDF; border-bottom: none; }
.leftnav .catheader { padding: 5px 10px; color: #333; text-transform: uppercase; font-size: 16px; border-bottom: 2px solid #cc0066; background:#f0f0f0; }
.leftnav ul { list-style-type: none; padding: 0; margin: 0; }
.leftnav ul li a, .leftnav ul li a:visited { display: block; font-size: 14px; width: 158px; padding: 5px 10px; text-decoration: none; color: #4D4D4D; text-transform: none; border-bottom: 1px solid #DFDFDF; }
.leftnav ul li a.last { border-bottom: 1px solid #DEDEDE; }
.leftnav ul li a.current { color: #d4145a; }
.leftnav ul li a:hover { color: #d4145a; text-decoration: underline; }
/*general*/
.bigger { font-size: 1.1em; }
.titleholder { margin-bottom: 10px; }
.titlewithbg { padding-left: 10px; height: 40px; background: url(/images/categories/defaultbg.jpg) repeat-x; margin-bottom: 10px; }
.titleimage { width: 1000px; overflow: hidden; }
.subtitle { margin-bottom: 10px; }
.title { margin: 0 0 10px 0; border-bottom:3px solid #c06; padding:0 10px; }
.buybutton, .button { cursor: pointer; }
.boldblack { font-weight: bold; color: #000; }
.sitelinks { background: #333 url(/images/site/blackstripe333.gif) repeat-x; color: #fff; height: 20px; text-transform: uppercase; }
.sitelinks ul { list-style: none; padding: 0; margin: 0; }
.sitelinks ul li { display: block; float: left; padding: 3px 35px 3px 5px; font-weight: bold; }
.sitelinks ul li a { text-decoration: none; color: #fff; }
.shadow { background: #fff url(/images/site/shadow.gif) repeat-x 0 -2px; height: 5px; }
.clear { clear:both; margin:0; padding:0; }
.hidden { display: none; }
.req { color:#f00; }
.oblock {display:block;float:left;width:62px;height:3px;margin-right:1px;background:#f60;}
.gblock {display:block;float:left;width:62px;height:3px;margin-right:1px;background:#0F7F14;}
.eblock {display:block;float:left;width:62px;height:3px;margin-right:1px;background:#d4d4d4;}
.error { padding:5px; line-height:22px; font-size:11px;background:#E21B32;color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.success { padding:5px; line-height:22px; font-size:11px;background:#0F7F14;color:#fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.notice { padding:5px; line-height:22px; font-size:11px;background:#FFFABF;color:#333; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.ok { display:block; width:200px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -465px; }
.err_pwtooshort { display:block; width:300px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -403px; }
.err_pwnotmatch { display:block; width:350px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -31px; }
.err_pwincorrect { display:block; width:350px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -496px; }
.err_eminvalid { display:block; width:350px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -93px; }
.err_emisreq { display:block; width:200px; height:31px; background:url(/images/site/info-bg.gif) no-repeat -350px -155px; }
/* bread crumbs */
.breadcrumb { clear: both; text-transform: uppercase; border-right: none; margin: 0 10px; }
.breadcrumb ul { list-style: none; margin: 0; padding: 0; }
.breadcrumb ul li { float: left; margin: 0; padding: 0; }
.breadcrumb ul li a, .breadcrumb ul li a:visited { font-family: 'FranklinGothicFSCondensed' , arial, serif; font-size: 12px; display: block; float: left; text-decoration: none; color: #666; padding: 0 12px 0 0; margin: 0 5px 0 0; background: url(/images/site/bread-nav-arrow.gif) no-repeat right; }
/* content area */
.homecontent { padding: 0 10px 10px 10px; }
.promotions-box { padding: 0 10px; }
.promotions-box a img { border: none; text-decoration: none; }
/* popup box */
#mkbox_overlay {left:0;top:0;background:#fff;position:absolute;z-index:6000;opacity:0.5;filter:alpha(opacity=50);}
#mkbox {position:absolute;display:none;z-index:7000;margin:0;}
#mkbox .message a.btn {background:#D5165B;color:#fff;padding:5px 10px;text-decoration:none;cursor:pointer;}        
#mkbox .message a.btn:hover {background:#8F0035;}
#mkbox .message ul {margin-left:0px;padding-left:15px;}
#mkbox .message li {color:#333;}
#mkbox .close {text-align:right;margin-top:15px;}
#mkbox img.btn {cursor:pointer;}
#mkbox .t, #mkbox .b {opacity:.7;filter:alpha(opacity=70);}
#mkbox .l, #mkbox .r {opacity:.7;filter:alpha(opacity=70);}
/* articles */
#article p { margin-bottom: 10px; text-align: justify; }
#article .articleholder { margin: 0 10px 20px 0; }
#article .articleholder li { margin-bottom: 5px; text-align: justify; }
#article p a:hover, #article li a:hover  { text-decoration: underline; }
/* article archives */
#article .archivesholder { margin: 20px 0; padding: 10px 0; border-top: 1px dashed #DFDFDF; }
#article .archivesholder .spacerrow { height: 10px; width: 10px; }
#article .archivearticlerow { padding: 5px; border-bottom: 1px dotted #DFDFDF; }
#article .archivearticlealtrow { background: #FFF; background: #FFCCFF; }
#article .articletitle { width: 350px; float: left; }
#article .date { width: 250px; float: left; }
/* newsletter */
#newsletter { margin:0; padding: 0; }
#newsletter #widebanner { margin:0; padding:0;}
#newsletter a, #newsletter a:visited { color: #D4145A; text-decoration: none; }
#newsletter .newslettersubtitle { margin: 0 0 10px 0; padding: 0; border-bottom: 1px solid #666; }
#newsletter .newslettersubtitle h3 { font-size: 24px; color: #4D4D4D; }
#newsletter .righthandcol .smalltitle { font-size: 14px; color: #333; text-align: left; }
#newsletter p, #newsletter ul { margin-bottom: 10px; text-align: justify; }
#newsletter .article { margin: 20px; }
#newsletter p a:hover, #newsletter li a:hover  { text-decoration: underline; }
#newsletter .archivesholder { margin: 20px 0; padding: 5px 10px; border: 1px solid #DFDFDF; }
#newsletter .archivesholder .spacerrow { height: 10px; width: 10px; }
#newsletter .archivesholder a { color: #4d4d4d; text-decoration: none; }
#newsletter .archivesholder a:hover { color: #D4145A; text-decoration: underline; }
#newsletter .archivearticlerow { padding: 2px 0; margin-right: 10px; }
#widebanner #social { width:150px; height:50px; border:none; position:absolute; left:870px; top:15px; z-index:5000; padding:0; margin:0; }
#widebanner #social .header { display:none; }
/* subscribe newsletter */
#newsletter #emailbox { position: absolute; width: 500px; height: 300px; display: none; border: 10px solid #666; z-index: 7000; background: #fff; font: 11px arial,sans-serif; margin: 0; padding: 0; }
#newsletter #emailbox .closebox { cursor: pointer; position: absolute; z-index: 7100; top: -20px; left: 495px; margin: 0; padding: 0; }
/* category */
#viewcategory .title h2 { color: #4d4d4d; }
#viewcategory .titlewithbg h2 { color: #4d4d4d; }
#viewcategory .subtitle h3 { color: #4d4d4d; }
#viewcategory .cattitleholder { margin: 0; }
#viewcategory .categorydescription { margin: 0 10px 0 0; text-align: justify; }
#viewcategory .featuredproducts { background: #fff; margin: 0 0 10px 0; }
#viewcategory p { margin: 0 0 10px 0; padding: 0; }
#viewcategory a img { border: none; text-decoration: none; }
#viewcategory .clear { clear: both; }
#viewcategory .rowdivider { clear: both; height: 5px; }
#viewcategory .r1left { width: 556px; margin-right: 10px; float: left; }
#viewcategory .r1right { width: 214px; float: left; }
#viewcategory .r2left { width: 257px; margin-right: 9px; float: left; overflow: hidden; }
#viewcategory .r2mid { width: 256px; margin-right: 9px; float: left; overflow: hidden; }
#viewcategory .r2right { width: 257px; float: left; overflow: hidden; }
#viewcategory .r3left { width: 390px; margin-right: 10px; float: left; overflow: hidden; }
#viewcategory .r3right { width: 385px; float: left; overflow: hidden; }
.manufacturerdescription { padding: 0 12px 0 0; text-align: justify; }
/* products grid */
.productgridholder { margin: 0 0 20px 0; }
.productgridbox { width: 187px; height: 290px; overflow: hidden; float: left; margin: 0 10px 5px 0; padding: 0; }
.productgridbox .image { height: 140px; overflow: hidden; text-align: center; position: relative; padding: 0; border: 1px solid #DFDFDF; }
.productgridbox .onsaleoverlay { position: absolute; left: 0; top: 0; z-index: 1000; width: 185px; color: #fff; background: #f00; font-size: 10px; left: 0; opacity: 0.8; filter: alpha(opacity=80); }
.productgridbox .image a img { text-decoration: none; border: 0px; }
.productgridbox .description { text-align: left; padding: 5px; font: 11px Tahoma,Geneva,Arial,Sans-Serif; border: 1px solid #DFDFDF; border-top: none; }
.productgridbox .description a { text-decoration: none; color: #f06; }
.productgridbox .description div.productname { height: 45px; color: #333; font-weight: bold; }
.productgridbox .description div.productintro { height: 30px; margin-bottom: 2px; padding: 0px; color: #666; font-size: x-small; }
.productgridbox .description div.packquantity { height: 20px; padding: 0px; }
.productgridbox .price { font-weight: bold; }
.productgridbox .oldprice { font-weight: normal; text-decoration: line-through; }
.productgridbox .saleprice { font-weight: bold; color: #f00; }
.productgridbox .description div.info-buy { height: 25px; overflow: hidden; }
.productgridbox .description div.info-buy .moreinfo { width: 90px; float: left; margin: 5px 0 0 0; padding: 0; font-size: x-small; }
.productgridbox .description div.info-buy .moreinfo a img { text-decoration: none; border: 0px; margin-right: 20px; }
.productgridbox .description div.info-buy .delete { width: 80px; float: left; padding: 0px; font-size: x-small; }
.productgridbox .description div.info-buy .delete a img { text-decoration: none; border: none; }
.productgridbox .description div.info-buy .buy { width: 80px; float: left; text-align: right; padding: 0px; font-size: x-small; }
.productgridbox .description div.info-buy .buy a img { text-decoration: none; border: none; }
.productgridbox .shadow { background: url(/images/site/shadow-1.jpg) no-repeat top center; height: 11px; }
/* pagination */
.paginationoptions { height: 30px; line-height: 30px; margin-bottom: 10px; font: 11px Verdana, sans-serif; margin-top: 5px; }
.paginationoptions div.pagination { width: 400px; float: left; line-height: 30px; }
.paginationoptions div.pagination a, .paginationoptions div.pagination a:visited { padding: 0 3px; margin: 0 2px 0 0; border: 1px solid #333; text-decoration: none; color: #333; }
.lbtnUpdate { padding:3px; margin:0 2px 0 0; text-decoration:none; color:#333; background:#ccc; text-transform:uppercase; font-size:9px; }
.lbtnUpdate:hover { color:#fff; background:#333; }
.paginationoptions div.pagination a.currentpage { color: #fff; background: #333; }
.paginationoptions div.sortby { width: 378px; float: left; text-align: right; }
.paginationoptions div.sortby select, .paginationoptions div.sortby option { font: 11px Verdana, sans-serif; }
/* view product*/
#product { padding: 0; margin: 0; }
#product h1 { margin: 0; padding: 0; font: 21px BitstreamVeraSansRoman, Helvetica, Geneva, Arial, sans-serif; text-shadow: #ccc 1px 1px 0px; letter-spacing:0px; }
#product .productdetails { width: 790px; overflow: hidden; margin: 0 0 20px 0; }
#product .productdetails div.productname { width: 550px; float: left; }
#product .productdetails div.sku-box { width: 230px; float: left; margin: 10px 0 0 0; color: #666; font-size: x-small; font-weight: normal; text-align: right; padding: 0; }
/* product wide layout */
#product .productdetails div.image-wide { width: 400px; overflow: hidden; float: left; margin-right: 10px; text-align: center; }
#product .productdetails div.action-box { width: 368px; float: left; }
#product .productdetails div.infoholder-wide { width: 778px; overflow: hidden; font-size: 12px; }
#product .productdetails p.description { font-weight: bold; }
#product .productdetails div.infoholder-wide p { margin-bottom: 10px; text-align: justify; }
#product .productdetails .smalllink { font-size: 10px; }
#product .productdetails .title { font-weight: bold; }
#product .productdetails a.manufacturer { font-weight: bold; font-size:11px; text-decoration:none; }
#product .productdetails a.manufacturer:hover { text-decoration:underline; }
#product .productdetails .price-etc { min-height: 150px; font-weight: bold; margin: 0; color: #333; padding: 10px; }
#product .productdetails .veggieetc { color: #0f0; text-decoration: none; }
#product .productdetails .vegetarian { color: #009900; }
#product .productdetails .price-box { padding: 10px 0; }
#product .productdetails .notes-box { margin: 0; padding: 0; }
#product .productdetails .wishlist-added { margin:5px 0; font-size:11px; color:#C06; }
/*#product .productdetails .notes { background:#FFDFDF; color:#4d4d4d; padding:5px; margin-bottom:10px; border:1px solid #d4d4d4; font-size:11px; }*/
#product .productdetails .notes { color:#a00; padding:5px 0; margin-bottom:10px; font-size:11px; }
#product .productdetails .notes ul { list-style-type:circle; margin-left:5px;padding-left:0px; list-style-position:inside;}
#product .productdetails .saleprice { color: #a00; font-size: 1.35em;  }
#product .productdetails .price { font-size: 1.35em; color: #a00;  }
#product .productdetails .originalprice { text-decoration: line-through; }
/* product details tabs */
#tabs .tabheader ul { margin: 0; padding: 0; list-style: none; }
#tabs .tabheader ul li { float: left; padding: 5px 10px; margin: 0 2px 0 0; color: #666; background: #DFDFDF; font-weight: bold; cursor: pointer; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; }
#tabs .tabheader ul li a { text-decoration: none; color: #333; }
#tabs .tabheader ul li a:hover { color: #000; }
#tabs .tabheader ul li.active { background: #333; }
#tabs .tabheader ul li.active a { text-decoration: none; color: #fff; }
#tabs .tabholder { clear: both; padding: 10px 10px 20px 10px; border: 1px solid #DFDFDF; min-height: 100px; }
/* view all brands */
#ViewAllBrands { margin: 0 0 20px 0; min-height: 350px; }
#ViewAllBrands .selectorWrapper { margin: 0; padding: 0; }
#ViewAllBrands .selector { background: #fff; color: #333; border: 1px solid #DFDFDF; padding: 3px 5px; margin: 0 5px 10px 0; cursor: pointer; display: block; float: left; }
#ViewAllBrands .selector:hover { background: #FFDFEC; color: #333; }
#ViewAllBrands .current { background: #4D4D4D; color: #fff; }
#ViewAllBrands .mfcGroupHeader { background: url(/images/site/nav-header.jpg) repeat-x; margin: 0; border-bottom: 1px solid #DFDFDF; padding: 3px 5px; }
#ViewAllBrands .mfcGroup { margin: 10px 10px 0 0; padding: 0; border: 1px solid #DFDFDF; }
#ViewAllBrands .mfcLink { width: 250px; padding: 2px; }
#ViewAllBrands .mfcLink a, #ViewAllBrands .mfcLink a:visited { text-decoration: none; color: #333; }
#ViewAllBrands .mfcLink a:hover { color: #D4145A; text-decoration: underline; }
/* buy-wish list */
.buy-wish { margin: 0 0 10px 0; border-top: 1px solid #DFDFDF; }
/* share on social networks */
#social { font-size: 11px; padding: 10px 0 0 10px; border-top: 1px solid #DFDFDF; }
#social .header { padding: 0 0 5px 0; }
#social a { text-decoration: none; color: #333; }
#social a img { border: none; text-decoration: none; }
#social #emailbox { position: absolute; width: 350px; height: 250px; display: none; border: 10px solid #666; z-index: 7000; background: #fff; font: 11px arial,sans-serif; margin: 0; padding: 0; }
#social #emailbox .closebox { cursor: pointer; position: relative; top: -20px; left: 345px; }
/* recently viewed items */
.recentlyviewed-holder { width: 790px; overflow: hidden; margin: 10px 0 25px 0; }
.recentlyviewed-holder li a img { text-decoration: none; border: 0px; }
.recentlyviewed-holder a img { text-decoration: none; border: 0px; }
/* featured products strip */
.featuredproductsstrip-holder { left: 9000; overflow: hidden; margin: 10px 0 25px 0; }
.featuredproductsstrip-holder li a img { text-decoration: none; border: 0px; }
.featuredproductsstrip-holder a img { text-decoration: none; border: 0px; }
/* login */
#loginpage .breadcrumb { margin: 0 10px 0 12px; }
#loginpage .register { margin-top: 10px; padding-left: 30px; width: 450px; height: 250px; float: left; overflow: hidden; }
#loginpage .login { width: 450px; height: 450px; padding: 10px 30px 0 0; border-right: solid 1px #ccc; float: left; overflow: hidden; }
#loginpage .login tr { height: 40px; }
#loginpage .logintext { width: 110px; padding: 0 10px 0 0; text-align: right; font-weight: bold; }
#loginpage .logininput { width: 260px; }
#loginpage a.loginhelplink { color: #D7185B; text-decoration: none; }
#loginpage .textbox { width: 245px; height: 27px; line-height: 25px; padding: 2px 5px; background: url(/images/site/bg-input.gif) no-repeat 0 -30px; border: none; outline: none; }
#loginpage .error { border: 1px solid #FF0147; color: #333; background: #fffcdf; padding: 10px; line-height:normal; margin: 10px 0px; }
/* forgottenpw */
#forgottenpw .breadcrumb { margin: 0 10px 0 12px; }
#forgottenpw .message { margin-top: 10px; padding-left: 30px; width: 500px; height: 450px; float: left; overflow: hidden; }
#forgottenpw .login { width: 400px; height: 450px; padding: 10px 30px 0 0; border-right: solid 1px #ccc; float: left; overflow: hidden; }
#forgottenpw .login tr { height: 40px; }
#forgottenpw .logintext { width: 110px; padding: 0 10px 0 0; text-align: right; font-weight: bold; }
#forgottenpw .logininput { width: 260px; }
#forgottenpw a.loginhelplink { color: #D7185B; text-decoration: none; font-size: 10px; }
#forgottenpw .textbox { width: 245px; height: 27px; line-height: 25px; padding: 2px 5px; background: url(/images/site/bg-input.gif) no-repeat 0 -30px; border: none; outline: none; }
#forgottenpw .error { border: 1px solid #FF0147; color: #333; background: #fffcdf; padding: 10px; line-height:normal; }
#forgottenpw .success { border: 1px solid #006633; color: #333; background: #E4FFDF; padding: 10px; line-height:normal; }
/* my account */
.title .greetingbox {width:680px;float:left;overflow:hidden;}
.title .statusbox {width:300px;float:left;font-size:11px;text-align:right;padding-bottom:5px; }
.title .active { color:#007f1d; background:#dfffe6; padding:5px; border-radius:5px; }
.title .nearexpire { color:#fff; background:#f60; padding:5px; border-radius:5px; }
.title .expired { color:#fff; background:#ff2f2f; padding:5px; border-radius:5px; }
.title .greetuser { margin: 0 0 20px 0;font-weight:bold;color:#4d4d4d; }
#myaccount { width: 790px; min-height: 450px; overflow: hidden; margin: 0; }
#myaccount .title { width: 790px; height: 40px; margin: 0 10px 10px 0; padding: 10px 10px 0 0; }
#myaccount .title h2 { font-size: 28px; }
#myaccount .confirm { padding:10px; margin-bottom:10px; border:1px solid #dfdfdf; font-weight:bold; background:#D4145A; color:#FFF; }
#myaccount a img { margin: 0 0 5px 0; border: none; text-decoration: none; }
#myaccount a img.left { margin: 0 5px 5px 0; }
/* edit profile */
#myaccount.editprofile .subtitle { border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; margin: 20px 10px 10px 0; }
#myaccount.editprofile .floatbox { width: 210px; float: left; }
#myaccount.editprofile .text { padding: 0 10px 0 0; text-align: left; color: #4d4d4d; font-size: 12px; font-weight: bold; text-transform: lowercase; }
#myaccount.editprofile .input { margin: 0 0 5px 0; }
#myaccount.editprofile .noticebox { width: 335px; float: left; margin: 0 0 0 15px; font-size: 10px; }
#myaccount.editprofile .textinput { font-size: 12px; padding: 2px 2px; border: solid 1px #aacfe4; width: 200px; margin: 3px 0 0 0; }
#myaccount.editprofile input[type=text].postcode { width: 140px; }
#myaccount.editprofile .imgbtn { position: relative; top: 5px; left: 2px; cursor: pointer; }
#myaccount.editprofile .dropselection { width: 210px; border: 1px solid #aacfe4; font-size: 10px; padding: 2px 2px; margin: 3px 0 0 0; }
#myaccount.editprofile .buttonbox { margin: 20px 0; }
#myaccount.editprofile .button { float: left; width: 120px; }
/* my pp list */
#myaccount.mypp .mypplist { margin: 0; font-size: 10px; }
#myaccount.mypp .mypplist .titlebar { border-bottom: 2px solid #666; padding: 5px 0; color: #4d4d4d; font-size: 14px; }
#myaccount.mypp .mypplist .pplistrow { padding: 5px 0; border-bottom: 1px dotted #DFDFDF; }
#myaccount.mypp .mypplist .pplistrow:hover { background: #efefef; }
#myaccount.mypp .mypplist .date { width: 70px; text-align: left; padding: 0 10px; float: left; }
#myaccount.mypp .mypplist .subject { width: 580px; text-align: left; padding: 0 10px; float: left; }
#myaccount.mypp .mypplist .action { width: 50px; text-align: left; padding: 0 10px; float: left; }
#myaccount.mypp .mypplist a, #myaccount.mypp .mypplist a:visited { color: #3B70EF; }
#myaccount.mypp .mypplist a:hover { color: #4D4D4D; }
/* view pp */
#myaccount.viewpp .box { margin: 0 10px 20px 0; text-align: justify; }
/* create pp */
#myaccount.createpp .titlebox { margin: 0 0 10px 0; }
#myaccount.createpp .titlebox label { font-weight: bold; }
#myaccount.createpp .titlebox input[type=text] { border: 1px solid #DFDFDF; width: 300px; }
#myaccount.createpp .questionbox label { font-weight: bold; }
#myaccount.createpp .questionbox textarea { border: 1px solid #DFDFDF; width: 700px; height: 300px; overflow-y: scroll; }
#myaccount.createpp .notice { margin: 0 10px 10px 0; padding: 20px; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
/* set/reset pw */
#resetpassword {margin:10px;}
#setpw .text { width: 150px; padding: 0 10px 0 0; text-align: right; color: #4d4d4d; font-weight: bold; }
#setpw .input { margin-right:10px; }
#setpw tr { height: 40px; }
#setpw .button { clear: both; width: 70px; margin: 2px; padding: 2px; background: #666; text-align: center; border: 1px solid #333; cursor: pointer; color: #fff; font-size: 11px; font-weight: bold; }
#setpw .notice { margin: 0 0 10px 0; padding: 20px; color: #333; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#setpw .textinput { width:245px; height:27px; line-height:25px; padding:2px 5px; background:url(/images/site/bg-input.gif) no-repeat 0 -30px; border:none; outline:none; }
#setpw .inforow {height:15px;}
#setpw .pwinstruction {padding:5px; line-height:22px; font-size:11px;background:#D31459;color:#fff; border-radius:5px;};
/* my orders */
#myaccount.myorders .myorderlist { font-size: 10px; }
#myaccount.myorders .myorderlist .titlebar { background: #333; padding: 5px 0; font-weight: bold; color: #fff; }
#myaccount.myorders .myorderlist .orderrow { padding: 5px 0; border-bottom: 1px dotted #DFDFDF; }
#myaccount.myorders .myorderlist .orderrow:hover { background: #DFFAFF; }
#myaccount.myorders .myorderlist .date { width: 150px; text-align: left; padding: 0 10px; float: left; }
#myaccount.myorders .myorderlist .orderno { width: 150px; text-align: left; padding: 0 10px; float: left; }
#myaccount.myorders .myorderlist .ordervalue { width: 100px; text-align: right; padding: 0 30px 0 10px; float: left; }
#myaccount.myorders .myorderlist .orderstatus { width: 100px; text-align: left; padding: 0 10px; float: left; }
#myaccount.myorders .myorderlist .vieworder { width: 100px; text-align: left; padding: 0 10px; float: left; clear: right; }
#myaccount.myorders .myorderlist td { padding: 0 10px; }
#myaccount.myorders .myorderlist a, #myaccount.myorders .myorderlist a:visited { color: #3B70EF; }
#myaccount.myorders .myorderlist a:hover { color: #4D4D4D; }
/* view order */
#vieworder { margin: 10px 10px 0 0; }
#vieworder .titleholder { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: 1px solid #DFDFDF; }
#vieworder .headerholder { margin: 0 0 20px 0; }
#vieworder .groupholder { margin: 0 0 10px 0; }
#vieworder .actionbar { text-align:right; padding: 5px 0; }
#vieworder .smallbox { text-transform: uppercase; }
#vieworder .billing { width: 260px; float: left; margin-right: 10px; }
#vieworder .shipping { width: 260px; float: left; margin-right: 10px; }
#vieworder .detail { width: 250px; float:left;}
#vieworder .detail_l { width:80px; float:left;}
#vieworder .detail_r { width:150px; float:left;}
#vieworder .orderdetailsholder {margin:20px 0;}
#vieworder .titlerow { padding: 5px 0; font-size: 11px; line-height: 20px; background: #333; color: #fff; }
#vieworder .itemrow { padding: 5px 0; font-size: 11px; border-bottom: 1px dotted #DFDFDF; }
#vieworder .sku { width: 50px; font-size: 11px; float: left; margin: 0 0 0 5px; }
#vieworder .action { width: 50px; font-size: 10px; float: left; margin: 0 0 0 5px; }
#vieworder .action .buybutton { background: #DC005D; color: #FFF; padding: 2px 4px; cursor: pointer; }
#vieworder .action .discontinued { background: #ccc; color: #333; padding: 2px 4px; }
#vieworder .prdname { width: 400px; float: left; margin: 0 0 0 5px; }
#vieworder .prdname a, #myaccount.vieworder .prdname a:visited { text-decoration: none; color: #4d4d4d; }
#vieworder .prdname a:hover { text-decoration: underline; color: #2F8EFF; }
#vieworder .qty { width: 30px; float: left; text-align: right; margin: 0 0 0 5px; }
#vieworder .shipped { width: 30px; float: left; text-align: right; margin: 0 0 0 5px; }
#vieworder .price { width: 90px; float: left; text-align: right; margin: 0 0 0 5px; }
#vieworder .itemstatus { width: 80px; float: left; margin: 0 0 0 5px; }
#vieworder .summaryrow { padding: 5px 0; font-size: 11px; border-bottom: 1px dotted #DFDFDF; font-weight: bold; color: #333; }
#vieworder .summary { width: 230px; float: left; text-align: right; margin: 0 0 0 5px; }
#vieworder .spacer { width: 435px; float: left; margin: 0 0 0 5px; }
/*search*/
#search .searchresultsbox { margin: 0 0 20px 0; }
#search .searchresultsbox-mc { margin: 0 0 20px 0; }
#search .searchresultsbox-mc a { color: #666; font-weight: bold; }
#search .searchresultsbox-mc a:hover { color: #D4145A; }
#search .searchresultsbox-hc { margin: 0 0 20px 0; }
#search .searchresultsbox-hc a { text-decoration: none; color: #666; font-weight: bold; }
#search .searchresultsbox-hc a:hover { color: #D4145A; }
#search .searchresultfilters { margin: 0 0 20px 0; }
/* contact us */
#contactus { min-height: 500px; background: #fff; }
#contactus .messageform { margin: 20px 0 0 0; }
#contactus .customername { border: 1px solid #ccc; padding: 2px; width: 250px; }
#contactus .customeremail { border: 1px solid #ccc; padding: 2px; width: 250px; }
#contactus .subject { border: 1px solid #ccc; padding: 2px; width: 250px; }
#contactus .message { border: 1px solid #ccc; padding: 2px; width: 450px; }
#contactus .submitbutton { clear: both; width: 70px; margin: 2px; padding: 2px; background: #666; text-align: center; border: 1px solid #333; cursor: pointer; color: #fff; font-size: 11px; font-weight: bold; }
#contactus .error { margin: 0 10px 10px 0; padding: 20px; color: #f00; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#contactus .success { margin: 0 10px 10px 0; padding: 20px; color: #007F11; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#contactus #emailbox { position: absolute; width: 400px; height: 180px; display: none; border: 10px solid #666; z-index: 7000; background: #fff; font: 11px arial,sans-serif; margin: 0; padding: 0; }
#contactus #emailbox .closebox { cursor: pointer; position: absolute; z-index: 7100; top: -20px; left: 395px; margin: 0; padding: 0; }
/* site map */
#sitemap .categorygroup { width: 240px; float: left; margin-right: 10px; padding: 10px 0; }
#sitemap .categorygroup .smalltitle { margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #DFDFDF; }
#sitemap .categorygroup .smalltitle a { text-decoration: none; }
#sitemap .categorygroup ul { margin: 0; padding: 0 0 0 15px; }
#sitemap .categorygroup li { margin: 0; padding: 0; font-size: 10px; }
#sitemap .categorygroup li a { text-decoration: none; color: #4d4d4d; }
#sitemap .categorygroup li a:hover { color: #D7185B; }
#sitemap .spacer { width: 780px; height: 5px; margin-bottom: 5px; }
/* vhaddictspromo */
#vhaddictspromo { margin: 0 10px; }
#vhaddictspromo h4 {margin:10px 0;color:#c06;text-transform:none;}
#vhaddictspromo p {margin-bottom:15px;}
/* in the press */
#inthepress .subtitle { padding: 0 0 7px 0; margin-bottom: 10px; border-bottom: 1px solid #DFDFDF; }
#inthepress .article { width: 190px; height: 70px; float: left; margin: 0 10px 20px 0; }
#inthepress a img { border: none; text-decoration: none; }
#inthepress p { border-bottom: 10px; text-align: justify; }
/* in the press new */
#inthepressnew .subtitle { padding: 0 0 7px 0; padding-top:10px; }
#inthepressnew .article { width: 234px; float: left; padding:2px 10px 10px 10px; margin: 0 10px 20px 0; border:1px solid #d4d4d4; }
#inthepressnew .article .image { height:45px;  }
#inthepressnew .article .title { height:30px; font-weight:bold; border-bottom-width:0; padding:0; }
#inthepressnew .article .title a { text-decoration:none;color:#666; }
#inthepressnew .article a.readlink { text-decoration:none; color:#D3145A; }
#inthepressnew .article a.readlink:hover { text-decoration:underline; }
#inthepressnew a img { border: none; text-decoration: none; }
#inthepressnew p { border-bottom: 10px; text-align: justify; }
#inthepressnew .monthgroup {margin-bottom:10px;}
/* press article */
#pressarticle { margin-right: 10px; }
#pressarticle a, #pressarticle a:visited { color: #D4145A; text-decoration: none; }
#pressarticle p a:hover, #pressarticle li a:hover  { text-decoration: underline; }
#pressarticle p { margin-bottom: 10px; text-align: justify; }
#pressarticle ul { list-style: circle url(/images/site/bullet-circle.gif); }
#pressarticle ul li { margin-bottom: 7px; }
#pressarticle .subtitle { font-size: 16px; font-weight: bold; color: #333; }
#pressarticle .featuredproducts { margin-top: 20px; }
#pressarticle .topicbox { margin: 20px 0 10px 0; }
#pressarticle .topicbox .subtitle { font-size: 16px; font-weight: bold; color:#D3145A; }
/* error page */
#error p { margin-bottom: 5px; }
/* home */
#home { width:1000px; margin:6px 0 0 0; padding:0px;}
#home a img { border: none; text-decoration: none; }
#home .rotate { width: 734px; height: 350px; overflow: hidden; }
#home .r1b1 { width: 734px; margin: 0 10px 10px 0; float: left; }
#home .r1b2 { width: 236px; margin: 0 0 10px 0; float: left; }
#home .r1b2 .top { margin: 0 0 10px 0; }
#home .stripline { margin: 0 0 10px 0; }
#home .r2b1 { width: 238px; margin: 0 9px 10px 0; float: left; }
#home .r2b2 { width: 238px; margin: 0 9px 10px 0; float: left; }
#home .r2b3 { width: 238px; margin: 0 9px 10px 0; float: left; }
#home .r2b4 { width: 238px; margin: 0 0 10px 0; float: left; }
#home .r3b1 { width: 188px; margin: 0 10px 10px 0; float: left; }
#home .r3b2 { width: 188px; margin: 0 10px 10px 0; float: left; }
#home .r3b3 { width: 188px; margin: 0 10px 10px 0; float: left; }
#home .r3b4 { width: 188px; margin: 0 10px 10px 0; float: left; }
#home .r3b5 { width: 188px; margin: 0 0 10px 0; float: left; }
#home .r4b1 { width: 155px; margin: 0 10px 10px 0; float: left; }
#home .r4b2 { width: 155px; margin: 0 10px 10px 0; float: left; }
#home .r4b3 { width: 155px; margin: 0 10px 10px 0; float: left; }
#home .r4b4 { width: 155px; margin: 0 10px 10px 0; float: left; }
#home .r4b5 { width: 155px; margin: 0 10px 10px 0; float: left; }
#home .r4b6 { width: 155px; margin: 0 0 10px 0; float: left; }
#payment .ccbox { border: 1px solid #666; background: #fff; }
/* basket progress */
.basketprogress { margin: 0 10px 10px 0; overflow: hidden; background: #333;}
.basketprogress ul { list-style: none; margin: 0; padding: 0; }
.basketprogress ul li { float: left; display: block; float: left; color: #fff; padding: 5px 43px 5px 10px; background: #333; }
.basketprogress ul li.progress { background: #D3145A; }
.basketprogress ul li.now { background: #D3145A url(/images/site/rarrow.gif) no-repeat right; }
.basketprogress ul li a, .breadcrumb ul li a:visited { text-decoration: none; }
.basketprogress.done { margin: 0 10px 10px 0; overflow: hidden; background: #D3145A;}
.bottomnav { margin: 20px 10px 20px 0; padding-left: 10px; text-align:right; }
.bottomnav a img { border: 0px; text-decoration: none; }
/* Button effect for links */
/*
#viewbasket #basketdetails .prdname a, #viewbasket #basketdetails .prdname a:visited { -moz-transition: background 0.1s ease-in-out; -webkit-transition: background 0.1s ease-in-out; background: rgb(255,91,0); background: rgba(255,91,0,0.4); color: #ccc; margin: 0 2px; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid rgba(0,0,0,0.3); padding: 0 6px; }
#viewbasket #basketdetails .prdname a:hover { padding: 1px 7px; border: 0; background: rgb(255,91,0); background: rgba(255,91,0,0.7); color: white;  }
*/
/* best sellers */
.bestsellermix { width: 178px; margin: 0 0 10px 0; padding: 0; border: 1px solid #DFDFDF; overflow: hidden; }
.bestsellermix .titletext { padding: 5px 10px; color: #333; text-transform: uppercase; font-size: 15px; background: #FBFBFB url(/images/site/nav-header.jpg) repeat-x; border-bottom: 2px solid #D4145A; }
.bestsellermix .index { display: block; margin: 7px 0 7px 10px; padding: 0; color: #d4145a; }
.bestsellermix ul { margin: 7px 0; padding: 0 13px; }
.bestsellermix ul li { margin: 0 0 5px 10px; padding: 0; }
.bestsellermix a { text-decoration: none; color: #333; }
.bestsellermix a:hover { text-decoration: underline; color: #d4145a; }
#lnavlinks a { margin-bottom: 10px; display: block; }
#lnavlinks a img { text-decoration: none; border: none; }
/* edit / add address */
#editaddr { overflow: hidden; margin: 0; }
#editaddr h3 { margin-bottom: 15px; }
#editaddr .section { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #DFDFDF; }
#editaddr .requiredfield { color: #f00; }
#editaddr .smallalerttext { color: #f00; font-size: 10px; }
#editaddr .logindetails { border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; margin: 0 10px 10px 0; }
#editaddr .contactdetails { border-bottom: 1px solid #DFDFDF; padding-bottom: 10px; margin: 20px 10px 10px 0; }
#editaddr .text { padding: 0 10px 0 0; text-align: left; color: #4d4d4d; font-size: 12px; font-weight: bold; text-transform: lowercase; }
#editaddr .input { margin: 0 0 5px 0; }
#editaddr .instructions { font-size: 10px; color: #4d4d4d; }
#editaddr .floatbox { width: 210px; float: left; }
#editaddr .noticebox { width: 335px; float: left; margin: 0 0 0 15px; font-size: 10px; }
#editaddr .dropselection { width: 210px; border: 1px solid #aacfe4; font-size: 10px; padding: 2px 2px; margin: 3px 0 0 0; }
#editaddr .textinput { font-size: 12px; padding: 2px 2px; border: solid 1px #aacfe4; width: 200px; margin: 3px 0 0 0; }
#editaddr input[type=text].postcode { width: 140px; }
#editaddr input[type=submit] { font-size: 11px; padding: 0 10px; }
#editaddr .notice { margin: 0 10px 10px 0; padding: 20px; color: #333; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#editaddr .success { margin: 0 10px 10px 0; padding: 20px; color: #007F11; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#editaddr .error { margin: 0 10px 10px 0; padding: 20px; color: #f00; background: #FFF47F; border: 1px solid #DFDFDF; font-weight: bold; }
#editaddr .notify { font-size: 10px; margin: 3px 0 0 0; border: 1px solid #f00; background: #FFEBE8; padding: 2px 3px; }
#editaddr .checkboxtext { text-align: left; color: #4d4d4d; margin-bottom: 10px; font-weight: bold; }
#editaddr .button { clear: both; width: 70px; margin: 2px; padding: 2px; background: #666; text-align: center; border: 1px solid #333; cursor: pointer; color: #fff; font-size: 11px; font-weight: bold; }
#editaddr .imgbtn { position: relative; top: 5px; left: 2px; cursor: pointer; }
#editaddr .registerbuttonbox { margin: 20px 10px 20px 0; }
#editaddr #addrselectionwrapper { display: none; }
#editaddr .errorbg { background: #FFF6CF; border-color: #f60; }
/* view basket */
#viewbasket #basketdetailsholder { }
#viewbasket #basketdetails { margin: 5px 10px 10px 0; font-size: .9em; }
#viewbasket #basketdetails .headerrow { border: 1px solid #DFDFDF; padding: 5px 2px; font-weight: bold; font-size: 11px; background:#DFDFDF; }
#viewbasket #basketdetails .itemrow { background: #fff; border: 1px solid #DFDFDF; border-top: 0px; padding: 5px 2px; }
#viewbasket #basketdetails .prdname { width: 400px; float: left; padding: 3px 5px; }
#viewbasket #basketdetails .prdname a, #viewbasket #basketdetails .prdname a:visited { color: #4D4D4D; text-decoration: none; }
#viewbasket #basketdetails .prdname a:hover { color: #D31459; text-decoration: underline; }
#viewbasket #basketdetails .stockwarning { color: #f00; }
#viewbasket #basketdetails .stockwarning a, #viewbasket #basketdetails .stockwarning a:visited { color: #D31459; text-decoration: underline; }
#viewbasket #basketdetails .unitprice { width: 70px; float: left; margin-left: 5px; text-align: right; padding: 3px; }
#viewbasket #basketdetails .qty { width: 70px; float: left; margin-left: 5px; padding: 3px; text-align: right; }
#viewbasket #basketdetails .qty input[type=text] { border: 1px solid #666; width: 30px; padding-right: 5px; text-align: right; font-size: 10px; background: #fefefe; color: #333; }
#viewbasket #basketdetails .updateqty { width: 100px; float: left; padding: 3px; }
#viewbasket #basketdetails .updatebtn { font-size: .9em; cursor: pointer; background: #016F00; color: #FFF; margin: 0 2px; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 4px; }
#viewbasket #basketdetails .trashbtn { font-size: .9em; cursor: pointer; background: #AF0007; color: #FFF; margin: 0 2px; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 2px 4px; }
#viewbasket #basketdetails .updatebtn:hover { background: #019F00; }
#viewbasket #basketdetails .trashbtn:hover { background: #EF000F; }
#viewbasket #basketdetails .linetotal { width: 80px; float: left; margin-left: 5px; text-align: right; padding: 3px; }
#viewbasket #basketdetails .spacer { width: 490px; float: left; }
#viewbasket #basketdetails .summary { width: 300px; float: left; }
#viewbasket #basketdetails .infobox { padding: 5px; margin: 5px 5px 0 0; border: 2px solid #d4145a; color: #d31459; }
#viewbasket #basketdetails .noticebox { padding: 5px; margin: 5px; -moz-border-radius: 5px; -webkit-order-radius: 5px; border: 2px solid #f60; }
#viewbasket #basketdetails .summaryrow { background: #fff; border: 1px solid #DFDFDF; border-top: 0px; font-weight: bold; padding: 5px 2px; }
#viewbasket #basketdetails .text { width: 185px; float: left; padding: 3px 0 3px 10px; }
#viewbasket #basketdetails .value { width: 80px; float: left; text-align: right; padding: 3px; }
#viewbasket #basketdetails .notice { color: #d31459; padding-left: 5px; }
#viewbasket #freeshippingtnc {border:1px solid #d4d4d4;padding:10px;margin:10px 10px 20px 0; font-size:11px;}
#viewbasket #freeshippingtnc ul{ list-style-type:circle;}
#viewbasket .couponinfo {margin:20px 10px 0 0; font-size:11px;border:1px solid #d4d4d4;background:#ffdfef; font-weight:bold; padding:10px;}
#viewbasket .qualify { padding: 5px; margin: 5px 5px 0 0; border: 2px solid #d4145a; color: #d31459; }
#viewbasket .notqualify { padding: 5px; margin: 5px 5px 0 0; border: 2px solid #d4145a; color: #d31459; }
#viewbasket .warning { font-size:11px; padding:10px; background:#fff2cf; margin:0 10px 10px 0; border:1px solid #d4d4d4;}

/* summary & payment - it takes most of the style from #viewbasket*/
#summary .infobox { margin: 10px 10px 10px 0; padding: 10px; border: 1px solid #d4d4d4; font-size: 11px; }
#summary .subtitle {font-weight:bold;display:block;margin-bottom:10px;}
#summary .messagebox { padding: 20px; margin: 5px 5px 0 0; }
#summary .shippingaddr { width:350px; font-size: 11px; float:left; }
#summary .billingaddr { width:350px; font-size: 11px; float:left; margin-left:10px; }
#summary .ccdetails { padding: 20px 0px; }
#summary .ccbox { width: 470px; overflow: hidden; font-size: 11px; float: left; padding: 0 20px 0 0; }
#summary .ordinfo { width: 270px; overflow: hidden; float: left; padding-left: 12px; font-size: 11px; border-left: 1px solid #dfdfdf; }
#summary .ordinfo .subtitle { font-weight: bold; }
#summary .couponcode { font-size:11px; font-weight:bold; padding:3px 5px; }
#summary .couponerror { margin-left:10px; padding:0 5px; line-height:22px; font-size:11px;background:#E21B32;color:#fff; border-radius:3px; }
#summary .couponnote { margin-left:10px; padding:0 5px; line-height:22px; font-size:11px;background:#007F1D;color:#fff; border-radius:3px; }

#paymentdetails {padding:20px;border:1px solid #d4d4d4;margin-right:10px;}
#paymentdetails .label {width:150px; height:35px;text-align:right;padding-right:15px;}
#paymentdetails .info {font-size:11px;}
#paymentdetails .btn { cursor:pointer; margin-right:5px; }
#paymentdetails .textinput-mmyy { width: 140px; height: 27px; line-height: 25px; padding: 2px 5px; background: url(/images/site/bg-input.gif) no-repeat 0 -183px; border: none; outline: none; }
#paymentdetails .textinput { width:245px; height:27px; line-height:25px; padding:2px 5px; background:url(/images/site/bg-input.gif) no-repeat 0 -30px; border:none; outline:none; }
#paymentdetails .textinputshort { width:140px; height:27px; line-height:25px; padding:2px 5px; background:url(/images/site/bg-input.gif) no-repeat 0 0; border:none; outline:none; }
#paymentdetails .ddholder { width:245px; height:26px; padding:3px 5px; background:url(/images/site/bg-input.gif) no-repeat 0 -30px; border:none; outline:none; }
#paymentdetails .selectinput { width:243px; height:25px; border:none; outline:none; font-size:12px; background:#f0f0f0; }
#paymentdetails .errorbox {background:#FFDFDF;border:1px solid #FFBFBF;margin-bottom:20px;padding:15px;}
#paymentdetails .error {display:block;background:url(/images/site/flag-error.gif) no-repeat;width:45px;height:31px;}
/* del address */
#deliveryaddress {  }
#deliveryaddress .leftmargin { margin-left: 10px; }
#deliveryaddress .selectbutton { margin-top: 2px; cursor: pointer; }
#deliveryaddress .addressholder { border-bottom: 1px solid #d4d4d4; margin-right:10px; margin-bottom:10px; }
#deliveryaddress .addressholder:hover { background:#fefeea; }
#deliveryaddress .address { float:left; width:440px; padding: 10px; }
#deliveryaddress .commands { float:left; width:310px; margin:10px 0 0 10px;}
#deliveryaddress .newaddress { margin-bottom:10px; padding:10px; }
#deliveryaddress .billing { padding:5px; line-height:22px; font-size:11px;background:#D3145A;color:#fff; border-radius:5px; }
#deliveryaddress .bottomnav { margin:0; padding: 0; text-align:left; }
/* del options */
#deliveryoptions { margin: 10px 0; }
#deliveryoptions .deliveryoptionrow { border-bottom: 1px solid #DFDFDF; padding: 5px 0px; }
#deliveryoptions .radio { width: 25px; float: left; }
#deliveryoptions .description { width: 650px; float: left; margin-left: 5px; }
#deliveryoptions .price { width: 70px; float: left; text-align: right; font-weight: bold; color: #333; margin-left: 5px; }
#deliveryoptions .deliveryinstructionsholder {margin:20px 10px 20px 30px;}
#deliveryoptions .deliveryinstructions {width:700px;font: 12px tahoma, sans-serif; padding:5px;border:1px solid #d4d4d4;}
/* delivery info */
#deliveryinfo .zone { margin:0 10px 10px 0; border:1px solid #d4d4d4;}
#deliveryinfo .zoneheader {background:#DAE8F3;padding:10px;font-weight:bold;}
#deliveryinfo .service {padding:10px;}
#deliveryinfo .serviceheader {margin-bottom:5px;font-weight:bold;}
#deliveryinfo .service p {text-align:justify;}
#deliveryinfo .freeshippingoffer {margin:5px 0;font-weight:bold;}
#ordercomplete .ordercomplete {height:500px;}
/* buy gifts */
#buygifts .giftbox {margin:10px;padding:10px;border:1px solid #ccc;width:460px;float:left;}
#buygifts .basketbox {margin:10px 10px 10px 0;padding:10px;border:1px solid #ccc;width:460px;float:left;}
/* test */
.mkradio {margin:20px;}
.mkradio .rows {padding:5px 0;border-bottom: 1px solid #d4d4d4;}
.mkradio .rows:hover {background:#d4d4d4;}
/* subscribe news */
#subscribeNews {min-height:270px; margin:10px auto;width:380px; border:1px solid #ccc;}
#subscribeNews .title {padding:20px 20px 10px 20px;}
#subscribeNews .content {padding:0px 20px 20px;}
#subscribeNews .lblemail {display:block;margin-bottom:10px;font-weight:bold;}
#subscribeNews .txtemail {padding:5px; width:325px;display:block;margin-bottom:10px;}
#subscribeNews .lblinterests {display:block;margin-bottom:5px;font-weight:bold;}
#subscribeNews .pnlinterests {margin-bottom:10px;}
#subscribeNews .errorinfo {color:#f00; }
#subscribeNews .confirm {background:#FFCFE3;padding:10px;}
/* news */
#subPref .title {padding:20px 20px 10px 20px;}
#subPref .content {padding:0px 20px 20px;}
#subPref .lblemail {display:block;margin-bottom:10px;font-weight:bold;}
#subPref .txtemail {padding:5px; width:325px;display:block;margin-bottom:10px;}
#subPref .lblinterests {display:block;margin-bottom:5px;font-weight:bold;}
#subPref .pnlinterests {margin-bottom:10px;}
#subPref .errorinfo {color:#f00; }
#subPref .confirm {background:#FFCFE3;padding:10px;}
/* email to friend */
#emailFriend {height:270px; margin:10px auto;width:380px; border:1px solid #ccc;}
#emailFriend .title {padding:20px 20px 10px 20px;}
#emailFriend .content {padding:0px 20px 20px;}
#emailFriend .label {display:block;margin-bottom:10px;font-weight:bold;}
#emailFriend .textbox {padding:5px; width:325px;display:block;margin-bottom:10px;}
#emailFriend .errorinfo {color:#f00;}
#emailFriend .sendEmail {margin-top:10px;}
/* footer bestseller prds / social feed */
#bestsellerfooter, #socialfeed {margin:0 10px 20px 10px;text-transform:none;}
#bestsellerfooter .title, #socialfeed .title {border-bottom:none;}
#bestsellerfooter .title h3, #socialfeed .title h3  {color:#fff;text-shadow:none;font:20px FranklinGothicFSCondensed;letter-spacing:1px;}
#bestsellerfooter .title h3 .bold, #socialfeed .title h3 .bold {font-weight:bold;font-size:1.2em}
#bestsellerfooter .title h3 .light, #socialfeed .title h3 .light {font-weight:lighter;}
#bestsellerfooter ul {padding:0;margin:0;}
#bestsellerfooter li {float:left; list-style-type:none; cursor:pointer; }
#bestsellerfooter li img {width:97px; height:98px; border-right:1px solid #333;}
#bestsellerfooter li .number {width:87px; overflow:hidden;padding:5px;}
#bestsellerfooter li .number a {color:#D4145A;font: 21px Geneva, Serif; text-decoration:none;}
#bestsellerfooter li .text {width:87px; overflow:hidden;padding:0 5px 5px 5px;}
#bestsellerfooter li .text a {font-family: 'FranklinGothicFSCondensed' , arial, serif; font-size: 14px; color:#fff; text-decoration:none;text-transform:uppercase;}
#bestsellerfooter li:hover > * a {color:#c06;}
#socialfeed .column {float:left;margin-right:14px;width:316px;background-color:#fff;font-size:10px;height:580px;overflow:hidden;}
#socialfeed .columnlast {float:left;width:316px;background-color:#fff;font-size:10px;}

#socialfeed .tweetholder {padding:10px;font:11px "lucida grande",tahoma,verdana,arial,sans-serif;}
#socialfeed .tweet, #socialfeed .twt_wrap {padding:5px 0;border-bottom:1px dotted #d4d4d4;}
#socialfeed .tweet .txt, #socialfeed .twt_text {color:#333;font:11px "lucida grande",tahoma,verdana,arial,sans-serif;}
#socialfeed .twt_wrap em {display:block; font-style:normal; margin-top:5px;font-size:10px;}
#socialfeed .twt_wrap em a {text-decoration:none;color:#666;}
#socialfeed .twt_wrap em a:hover {color:#333;}
#socialfeed .tweet .time {color:#666;}
#socialfeed .twtr-tweet-text p, #socialfeed .twtr-ft {font:11px "lucida grande",tahoma,verdana,arial,sans-serif;}
#socialfeed .twtr-hd {display:none;}
/*Editorial Holder */
#EditorialHolder .insideHolder { background-color: #989890; padding: 10px 10px 0 10px; }
#EditorialHolder .ecContentDiv { width: 312px; float: left; margin-left: 19px; margin-bottom: 15px; background-color: #FFFFFF; border: 1px solid #000; overflow: hidden; }
#EditorialHolder .ecContentDiv img { margin: 0; padding: 0; }
#EditorialHolder .wordingDiv { padding: 10px; padding-top: 13px; height: 230px; overflow: hidden; }
#EditorialHolder .noMarginLeft { margin-left: 0px; }
#EditorialHolder p.articleTitle { margin-bottom: 10px; }
#EditorialHolder p.articleTitle a { font: normal 22px "Times New Roman" , Times, serif; color: #4d4d4d; }
#EditorialHolder .articleTitle a:hover { color: #2970A6; text-decoration: none; }
#EditorialHolder a, #EditorialHolder a:visited { text-decoration: none; color: #FF0099; font-weight: bold; }
#EditorialHolder a:hover { text-decoration: underline; }
#EditorialHolder .ed_footer { color: #fff; }
#EditorialHolder .ed_footer a { font: 15px FranklinGothicFSCondensed, Helvetica, Geneva, Arial, sans-serif; padding: 5px 15px 5px 35px; height: 40px; line-height: 20px; display: block; color: #fff; }
#EditorialHolder .ed_footer a:hover { text-decoration: none; }
#EditorialHolder .wordingDiv img, #EditorialHolder .ed_footer img { position: relative; top: 3px; }

#EditorialHolder a.ed_shabir_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -450px; height:50px;width:312px; }
#EditorialHolder a.ed_sarah_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -150px; height:50px;width:312px; }
#EditorialHolder a.ed_james_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -400px; height:50px;width:312px; }
#EditorialHolder a.ed_bb_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -500px; height:50px;width:312px; }
#EditorialHolder a.ed_kate_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -300px; height:50px;width:312px; }
#EditorialHolder a.ed_jo_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -350px; height:50px;width:312px; }
#EditorialHolder a.ed_lulu_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -250px; height:50px;width:312px; }
#EditorialHolder a.ed_guest_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -300px; height:50px;width:312px; }
#EditorialHolder a.ed_shelley_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -100px; height:50px;width:312px; }
#EditorialHolder a.ed_margaret_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -200px; height:50px;width:312px; }
#EditorialHolder a.ed_shabir_news_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -50px; height:50px;width:312px; }
#EditorialHolder a.ed_60secs_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px -550px; height:50px;width:312px; }
#EditorialHolder a.ed_newsletter_t { display:block; background: url(/images/editorial/ed_footer_bgs.png) -312px 0; height:50px;width:312px; }

#EditorialHolder .ed_shabir { background: url(/images/editorial/ed_footer_bgs.png) 0 -450px; }
#EditorialHolder .ed_sarah { background: url(/images/editorial/ed_footer_bgs.png) 0 -150px; }
#EditorialHolder .ed_james { background: url(/images/editorial/ed_footer_bgs.png) 0 -400px; }
#EditorialHolder .ed_bb { background: url(/images/editorial/ed_footer_bgs.png) 0 -500px; }
#EditorialHolder .ed_kate { background: url(/images/editorial/ed_footer_bgs.png) 0 -300px; }
#EditorialHolder .ed_jo { background: url(/images/editorial/ed_footer_bgs.png) 0 -350px; }
#EditorialHolder .ed_lulu { background: url(/images/editorial/ed_footer_bgs.png) 0 -250px; }
#EditorialHolder .ed_guest { background: url(/images/editorial/ed_footer_bgs.png) 0 -300px; }
#EditorialHolder .ed_shelley { background: url(/images/editorial/ed_footer_bgs.png) 0 -100px; }
#EditorialHolder .ed_margaret { background: url(/images/editorial/ed_footer_bgs.png) 0 -200px; }
#EditorialHolder .ed_shabir_news { background: url(/images/editorial/ed_footer_bgs.png) 0 -50px; }
#EditorialHolder .ed_60secs { background: url(/images/editorial/ed_footer_bgs.png) 0 -550px; }
#EditorialHolder .ed_newsletter { background: url(/images/editorial/ed_footer_bgs.png) 0 0; }
#EditorialHolder .sectionTitle { font: bold 16px FranklinGothicFSCondensed, Helvetica, Geneva, Arial, sans-serif; color: #4d4d4d; }
#EditorialHolder .section { margin-top: 5px; padding: 0 0 5px 0; border-bottom: dotted 1px #CCC; }