@charset "utf-8";
/* OJON UK STYLES */

/*[01] GENERIC STYLES =================
=====================================*/

* { font-family: Arial, Helvetica, sans-serif; color: #3f1e00; margin: 0; padding: 0; }
body { width: 731px; margin: 0 auto; font-size: 62.7%; position:relative; }
li {list-style-type: none; }
.rightEnd {margin-right: 0px !important; }
.leftEnd {margin-left: 0px; }
fieldset {border: none;}
a {color: #3f1e00; }
a:focus {outline: none; }
a:hover {text-decoration: none; }
p { font-size: 1.2em; margin: 10px 0; line-height: 120%; }
a img { outline: none; border: none; }
.selected { background-position: bottom left !important; }
#promise h1, h2 { visibility:hidden; }
#intensive h1, h2 { visibility:hidden; }
#hydrating h1, h2 { visibility:hidden; }
#volumizing h1, h2 { visibility:hidden; }
#shine h1, h2 { visibility:hidden; }
#special h1, h2 { visibility:hidden; }

/*[02] HEADER =========================
=====================================*/

#topNav li a span,
#ritualNav li a span,
h3 span { display: block; text-indent: -9999px; }

#header { width: 100%; height: 122px; background: transparent url(../images/div_header_bg.gif) no-repeat top left; padding-top: 19px; margin-top: 1px; }
#header li { display: block; float: left; }
#topNav li a span { display: block; text-indent: -9999px; }

#topNav { width: 420px; height: 44px; padding-top: 6px; margin-left: 11px; float: left; }
#topNav li { margin-right: 2px; }
#topNav li a { display: block; background-color: #FFFFFF; background-repeat: no-repeat; background-position: top left; height: 20px; }
#topNav li a:hover { background-position: bottom left;}

#topNav #topNav1 a { background-image: url(../images/topNav_home.gif); width: 78px; margin-top: 6px; }
#topNav #topNav2 a { background-image: url(../images/topNav_promise.gif); width: 127px; margin-top: 15px; }
#topNav #topNav3 a { background-image: url(../images/topNav_stockists.gif); width: 94px; }
#topNav #topNav4 a { background-image: url(../images/topNav_contact.gif); width: 111px; margin-top: 8px; }

#globalLink { display: block; float: right; margin-top: 12px; }

#ritualNav { clear: both; margin-top: 10px; }
#ritualNav li {  }
#ritualNav li a { display: block; height: 72px;  background-repeat: no-repeat; }
#ritualNav li a:hover { background-position: bottom left; }

#ritualNav #ritualNav1 a { background-image: url(../images/ritualNav_intensive.gif); width: 144px; } 
#ritualNav #ritualNav2 a { background-image: url(../images/ritualNav_hydrating.gif); width: 146px; } 
#ritualNav #ritualNav3 a { background-image: url(../images/ritualNav_volumizing.gif); width: 146px; } 
#ritualNav #ritualNav4 a { background-image: url(../images/ritualNav_shine.gif); width: 146px; }
#ritualNav #ritualNav5 a { background-image: url(../images/ritualNav_special.gif); width: 147px; }

/*[02] FOOTER =========================
=====================================*/

#footer { width: 100%; height: 57px; background: transparent url(../images/div_footer_bg.gif) no-repeat top left; clear: both; border-top: 30px solid #FFFFFF; }
#footer form { width: 300px; float: left; }
#footer fieldset { padding-top: 10px; }
#footer label { position: absolute; left: -9999px; }
#footer #email { border: 2px solid #362314; width: 250px; padding: 3px; }
#footer #submit { position: relative; top: 6px; }
#footer p { font-size: 1.2em; width: 372px; float: right; margin-top: 8px;}
#footer p a {font-size: 0.8em; line-height: 90%; }

#home #footer { border-top: 13px solid #ffffff; padding-bottom: 0px; }
#footerInfo { padding: 20px 0 0 20px; clear: both; text-align:center; padding-bottom:30px;}
/*[03] CONTENT ========================
=====================================*/

#content { padding-bottom: 30px; margin: 10px 0 0 0; }
#content .col {width: 340px; margin: 0 5px; float:left; background-color: none; }
#content .col ul { padding-left: 20px; }
#content .col ul li { list-style-type: disc; font-size: 1.2em; }

/*TWO COL*/
.twoCol #leftCol { width: 304px; }
.twoCol #rightCol { width: 403px; padding-top: 124px; }
.twoCol #leftCol {height: 500px; }


/*HOMEPAGE*/
#home #content {background: transparent url(../images/div_homepage.jpg) no-repeat top left; margin: 5px 0 0 0; padding: 0 15px; height:409px; }
#home #content h1, #home #content h2  { visibility: hidden; height: 94px; padding: 0; margin: 0; }
#home #simioniHero {position: relative; top: -30px; }
#home #content #leftCol h3 { background: transparent url(../images/h3_restorative_treatment.gif) no-repeat top left; height: 22px; }
#home #content #leftCol { padding-top: 136px; }
#home #content #leftCol p {margin-top: 0px; }

 /*INTENSIVE RITUAL*/
#intensive #content { background: transparent url(../images/div_intensive_bg.jpg) no-repeat top left; height: 500px; }
#intensive #rightCol {padding-bottom: 10px;}
.paragraph_image {float:left; margin-right:10px;}

/*HYDRATING RITUAL*/
#hydrating #content { background: transparent url(../images/div_hydrating_bg.jpg) no-repeat top left; height: 520px; }
#hydrating #content .col ul li { list-style-type: none; font-size: 1.2em; line-height:220% }
#hydrating #rightCol { width: 350px; padding-top: 270px; padding-left:20px; }
#hydrating #leftCol { width: 340px; }


/*VOLUMIZING RITUAL*/
#volumizing #content { background: transparent url(../images/div_volumizing_bg.jpg) no-repeat top left; height: 530px; }
#volumizing #content .col ul li { list-style-type: none; font-size: 1.2em; line-height:220% }
#volumizing #rightCol { width: 365px; padding-top: 260px; padding-left:40px; }

/*SHINE & PROTECT RITUAL*/
#shine #content { background: transparent url(../images/div_shine_protect_bg.jpg) no-repeat top left; height: 548px; }
#shine #content .col ul li { list-style-type: none; font-size: 1.2em; line-height:220% }
#shine #rightCol { width: 350px; padding-top: 260px; padding-left:50px; }

/*SPECIAL CARE RITUAL*/
#special #content { background: transparent url(../images/div_specialcare_bg.jpg) no-repeat top left; height: 515px; }
#special #content .col ul li { list-style-type: none; font-size: 1.2em; line-height:220% }
#special #rightCol { width: 383px; padding-top: 260px; padding-left:20px; }

/*OUR PROMISE RITUAL*/
#promise #content { background: transparent url(../images/div_our_promise_bg.jpg) no-repeat top left; height: 549px; }
#promise #content .col ul li { list-style-type: none; font-size: 1.2em; line-height:220% }
#promise #rightCol { width: 383px; padding-top: 145px; padding-left:10px; }
#promise #content img	{ float: right; margin-left:15px; }

/*STOCKISTS*/
 
#stockists table { width: 100%; }
#stockists table h1 { height: 86px; background: transparent url(../images/h1_stockists_title.gif) no-repeat top left; }
#stockists table h1 span {display: block; text-indent: -9999px; }
#stockists table .stockistName {background-color: #2f1700;}
#stockists table td { font-size: 1.2em; vertical-align: top; }
#stockists table .stockistName td {color: #FFFFFF; font-weight: bold; text-transform: uppercase; padding: 5px 20px;}
#stockists table .address { width: 230px; padding-left: 20px; padding-bottom: 20px; }
#stockists table .telephone { width: 180px; }

/*CONTACT*/

#contact h1 { height: 86px; background: transparent url(../images/h1_contact_title.gif) no-repeat top left; }
#contact h1 span {display: block; text-indent: -9999px; }
#contact .left {float: left; width:300px; margin-left: 20px; }
#contact .right {float: right; width: 340px; margin-right: 20px; }
#contact #otherContact { margin-top: 40px; }

/*TERMS & PRIVACy*/

#terms p, #privacy p {line-height:135%; padding: 0 20px;}
#terms h1 { height: 86px; background: transparent url(../images/h1_terms_title.gif) no-repeat top left; }
#privacy h1 { height: 86px; background: transparent url(../images/h1_privacy_title.gif) no-repeat top left; }
#terms h1 span, #privacy h1 span {display: block; text-indent: -9999px; }

/*SITEMAP*/
#sitemap h1 { height: 86px; background: transparent url(../images/h1_sitemap_title.gif) no-repeat top left; }
#sitemap h1 span {display: block; text-indent: -9999px; }
#sitemap #content ul { padding-left: 20px; }
#sitemap #content li { margin-bottom: 5px; }
#sitemap #content li a { font-size: 1.2em; }

/*FORMS*/
#footer form { position:relative; }
#footer form input {position: absolute; top: 13px;}
.hide { display:none; }
#email {position: relative; top:10px;}
#submitbutton { position:relative; top:12px; left:270px; }
#loader { position:relative; top:2px; left:270px; }

#popup { width: 400px; height: 300px; position: absolute; top: 150px; left:176px; background: transparent url(../images/qvc_popup.jpg) no-repeat top left; display:none; }
#popup p { display:none; }
#popup a { color:#000; font-size:8px; } 
#popup a span { display: block; text-indent: -9999px; }

#popclose { float:right; margin-top:5px; margin-right:10px; }