﻿
.img_boxed {
    padding:6px; 
    background-color:White; 
    border:1px solid #ddd; 
    }


/* --- PRODUCT FEATURES --- */   

div.product_feature {
    margin-top:30px;
    margin-bottom:50px;
    min-height: 10px;
    margin-left: 10px;
    margin-right: 80px;
    position:relative;
    }


/* text wrappers */ 
div.product_feature_all {
    min-height: 10px;
    margin-left: 20px;
    margin-right: 20px;
    }

div.product_feature_left {
    min-height: 100px;
    margin-left: 160px;
    margin-right: 20px;
    }

div.product_feature_right {
    min-height: 100px;
    margin-left: 20px;
    margin-right: 160px;
    }


/* image wrappers */ 
div.product_feature_left_img {
    float: left;
    margin-top: 5px;
    margin-left: 20px;
    min-width: 100px;
    min-height: 10px;
    }

div.product_feature_right_img {
    float: right;
    margin-top: 5px;
    margin-right: 20px;
    min-width: 100px;
    min-height: 10px;
    }
    
/* image wrapper image */ 
div.product_feature_left_img img,
div.product_feature_right_img img {
    background-color: #eee;
    width: 100px;
    height: 100px;
    border:none;
    box-shadow: 0 0 4px #ccc;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow:hidden;
    }

div.product_feature h3 {
    margin-top:0px;
}
   
div.product_feature_expanded h3 {
    margin-top: 1.6em;
}


.bordered_block {
    margin:0 0 20px 0;
    clear:both; 
    overflow: auto;
	border:1px solid #e4e4e4;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;

}

.bordered_block_bg {
    margin:0 0 20px 0;
    padding:20px;
    clear:both; 
    overflow: auto;
	border:1px solid #e4e4e4;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fafafa), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #fafafa 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#dddddd');
}

.bordered_block h5 {
    margin-top:1em;
}


/* --------------- section ------------------ */

.tab_wrapper.features {
    padding: 0px;
    display: block;
    }
    
.tab_wrapper.features.group {
    margin-top: -20px;
    }
    
    
.tab_wrapper.wifi  {
    padding: 30px;
    display: block;
    
    }
    
/* --------------- START xxxxx.features .section -- keep summary.css and product_feature.css same ------------------ */
.tab_wrapper.features .section_product_feature {
    position: relative;
    margin: 0px;
    padding: 20px, 0px, 0px, 0px;
    background-image: url('../images/section_bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    overflow:hidden;
    clear: both;
    width:758px; 
    }

.tab_wrapper.features .promo_divider {
    position: relative;
    margin: 0 0 -30px 0;
    padding: 0px;
    background-image: url('/images/section_bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    overflow:hidden;
    clear: both;
    width:758px;
    height: 50px;
    }
    
.tab_wrapper.features .section {
    position: relative;
    margin: 0px;
    padding: 30px;
    background-image: url('../images/section_bg.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    overflow:hidden;
    clear: both;
    }

.tab_wrapper.features .section:first-child,
.tab_wrapper.features .section.first {
    background-image:none;    
    }
    
.tab_wrapper.features .section h3 {
    font-weight:bold;
    margin-bottom:16px;
    }
.tab_wrapper.features .product_feature_expanded h3 {
    font-weight:normal;
    }
.tab_wrapper.features .section h3:first-child {
    margin:0px;
    }

.tab_wrapper.features .section h5 {
    font-weight:bold;
    }
.tab_wrapper.features .section p.summarytext,
.tab_wrapper.features .section ul.summarytext {
    font-size:14px;
    width:335px;
    }
.tab_wrapper.features .section p.summarytext.full_width {
    width:auto;
    }
    
.tab_wrapper.features .section .feature {
    position:relative;
    min-height: 120px;
    margin-top:10px;
    margin-bottom:10px;
    overflow:hidden;
    clear: both;
   }
   
.tab_wrapper.features .section .feature h5:first-child {
    margin-top: 0px;
   }
   
/* --------------- END xxxxx.features .section -- keep summary.css and product_feature.css same ------------------ */  
   
   
   
/* --- HALF WIDTH FEATURE --- */

.tab_wrapper.features .feature_half_width {
   width:220px;
   min-height: 120px;
   padding-left:115px;
   position:relative;
   margin-top:10px;
   margin-bottom:10px;
   }
   
.tab_wrapper.features .noimg {
    width:320px;
    padding-left:0px;
   }
.tab_wrapper.features .feature_half_width.noimg {
    min-height: 60px;
}

.tab_wrapper.features .feature_half_width h5 {
    font-size:13px;
    margin:0px;
    font-weight:bold;
    }

.tab_wrapper.features .feature_half_width p {
    font-size:12px;
    line-height: 1.4em;
    color: #999999;
    margin-top: 5px;
    }
       
.tab_wrapper.features .feature_half_width .feature_image{
    background-position: left top;
    position: absolute;
    left: -10px;
    top: -10px;
    width: 120px;
    height: 120px;
    background-image: url('../images/feature_image_bg.png');
    background-repeat: no-repeat;
}
    
.tab_wrapper.features .feature_half_width .feature_image img {
    width: 92px;
    height: 92px;
    position:absolute;
    left:14px;
    top:14px;
    }



 /* --- Feature BUTTON --- */

#m_content .feature_button {
    display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    padding: 5px 10px 5px 10px;
    margin: 0px 5px 5px 0px;
    outline: none;
	box-shadow:inset 0px 1px 0px 0px #e4e4e4;
	text-align: center;
	text-decoration: none;
	color: #333 !important;
	font-size:13px;
	text-shadow:1px 1px 0px #e4e4e4;
	border:1px solid #e4e4e4;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
    background-color:#f1f1f1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f1f1f1), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #f1f1f1 5%, #dddddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#dddddd');
	cursor: pointer;
    }
    
#m_content .feature_button:hover {
	text-decoration: none;
	color: #dddddd;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #f1f1f1) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #f1f1f1 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f1f1f1');
	background-color:#dddddd;
    }
    
#m_content .feature_button:active {
	position:relative;
	top:1px;
    }



/* --- BACK TO TOP BUTTON --- */

.top_button {
    background-position: center bottom;
    position: absolute;
    right: 20px;
    top: 0px;
    display: block;
    background-image: url('../images/top_button.png');
    width:70px;
    height:25px;
    text-indent:-9999px;
    }
    
.top_button:hover {
    background-position: center top;
    }
    


/* --- OTHER FEATURES BOX --- */

div#other_features {
    background: #EEE;
    border-style: solid;
    border-width: 1px;
    border-color: #ddd #eee #eee #ddd;
    width: 600px;
    padding: 10px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background: url('../images/global/section_nav_selected_bg.gif');
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
    
div#other_features .white_button {
    margin-left:5px;
    margin-right:5px;
    }
    
    


/* --- SEC EXPAND --- */
.sec_exp_feature {
    margin-top: 4px;
    min-width:92px;
    display: inline-block;
    background: #e3e3e3;
    border: 1px solid #bbb;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -ms-box-shadow: inset 0 0 1px 1px #f6f6f6;
    -o-box-shadow: inset 0 0 1px 1px #f6f6f6;
    box-shadow: inset 0 0 1px 1px #f6f6f6;
    color: #333 !important;
    }
    
.sec_exp_feature:hover {
    border: 1px solid #3c7fb1;
    background:#eaf6fd ; /* #d9d9d9 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf6fd', endColorstr='#afdef8'); 
    background: -webkit-gradient(linear, left top, left bottom, from(#eaf6fd), to(#afdef8)); 
    background: -webkit-linear-gradient(top,  #eaf6fd,  #afdef8);
    background: -moz-linear-gradient(top,  #eaf6fd,  #afdef8);
    background: -ms-linear-gradient(top,  #eaf6fd,  #afdef8);
    background: -o-linear-gradient(top,  #eaf6fd,  #afdef8);
    background: linear-gradient(top,  #eaf6fd,  #afdef8);
    cursor: pointer; 
    color: #222 !important;
    cursor: pointer; 
    }
    
.sec_exp_feature p {
    margin:0;
    padding:0 8px 0 22px;
    height:20px;
    line-height:20px;
    font-size: 12px;
    }
    
.sec_exp_feature p.collapsed {
    background-image:url(/images/arrow_down.png);
    background-position: 7px 7px;
    background-repeat:no-repeat;
}

.sec_exp_feature p.expanded {
    background-image:url(/images/arrow_up.png);
    background-position: 7px 7px;
    background-repeat:no-repeat
}