/* root element for tabs  */
ul.tabs {
    list-style:none;
    margin:0 !important;
    padding:0;
    border-bottom:1px solid #c7c7c7;
    height:47px;



}

/* single tab */
ul.tabs li {
    float:left;
    text-indent:0;
    padding:0;
    margin:0 !important;
    list-style-image:none !important;
    border-left:1px solid #c7c7c7 !important;
    border-right:1px solid #c7c7c7 !important;
    border-top:1px solid #c7c7c7 !important;
    border-radius: 3px 3px 0px 0px;
    margin-right:10px !important;
}

/* link inside the tab. uses a background image */
ul.tabs a {
    

background: url(tab_grey.png) repeat-x;

   
    display:block;
    height: 46px;
    line-height:46px;
  //  width: 164px;
    text-align:center;
    text-decoration:none;
font-family:Arial,Tahoma,"Trebuchet MS",Helvetica,Verdana,Arial,sans-serif;
font-size:14px;
font-weight:normal;
    color:#767676;
    padding:0px 20px;
    margin:0px 0px 0px 0px;
    position:relative;
    top:0px;
}

.error_text {
color:red;
float:left;
}

.good_text {
color:green;
float:left;
}

ul.tabs a:active {
background:white;
    outline:none;
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
    background: url(tab_blue.png) repeat-x;
    color:#999999;
    font-size:14px;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
   
background: red;
    cursor:default;
    color:#485460;
    font-size:14px;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s { background-position: -553px 0; width:81px; }
ul.tabs a.s:hover { background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l { background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover { background-position: -248px -31px; }
ul.tabs a.l.current { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl { background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */
.panes .pane {
    display:none;
 border-bottom:1px solid #666;

background-color:#ffffff;
}

.product_tabs {
 background:#ffffff;   

padding:10px;
color:#444444;
width:100%;
font-family:arial;
font-size:12px;
line-height:180%;
box-sizing:border-box;
}

.tab_container {
background: url(tab_container.png) repeat-x;
background-color:#f5f4f0;

}

.tab_wrapper {
float:left;width:100%;margin-top:20px;background:#f5f4f0;
}

.alternative_products {
display:block;
float:right;
background:#ffffff;   
border-left:1px solid #e3e3e3;
padding:25px 20px 20px 30px;
margin-left:20px;
line-height:180%;
font-size:14px;
width:195px;
height:auto;
}

.product_box{
width:100%;
float:left;
margin-top:20px;
}

.ap_product_box{
float:left;
margin:20px 0px 20px 20px;

}

.product_box_image{
float:left;
padding:0px;
}

.product_box_text{
float:left;
padding:0px 0px 0px 10px;
 font-size: 11px;
font-family:arial;
color:#808080;
line-height: 20px;
max-width:120px;
}

.ap_product_box_text{
float:left;
padding:0px 0px 0px 10px;
 font-size: 11px;
font-family:arial;
color:#808080;
line-height: 20px;
max-width:110px;
}

.tabs_dummy {
float:left;
width:100%;
display:block;
border-right:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;;
border-bottom:1px solid #c7c7c7;
 background:#ffffff;
 min-height:170px;
}

.ap_dummy {
margin-top:30px;
background:#ffffff;
 

line-height:180%;
font-size:14px;
}

.ap_wrapper {
float:left;
background:#ffffff;
border-right:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;;
border-bottom:1px solid #c7c7c7;   
border-top:1px solid #c7c7c7;
width:100%;
}

.ap_headline {
float:left;
background:#ffffff;
margin:10px 0px 10px 10px;
font-size: 14px;
color:#555555;
font-family:arial;
    font-weight: 700;
    line-height: 20px;
}

.tab_text {
float:left;
font-family:arial;
font-size:11px;
line-height:180%;
}

.review_wrapper {
float:left;
margin:0px 0px 10px 10px;
border-right:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;
border-bottom:1px solid #c7c7c7;  

background: url(tab_container.png) repeat-x;
background-color:#f5f4f0;;
width:500px;
}

.review_content {

float:left;
background: url(tab_container.png) repeat-x;
background-color:#f5f4f0;
 

}

.form_label {
width:150px;
float:left;
margin-left:10px;
font-size: 11px;
font-family:arial;
color:#333333;
line-height: 50px;
}

.captcha_label {
float:left;
margin-left:10px;
font-size: 11px;
font-family:arial;
color:#333333;
line-height: 150%;
}

.captcha_input {
width:160px;
float:left;
border:1px solid #c7c7c7; 
font-size:16px;
font-family:arial;
color:#c0c0c0;
margin-top:5px;
}

.captcha_submitt {
margin:25px 100px 20px 0px;
width:160px;
float:left;
border:1px solid #c7c7c7; 
font-size:16px;
font-family:arial;
background:#808080;
color:white;
height:45px;
margin-top:5px;
float:right;
}

.rs_inputs {
float:left;
border:0px;
line-height: 50px;
}

.rs_input {
width:280px;
float:left;
border:1px solid #c7c7c7; 
font-size:16px;
font-family:arial;
color:#c0c0c0;
margin-top:15px;

}

.rs_textarea {
width:430px;
float:left;
border:1px solid #c7c7c7; 
font-size:16px;
font-family:arial;
color:#c0c0c0;
margin:0px 0px 10px 10px;
}

.pointer {
cursor: pointer;
font-size: 12px;
font-family:arial;
border-top: 1px solid;
border-bottom: 1px solid;
border-right: 1px solid;
border-left: 1px solid;
border-color: #c7c7c7;
padding: 6px;
width:236px;
float:left;
clear:both;
} 

.family_container {
padding:10px 12px 20px 20px;


background-color:#f5f4f0;
}

div.table_heading { display:table; border-collapse:collapse;width:100%;font-family:arial;
font-size:11px;
font-weight:bold;
    color:#999999;
background:#ffffff;
border-top:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;
border-right:1px solid #c7c7c7;
background: url(tab_grey.png) repeat-x;

text-align:center;
 }
div.table { display:table; border-collapse:collapse;width:100%;font-size: 11px;font-family:arial;color:#333333;background:#ffffff;

border-right:1px solid #c7c7c7;
border-left:1px solid #c7c7c7;
   }
div.tr { display:table-row;border-bottom:1px solid #c7c7c7; }
div.td { display:table-cell; padding:10px;width:150px;text-align:center; }