@charset "utf-8";

/* reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { font-style:normal; font-weight:normal; }
ol,ul { 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; }
:focus { outline: 0; }
div.clearer { clear:both; }

div#dl_popOverScreen {position: absolute; z-index: 100; background-color: #000000; opacity: .5; filter:alpha(opacity=50); width: 100%;}
div#dl_popOver {position: absolute; z-index: 101; top: 70px; left: 65px; width: 588px; height: 200px; background-color: #fff; background-image: url(/img/resources/download_icon.gif); background-repeat: no-repeat; background-position: 21px 46px;}
div#dl_popOver div#download_tit {position: absolute; left: 137px; top: 37px; background-image: url(/img/resources/download_tit.gif); width: 397px; height: 15px; text-indent: -99999em; font-size: 0px; line-height: 0px;}
div#dl_popOver div#download_text {position: absolute; left: 137px; top: 65px; width: 435px; font-size: 12px; line-height: 14px; font-family: Arial;}
div#dl_popOver a#download_cancel {position: absolute; display: block; text-indent: -99999em; width: 78px; height: 21px; left: 220px; top: 152px; background-image: url(/img/resources/download_cancel.gif);}
div#dl_popOver a#download_ok {position: absolute; display: block; text-indent: -99999em; width: 58px; height: 21px; left: 368px; top: 152px; background-image: url(/img/resources/download_ok.gif);} 

div#container {
	width: 719px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	position: relative;
	height:590px;
	overflow:hidden;
}
div#container div#mainArea {
	width: 497px;
	position: relative;
	float: left;
	background-color: #ffffff;
	background-image: url(/img/resources/main_gradient_bg.gif);
	background-repeat: repeat-x;
	padding: 28px 17px 0px 17px;
}
div#container div#mainArea h1 {
	text-indent: -99999em;
	width: 393px;
	height: 45px;
	background-image: url(/img/resources/h_salonresources.gif);
}
div#container div#mainArea p {
	font-size: 12px;
	line-height: 14px;
	margin: 10px 0px 34px 0px; 
}
div#container div#mainArea div#resMenu {
	background-image: url(/img/resources/salonresources_imgs.jpg);
	background-repeat: no-repeat;
	padding-left: 222px;
	height: 1065px;
}
div#container div#mainArea div#resMenu p {
	font-size: 11px;
	line-height: 14px;
	margin: 15px 0px;
}
div#container div#mainArea div#resMenu h2 {
	text-indent: -99999em;
	background-repeat: no-repeat;
	height: 22px;
}
div#container div#mainArea div#resMenu div#ecards h2 {
	background-image: url(/img/resources/h_ecards.gif);
	width: 90px;
}
div#container div#mainArea div#resMenu div#giftcer h2 {
	background-image: url(/img/resources/h_giftcer.gif);
	width: 200px;
}
div#container div#mainArea div#resMenu div#shelftalk h2 {
	background-image: url(/img/resources/h_shelftalk.gif);
	width: 164px;
}
div#container div#mainArea div#resMenu div#salonplan h2 {
	background-image: url(/img/resources/h_salonplan.gif);
	width: 198px;
}
div#container div#mainArea div#resMenu div#healthsafety h2 {
	background-image: url(/img/resources/h_healthsafety.gif);
	width: 182px;
}
div#container div#mainArea div#resMenu div#shelftalk {
	margin-bottom: 13px;
}
div#container div#mainArea div#resMenu div#salonplan {
	margin-bottom: 20px;
}
div#container div#mainArea div#resMenu a.getstarted {
	background-image: url(/img/resources/a_getstarted.gif);
	height: 27px;
	width: 118px;
	text-indent: -99999em;
	display: block;
}
div#container div#mainArea div#resMenu a.seeall {
	background-image: url(/img/resources/a_seeall.gif);
	height: 27px;
	width: 84px;
	text-indent: -99999em;
	display: block;
}
div#container div#mainArea div#resMenu a.findout {
	background-image: url(/img/resources/a_findoutmore.gif);
	height: 27px;
	width: 130px;
	text-indent: -99999em;
	display: block;
}
div#container div#mainArea div#resMenu div.divider {
	height: 59px;
	background-image: url(/img/resources/dotted_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 30px;
}

div#container div#sidebar {
	width: 168px;
	height: 1218px;
	position: relative;
	float: left;
	background-color: #454545;
	padding: 10px;
}
div#container div#sidebar div.divider {
	height: 30px;
	background-image: url(/img/resources/dotted_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 15px;
}
div#container div#sidebar div#rdkevents img {
	margin: 10px 0px 10px 15px;
}

div#container div#sidebar div#rdkevents h3 {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_rdkevents.gif);
	width: 143px;
	height: 19px;
	margin: 10px 0px;
}
div#container div#sidebar div#blondeglam h3 {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_blondeglam.gif);
	width: 125px;
	height: 61px;
	margin: 10px 0px;
}
div#container div#sidebar div#club5th h3 {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_club5th.gif);
	width: 161px;
	height: 19px;
	margin: 10px 0px;
}
div#container div#sidebar a {
	margin: 10px 0px;
}
div#container div#sidebar div#rdkevents a {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_a_tribe.gif);
	display: block;
	height: 21px;
	width: 148px;
}
div#container div#sidebar div#blondeglam a {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_a_blondeglam.gif);
	display: block;
	height: 21px;
	width: 159px;
}
div#container div#sidebar div#club5th a.button {
	text-indent: -99999em;
	background-image: url(/img/resources/sideb_a_club5th.gif);
	display: block;
	height: 21px;
	width: 139px;
}
div#container div#sidebar div#club5th a.plink {
	font-weight: bold;
	color: #ffffff;
}
div#container div#sidebar p {
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
}


div#container div#wideArea {
	width: 685px;
	background-color: #ffffff;
	background-image: url(/img/resources/main_gradient_bg.gif);
	background-repeat: repeat-x;
	padding: 28px 17px 0px 17px;
}
div#container div#wideArea h1.giftCer {
	background-image: url(/img/resources/h1_giftCer.gif);
	width: 396px;
	height: 45px;
	text-indent: -99999em;
}
div#container div#wideArea p {
	font-size: 12px;
	line-height: 14px;
	margin: 15px 0px 36px 0px;
}
div#container div#wideArea p strong {
	font-weight: bold;
}
div#container div#wideArea div.threeCol {
	width: 217px;
	position: relative;
	float: left;
	margin-right: 17px;
	margin-bottom: 30px;
	
}
div#container div#wideArea div.threeCol a {
	display: block;
	height: 27px;
	width: 103px;
	background-image: url(/img/resources/a_download_button.gif);
	text-indent: -99999em;
}
div#container div#wideArea div#valentine {
	margin-right: 0px;
}
div#container div#wideArea div.threeCol img {
	margin-bottom: 18px;
}
div#container div#wideArea div.threeCol h2 {
	height: 22px;
	width: 159px;
	text-indent: -99999em;
	margin-bottom: 6px;
} 
div#container div#wideArea div#allOcc1 h2 {
	background-image: url(/img/resources/h2_allocc.gif);
}
div#container div#wideArea div#allOcc2 h2 {
	background-image: url(/img/resources/h2_allocc.gif);
}
div#container div#wideArea div#valentine h2 {
	background-image: url(/img/resources/h2_valentine.gif);
}
div#container div#wideArea div#formen h2 {
	background-image: url(/img/resources/h2_formen.gif);
}
div#container div#wideArea div#birthday h2 {
	background-image: url(/img/resources/h2_birthday.gif);
}


div#container div#wideArea h1.ecards {
	background-image: url(/img/resources/h1_ecards.gif);
	width: 338px;
	height: 45px;
	text-indent: -99999em;
}

div#container div#wideArea span.query {
	padding-left: 25px;
	background-image: url(/img/resources/question.gif);
	display: block;
	line-height: 20px;
	background-repeat: no-repeat;
	margin-top: 10px;
}

div#container div#wideArea span.query a {
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

div#container div#wideArea div.threeCole {
	width: 195px;
	position: relative;
	float: left;
	margin-right: 50px;
	margin-bottom: 30px;
}
div#container div#wideArea div.threeCole img {
	margin-bottom: 18px;
}
div#container div#wideArea div.threeCole a.preview {
	display: block;
	height: 27px;
	width: 81px;
	background-image: url(/img/resources/link_preview.gif);
	text-indent: -99999em;
	position: relative;
	float: left;
}
div#container div#wideArea div.threeCole a.select {
	display: block;
	height: 27px;
	width: 71px;
	background-image: url(/img/resources/link_select.gif);
	text-indent: -99999em;
	position: relative;
	float: left;
	margin-left: 43px;
}
div#container div#wideArea h1.salonplan {
	background-image: url(/img/resources/h1_salonplan.gif);
	width: 393px;
	height: 45px;
	text-indent: -99999em;
}

div#container div#wideArea h1.shelftalk {
	background-image: url(/img/resources/h1_shelftalk.gif);
	width: 326px;
	height: 45px;
	text-indent: -99999em;
}
div#container div#wideArea div.threeColst {
	width: 200px;
	position: relative;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
}
div#container div#wideArea div.threeColst img {
	margin-bottom: 18px;
}
div#container div#wideArea div.threeColst a {
	display: block;
	height: 27px;
	width: 103px;
	background-image: url(/img/resources/a_download_button.gif);
	text-indent: -99999em;
	position: relative;
	left: 97px;
}

/* OTHER RESOURCES*/
div#otherResources {
	height: 208px;
	width: 719px;
	background-image: url(/img/resources/otherResources_bg.jpg);
	padding-top: 66px;
	text-align: left;
}
div#otherResources h3 {
	height: 0px;
	width: 0px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -99999em;
}
div#otherResources h4 {
	text-indent: -99999em;
	height: 16px;
	background-repeat: no-repeat;
	margin-bottom: 150px;
}
div#otherResources div.ecards h4 {
	background-image: url(/img/resources/other_h_ecards.gif);
	background-position: 48px 0px;
}
div#otherResources div.giftcer h4 {
	background-image: url(/img/resources/other_h_giftcer.gif);
	background-position: 9px 0px;
}
div#otherResources div.shelftalk h4 {
	background-image: url(/img/resources/other_h_shelftalk.gif);
	background-position: 24px 0px;
}
div#otherResources div.salonplan h4 {
	background-image: url(/img/resources/other_h_salonplan.gif);
	background-position: 10px 0px;
}
div#otherResources div.healthsafety h4 {
	background-image: url(/img/resources/other_h_healthsafety.gif);
	background-position: 14px 0px;
}
div#otherResources div.otherSec {
	text-align: center;
	width: 158px;
	margin-left: 17px;
	position: relative;
	float: left;
}
div#otherResources div.otherSec img {
	display: block;
}
div#otherResources div {
	background-repeat: no-repeat;
	height: 208px;
}
div#otherResources div.ecards {
	background-image: url(/img/resources/other_ecards.gif);
	background-position: 2px 23px;
}
div#otherResources div.giftcer {
	background-image: url(/img/resources/other_giftcer.gif);
	background-position: 8px 23px;
}
div#otherResources div.shelftalk {
	background-image: url(/img/resources/other_shelftalk.gif);
	background-position: 7px 23px;
}
div#otherResources div.salonplan {
	background-image: url(/img/resources/other_salonplan.gif);
	background-position: 25px 23px;

}
div#otherResources div.healthsafety {
	background-image: url(/img/resources/other_healthsafety.gif);
	background-position: 40px 23px;
}

div#otherResources a {
	height: 21px;
	display: block;
	text-indent: -99999em;
	position: relative;
}
div#otherResources a.getstarted {
	background-image: url(/img/resources/a_sm_getstarted.gif);
	width: 100px;
	left: 30px;
}
div#otherResources a.seeall {
	background-image: url(/img/resources/a_sm_seeall.gif);
	width: 72px;
	left: 43px;
}
div#otherResources a.findout {
	background-image: url(/img/resources/a_sm_findout.gif);
	width: 111px;
	left: 24px;
}