/* Browser Reset -----------------------------------------------------------*/

body,html, form, #container {/* commented backslash hack - hides from Mac IE5 \*/height: 100%;/* end hack */}
body {margin:0px auto; padding:0px; font: 76%  Arial, Helvetica, Tahoma, Verdana, sans-serif}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0px auto; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset { border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}

caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}

.left {float:left}
.right {float:right}
.clearboth {clear:both}
.bold {font-weight:bold}
.block {display:block}
.center {text-align:center}
a {text-decoration:none}

*{-webkit-transition-property:background, border-color, color}
*{-webkit-transition-timing-function:ease-out}
*{-webkit-transition-duration: .4s}

/* img, div, a, input { behavior: url(iepngfix-mod-min.htc) } */

.rounded1 {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px}
.rounded2 {-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px}
.rounded3 {-moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px}
.rounded4 {-moz-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; border-bottom-left-radius:10px; -moz-border-bottom-right-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-right-radius:10px; -moz-border-top-right-radius:10px; -webkit-border-top-right-radius:10px; border-top-right-radius:10px}

#container {width:100%; text-align:center}


/* Header Styles -----------------------------------------------------------*/

#headerWrap {width:100%; background:url('images/headerSlc.gif') top left repeat-x; margin-bottom:15px; border-bottom:1px dotted #71b4de; text-align:center; float:left }
#headerContent {width:980px; display:block}
#headerLogo a {background-image:url('images/lalecheSprite.png'); margin:20px 0px 15px 0px; background-position:0px 0px; width:230px; height:50px; float:left}

#searchSite {border:1px dashed #b0defa; width:245px; padding:12px 10px 8px 10px; margin:20px 0px 15px 0px; float:right}
#searchSite .searchBox {width:190px; height:25px; font-size:90%; margin:0px; color:#888; padding-left:6px; font-style:italic; float:left}
#searchSite .searchBtn {background:url('images/lalecheSprite.png') top left no-repeat; border:none; float:right; cursor:pointer; background-position:-307px 0px; width:37px; height:36px; margin-top:-5px}
a.everyClick {width:305px; height:52px; background-image:url('images/lalecheSprite.png'); background-color:Transparent; margin:20px 0px 0px 0px; background-position:0px -686px; float:right;}
a:hover.everyClick {background-color:Transparent}

#accountArea {width:230px; border:1px dashed #b0defa; margin:20px 0px 15px 20px; float:right}
#accountArea .accountIcon {background-image:url('images/lalecheSprite.png'); float:left; background-position:-262px 0px; width:30px; height:30px; float:left; margin:7px 0px 0px 10px ; padding-left:0px }
#accountArea .details {float:right; border-left:1px dashed #b0defa; width:178px;}
#accountArea .details a {color:#fff}
#accountArea .welcome {float:right; padding:5px; width:168px; border-top:1px dashed #b0defa} 
#accountArea .logout {float:right; padding:5px 20px 5px 5px;}
#accountArea .myAccount {float:right; padding:5px 10px 5px 5px;}
#accountArea .split {float:right; padding:5px 10px 5px 5px; color:#fff}
#accountArea .pnlLogin {margin-top:10px;}

    /* Top Navigation Styles */
    
    #topNavWrap {background:url('images/navSlc.gif') top left repeat-x #fb75d4; border:2px solid #ff93f4; text-align:left; }
    #navLinks ul {list-style-type:none; padding:6px 12px 0px 25px; margin-bottom:5px; float:left;}
    #navLinks ul li {float:left; margin-right:45px;  padding:9px 9px 7px 9px; border:transparent}
    #navLinks ul li:hover {float:left; background:#ff8deb; padding:8px 8px 6px 8px;  border:1px dotted #fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
    #navLinks ul li.last {float:left; margin:0px !important;}
    #navLinks ul li.active {background:#ff8deb; padding:8px 8px 6px 8px; border:1px dotted #fff;}
    #navLinks ul li a {color:#fff; margin-top:-5px; font-weight:bold; font-size:120%; padding:3px 0px 6px 30px; background:url('images/lalecheSprite.png') left no-repeat;}
    #navLinks ul li a.home {background-position:0px -73px; width:15px; height:15px;}
    #navLinks ul li a.help {background-position:0px -105px; width:15px; height:20px;}
    #navLinks ul li a.support {background-position:0px -143px; width:15px; height:15px;}
    #navLinks ul li a.shop {background-position:0px -184px; width:15px; height:15px;}
    #navLinks ul li a.training {background-position:0px -230px; width:15px; height:15px;}
    #navLinks ul li a.contact {background-position:0px -273px; width:15px; height:15px;}

#newsTicker {float:left; padding:10px 0px; color:#5d9dc5; font-size:110%}
#newsTicker span {font-weight:bold; color:#60c48d}
#newsTicker ul {list-style-type:none; float:left}
#newsTicker ul li {float:left; display:inline}
#newsTicker .rss {padding:3px 5px 0px 5px}
#newsTicker .rss1 {padding:3px 0px 0px 0px}
#newsTicker .latest {padding: 3px 0px 3px 5px; color:#4ea5d2; font-size:90%}
#newsTicker .ticker a {float:left; color:#5d9dc5; font-size:90%; padding:0px 5px 0px 5px}


/* Home Content Styles -----------------------------------------------------------*/

#mainContentWrap {width:980px; text-align:left;}

h1 {font-size:190%; font-weight:bold; color:#fb75d4}
h2 {font-size:190%; font-weight:bold; color:#fb75d4;}
h3 {font-size:130%; font-weight:bold; padding-bottom:6px}
h4 {font-size:260%; font-weight:bold; line-height:30px; letter-spacing:-1px}


/* Left Styles -----------------------------------------------------------*/

#leftWrap {width:197px; float:left;}
#leftNav {background:#daeffc; padding:10px; margin-bottom:25px}
#leftNav h3 {color:#55c085; border-bottom:1px dotted #71b4de; }

#leftNav ul {list-style-type:none; margin-top:0px; padding-bottom:2px}
#leftNav ul li {padding:0px 0px 0px 0px}
#leftNav ul li a {color:#489ace; font-size:110%;}

#networks {background:#daeffc; padding:10px; margin-bottom:25px}
#networks h3 {color:#5fbaf2}
#networks ul {list-style-type:none;}
#networks ul li {float:left; padding-right:9px}
#networks ul li a.fb {background-image:url('images/lalecheSprite.png'); background-position:-358px -30px; width:180px; height:30px; float:left}
#networks ul li a.twitter {background-image:url('images/lalecheSprite.png'); background-position:-394px 0px; width:25px; height:25px; float:left}
#networks ul li a.su {background-image:url('images/lalecheSprite.png'); background-position:-426px 0px; width:25px; height:25px; float:left}
#networks ul li a.del {background-image:url('images/lalecheSprite.png'); background-position:-463px 0px; width:25px; height:25px; float:left}
#networks ul li a.digg {background-image:url('images/lalecheSprite.png'); background-position:-503px 0px; width:30px; height:25px; float:left}

#becomeMember {background:#daeffc; padding:10px; margin-bottom:25px}
#becomeMember h4 {color:#5fbaf2}
#heart {background-image:url('images/lalecheSprite.png'); background-position:0px -328px; height:60px; width:60px; position:relative; float:right; margin:-25px -22px -30px 0px}
.pinkBtn {width:175px; cursor:pointer; float:left; height:38px; border:1px dotted #fff; background-image:url('images/lalecheSprite.png'); background-position:0px -422px; background-color:#fb75d4; margin-top:20px}
.registerBtn {float:left; color:#fff; padding:9px 0px 0px 15px; font-size:150%; font-weight:bold;}
#regIcon {float:left; background-image:url('images/lalecheSprite.png'); background-position:-170px -328px; width:25px; height:30px; margin:5px 0px 0px 50px}

#makeDonation {background:#55c085; padding:10px; margin-bottom:25px}
#makeDonation h4 {color:#fff}
#support {background-image:url('images/lalecheSprite.png'); background-position:-72px -328px; height:80px; width:70px; position:relative; float:right; margin:-28px -22px -30px 0px}
.blueBtn {width:175px; height:38px; cursor:pointer; float:left; border:1px dotted #fff; background-image:url('images/lalecheSprite.png'); background-position:0px -466px; background-color:#52b6f3; margin-top:20px}
.donateBtn {float:left; color:#fff; padding:9px 0px 0px 15px; font-size:150%; font-weight:bold;}
#donateIcon {float:left; background-image:url('images/lalecheSprite.png'); background-position:-219px -328px; width:25px; height:30px; margin:5px 0px 0px 66px}


/* Crumb trail styles ------------------------------------------------------------*/

#crumbWrap {float:left; margin: 0px 0px 15px 0px; width:760px;}
#crumbWrap ul {list-style-type:none;}
#crumbWrap ul li {display:inline; float:left; background:#abdaf6; padding:4px 5px; margin:0px}
#crumbWrap ul li.crumbStart {background:url('images/crumbStart.gif') left no-repeat #abdaf6; padding-left:10px}
#crumbWrap ul li.crumb {background:url('images/crumbArrow.gif') left no-repeat #abdaf6; padding-left:23px}
#crumbWrap ul li.crumbEnd {background:url('images/crumbEnd.gif') top no-repeat #abdaf6; padding:0px !important; width:18; height:23px; float:left}
#crumbWrap ul li a {-webkit-transition:color .4s ease-out}
#crumbWrap ul li a {color:#fff}
#crumbWrap ul li a:hover {color:#329bda}


/* Mid content styles -----------------------------------------------------------*/

#midContentWrap {float:left; width:520px; margin-left:18px; text-align:left}

#welcomeBanner {margin-top:15px; display:block; color:#fff; font-weight:bold; line-height:20px}
#bannerText {background:#7bc2ed; border:1px dashed #949494; padding:10px; width:130px; position:relative; z-index:10; float:left; margin:20px 0px -157px 0px}
#slideWrap {float:right; margin-bottom:32px; background:#000}

#eddPnl {background:url('images/eddSlc.gif') top left repeat-x #51b5f3; margin-top:10px; text-align:left;  padding:20px 20px 13px 20px; color:#fff }
#eddPnl p {width:200px; margin:0px; line-height:16px}
#eddImg {background-image:url('images/lalecheSprite.png'); background-position:-280px -74px; width:304px; height:173px; float:right; margin:-173px 0px 0px 0px; position:relative}
.pinkBtn2 {width:185px; cursor:pointer; float:left; height:38px; border:1px dotted #fff; background-image:url('images/lalecheSprite.png'); background-position:0px -422px; background-color:#fb75d4; margin-top:20px}
#infoIcon {float:left; background-image:url('images/lalecheSprite.png'); background-position:-268px -328px; width:26px; height:30px; margin:7px 0px 0px 7px}


/* Right Content Styles ------------------------------------------------------*/

#rightContentWrap {float:right; text-align:left; width:228px}
#rightContentWrap h2 {color:#55c085}

#shopOnline {background:url('images/enterShopSlc.gif') top left repeat-x; margin-top:17px; padding:15px }
#shopOnline p {font-weight:bold; color:#fff; font-size:110%; line-height:20px;}
.blueBtn2 {float:left; width:195px; cursor:pointer; height:38px; border:1px dotted #fff; margin-bottom:30px; background-image:url('images/lalecheSprite.png'); background-position:0px -466px; background-color:#52b6f3; margin-top:10px}
#basketIcon {float:left; background-image:url('images/lalecheSprite.png'); background-position:-317px -328px; width:26px; height:30px; margin:8px 0px 0px 36px}

#featuredProducts {background:url('images/featuredProductsSlc.gif') top left repeat-x #cdecff; padding:15px 10px 10px 10px ; margin-top:-30px; position:relative; z-index:10}
#featuredProducts h3 {color:#5bb4ec}
#featuredProducts p {color:#444;}
#featuredProducts p span {font-weight:bold; color:#5bb4ec}

.hmProduct01 {border-bottom:1px dotted #71b4de; padding-bottom:8px; margin-bottom:13px; border:1px solid transparent}
.hmFtProduct {float:left; padding-right:8px; position:relative; z-index:11}
.priceWrap {display:block; margin-top:0px; width:200px;}
.hmProductPrice {font-weight:bold; font-size:150%; color:#445f6f; float:left; margin-top:15px; position:relative; z-index:11}
.moreInfoBtn {background:#88cdf7; font-weight:bold; cursor:pointer; color:#fff; border:2px solid #c8e4f6;  width:85px; height:16px; padding:5px 0px 5px 5px; float:right; margin-top:12px}
.moreInfoBtn:hover {background:#5cb1e4; border:2px solid #a0daff; }
.moreInfoBtn .txt {float:left; width:55px; }
.iIcon {float:right; background-image:url('images/lalecheSprite.png'); background-position:-360px -328px; width:20px; height:15px;}

.hmProduct01 p {padding-bottom:20px; float:right; width:130px}
.hmProduct02 { padding-bottom:8px;}
.hmProduct02 p {padding-bottom:20px; float:right; width:130px}

/* Footer Styles ------------------------------------------------------*/

#footerWrap {width:100%; margin-top:20px; padding-top:15px; border-top:1px dotted #71b4de; text-align:center; height:120px }
#footerContent {width:980px; text-align:left}
#footLogo a {background-image:url('images/lalecheSprite.png'); background-position:-418px -330px; width:40px; height:55px; float:left;}
#footerContent ul.footNav {list-style-type:none; float:left; margin:18px 0px 0px 20px; width:500px}
#footerContent ul.footNav li {display:inline; padding-right:15px; font-weight:bold; color:#83c2e9}
#footerContent ul.footNav li a {color:#83c2e9}
#footerContent ul.footNav li a:hover {color:#297eb2}
#footerContent ul.footDetails {list-style-type:none; font-weight:normal !important; float:right; text-align:right; font-size:90%; color:#83c2e9; margin-top:18px}
#footerContent ul.footDetails li {display:block; padding-bottom:4px}


/* Generic Content Styles -------------------------------------------*/

#genericContentWrap {float:left; width:748px; margin-left:18px; text-align:left}

.genericContent h1 {font-weight:bold; font-size:160%; color:#48b2f2; padding-bottom:16px}
.genericContent h2 {font-weight:bold; font-size:160%; color:#48b2f2}
.genericContent h3 {font-weight:bold; font-size:130%; color:#445f6f; margin:10px 0px 6px 0px !important}
.genericContent h4 {font-weight:normal; font-size:120% !important; color:#445f6f; letter-spacing:normal; margin:0px 0px 6px 0px !important; padding:0px !important}
.genericContent p.intro {color:#445f6f; padding-bottom:15px; font-size:110%; line-height:18px}

.genericContent p {color:#445f6f; padding:0px 0px 15px 0px}
.genericContent a {color:#349fe1}
.genericContent a:hover {color:#ef2db7}

.genericContent ul {margin:0px 0px 15px 35px; color:#445f6f}
.genericContent ul li {padding:3px 0px}

.genericContent ol {margin:0px 0px 15px 35px; color:#445f6f}
.genericContent ol li {padding:3px 0px}

.introPnl {width:520px; margin:0px 0px 15px 0px; background:#def1fd}
.introImg {float:left;}
.introPnl p span.quote {font-weight:bold; font-size:120%; color:#445f6f; padding:10px; float:left; width:270px; line-height:25px}
.introPnl p span.ref {font-size:70%; color:#445f6f; float:left; width:270px; padding:0px 10px 5px 10px; margin-top:-5px}


/* Testimonial styles -----------------------------------------------*/

#testimonials h2 {font-weight:bold; font-size:160%; color:#48b2f2}
.thanks { margin:-5px 0px 0px 10px;}
#testimonials p {color:#90a3ae; display:block; padding-top:10px; line-height:18px}
#testimonials p span {color:#f149c1; padding:0px 0px 4px 0px; display:block}
.readMore {font-weight:bold; font-size:120%; color:#48b2f2; padding-top:20px; display:block; background:url('images/readMoreArrow.gif') bottom right no-repeat; width:95px}


/* Group styles -----------------------------------------------------*/

#groupContentWrap {float:left; width:417px; margin-left:18px; text-align:left}
#groupSearchWrap {background:#f8d7ef; padding:8px 15px 15px 15px; width:387px}
#groupSearchWrap .groupCounty {padding:3px; margin-top:-5px; width:340px !important; height:30px; float:left }
#groupSearchWrap .groupPostcode {padding:3px; margin-top:-5px; font-style:italic; height:25px; color:#aaa; width:334px !important; border:1px solid #aaa; float:left}
.searchGroup {background-image:url('images/lalecheSprite.png'); border:none; background-color:Transparent; background-position:-438px -525px; width:32px; height:32px; cursor:pointer; float:left; margin:-4px 0px 10px 10px}

#groupRightWrap {float:right; margin:0px; padding:0px}
.groupInfoWrap {margin-top:10px; float:left; border-bottom:1px dotted #aaa}
.groupInfoWrap p {}
.groupInfoWrap ul {list-style-type:none; width:417px; margin-left:0px}
.groupInfoWrap ul li {display:inline; padding:0px 30px 10px 30px}
.groupInfoWrap ul li.phone {background-image:url('images/lalecheSprite.png'); background-position:0px -592px;}
.groupInfoWrap ul li.web {background-image:url('images/lalecheSprite.png'); background-position:0px -628px;}
.groupInfoWrap ul li.mail {background-image:url('images/lalecheSprite.png'); background-position:0px -658px;}
.groupInfoWrap ul li a {color:#949495}
.groupInfoWrap ul li a:hover {color:#3e9fda}


/* News styles ------------------------------------------------------*/

#newsListWrap {float:left; width:760px; margin-left:18px; text-align:left}
.newsItem {border-bottom:1px dotted #dadcdd}
.newsItem h3 {margin-bottom:0px; padding-bottom:0px; }
.newsItem span.date {float:right; margin-top:-22px; color:#aaa; font-style:italic}
.newsItem a {color:#3e9fda; font-style:italic}
.newsItem a:hover {color:#ee23b3}


/* Support us styles ------------------------------------------------*/

#supportListWrap {display:block; margin-top:20px; text-align:left; border-bottom:1px dotted #71b4de;}
.supportListItem {border-top:1px dotted #71b4de; padding:8px 0px}
.supportListItem:hover {background:#fddcf4}
.supportListItem h5 a {font-weight:bold; color:#f74dc5; font-size:120%}
.supportListItem p {color:#445f6f; float:left; padding:5px 0px; width:430px; margin:0px; line-height:17px}
.supportListArrow {-webkit-transition:none}
.supportListArrow {background-image:url('images/lalecheSprite.png'); background-position:0px -524px; width:50px; height:50px; float:left;}
.supportListArrow:hover {background-position:-62px -524px}

#merchImgs {margin-top:16px; float:left}
.merchImg {border:1px dotted #7f7f7f !important; padding:10px; margin-bottom:10px}
p.caption {padding:0px !important; color:#739eb3 !important; font-style:italic; margin-bottom:15px}


/* Shop styles ------------------------------------------------------*/

    /*jQuery Masonry Styles*/
    .box {float: left;}
    .col1 { width: 230px; margin-right:15px}
    .col2 { width: 230px}

.ftProduct {background:#e0f2fd; border:1px dashed #8c8c8c; padding:10px; float:left; margin-bottom:15px}
.ftProductTtl {color:#5ab2e7; font-weight:bold; display:block; padding-left:10px}
.ftProductInfo {float:right; text-align:left; width:145px; padding-right:10px}
.ftPriceWrap {float:left; width:150px; margin-left:10px;}
.ftProductPrice {font-weight:bold; font-size:150%; color:#445f6f; float:left; margin-top:3px; position:relative; z-index:11}
.addBtn {background:#88cdf7; border:3px solid #c8e4f6; color:#fff !important;  width:55px; height:16px; padding:5px 0px 5px 5px; float:right; cursor:pointer;}
.addBtn:hover {background:#5cb1e4; border:3px solid #a0daff; }
.addBtn .txt {float:left; padding-left:8px }
.addBtn {color:#fff; font-weight:bold;}
.addBtn a {margin-right:6px; float:left}
.basketIcon {float:right; background-image:url('images/lalecheSprite.png'); background-position:-317px -329px; width:21px; height:17px;}

.rating1 {float:left; margin:10px 0px 0px -30px}


.productSearch {border:1px dashed #949494; padding:5px 10px 10px 10px; margin-bottom:20px}
.productSearch h4 {font-size:120%; color:#55c085; font-weight:bold; letter-spacing:0px}
.searchField {float:left; width:146px; padding:5px; font-size:90%; font-style:italic; color:#999; border:1px solid #999}
.productSearchBtn {background-image:url('images/lalecheSprite.png'); background-position:-124px -526px; float:left; width:37px; height:37px; margin:-6px 0px 0px 10px}
.advSearchLink {color:#55c085; background:url('images/advSearchArrow.gif') right no-repeat; padding-right:13px; float:left; margin-top:2px }
.advSearchLink:hover {text-decoration:underline}

.myBasketPnl {border:1px dashed #949494; padding:5px 0px 10px 0px; margin-bottom:20px}
.myBasketPnl h4 {font-size:120%; color:#3dadf1; font-weight:bold; letter-spacing:0px; padding:0px 10px; border-bottom:1px dashed #949494;}
#myBasketIcon {background-image:url('images/lalecheSprite.png'); background-position:-471px -327px; width:30px; height:30px; float:right; margin:-30px 10px 0px -20px}
.myBasketPnl table.myBasketContents {padding:5px 10px; width:223px; float:left; }
.myBasketPnl table.myBasketContents tr td {border-bottom:1px dashed #949494; padding:8px 0px 8px 0px}
.myBasketPnl table.myBasketContents tr td.tblLeft {padding-left:10px; border-right:1px dashed #949494}
.myBasketPnl table.myBasketContents tr td.tblRight {text-align:right; padding-right:10px}
.myBasketPnl h4.checkout {border-bottom:0px; margin:10px 0px -10px 0px !important; padding:3px 0px 3px 10px}
.myBasketPnl h4.checkout2 {border-bottom:1px dashed #949494; margin-bottom:-10px !important; padding:3px 0px 3px 10px}
.arrowIcon {background-image:url('images/lalecheSprite.png'); background-position:-170px -525px; width:30px; height:30px; float:right; margin:-20px 10px -10px -20px}
a.checkoutLink {display:block;}
a:hover.checkoutLink {background-color:#daeffc;}

.trackOrder {border:1px dashed #949494; padding:5px 0px 10px 0px; margin-bottom:20px}
.trackOrder h4 {font-size:120%; color:#9f9f9f; font-weight:bold; letter-spacing:0px; padding:0px 10px; border-bottom:1px dashed #949494;}
.vanIcon {background-image:url('images/lalecheSprite.png'); background-position:-208px -525px; width:36px; height:30px; float:right; margin:-30px 10px -10px -20px}
.trackOrder p {padding:10px 10px 0px 10px; float:left; width:170px; color:#9f9f9f; font-size:110%}
.trackArrow {background-image:url('images/lalecheSprite.png'); background-position:-257px -525px; width:30px; height:30px; float:right; margin:12px 10px -10px -20px}
a.trackOrderLink {-webkit-transition:background .4s ease-out}
a.trackOrderLink p {-webkit-transition:color .4s ease-out}
a.trackOrderLink {display:block; padding-bottom:10px; margin-bottom:-10px}
a:hover.trackOrderLink {background-color:#ebebeb;}
a:hover.trackOrderLink p {color:#444}

.orderForm {border:1px dashed #949494; padding:5px 0px 6px 0px; margin-bottom:20px;}
.orderForm:hover {background:#daeffc}
.orderForm h4 {font-size:120%; color:#3dadf1; font-weight:bold; letter-spacing:0px; padding:0px 10px;}
.downloadIcon {background-image:url('images/lalecheSprite.png'); background-position:-288px -525px; width:35px; height:30px; float:right; margin:-30px 10px -10px -20px}


        /* Product list styles ---------------------------------------------*/
     
.pagination ul {float:right; color:#6db9e7; list-style-type:none; margin-top:-30px}
.pagination ul li {float:left; padding:0px; margin:0px}
.pagination ul li a {padding:1px 9px; color:#6db9e7; font-style:italic; border-right:1px solid #6db9e7;}
.pagination ul li a.active {background:#daeffc}
.pagination ul li a:hover {background:#daeffc}

.paginationBtm ul {float:right; color:#6db9e7; list-style-type:none; margin-top:15px}
.paginationBtm ul li {float:left; padding:0px; margin:0px}
.paginationBtm ul li a {padding:1px 9px; color:#6db9e7; font-style:italic; border-right:1px solid #6db9e7;}
.paginationBtm ul li a.active {background:#daeffc}
.paginationBtm ul li a:hover {background:#daeffc}

.also {background:#d0ebfb; padding:10px; margin:15px 0px; display:block}
.also p a {color:#3faef2; font-style:italic; line-height:17px}
.also p a:hover {color:#454a4c}

#productListWrap {border-bottom:1px dotted #71b4de; width:510px}
.productListItem {padding:10px; border-top:1px dotted #71b4de; float:left;}
.productListItem:hover {background:#e7f5fd;}
.productListItem img {float:left; margin-right:15px}
.productDetails {float:left; width:400px; }
.productDetails .productTtl {font-weight:bold; color:#61b4e7; display:block; padding-bottom:5px}
.productDetails .productDesc {color:#506a79; line-height:17px; display:block}
.more {color:#55c085; font-style:italic;  }
.more:hover {color:#1d9b55}
.productPrice {width:90px; float:right}
.productListPrice {font-weight:bold; font-size:150%; color:#445f6f; text-align:right; float:right; margin:15px 3px 10px 0px; position:relative; z-index:11}
.rating { float:left; width:85px; height:15px; margin:3px 0px 0px -35px}
.readReviews {float:left; font-weight:bold; color:#fb75d4; padding:10px 0px 0px 15px}
.readReviews:hover {color:#ea16ac}

            
         /* Product page styles ---------------------------------------------*/
         
h4.productTtl {font-weight:normal; font-size:120%; color:#445f6f; letter-spacing:normal; padding:0px !important; margin:-18px 0px 0px 0px !important}
#productInfoWrap {margin-top:20px}
.productImg {float:left; margin-right:15px; background:red}
#productDescription {width:360px; float:left; margin-bottom:15px}
#productDescription p {font-size:115%; color:#445f6f}
#quickRef {font-size:110%; color:#48b2f2; font-weight:bold; margin-top:20px}
#qtyPriceWrap {background:#e1f2fd; border:1px dashed #b2b2b2; padding:10px; width:339px; float:left; margin-top:10px}
#qtyPriceWrap .dropDown {width:120px; height:25px}
#qtyPriceWrap .qtyInput {text-align:center}
#qtyPriceWrap table tr td {padding:0px 6px; }
#qtyPriceWrap table tr td.topRow {padding-bottom:10px}
.price  {width:53px; float:left; font-size:170%; margin:0px -30px 0px 35px; font-weight:bold; color:#445f6f; }
.addBtn2 {background:#88cdf7; border:3px solid #c8e4f6;  width:55px; height:16px; padding:5px 0px 5px 5px; float:right; cursor:pointer; margin-top:0px; color:#fff !important}
.addBtn2:hover {background:#5cb1e4; border:3px solid #a0daff; color:#fff !important }
.addBtn2 .txt {float:left; width:30px;}
.addBtn2 {color:#fff; font-weight:bold;}
.addBtn2 a {margin-right:6px; float:left}

.related {background:#d0ebfb; padding:10px; margin:15px 0px; display:block}
.related table tr td {vertical-align:top}
.related p.ttl {color:#3faef2; float:left; padding-right:17px}
.related ul li {list-style-type:none}
.related ul li a {color:#3faef2; font-style:italic; line-height:17px}
.related ul li a:hover {color:#454a4c}

.tabStrip {position:relative; z-index:10;}
#reviews {border:1px solid #74787a; position:relative; z-index:1; margin-top:-1px; padding:15px}
#reviews table tr td {padding:12px 0px; vertical-align:top; color:#899094}
#reviews table tr.topBreak {border-top:1px dashed #b2b2b2;}
.reviewLeft {width:145px; font-weight:bold}
#reviews table tr td .rating2 {float:left; -webkit-transition-property:none !important}
#reviews table tr td .rating2  {-webkit-transition-property:none !important}
.logInErr {margin-top:10px; float:left; color:#ff1652}
.rating2 {float:left; margin:-5px 0px 0px -38px}

#emailFriend {border:1px solid #74787a; position:relative; z-index:1; margin-top:-1px; padding:15px}
#emailFriend table tr td {padding:12px 0px; vertical-align:top; color:#899094}
#emailFriend table tr.topBreak {border-top:1px dashed #b2b2b2;}
#emailFriend table.emails {width:512px}
#emailFriend table.emails tr td {padding-right:20px}

.outofstock {color:#ff1652; padding:3px 0px 0px 0px; float:left}


        /* Basket styles ---------------------------------------------------*/
        
#basketTop {background:#b7b7b7; color:#fff; font-weight:bold; width:524px; font-size:110%}
#basketTop tr td {padding:4px 8px; border-left:1px solid #fff}        
#basketTop tr td.item {width:330px; border:none}  
#basketTop tr td.code {width:50px;}
#basketTop tr td.qty {width:35px;}    

#basketWrap {border:1px solid #dadada; margin-top:10px; background:#fff; width:524px; position:relative; z-index:10}
#basket {color:#6a6a6a; width:524px;}  
#basket tr td {padding:4px 8px; border-left:1px solid #dadada; border-bottom:1px solid #dadada} 
#basket tr td.item {width:330px; border-bottom:1px solid #dadada; border-left:none}  
#basket tr td.code {width:50px;}  
#basket tr td.qty {width:35px}
#basket tr td.qty .qtyInput {width:30px; text-align:center}
#basket tr td.cost {font-weight:bold; color:#2b2a2a}
#basket tr.btm td {border-bottom:none}

#totalWrap {background:#90caee; border:1px solid #dadada; width:524px; float:left;  padding:20px 0px 0px 0px; margin:-12px 0px 15px 0px !important; text-align:right; position:relative; z-index:1}
#totalWrap ul {list-style-type:none; float:right; padding-right:18px }
#totalWrap ul li {display:inline; padding-left:15px}
#totalWrap ul li .update {background:url('images/update.gif') left no-repeat; padding:0px 0px 0px 20px; color:#fff; border:none; cursor:pointer}
#totalWrap ul li.total {font-weight:bold; color:#2b2a2a}
.discountPrice {padding:10px 0px 0px 0px; display:block; }
.discountPrice li {color:#d910b6 !important}

a.toCheckout {background:#90caee; padding:8px 15px; font-weight:bold; font-size:110%; color:#fff; float:right}
a:hover.toCheckout {background:#f596d9; color:#fff;}

.disabled {border:3px solid #eee !important; background:#d3d3d3 !important}

/* Contact styles ----------------------------------------------------------*/

#contactForm {margin-top:6px}
#contactForm table tr td {padding:6px 25px 6px 0px; color:#445f6f; vertical-align:top}

#addressWrap {border-top:1px dotted #71b4de; padding-bottom:10px; margin-top:15px}
.addressItem {border-bottom:1px dotted #71b4de; padding:12px 0px}
#mainAddress {background:#b4e0fa; padding:10px; font-weight:bold; color:#445f6f; margin-top:10px; line-height:18px}

#helpline {background:#dff2fd; padding:10px}
#helpline h2 {font-weight:bold; font-size:160%; color:#55c085}
.number {font-weight:bold; font-size:230%; color:#55c085; padding:6px 0px 15px 0px; float:left;}
#helpline p {color:#445f6f; line-height:18px; padding:10px 0px; display:block }

#regForm {padding-left:0px; color:#445f6f; vertical-align:top}
#regForm table td {padding:3px 3px 3px 3px}
#regForm table td.rgtCell {width:180px}
#regForm table td.lftCell {width:180px}

#regForm1 {padding-left:0px; color:#445f6f; vertical-align:top}
#regForm1 table td {  padding:3px 3px 3px 3px}
#regForm1 table td.rgtCell {width:180px}
#regForm1 table td.lftCell {width:180px}

.submitBtn {background:#fdc4ed; cursor:pointer; border:none; padding:7px 11px; font-weight:bold; font-size:120%; color:#fff; text-transform:uppercase}
.submitBtn:hover {background:#47a2d9;}

/* Login page styles --------------------------------------------------------*/

#NotLoggedIn {color:#445f6f; vertical-align:top}
#NotLoggedIn table td { padding:2px 2px 2px 2px}
#NotLoggedIn table td.rgtCell {width:180px}
#NotLoggedIn table td.lftCell {width:180px}

#accPage {padding-left:0px;color:#445f6f; vertical-align:top}
#accPage table td { padding:3px 3px 3px 3px}
#accPage table td.rgtCell {width:180px}
#accPage table td.lftCell {width:180px}

.btnStyle { padding: 2px 5px 2px 7px; border:solid 1px black}

#HelpForm {color:#445f6f; vertical-align:top; padding-left:20px}
#HelpForm table td { padding:3px 3px 3px 3px}
#HelpForm table td.rgtCell {width:250px}
#HelpForm table td.lftCell {width:200px}

/* Order confirmation styles ---------------------------------------------------*/
        
#deliveryAddressWrap {border:1px solid #dadada; margin-top:10px; background:#fff; width:524px; position:relative; z-index:10}
#deliveryAddress {color:#6a6a6a; width:524px;}  
#deliveryAddress tr td {padding:4px 8px; border-left:1px solid #dadada; border-bottom:1px solid #dadada} 
#deliveryAddress tr td.first {width:100px;}  
#deliveryAddress tr.btm td {border-bottom:none}

#deliveryAddressTotalWrap {background:#90caee; border:1px solid #dadada; width:524px; float:left;  padding:20px 0px 0px 0px; margin:-12px 0px 15px 0px !important; text-align:right; position:relative; z-index:1}
#deliveryAddressTotalWrap ul {list-style-type:none; float:right; padding-right:18px }
#deliveryAddressTotalWrap ul li {display:inline; padding-left:15px}
#deliveryAddressTotalWrap ul li.total {font-weight:bold; color:#2b2a2a}