HTML,BODY
{
margin: 0px;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: White;
}
TABLE,TR,TD,TH,LI
{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
padding: 0px;
margin: 0px;
color: inherit;
}
SUP A{
font-size: 60%;
text-decoration: none;
font-weight: bold;
}
SUP A:Hover{
text-decoration: none;
}
IMG
{
border: none;
}
b{
color: inherit;
}
FORM { padding: 0px; margin: 0px;}
HR {
color: White;
height: 2px;
border-top: 1px solid White;
border-bottom: 1px solid White;
}
A { color: Black; text-decoration: none;}
A:Hover{ color: #D81F01; text-decoration: underline;}
A.details{ color: Red;}
H1 {
color: Black;
margin: 0px;padding:0px;
font-weight: bold;
font-size: 17px;
}
H2 {
color: Black;
margin: 0px;padding:0px;
font-weight: bold;
font-size: 12px;
}
SMALL {
font-size: 70%;
}
#main_table_fixed{
width:980px;
}
#main_table{
width:auto;
}
.containermain{
width: 100%;
padding:9px;
padding-bottom: 60px;
-moz-box-sizing: border-box;
}
.containerleft{
width: 200px;
border: 0;
color: #404a54;
background-color: White;
}
.containerright{
width: 199px;
border: 0px;
color: #404a54;
-moz-box-sizing: border-box;
overflow: hidden;
padding-left: -5px;
background-color: White;
}
.containertop,.containerbottom{
}
.containertop_fixed,.containerbottom_fixed{
width:980px;
text-align: center;
}
.boxheader,.boxfooter,.boxheadermenu{
width: 100%;
height: auto;
}
.boxheader{
padding: 10px 0px 8px 0px;
text-align: center;
vertical-align: baseline;
height: 110px;
-moz-box-sizing: border-box;
background-attachment: fixed;
background: url(0/images/logo.jpg);
}
.boxheadermenu{
padding: 0px;
border-top: 1px solid White;
border-bottom: 1px solid White;
min-height: 28px;
background: url(0/images/tpmheader_u2_1.jpg);
color: White;
}
.boxfooter{
margin-top: 2px;
padding: 6px 0px 6px 0px;
text-align: right;
color: White;
vertical-align: absmiddle;
background: url(0/images/tpmheader_u2_1.jpg);
}
.boxfooter A,
.boxfooter A:Hover{
color: White;
}
.boxfootermenu{
padding: 8px 160px 10px 150px;
text-align: center;
background-color: #ffffff;
color: Black;
}
.boxleft{
width: 200px;
color: Black;
font-size: 11px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
-moz-box-sizing: border-box;
background: url(0/images/tpmheader_u2_2.gif);
}
.boxleft-content{
width: 200px;
background-color: White;
color: Black;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
-moz-box-sizing: border-box;
word-spacing: normal;
}
.boxrightmyaccountborder{
background-color: White;
}
.boxrightproductborder{
background-color: White;
}
.boxrightmyaccount,.boxrightproduct {
width: 196px;
font-weight: bold;
font-size: 11px;
padding-top: 10px;
padding-left: 3px;
padding-bottom: 5px;
-moz-box-sizing: border-box;
border-top: 12px solid White;
}
.boxrightmyaccount{
width: 200px;
color: Black;
font-size: 11px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
-moz-box-sizing: border-box;
background: url(0/images/tpmheader_u2_2.gif);
}
.boxrightproduct{
width: 200px;
color: Black;
font-size: 11px;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
-moz-box-sizing: border-box;
background: url(0/images/tpmheader_u2_2.gif);
}}
.boxrightmyaccount-content,.boxrightproduct-content{
width: 196px;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
-moz-box-sizing: border-box;
}
.boxrightmyaccount-content TD
{
color: #414B57;
}
.boxrightproduct-content TD
{
color: #414B57;
}
.boxrightmyaccount-td{
color: #414B57;
}
.boxrightproduct-td{
color: #787f87;
}
.boxleft-td{
color: #424a55;
}
.boxrightmyaccount-content{
background-color: White;
color: White;
}
.boxrightproduct-content{
background-color: White;
color: #777e84;
}
.containerfullrow,
.containerhalfrow,
.containerthirdrow,
.containerthirdrowfix,
.containerquarterrow{
float: left;
}
.containerfullrow{
width:100%;
}
.containerhalfrow{
width:50%;
height: 200px;
}
.containerquarterrow{
width:20%;
}
.containerthirdrow {
width:33%;
}
.containerthirdrowfix {
width:34%;
}
.locationrow{
vertical-align: bottom;
border-bottom: 1px solid #3B609F;
color: #3B609F;
padding-top:15px;
padding-bottom:2px;
height: 28px;
margin-left: 13px;
margin-right: 0px;
-moz-box-sizing: border-box;
}
.locationrow A,
.locationrow td{
color: #a7a7a7;
}
.locationrow A{
color: #a7a7a7;
}
.producttitlerow_red,
.producttitlerow_blue,
.producttitlerow_red_big,
.producttitlerow_blue_big,
.productrow_borderaftertitle_full,
.productrow_borderaftertitle_half,
.productrow_noborder,
.productrow_fullborder_full,
.productrow_fullborder_half,
.productrow_fullborder_quarter,
.contentboxlistrow,
.categorytitlerow,
.contentbox,
.categorydetailsrow,
.categorydetailsrow_empty,
.locatortitlerow,
.locatortitlerow_empty,
.locatordetailsrow {
vertical-align: top;
border: 0px solid White;
padding: 5px;
margin: 4px 2px;
padding-bottom: 20px;
font-size: 11px;
-moz-box-sizing: border-box;
}
.locatortitlerow,
.locatortitlerow_empty,
.locatordetailsrow {
border: 1px solid #3B609F;
}
.producttitlerow_red_big,
.producttitlerow_blue_big,
.producttitlerow_red,
.producttitlerow_blue,
.productcategoryrow,
.contentboxlistrow,
.categorytitlerow,
.locatortitlerow,
.locatortitlerow_empty{
min-height: 28px;
height: 28px;
border-bottom: 1px none;
margin-bottom: 0px;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
padding-top:8px;
padding-left:7px;
}
.producttitlecell_red{
font-size: 11px;
font-weight: bold;
color: Red;
}
.producttitlecell_blue,
.contentboxlistrow,
.categorytitlerow{
font-size: 11px;
font-weight: bold;
color: Red;
}
.producttitlerow_red_big,
.producttitlerow_red{
border-left:8px solid #ff3300;
border-top:1px solid #ff3300;
color: #ff3300;
padding-top:10px;
vertical-align: bottom;
line-height:20px;
border-right: 1px solid #ff3300;;
}
.producttitlerow_blue_big,
.producttitlerow_blue,
.contentboxlistrow,
.categorytitlerow{
border-left: 8px solid #3B609F;
border-top: 1px solid #3B609F;
color: Black;
padding-bottom: 1px;
vertical-align: bottom;
line-height: 20px;
border-right: 1px solid #3B609F;
}
.producttitlerow_red_big,
.producttitlerow_blue_big{
min-height: 51px;
height: 51px;
}
.producttitle_description{
font-weight: normal;
font-size: 10px;
color: gray;
}
.productcategoryrow{
min-height: 15px;
height: 15px;
vertical-align: middle;
padding: 6px;
margin: 4px;
margin-top: 5px;
margin-bottom: 4px;
border: 1px solid #3B609F;
border-left: 8px solid #3B609F;
color: Black;
background-color: White;
border-bottom: 2px solid #777777;
border-right: 1px solid #777777;
}
.productrow_borderaftertitle_full{
min-height: 160px; height: 250px;
border-top: 0px;
margin-top: 0px;
padding-top:0px;
margin-bottom: 15px;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
border-bottom: 1px solid Silver;
}
.productrow_borderaftertitle_half{
min-height: 170px;
height: 183px;
border-top: 0px;
margin-top: 0px;
padding-top:0px;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
border-bottom: 1px solid Silver;
}
.productrow_noborder{
min-height: 155px;
height: 155px;
}
.productrow_fullborder_full{
min-height: 160px;
height: 250px;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
border-bottom: 1px solid Silver;
border-top: 1px solid Silver;
}
.productrow_fullborder_half{
min-height: 153px;
height: 199px;
border-left: 1px solid Silver;
border-right: 1px solid Silver;
border-bottom: 1px solid Silver;
border-top: 1px solid Silver;
}
.productrow_fullborder_quarter{
min-height: 270px;
height: 330px;
}
.productrow_noborder {
border: 0px solid White;
padding: 0px;
min-height: 0px;
height: auto;
}
.producttitlerow_red:after,
.producttitlerow_blue:after,
.productrow_borderaftertitle_full:after,
.productrow_borderaftertitle_half:after,
.productrow_borderaftertitle_quarter:after,
.productrow_noborder:after,
.productrow_fullborder_full:after,
.productrow_fullborder_half:after,
.productrow_fullborder_quarter:after,
.productcategoryrow:after{
content: "";
display: block;
height: 0;
clear: both;
}
.logo_header{
margin-left: 46px;
border: 0px;
float: none;
text-align: left;
}
.language,
.language_activ,
.link_headermenu{
color: White;
}
.link_header{
font-size: 10px;
color: Black;
font-style: normal;
}
td.link_header
{
padding-right:15px;
padding-bottom:3px;
}
.link_footer{
font-size: 10px;
color: Black;
margin-left: 7px;
margin-right: 7px;
}
.currency,
.currency_activ,
A.currency,
A.currency_activ{
color: #424a55;
}
A.language:Hover,
A.language_activ:Hover,
A.link_headermenu:Hover,
A.link_header:Hover,
A.link_headermenu:Hover{
color: Red;
text-decoration: underline;
}
.language_activ,
.currency_activ{
font-weight: bold;
}
.headermenu_fixedbox,
.headermenu_autobox{
padding: 10px 5px 5px 5px;
float: left;
text-align: left;
height: 12px;
}
.headermenu_fixedbox{
width: 184px;
padding: 10px 0px 5px 5px;
-moz-box-sizing: border-box;
}
.headermenu_autobox{
padding-left: 15px;
padding-right: 15px;
border-left: 1px solid #ffffff;
font-weight: bold;
}
input,select,textarea{
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: transparent;
margin-top: 4px;
}
select,textarea{
background-color: white;
}
.search_input{
background-color: White;
vertical-align: top;
width:170px;
color: #000;
font-weight: normal;
border: 2px inset gray;
border-bottom: 1px inset silver;
border-right: 1px inset silver;
}
.search_go{
width:30px;
border: 1px solid #424c56;
color: #424c56;
background-color: white;
font-weight: bold;
}
.categorybox_rootcategory,
.categorybox_rootcategorylink,
.categorybox_rootcategory_exp{
color: #424a55;
font-weight: normal;
font-weight: bold;
padding-bottom: 3px;
}
.categorybox_subcategory{
padding-bottom: 3px;
}
.categorybox_rootcategory{
color: #000000;
}
.variant_select{
width: 145px;
background-color: White;
}
.warenkorb_img,
.warenkorb_button,
.save_button,
.warenkorb_mini_button{
border: 0px ;
background-color: White;
vertical-align: top;
margin:0px;
}
.warenkorb_img{
height: 24px;
cursor: pointer;
}
.save_button,
.warenkorb_button{
width: 125px;
color: #3B609F;
height: 18px;
cursor: pointer;
}
.warenkorb_mini_button{
width:100px;
color:#ff3301;
height: 18px;
}
.warenkorb_img2,
.warenkorb_button2,
.warenkorb_button3,
.warenkorb_mini_button2{
border: 1px solid White;
background-color: White;
vertical-align: top;
color: #3B609F;
margin-top: 1px;
font-weight: bold;
cursor: pointer;
}
.warenkorb_img2{
height: 34px;
}
.warenkorb_button2{
width:110px;
color: #3B609F;
height: 18px;
background-color: #fafafa;
}
.warenkorb_button3{
width:130px;
color: #3B609F;
height: 18px;
background-color: #fafafa;
}
.warenkorb_mini_button2{
width:100px;
color:#ff3301;
height: 18px;
background-color: #fafafa;
}
.login_input,
.login_button{
background-color: White;
vertical-align: top;
width: 118px;
color: #7c8089;
font-weight: bold;
margin-top: 3px;
margin-bottom: 3px;
}
.login_checkbox{
margin: 0px;
padding: 0px;
cursor: pointer;
}
.login_button{
background-color: White;
vertical-align: top;
border:1px solid #d9d9db;
cursor: pointer;
}
.login_input{
border: 2px inset gray;
border-bottom: 1px inset silver;
border-right: 1px inset silver;
}
.product_image{
border:0px;
}
.product_image_s_container{
height: 48px;
width: 55px;
text-align: center;
vertical-align: top;
background-color: White;
border: 1px solid #efefef;
overflow: hidden;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
}
.product_image_xs_container{
height: 118px;
text-align: center;
overflow: hidden;
}
.product_image_xxs_container{
width: 115px;
text-align: center;
overflow: hidden;
margin-right: 5px;
}
.product_image_xxxs_container{
width: 260px;
height: 200px;
text-align: center;
overflow: hidden;
margin-right: 5px;
}
.product_links{
font-size: 9px;
border:0px;
height: 35px;
}
.product_title,
.product_title_big{
font-weight: bold;
font-size: 10px;
color:#000;
height: 40px;
}
.product_title_big{
font-size: 12px;
}
.product_variant{
font-weight: normal;
font-size: 9px;
height: 35px;
color: #677787;
}
.product_description{
font-weight: normal;
font-size: 10px;
color: #404C58;
}
.product_artnr{
font-weight: normal;
height: 15px;
font-size: 9px;
color: #677787;
}
.product_text{
font-size: 9px;
color: #677787;
}
.product_text2{
font-size: 10px;
color: Black;
}
.product_text3{
font-size: 11px;
color: Black;
}
.product_price_new,
.product_price_new_big,
.product_price_new_small{
font-weight: bold;
font-size: 18px;
color: black;
border: 0px;
margin: 0px;
}
.product_price_new_big
{
font-size: 18px;
}
.product_price_new_small
{
font-size: 14px;
}
.product_price_old{
color:black;
text-decoration: line-through;
font-size: 12px;
font-weight: bold;
border: 0px;
margin: 0px;
}
.product_price_old_text,
.product_price_new_text{
color:black;
font-weight: bold;
font-size: 11px;
}
.hr_image{
height: 2px;
width: 100%;
margin-top: 6px;
margin-bottom: 6px;
}
.contentboxlistrow,
.categorytitlerow{
height: 26px;
background-color: White;
line-height: normal;
padding-top: 4px;
padding-bottom: 0px;
vertical-align: middle;
}
.contentbox,
.categorydetailsrow{
min-height: 0px;
height: auto;
border-top: 0px;
margin-top: 0px;
padding:6px;
margin-bottom:4px;
color: #677787;
font-size: 10px;
}
.categorydetailsrow_empty{
height: 1px;
min-height: 0px;
margin-bottom:4px;
padding:0px;
margin-top:0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
line-height: 0px;
}
.categorytitle{
color: Black;
;
font-size: 14px;
font-weight: bold;
}
.categorycount{
color: #677787;
font-size: 11px;
}
.categoryimage{
margin: 1px;
margin-bottom: 3px;
}
.contentlistheader,
.categorydescription{
color: #677787;
font-size: 11px;
font-weight: bold;
margin-top: 30px;
}
.categorylink{
color: Black;
font-size: 12px;
}
.categoryline,
.categoryline2,
.categoryline3{
height: 0px;
border-top: 1px solid #cbcbcb;
margin-bottom: 3px;
margin-top: 3px;
padding: 0px;
line-height: 0px;
}
.categoryline2{
border-top-style: dotted;
}
.categoryline3{
border-top-color: #EFEFEF;
}
* html .category-line,
* html .category-line2,
* html .category-line3{
margin-bottom: -2px;
}
.locatortitlerow{
height: 26px;
background-color: White;
line-height: normal;
padding-top: 4px;
padding-bottom: 0px;
color: Black;
}
.locatortitlerow_empty{
height: 0px;
min-height: 0px;
padding:0px;
line-height: 0px;
padding-bottom:0px;
}
* html .locatortitlerow_empty{
margin-bottom: -4px;
}
.locatordetailsrow{
min-height: 0px;
height: auto;
border-top: 0px;
margin-top: 0px;
padding:6px;
padding-top:3px;
padding-bottom:3px;
margin-bottom:4px;
color: #424a55;
font-size: 10px;
}
.locatortitle{
color: #677787;
font-size: 11px;
font-weight: bold;
}
.locatortext{
color: #424a55;
font-size: 10px;
}
.locatorlink,
.locatorlink2,
.locatorlink3{
font-size: 11px;
color: #424a55;
font-weight: normal;
}
.locatorlink2{
font-size: 10px;
}
.locatorlink3{
font-size: 10px;
}
.locatorlink_active,
.locatorlink2_active,
.locatorlink3_active{
font-size: 11px;
color: #3B609F;
font-weight: bold;
}
.locatorlink2_active{
font-size: 10px;
}
.locatorlink3_active{
color: #424a55;
font-size: 10px;
}
.important{ color: Red;}
.defaultcontents_linespacer {
color: #EEEFF0;
background-color: #EEEFF0;
height: 1px;
border: 0;
margin-left:7px;
margin-top: 8px;
margin-bottom: 0px;
}
.default_midbutton {
width:91px;
height:19px;
border:1px solid #e9eaeb;
font-size:10px;
font-weight:bold;
color:#677787;
margin-left: 3px;
cursor: pointer;
}
.contentboxlistrow {
margin-top: 10px;
}
.contentbox {
margin-bottom: 0px;
}
.contentboxtext {
font-size: 11px;
color: #000000;
padding-left: 10px;
}
.default_nextbutton {
width: 222px;
height: 25px;
background-color: #FF3300;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
text-align: center;
cursor: pointer;
}
.default_nextlinecontainer {
vertical-align: middle;
padding-left:7px;
margin: 4px;
margin-top: 5px;
border: 1px solid #cbcbcb;
color: #677787;
background-color: #efefef;
text-align: right;
}
.default_nextline,
.listcontents_nextline {
width: 100%;
border-collapse: collapse;
border: 1px solid #CBCBCB;
margin-left: 4px;
margin-right: 3px;
background-color: #EFEFEF;
margin-top: 10px;
}
.listcontents_nextline {
margin-top: -5px;
width: 571px;
}
.default_nextbutton,
.default_nextlink {
color: #ffffff;
font-size: 11px;
}
.default_nextbutton {
margin:0;
padding:0;
border-width:1px;
font-weight:bold;
}
a.default_nextlink:Hover {
color: #ffffff;
text-decoration: underline;
}
.nicehr {
border: none 0;
border-top: 1px dashed #EEEFF0;
height: 1px;
width: 547px;
}
.font9 { font-size: 9px; }
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font18 { font-size: 18px; }
.fontbold { font-weight: bold; }
.fontitalic { font-style: italic; }
.fontunderline { text-decoration: underline; }
.fontred { color: Red; }
.fontblack { color: #000000; }
.fontgray1 { color: #677787; }
.fontgray2 { color: #404C58; }
.fontgreen { color: #00B910; }
.addresscolumn { width:147px; }
.address_deliverybutton {
border: 1px solid #E9EAEB;
cursor: pointer;
}
.tableclear {
width: 100%;
border-collapse: collapse;
}
.leftspacer20 {
margin-left:20px
}
.leftspacer10 {
margin-left:10px
}
.leftspacer8 {
margin-left:8px
}
.leftspacer5 {
margin-left:5px
}
.leftspacer290
{
padding-left:290px;
}
.rightspacer10 {
margin-right:10px
}
.topspacer10 {
padding-top: 10px;
}
.topspacer10 {
padding-top: 10px;
}
.topmargin10 {
margin-top: 10px;
}
.cleartopmargin {
margin-top:0;
}
.height25 {
height: 25px;
}
.default_smallbutton {
font-size: 10px;
font-weight: bold;
border: 1px solid #E9EAEB;
background-color: #FAFAFA;
color: #677787;
height: 18px;
padding-bottom: 2px;
cursor: pointer;
}
.dottedline {
height:1px;
border:0px;
background-repeat: repeat-x;
margin-top: 10px;
margin-bottom: 0px;
padding:0px;
background-image: url(0/images/linedot.gif);
}
.paddingtop3{ padding-top:3px; }
.paddingtop5{ padding-top:5px; }
.paddingtop10{ padding-top:10px; }
h1.contextbox
{
background-color: White;
color: Black;
padding: 7px;
padding-bottom: 5px;
margin: 4px;
margin-bottom: 0px;
border: 1px solid #3B609F;
border-left: 8px solid #3B609F;
border-top: 1px solid #3B609F;;
border-bottom: 1px none;
-moz-box-sizing: border-box;
}
div.contextbox
{
vertical-align: top;
padding: 10px;
padding-left: 15px;
margin: 4px;
margin-top: 0px;
margin-bottom: 15px;
border: 1px solid #3B609F;
border-top: none;
-moz-box-sizing: border-box;
}
.msgbox,
.errorbox
{
padding: 5px;
padding-left: 10px;
margin: 4px;
margin-bottom: 7px;
background-color: #ffffee;
border: silver solid 1px;
}
.errorbox
{
color: red;
font-weight: bold;
}
.compare_table,
.compare_table_noleft,
.compare_table_nobottom{
border-left: 1px dotted silver;
border-bottom: 1px dotted silver;
padding-left:5px;
padding-bottom:5px;
}
.compare_table_noleft{
border-left: 0px;
}
.compare_table_nobottom{
border-bottom: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: White;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(0/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(0/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(0/images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: White;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html>body .clearfix {
display: inline-block;
width: 100%;
}
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}