/* This is the style of your browser text */ * { margin: 0; padding: 0; } body { font: 62.5% Tahoma ,Arial, Verdana, sans-serif; color: #333; background: #EBEDDF; margin:0; line-height:1.6em; } #container { position:relative; width: 760px; margin:auto; } #header { width:760px; height:85px; background:#10110E; text-align:right; } .dropdown { width: 125px; position:absolute; top:89px; left:620px; font-family:Arial, Helvetica, sans-serif; background:#666; border: 0; font-size: 11px; color: #ccc; margin: 4px 0 4px 0; } #navcontainer ul { font-size:1.1em; padding-left: 0; margin-left: 0; background: #333 url(images/menu_back_slice.gif) repeat-x top; color: #fff; float: left; width: 100%; } #navcontainer ul li { display: inline; } #navcontainer ul li a { padding: 0.6em 1.6em; border-top:solid 1px #666; color:#fff; text-decoration:none; font-weight:normal; float: left; } #navcontainer ul li a:hover { border-top:solid 1px #A33737; background:#222; color: #fff; } #navcontainer a:active, #navcontainer a.selected2 { border-top:solid 1px #BDD06C; background:#444; color: #fff; } #sub_navcontainer ul { font-size:1.1em; padding-left: 0; margin:5px 0 0 0; background:#fff; border-top:solid 1px #EBEDDF; border-bottom:solid 1px #EBEDDF; float: left; width: 100%; } #sub_navcontainer ul li { display: inline; } #sub_navcontainer ul li a { padding: 0.6em 2.1em; color:#333; text-decoration:none; font-weight:normal; float: left; } #sub_navcontainer ul li a:hover { background:#EFF0E9; color: #333; } #sub_navcontainer a:active, #sub_navcontainer a.selected { background:#DFE0D3; color: #333; } #home_banner { width:760px; height:275px; clear:left; background:#fff; } #fullWidth_column { float:left; width:720px; background:#fff; padding:20px; margin:0 0 5px 0; } #fullWidth_column_img { float:left; width:720px; padding:20px; } #fullWidth_column_sub { float:left; width:740px; background:#fff; padding:20px 0 20px 20px; margin:5px 0 5px 0; } #twoThird_column { float:left; width:465px; background:#fff; padding:20px; } #oneThird_column_holder { float:left; width:250px; background:#fff; } #oneThird_column {float:right; width:210px; padding:20px; background:#fff; margin:0 0 0 0; } #column_wrap { background: url(images/column_back.gif) top repeat-y; margin:5px 0 0 0; } .dotted_break { background:url(images/dotted_hori.gif) repeat-x bottom; padding:0 0 10px 0; } .skintype_box { padding:4px; border:solid 1px #d4d4d4; } .stockimg01 { background:#fff url(images/stock_pics01.jpg) top right no-repeat; } .stockimg02 { background:#fff url(images/stock_pics02.jpg) bottom right no-repeat; } .stockimg03 { background:#fff url(images/stock_pics03.jpg) bottom right no-repeat; } .pictures_img { padding:10px 10px 0 0; width:38% } .pictures_img2 { padding:10px 10px 0 0; } .picture_p { padding:0 160px 0 0; } .your_skin_pad { padding:0 120px 0 0; } .media_pics { float:left; margin:12px 0 0 0; padding:0 10px 10px 0px; } .clear { clear:both; } .clear_left { clear:left; } .floatLeft { float:left; } .floatRight { float:right; } a:link { color: #710101; text-decoration: underline; } a:visited { color: #710101; text-decoration: underline; } a:hover { color: #710101; text-decoration: none; } a:active { color: #710101; text-decoration: none; } a.grey:link, a.grey:visited { color: #888; text-decoration: underline; } a.grey:hover { color: #888; text-decoration: none; } a.grey:active { color: #888; text-decoration: none; } p { margin: 0.9em 0 0.9em 0; font-size: 1.1em; } .small_grey_text { font-size:1em; color:#666666; } .margin01 { margin:0 0 0 0 !important; margin:0 0 -30px 0; } .margin02 { margin:0 0 0 0 !important; margin:0 0 -25px 0; } .margin03 { margin:5px 0 0 0; } .margin043 { margin:5px 0 0 5px; } .margin05 { margin:0 0 0.9em 0; } .margin06 { margin:0 0 1px 0; } .pad01 { padding:0 0 10px 0; } .pad02 { padding:0 0 0 5px; } .pad03 { padding:0 40px 0 0; } .pad04 { padding:5px 100px 0 0; } .pad06 { padding:5px 200px 0 0; } .pad05 { padding:10px 0 0 0; } .pad06 { padding:0 195px 0 0; } .dotted_break {	background:url(images/dotted_hori.gif) repeat-x top; margin: 0;	padding: 10px 0 10px 0; } .red_product { color:#710101; size:1.1em; } .red_product2 { color:#710101; size:1.2em; } .red_header { color:#710101; size:1.2em; display:block; background:url(images/matrix2.gif); padding:2px; } .comp_header { color:#333; size:1.1em; display:block; background:url(images/matrix2.gif); width:330px; background-position:0 0; padding:10px 10px 10px 10px; } .comp_header_img { float:left; margin:5px 5px 5px 0; } .comp_header_txt { float:left; padding:13px 0 0 5px; } .dooted_break {background:url(images/dotted_hori.gif) repeat-x bottom; height:4px; margin:0 0 4px 0; } .tripple_column { float:left; width:270px; padding:0 35px 0 0; } .double_column { float:left; width:240px; padding:10px 25px 0 0; } .skintype_column { width:330px; padding:10px; } #list { margin:0 0 0 0; padding:0 0 0 0; list-style:none; } #list li { font-size: 1.1em; padding:2px 0 2px 13px; margin:2px 0 2px 0; font-weight:bold; background:url(images/product_bullet.gif) left no-repeat; } .list_skin_holder { float:left; padding:0; background: url(images/matrix.gif); margin:10px 10px 0 0; } .list_skin { margin:0 0 5px 0; padding:3px 0 0 0; list-style:none; } .list_skin li { font-size: 1.1em; padding:2px 0 2px 13px; margin:2px 0 2px 0; background:url(images/product_bullet.gif) left no-repeat; font-weight:normal; } .your_skin { margin:0 0 5px 0; padding:3px 0 0 0; list-style:none; } .your_skin li { font-size: 1.1em; padding:2px 0 2px 13px; margin:2px 0 2px 0; font-weight:normal; } .on_bullet { background:url(images/product_bullet.gif) left no-repeat; } .no_bullet { background:url(images/spacer.gif) no-repeat; } #list_inline { margin:0 0 0 0; padding:0 0 0 0; list-style:none;  } #list_inline li { font-size: 1.1em; padding:2px 20px 2px 0; margin:2px 0 2px 0; font-weight:bold; display:inline; } #standardlist { margin:0 0 0 0; padding:0 0 0 0; list-style: none; } #standardlist li { font-size: 1.1em; padding:2px 0 2px 0; margin:2px 0 2px 0; font-size:1em; font-weight:bold; } #standardlist a:link, #standardlist a:visited { color: #710101; text-decoration: underline; } #standardlist a:hover { color: #710101; text-decoration: none; } #standardlist a:active { color: #710101; text-decoration: none; } #ticklist { margin:0 0 10px 0; padding:0 0 0 0; list-style: none; background:url(images/dotted_hori.gif) repeat-x bottom; } #ticklist li { padding:5px 0 5px 28px; margin:2px 0 2px 0;  background-position: 0 .2em; } .ticklistOn { background:#EEF0E4 url(images/tick.gif) no-repeat; } .ticklistOff { background: url(images/tickAlt.gif) no-repeat; } .products_holder { width:720px; padding:15px 0 15px 0; position:relative; background:url(images/dotted_hori.gif) repeat-x bottom; } .product_image { float:left; width:180px; padding:10px 0 0 0; } .product_text { float:left; width:530px; padding:15px 0 0 10px; } .product_text_aftercare { width:720px; padding:0 0 0 0; } .product_list { float:left; width: 180px; margin:10px 0 0 0; padding:0 0 0 0; list-style: none; } .product_list li { font-size: 1.1em; padding:2px 0 3px 12px; margin:0 0 0 0; font-weight:bold; background:url(images/product_bullet.gif) no-repeat; background-position: 0 0.7em; } .product_buy { float:right; width:100px; height:30px; } .product_buy2 { float:right; width:80px; height:25px; margin:0 0 0 10px; } .ietrick { margin:0; padding:0; line-height: 0px; font-size:1px; } .product_benefit { font-size:1.1em; width:300px;} .benefit01 {background:url(images/ben01.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit02 {background:url(images/ben02.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit03 {background:url(images/ben03.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit04 {background:url(images/ben04.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit05 {background:url(images/ben05.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit06 {background:url(images/ben06.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit07 {background:url(images/ben07.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit08 {background:url(images/ben08.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit09 {background:url(images/ben09.jpg) no-repeat; background-position:-0.5em 0.3em; } .benefit10 {background:url(images/ben10.jpg) no-repeat; background-position:-0.5em 0.3em; } a.products_price:link, a.products_price:visited { padding: 0.6em 2.1em; border-top:solid 1px #666; color:#fff; text-decoration:none; font-weight:normal; } a.products_price:hover { border-top:solid 1px #BDD06C; background:#222; color: #fff; } a.products_price:active { padding: 0.6em 2.1em; border-top:solid 1px #666; color:#fff; text-decoration:none; font-weight:normal; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Verdana, sans-serif; font-weight: normal; letter-spacing: -.05em; margin: 0; padding: 0; line-height: 1em; } h1 { font-size: 30px; color: #000000; margin:0 0 0 0; } h2 { font-size: 28px; color: #333333; } h3 { font-size: 24px; color: #333333; } h4 { font-size: 22px; } h5 { font-size: 20px; } h6 { font-size: 22px; } .h7 { font-size:1.1em; font-weight:normal; width:390px; padding:0 0 5px 0; } .h8 { font-size:1.1em; font-weight:normal; color:#899B3F; width:390px; } #footer { clear:left; width: 760px; margin:5px auto 10px auto; text-align:right; padding:5px 0 5px 0; color:#999; border-top:20px solid #333; } #footer a { color: #999; text-decoration: underline; } #footer a:hover { color: #999; text-decoration: none; }