html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}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;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

body{margin:10px;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}


body {background-color: #fff; color:#666; font-family: Arial,Helvetica,sans-serif; font-size:75%; line-height:1.5; margin:10px 0 0 0;}
th, td {border:0;}
h1, h2, h3, h4, h5, h6 {color:#2A333A; font-weight: normal;}
a {color:#E8931B; text-decoration: none;}
a:hover {text-decoration: underline;}

em {font-size:130%; font-weight:bold;}

.clearboth {clear: both;}

.narrow {margin: 20px 80px;}

.container {display:block; margin:0 auto; overflow:hidden; width:950px;}
#header { clear:both; position:relative; width:970px; margin-top:20px;}
#header a {color:#E8931B; font-weight:bold; text-decoration:none;}
#header a:hover {color:#999999;}
#dailygroominglogo {float:left;}
.contact-details {float:left; margin:0 0 20px 40px;}
.contact-details h4 {color:#666; font-size:2em; font-weight:bold; margin:0; text-align:center;}
.contact-details p {color:#003875; text-align:right; font-size:11px;}
#dermalogicalogo {float:right; margin: 8px 0 0 0;}

#searchblock {float:left; height:40px; margin:0 0 20px; width:700px;}
#search {clear:both; float:left; background: #FFF url(searchbgd.png); width:700px; height:40px; position:relative;}
#searchtall {clear:both; float:left; background: #FFF url(searchbgdtall.png); width:700px; height:60px; position:relative; margin: 0 0 0 25px;}
#searchbox {background:#FFFFFF url(search.gif) no-repeat scroll -66px center; border:0 none; top:9px;height:20px; left:7px; line-height:1.1; padding:2px 2px 0 4px; position:absolute; width:614px;}
#searchbutton {background:#EFEFEF url(search.gif) no-repeat scroll 0 center; border:medium none; top:9px; color:#333; cursor:pointer; height:22px; left:626px; padding:0 0 1px; position:absolute; width:66px;}
#searchtall p {margin: 40px 0 0 0; text-align: center;}

#nav {padding:45px 0 0 0;}
#nav-bar {float:left; line-height:27px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#nav-bar li {background:transparent url(tableft.png) no-repeat scroll left top; float:left; margin:0; padding:0 0 0 12px; list-style-type:none;}
#nav-bar a {background:transparent url(tabright.png) no-repeat scroll right top; display:block; padding:8px 14px 0 3px;}
#basket {background: #FFF url(cartbgd.png);float:right; display:block; width: 190px; height: 80px; font-weight:bold; padding: 0; text-align:left;}
#basket .buttons {margin: 9px 0 0 0; text-align: center;}
#basket a {color:#333; font-size:1.1em; letter-spacing:-0.05em; text-decoration:none;}
#basket table {margin: 13px 0 0 60px;}
#basket td {padding: 0 5px; text-align: left;}

#wrapper {background:transparent url(wrapper.png) no-repeat scroll center top; padding:25px 20px 20px; position:relative; margin: -9px auto 0 auto;}

#sidebar {border-right:1px solid #EEEEEE; display:inline; float:left; margin-right:15px; padding-right:14px; width:160px;}
#sectionnav {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; font-size:11px; letter-spacing:-0.02em;}
#sectionnav li {list-style-type:none; height:1%;}
#sectionnav a {display:block; padding: 7px 0; color: #6A737B; text-decoration: none;}
#sectionnav a:hover {color:#5793D6; text-decoration: underline;}

#content {display:inline; float:left; margin-right:0; width:760px;}

#footer {background:transparent url(wrapper-footer.png) no-repeat scroll center bottom; height:90px; padding:0 20px 20px; position:relative;}
#footer .left {float:left; width:29%; }
#footer .right {float:right; margin:20px 0 0; text-align:right; width:69%;}
#footer p {font-size:10px; line-height:1.2;}
#footer .right p {margin: 0;}

.bottles {background:transparent url(bottles.png) repeat-x scroll left 0; height:107px; margin:60px 0 0; padding:0;}
.extracontent {background:#F5F5F5 url(extrafooter.png) repeat-x scroll left top;}
#extrafooter .container {position:relative;}
#footer-nav {background:#F5F5F5 url(footernavbg.png) repeat-x scroll 0 0; float:left; margin:7px 0 0 100px; width:760px;}
#footer-nav .col {float:left; margin:0; padding:15px 0 15px 20px; width:230px;}
#footer-nav .col h2 {color:#E8931B; font-size:1em; font-weight:bold; line-height:1.25; margin:3px 0;}
#footer-nav .col ul {list-style-position:outside; list-style-type:none; margin:0; padding:0; }
#footer-nav .col ul li {background:transparent url(bullet-orange-arrow.gif) no-repeat scroll 0 0.5em; line-height:1.25; margin-bottom:8px; padding-left:10px; list-style-type:none;}
#footer-nav a {border-bottom:1px dotted #E8931B; color:#6A737B; padding-bottom:1px; text-decoration:none; }
/*
#maletreatment {background:transparent url(maletreatment.jpg) no-repeat scroll 0 0; border:0 none; bottom:0; display:block; float:left; height:169px; position:absolute; width:125px;}
#femaletreatment {background:transparent url(femaletreatment.jpg) no-repeat scroll 0 0; border:0 none; bottom:0; display:block; float:left; height:169px; position:absolute; right:20px; width:168px;}
*/

h1.sectiontitle {margin: 0 0 10px 0;}

/* Product Page */
#crumbs, #crumbs li {list-style-type:none;	padding:0; margin:0;}
#crumbs {height:2.3em; border:1px solid #dedede; margin:18px 0 0 0;}
#crumbs li {float:left; line-height:2.3em; color:#6A737B; padding-left:.75em;list-style-type:none;}
#crumbs li a {background:url(crumbs.gif) no-repeat right center; display:block; padding:0 15px 0 0;}
#crumbs li a:link, #crumbs li a:visited {color:#6A737B; text-decoration:none;}
#crumbs li a:hover, #crumbs li a:focus {color:#5793D6; text-decoration:underline;}

.productbox  {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;border:1px solid #DDDDDD; float:left; height:180px; margin:14px; padding:10px; position:relative; text-align:center; width:140px;}
.productbox a {color:#111111; display:block; text-decoration:none;}
.productbox a.info {background:#FFFFFF url(shadow_top.png) repeat-x scroll 0 -35px; border-top:1px solid #FFFFFF; bottom:0; min-height:60px; padding:5px; position:absolute; right:0; width:150px;}
.productbox:hover {border-color:#E8931B;}
.productbox:hover  a.info {background-color:#E8931B;}



.productline {clear: both; margin: 0 0 50px 0;}
.productline .productimage {float: left; width:250px;}
.productimage img {display: block; margin: 0 auto;}
.productline .productdescription {float: right; width:499px; padding:0 0 0 10px; border-left:1px solid #EEEEEE; letter-spacing:-0.01em; line-height:1.5; font-size:120%;}
.productline h1 {margin: 10px 0 0 0; font-size: 195%;}
.productline h3 {margin: 1em 0 0 0; font-size: 14px; font-weight:bold;}
.productline p.skintype {color: #979DA3;}
.productline .keyingredients {font-size: 90%;}
.productline .benefits  li {margin: 0 0 0.7em 0;}

.furtherinfo {margin: 20px 0 10px 0; font-family:arial; font-size:70%;}
.furtherinfo label {font-weight: bold;}
.productref, .productsize {}

.cartform {float:right; border-left:1px solid #EEEEEE; padding: 0 0 10px 10px; margin: 0 0 5px 5px; font-family:Helvetica Neue,Arial,Helvetica,sans-serif;}
.prices {font-size:1.25em; font-weight:bold; margin:0; }
.price-selling {color:#E8931B; font-size:20px;}
.rrp {font-size: 90%;margin: 0 0 1px 0;}

.worldpaytransfer form {text-align:right;}


.productlinealternative {clear: both; margin: 0 0 20px 0;}
.productlinealternative .productimage {float: left; width:250px;}
.productlinealternative .productdescription {float: right; width:499px; padding:0 0 0 10px; border-left:1px solid #EEEEEE; letter-spacing:-0.01em; line-height:1.5; font-size:120%;}



.alsoconsider {-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;border:1px solid #E8931B; float:left; height:400px; margin: 0 10px; padding:10px; position:relative; text-align:center; width:145px;}
.alsoconsider h2 {font-size: 100%; margin:0;}
.alsoconsider .cartform {position: absolute; bottom:5px; left: 10px; border:none; padding:0;}
.alsoconsider .productdescription {font-size: 10px; height:160px; overflow: auto; margin:1em 0;}
.alsoconsider .prices {margin:0;}


tr.cartproductline td {border-bottom: 1px solid #EEE; border-top: 1px solid #EEE;}
.cart th {text-align: right;}
#checkoutsteps {width:600px; margin:0 auto;}
.actrequiredcolor {color: #DF2929;}
.total {background-color: #E8931B;}

/*Search Results */
#searchresults {clear:both; padding:25px 0 0 0;}
#searchresults h2 {text-align:center; margin: 0 0 50px 0; font-family: Tahoma, Verdana;}
#searchresults h2 a{background-color:#E8931B; color:#FFF; font-size:90%; margin:0 10px; padding:5px; text-decoration: none; border:1px solid #FFF; letter-spacing: 0.15em;}
#searchresults h2 a:hover {border:1px solid #E8931B; background-color: #FFF; color: #E8931B;}
#searchresults h2 .previous, #searchresults h2 .next {letter-spacing:-0.15em;}

.searchresult {clear:both; margin: 0 0 80px 50px;}
.searchresult .productimage {width: 200px; float: left;}
.searchresult h1 {margin: 0;}
.searchresult h1 a {text-decoration: none;}
.searchresult h1 a:hover {text-decoration: underline;}
.searchresult p {margin: 0 0 2px 0;}
.searchresult .price {font-weight: bold; font-size:90%}
.actsearchhighlightcolor {color: #E8931B;}

.brochure #wrapper {background:transparent url(wrapper-back.png) no-repeat scroll center top; padding:25px 20px 20px; position:relative; margin: -9px auto 0 auto;}
.brochure #content {width:960px;}

.offerbox {float:left; margin:20px 0 20px 20px; width:210px; height: 250px; border: 1px solid #E8931B;-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
.offerbox h3 {font-size:15px; font-weight: bold; margin:0; padding:0 10px; background-color: #E8931B; color: #FFF; text-align: center;}
.offerbox .productimage {margin: 10px;}
.offerbox p {font-size: 10px; margin:10px; text-align:center;}

.offerboxcleanstart {float:left; margin:20px 0 20px 20px; width:210px; height: 250px; border: 1px solid #E8931B;-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
.offerboxcleanstart h3 {font-size:15px; margin:0; padding:0 10px; background-color: #E8931B; color: #FFF; text-align: center;}
.offerboxcleanstart .productimage {margin: 10px;}
.offerboxcleanstart p {font-size: 10px; margin:10px; text-align:center;}
.offerboxcleanstart {position: relative;}
.cleanstartgroup {position: absolute; bottom:0;}
.offerboxcleanstart h3 a{color: #666; font-weight: bold;}
.offerboxcleanstart  a .clean {color: #DD0268;}
.offerboxcleanstart  a .start {color: #7A1041;}
.offerboxcleanstart .productimage {float: right; width: 60px; margin: 5px;}

.offerboximagelink{float:left; margin:20px 0 20px 20px; width:210px; height: 150px; border: 1px solid #E8931B;-moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px;}
.offerboximagelink .productimage {margin: 10px 0 0 0;}
.offerboximagelink p {font-size: 13x; margin:10px; text-align:center;}

.shipping td {padding: 0 20px;}
.shipping li {font-size: 200%;}
.shipping li p {font-size: 50%; text-align: justify;}

.aboutdermalogica {background-color: #F5F5F5; border-top: 3px solid #eee; padding: 10px 100px; font-size: 95%; text-align: justify;}



/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 740px; height: 317px; position: relative; margin: 20px 0 15px 0; float:right; }
.anythingSlider .wrapper                { width: 680px; overflow: auto; height: 317px; margin: 0 40px; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(../images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 323px; text-align: center; }
#thumbNav a                             { color: black; font: 11px/18px; Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(../images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #e0a213; }

#start-stop                             { background: green; background-image: url(../images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#start-stop.playing                     { background-color: red; }
#start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }