/* Notes: 
- Place the styles that correspond with all themes to the framework here, you can always override them in your theme specific css files. 
- Note the use of percentages for line-height instead of px or em. Keep in mind that the user creating paths in LiveBall will be able to change the font size to any of the dynamic text elements, so you will want the line-height to be flexible.
*/


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,
b, u, i, center,
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-size: 100%;}
ol, ul 			{list-style: none;}
q, blockquote 	{quotes: none;}
:focus 			{outline: 0;}
ins 			{text-decoration: none;}
del 			{text-decoration: line-through;}


body      {margin:0;padding:15px 0 0 0;background-color:#e5e5e5;border-top:7px solid #535143;font:16px arial,helvetica,sans-serif;color:#5c5b4e;}

#loader {display:none;}
	
#wrapper {width:976px;margin:0 auto 25px auto;}
.top_border {display:block;}

#container {background:url(../img/frame-sides-main-grey.gif) top left repeat-y;}

#head {margin:0 0 0 25px;}
#head .head_elements {float:left;}
	#head .flag {margin-left:8px;}
	#head .head_elements.flag img {border:1px solid #999;}

#main_logo {margin-right:22px;}
#partner_logo {margin-right:38px;}
#promo_area {margin-right:0px;}

#heading_container {margin:0 0 0 25px;}
h1.main_heading {color:#00acec;font-size:64px;margin:14px 0 7px 0;padding:0;font-weight:normal;width:99%;}
#heading_container h2 {color:#7d7c75;font-weight:normal;font-size:18px;}

h4 {font-size:18px;
    color:#5c5b4e;
    font-weight:normal;
}

#content1_container {margin:33px 0 0 25px;}
#hero {float:left;}

#content1 {float:left;margin:-3px 0 0 45px;width:340px;}
h2.content1_title {color:#fd781f;font-size:25px;font-weight:normal;}

#points_container {margin:12px 0 0 10px;}
#points_container div {padding-bottom:14px;}
.haircut #points_container div {padding-bottom:6px;}


#points_container .points_label {clear:both;float:left;width:20px;color:#00acec;font-size:30px;margin-right:13px; margin-top:6px;}
#points_container .text {float:left;width:290px;line-height:20px;}
.points_text1 {margin:3px 0 0 0;}
.points_text2 {margin:8px 0 0 0;}
.points_text3 {margin:2px 0 0 0;}
.points_text1 div,
.points_text2 div,
.points_text3 div {
	padding-bottom:0;
	line-height:1.2 !important;
	font-size:13px;
	color:#7d7c75;
}

#main_cta {width:311px;margin-top:40px;}
.haircut #main_cta {width:311px;margin-top:34px;}
.offerhc #main_cta {width:311px;margin-top:50px;}
.cta_1_text {text-align:center;color:#7b9a43;font-size:12px;}

#content2_container {margin:36px 0 0 6px;position:relative;}
#tab1_container {width:960px;background:white url(../img/tabs-low-background.gif) bottom left no-repeat;padding:0 0 50px 0;position:relative;}
#tab2_container {width:960px;background:white url(../img/tabs-low-background.gif) bottom left no-repeat;padding:0 0 50px 0;display:none;position:relative;}
#tab3_container {width:960px;background:white url(../img/tabs-low-background.gif) bottom left no-repeat;padding:0 0 50px 0;display:none;position:relative;}



#tab_links {width:960px;height:38px;background:white url(../img/value/tab-1.gif) top left no-repeat;position:relative;}
.page_value #tab_links {background:white url(../img/cherry_uvq/Tab_V2_A.gif) top left no-repeat;}
.page_quality #tab_links {background:white url(../img/cherry_uvq/Tab_V3_A.gif) top left no-repeat;}
#tab_links #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}
#left {float:left;margin:20px 0 0 0;padding-left:25px;}
#middle {float:left;margin:20px 0 0 10px;}
.button_container {position:absolute;left:740px;top:60px;}
#tab1_container .button_container {position:relative;float:left;padding:0;left:0;top:0;margin:136px 0 0 40px;}
#tab2_container .button_container {top:18px;}
#tab3_container .button_container {top:63px;}		
#content2_container h3 {width:320px;padding-left:40px;padding-bottom:13px;color:#00ACEC;}
#content2_container ul {width:320px;list-style:outside disc;padding-left:40px;}
#content2_container ul li {color:#97c275;font-size:20px;line-height:15px;padding-bottom:13px;}
#content2_container ul li span {color:#5c5b4e;font-size:14px;}
#content2_container ul li a.link {font-size:11px;text-decoration:none;color:#535143;display:block;padding-top:3px;}
#content2_container ul li a.link:hover {text-decoration:underline;}

#tab2_container .text {margin:0px 0 0 30px;padding-top:40px;}
#tab2_container #sample_container {margin:15px 0 0 23px;}

#tab2_container .sample {float:left;}
#tab2_container .description1 {width:109px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description2 {width:122px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description3 {width:136px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description4 {width:157px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description5 {width:156px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description6 {width:104px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description7 {width:95px;height:88px;background:#f9f4e4;padding:10px 0 0 0;margin-right:5px;}
#tab2_container  .title {font-weight:bold;color:#fd781f;font-size:10px;margin-left:7px;text-transform:uppercase;}
#tab2_container  .color {color:#fd781f;font-size:10px;margin-left:7px;}
#tab2_container  .size {font-weight:bold;color:#7f9f45;font-size:10px;margin-top:2px;margin-left:7px;}
#tab2_container  .price {color:#525143;font-size:10px;margin-top:2px;margin-left:7px;}

#tab3_container #book_container {background:#ffffff;width:937px;height:319px;margin:6px 0 0 11px;}
#tab3_container .text {margin:0px 0 0 30px;padding-top:18px;}
#sample_2 {display:none;}
#sample_3 {display:none;}
#sample_4 {display:none;}
#sample_5 {display:none;}
#left_arrow {float:left;margin:110px 2px 0 3px;}
#book_samples {float:left;margin:15px 0 0 0;width:641px;height:288px;overflow:hidden;}
#right_arrow {float:left;margin:110px 0 0 2px;}


#content3_container {margin:28px 0 0 6px;}
#quote1 {float:left;margin:0px 0 0 0;padding-left:112px;width:312px;}
#quote2 {float:left;margin:0px 0 0 95px;width:290px;}
#quotes_container {font-size:14px;color:#9f9983;}
#quotes_container .quote_text {}
#quotes_container .quote_sig {font-size:11px;float:right;}
#quotes_container .quote_text strong {color:#525143;font-weight:normal;}


#content4_container {margin:30px 0 0 35px;}
.cred_text {font-size:14px;color:#7e7f79;margin-bottom:15px;margin-right:35px;}

#cred_container .cred_logo {float:left;margin:0 8px 0 0;}
	#cred-container .cred_logo img {border:0;}

#footer {height:55px;background:url(../img/frame-footer-grey.gif) top left no-repeat;margin:0}
#copy {color:#fff;font-size:11px;float:right;margin:20px 25px 0 0;}


.open {height:25px;}

.clearer {clear:both!important; font-size:0!important; line-height:0!important; height:0!important; overflow:hidden!important;margin:0 !important;padding:0 !important;}


.notes {color:#9F9983; font-size:80%;}
.steps-title {text-decoration:underline; font-size:120%; margin-top:-15px;}