﻿/* 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;
	border-top:7px solid #535143;
	font:16px arial,helvetica,sans-serif;
	color:#5c5b4e;
	background-color: #e5e5e5;
}

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

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

#head {margin:0 0 0 25px;}
#head .head_elements {float:left;}

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

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

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

#content1_container {margin:10px 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:10px;}
#points_container .points_label {clear:both;float:left;width:20px;color:#00acec;font-size:30px;margin-right:13px;}
#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;}

#main_cta {width:311px;margin-top:20px;}
.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('ion/tabs-low-background.gif') no-repeat left bottom;
padding:0 0 50px 0;position:relative;
}
#tab2_container {width:960px;background:white url('ion/tabs-low-background.gif') no-repeat left bottom;
padding:0 0 50px 0;display:none;position:relative;
}
#tab3_container {width:960px;background:white url('ion/tabs-low-background.gif') no-repeat left bottom;
padding:0 0 50px 0;display:none;position:relative;
}



#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;}

#tab_links_qual #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_qual #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_qual #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}

#tab_links_val #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_val #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_val #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}

#tab_links_unq #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_unq #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_unq #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}

#tab_links_FR #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_FR #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_FR #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}

#tab_links_DE #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_DE #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_DE #three {top:3px;left:450px;width:235px;height:33px;position:absolute;}

#tab_links_ESP-2 #one {top:3px;left:21px;width:212px;height:33px;position:absolute;}
#tab_links_ESP-2 #two {top:3px;left:248px;width:190px;height:33px;position:absolute;}
#tab_links_ESP-2 #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 {top:18px;}
#tab2_container .button_container {top:18px;}
#tab3_container .button_container {top:63px;}		
#content2_container ul {width:320px;list-style:outside disc;padding-left:40px;}
#content2_container ul li {color:#97c275;font-size:20px;line-height:14px;padding-bottom:13px;}
#content2_container ul li span {color:#5c5b4e;font-size:15px;}
#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:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description2 {width:122px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description3 {width:136px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description4 {width:157px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description5 {width:156px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description6 {width:104px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container .description7 {width:95px;height:82px;background:#faf9f9;padding:10px 0 0 0;margin-right:5px;}
#tab2_container  .title {font-weight:bold;color:#fd781f;font-size:10px;margin-left:7px;}
#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;}
#sample_6 {display:none;}
#sample_7 {display:none;}
#sample_8 {display:none;}
#sample_9 {display:none;}
#sample_10 {display:none;}
#left_arrow {float:left;margin:110px 2px 0 3px;}
#book_samples {float:left;margin:15px 0 0 0;width:641px;height:284px;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;}
#cred_container .cred_logo {float:left;margin:0 11px 0 0;}

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

#cnn_toptstmparea {
	width: 100%;
	background-color: #fafafa;
	height: 28px;
	color: #9a9a9a;
	font: normal 10px/10px arial,Helvetica,Utkal,sans-serif;
	overflow: hidden;
}
#cnn_toptstmparea65 {
	width: 100%;
	background-color: #fafafa;
	height: 65px;
	color: #9a9a9a;
	font: normal 10px/10px arial,Helvetica,Utkal,sans-serif;
	overflow: hidden;
}

#cnn_toptstmparea span {
	display: block;
	padding: 4px 0 0 4px;
}

.cnnOpin {
	padding: 3px 12px 0 0;
	z-index: 10;
}
.cnnOpin a.realmLink:hover {
	color: #ca0002;
}
.cnnOpin a.realmLink {
	font-weight: 700;
	font-size: 11px;
	color: #004276;
}


.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;}
















