/*
+ Delete London
+ Global Styles
+ Delete Designed
+ http://www.deletelondon.com
*/
/******************************************************************************
RESET STYES
******************************************************************************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
body{font-size:62.5%;line-height:1.5em;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Mac Safari/Firefox Hack for text rendering */
/* You need to be careful with this fix,as it will break any Flash element that it touches in Firefox. */
.fix,.fix *{opacity:.999;}
/* Safari3 Hack for rendering light type on dark background - Change colour to background colour */
.type{/* text-shadow:#000 0 0 0;*/}
/* Start of Specific Styles */
body{margin:0 auto;font-family:Arial,Verdana,sans-serif;color:#717171;background:#fff url('/images/global_bg.gif') repeat-x scroll top left;}
/******************************************************************************
GENERAL STYLES
******************************************************************************/
img,input,select,option{vertical-align:middle;}
p{font-size:1.1em;line-height:1.4em;padding-bottom:10px;}
h1{font-size:3.0em;padding-bottom:10px;}
h2{font-size:2em;color:#6EC3E1;line-height:1.2em;margin-bottom:15px;}
h3{font-size:1.7em;}
h4{font-size:1.2em;}
em,i{font-style:italic;}
strong,b{font-weight:bold;}
/* ########## Links ########## */
a{color:#3B84B5;text-decoration:none;}
a:hover{text-decoration:underline;}
/* ########## Useful ########## */
.left{float:left;}
.right{float:right;}
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}
/* Hides from IE-mac \*/
* html .clear{height:1%;}
.clear{display:block;}
/* End hide from IE-mac */
.clear{clear:both;}
/******************************************************************************
FORM STYLES
******************************************************************************/
dl.zend_form{}
dl.zend_form dt{clear:both;display:block;float:left;width:80px;height:25px;}
dl.zend_form dt label{font-weight:bold;}
dl.zend_form dd{display:block;float:left;width:335px;}
/******************************************************************************
GLOBAL STYLES
******************************************************************************/
#globalWrap{width:958px;margin:0 auto;position:relative;}
#header{height:177px;overflow:hidden;position:relative;}
#header #headerLogo{margin:23px 0 0 0;}
#header #headerNavLinks{position:absolute;top:20px;right:10px;}
#header #headerNavLinks li{float:left;color:#5b5b5b;margin-left:5px;font-size:12px;}
#header #headerNavLinks li a{color:#5b5b5b;}
#header #headerSocial { position: absolute; top: 55px; right: 0px; font: bold 12px/30px Arial, sans-serif; color: #a4a4a4;}
#header #headerSocial a { margin: 0 3px;}
#header #headerSocial span { margin-right: 5px; position: relative; top: 2px; }
#header #headerCrumb{position:absolute;top:156px;left:5px;font-size:11px;color:#5b5b5b;}
#header #headerCrumb a{font-size:11px;color:#5b5b5b;}
#header #mainNav{position:absolute;height:50px;top:104px;left:1px;}
#header #mainNav li{float:left;}
#header #mainNav li a{color:#ffffff;display:block;text-indent:-1000px;overflow:hidden;height:42px;}
#header #mainNav li a:hover{background-position:0 -44px;}
#header #mainNav li.selected a{background-position:0 -86px;}
#header #mainNav li.selected a:hover{background-position:0 -86px;}
#mainNavHome a{background:transparent url('/images/global_topNav_home.gif') no-repeat scroll left -2px;width:77px;}
#mainNavProhairdressing a{background:transparent url('/images/global_topNav_prohairdressing.gif') no-repeat scroll left -2px;width:134px;}
#mainNavProgrooming a{background:transparent url('/images/global_topNav_progrooming.gif') no-repeat scroll left -2px;width:128px;}
#mainNavProbeauty a{background:transparent url('/images/global_topNav_probeauty.gif') no-repeat scroll left -2px;width:110px;}
#mainNavGettingcreative a{background:transparent url('/images/global_topNav_gettingcreative.gif') no-repeat scroll left -2px;width:141px;}
#mainNavNews a{background:transparent url('/images/global_topNav_news.gif') no-repeat scroll left -2px;width:133px;}
#mainNavStyleawards a{background:transparent url('/images/global_topNav_styleawards.gif') no-repeat scroll left -2px;width:122px;}
#mainNavNewsletter a{background:transparent url('/images/global_topNav_newsletter.gif') no-repeat scroll left -2px;width:111px;}
#headerNewsletterSignup{display:none;background:transparent url('/images/global_top_newsletterSignup.png') no-repeat scroll top left;width:240px;height:122px;position:absolute;top:143px;right:0px;z-index:1000;overflow:hidden;}
#headerNewsletterSignup #newsletterSignup {padding:10px;bottom:8px;position:absolute;}
#headerNewsletterSignup #newsletterSignupEmailAddress {color:#ffffff;font-size:12px;}
#headerNewsletterSignup #newsletterSignupClose a {position:absolute;top:11px;right:18px;color:#f0f0f0;text-decoration:underline;}
#headerNewsletterSignup #inputemail {border:1px solid #6b6b6b;width:210px;margin:7px 0 7px 0;}
#headerNewsletterSignup #newsletterError {color:#e31d1d;position:absolute;top:51px;left:12px;display:none;}
#headerNewsletterSignup #inputsubscribe {background:url(/images/button_subscribe.gif);display:block;width:79px;height:23px;text-indent:-9999px;float:right;margin-right:8px;margin-top:20px;}
#headerNewsletterSignup #newsletterprivacy a {position:absolute;bottom:20px;left:12px;color:#f0f0f0;text-decoration:underline;}
#headerNewsletterSignup #newsletterMessage { font-size:12px;padding:13px;color:#ffffff;line-height:19px;}

#footer{background:#eaeaea url('/images/global_footer_bg.gif') repeat-x scroll top left;height:295px;color:#717171;}
#footer #footerWrap{width:958px;margin:0 auto;position:relative;height:295px;}
#footer #footerNavGroupWrap{position:relative;height:223px;margin-left:0px;}
#footer #footerLogo{position:absolute;top:160px;right:2px;}
#footer .footerNavGroup{width:150px;margin-left:8px;float:left;height:223px;overflow:hidden;}
#footer .footerNavGroup .footerNavHeader{font-size:12px;font-weight:bold;margin-bottom:11px;}
#footer .footerNavGroup ul{margin-top:2px;}
#footer .footerNavGroup li{font-size:11px;line-height:21px;}
#footer .footerNavGroup li a{color:#717171;text-decoration:none;}
#footer .footerNavGroup li a:hover{text-decoration:underline;}
#footer #footerNavInfo{float:right;margin-right:8px;margin-top:6px;}
#footer #footerNavInfo a{color:#717171;text-decoration:underline;}
#footer #footerNavLinks{margin-left:8px;}
#footer #footerNavLinks li{float:left;font-size:10px;line-height:25px;margin-right:5px; height: 25px; }
#footer #footerNavLinks li a{color:#717171;}
#footer #footerNavLinks li img {vertical-align: middle;}
#footer #footerNavLinks li#facebook a:hover {text-decoration: none;}
#footer #footerCopyright{position:absolute;bottom:21px;right:9px;}
#footer #footerDeleted{position:absolute;bottom:22px;left:4px;}
#content{min-height:400px;background:#fff url('/images/background_home.gif') no-repeat scroll left top;}
/******************************************************************************
HOME PAGE
******************************************************************************/
#homePage .homeSubHeader, #homePage .homeSubHeaderSecondary{font-size:15px;font-weight:bold;}
#homePage .homeSubHeaderSecondary{margin: 12px 0 12px 12px;}
#homePage .homeSubHeaderSecondary .text{position: relative;top: 5px;}
#homePage a{color:#717171;text-decoration:none;}
#homePage a:hover{text-decoration:underline;}
#homePage #homeMainColumn{width:637px;}
#homePage #homeMainImage{margin-left:21px;margin-top:22px;}
#homePage #homeMainLinks{margin-left:23px;}
#homePage #homeMainLinks a{float:left;}
#homePage #homeMainStyle{background:url('/images/home_styleawards_bg.gif') no-repeat scroll top left;width:604px;height:318px;margin-left:26px;margin-top:20px;margin-bottom:33px;position:relative;}

#homePage #homeMainStyle .viewandratestyles a {margin-top: 1.5em;margin-left: -2px;display:block;width:132px;height:26px;background:url(/images/button_viewandratestyles.gif); text-indent:-9999px;}
#homePage #homeMainStyle .viewandratestyles a:hover {background:url(/images/button_viewandratestyles.gif) scroll 0 26px;}

#homePage #homeNews .morenews a {display:block;width:79px;height:23px;background:url(/images/button_morenews.gif); text-indent:-9999px;height:23px;margin-left:193px;}
#homePage #homeNews .morenews a:hover {background:url(/images/button_morenews.gif) scroll 0 23px;}

#homePage #homeRightColumn #homeGettingCreative .seemore a {float:right;display:block;width:78px;height:23px;background:url(/images/button_seemore.gif); text-indent:-9999px;position:absolute;bottom:20px;right:10px;}
#homePage #homeRightColumn #homeGettingCreative .seemore a:hover {background:url(/images/button_seemore.gif) scroll 0 23px;}

#homePage #homeMainStyleHeader{margin-left:18px;padding-top:14px;height:20px;}
#homePage #homeMainStyleHeader a{white-space:nowrap;}
#homePage #homeMainStyleWrap {width:258px;}
#homePage #homeMainStyle #homeMainStyleImage{width:244px;height:244px;margin-left:12px;}
#homePage #homeMainStyle #homeMainStyleImage img{margin-left:10px;}
#homePage #homeMainStyleSubtext{font-size:11px;margin-left:19px;margin-top:2px;}
#homePage #homeMainStyleSubtext a{text-decoration:underline;color:#717171;}
#homePage #homeMainStyle #homeMainStyleSubImages{margin-top:37px;width:330px;}
#homePage #homeMainStyle #homeMainStyleSubImagesText{font-size:12px;margin-left:18px;margin-top:10px;line-height:19px;}
#homePage #homeMainStyle .homeMainStyleSubImage{float:left;border:1px solid #ccc;margin-left:5px;}
#homePage #homeMainStyle .firstStyleSubImage{margin-left:10px;}
#homePage #homeMainStyle .homeMainStyleSubImage img{border:1px solid white;}
#homePage #homeRightColumn{width:310px;}
#homePage #homeNews{padding-left:15px;position:relative;margin:0 0 15px;}
#homePage #homeRightNewsHeader{margin-top:30px;margin-bottom:11px;}
#homePage #homeRightColumn .homeRightNewsWrap{background:transparent url('/images/home_news_bg.gif') no-repeat scroll top left;width:267px;}
#homePage #homeRightColumn .homeRightNewsTitle{float:left;font-size:13px;font-weight:bold;width:150px;margin-top:10px;}
#homePage #homeRightColumn .homeRightNewsText{float:left;font-size:12px;width:150px;margin-top:3px;}
#homePage #homeRightColumn .homeRightNewsImageWrap{float:left;border:1px solid #e6e6e6;margin-left:7px;margin-right:9px;margin-top:9px;height:60px;}
#homePage #homeRightColumn .homeRightNewsImageWrap img{border:3px solid white;}
#homePage #homeRightColumn #homeRightCreativeHeader{margin-left:15px;padding-top:19px;}
#homePage #homeRightColumn #homeGettingCreative{background:url('/images/home_creative_bg.gif') no-repeat scroll top left;width:297px;height:310px;position:relative;}
#homePage #homeRightColumn #homeCreativeVideo{margin-left:15px;margin-top:10px;width:269px;height:152px;border:1px solid #e6e6e6;}
#homePage #homeRightColumn #homeCreativeVideoBorder {border:2px solid white;width:265px;height:148px;}
#homePage #homeRightColumn #homeCreativeText{font-size:12px;margin-left:15px;margin-top:10px;width:262px;line-height:19px;}
/* portal */
#portal {width:1000px;height:668px;background:url(/images/portal_bg.gif);margin:auto auto; position:relative;}
#portal span a {position:absolute;top:7px;right:9px;color:#FFFFFF;}
#portal #babylissimg {position:absolute;top:243px;left:324px;}
#portal #country {position:absolute;top:334px;left:324px;height:15px;width:350px;}
#portal #links {position:absolute;bottom:0;left:0;height:59px;width:1000px;}



/* ####################### sIFR styles ################## */
/* These are standard sIFR styles... do not modify */
.sIFR-flash{visibility:visible !important;margin:0;}
.sIFR-replaced{visibility:visible !important;}
span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden;}
/* Hide Adblock Object tab:the text should show up just fine,not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true]{display:none !important;}
.sIFR-hasFlash .imageDiv{display:none;}
.sIFR-hasFlash #noFlashImage{display:none;}

