/*---- Self-Clearing Floats ----*/
.mod:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/*---- Fluid Images and Objects ----*/
img,
object,
embed{max-width:100%;}

/*---- Optional Vanity Styles ----*/
img::selection{background:transparent;}
img::-moz-selection{background:transparent;}

@media only screen and (max-device-width:480px) {
	html{-webkit-text-size-adjust:none;}
	a{-webkit-tap-highlight-color:rgba(200,0,0,0.4);}
}

/* ---- Standard Links ---- */
a, a:link, a:visited{color:#779ab4;text-decoration:underline;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;cursor:pointer;}
a:hover, a:active, a:focus{color:#fff;text-decoration:underline;cursor:pointer;}

/*----------------------------------------------------------------------------------*/

body{background-color:#F5EEDB;color:#222;font-family: 'Open Sans', sans-serif;}
abbr{cursor:help;}

/* ---- Containers ---- */
#cntr_fullspan{margin:0 auto;padding:0;width:960px;height:auto;}
#cntr_main{margin:0 auto;padding:0;width:958px;height:auto;border-left:1px solid #fff;border-right:1px solid #fff;background-color: #FFF; background-image: url(../imgs/hdd/main_bg.jpg); background-repeat: no-repeat;}
#cntr_disclaimer{margin:0 auto;padding:0 0 40px 0;width:860px;height:auto;text-align:center;}

/* ---- Hero ---- */
#cntr_hero{margin:0 auto;padding:0;width:958px;height:300px;background:url(../imgs/hero.jpg) no-repeat;}

h1 {font-size: 1.75em; color: #000; padding: 30px 0 10px 50px; font-weight: 700;}

p.intro {padding: 0 50px; font-size: .9em; font-weight: 600; color: #000; line-height: 1.35em;}


/* ---- Navigation ---- */

.nav {width: 958px; height: auto; display: block; margin: 0; float: left; clear: both;}

a.logo {display: block; float: left; margin: 0; width: 135px; height: 45px; padding: 25px 0 0 55px;}

ul.links {list-style-type: none; margin: 0; padding: 0 50px 0 0; float: right; display: block; height: auto; width: auto;}
ul.links li {display: block; float: left; padding-top: 40px;}
ul.links li a {text-decoration: none; color: #9a9a9a; text-transform: uppercase; font-size: .8em; stext-align: right; font-weight: 700; padding-right: 12px;}
ul.links li a.active {color: #00aedb; cursor: default;}
ul.links li a.active:hover {text-decoration: none; cursor: default;}
ul.links li a:hover {text-decoration: underline;}


/* ---- Feature Products ---- */

.prod {width: 860px; margin: 0; display: block; clear: both; min-height: 400px;}
.prod#nashdd {background: url(../imgs/hdd/nas_bg.jpg) no-repeat;}
.prod#ultra {background: url(../imgs/hdd/ultra_bg.jpg) no-repeat;}
.prod#he8 {background: url(../imgs/hdd/he8_bg.jpg) no-repeat;}
.prod#ultra7k {background: url(../imgs/hdd/ultra7k_bg.jpg) no-repeat;}
.prod#ultrac7k {background: url(../imgs/hdd/ultrac7k_bg.jpg) no-repeat;}
.prod#tstarz5k {background: url(../imgs/hdd/tstarz5k_bg.jpg) no-repeat;}
.prod#tstar7k {background: url(../imgs/hdd/tstar7k_bg.jpg) no-repeat;}
h2 {font-size: 1.25em; font-weight: 700; color: #FFF; margin-left: 50px; padding-top: 10px; width: 400px;}
p.detail {font-size: 1em; font-weight: 700; color: #000; margin-left: 50px; padding-top: 30px; line-height: 1.5em; width: 400px}

ul.list_features_custom{margin:10px 0 0 50px;padding:0;height:auto;width:400px;font-size:.8em;color:#000;list-style:none;overflow:hidden;}
ul.list_features_custom li{margin:0;padding:0 14px;text-wrap:normal;background:url(https://promotions.newegg.com/template/us/imgs/listStyle.gif) no-repeat;background-position:0 6px; line-height: 1.5em;}

.rsrcs {display: block; float: left; margin: 0 0 0 50px; padding: 0; width: 810px;}

p.subtitle {margin: 0; padding: 10px 0 10px 0; font-size: .9em; font-weight: 700; color: #00AEDB; margin-bottom: 25px; border-bottom: 1px solid #EEE;}

a.specsheet {display: inline-block;text-decoration: none; color: #777; font-size: .75em; font-weight: 700; text-transform: uppercase; float: left;}
a.specsheet:hover {color: #000;}
span.pdf {background-color: #C00; color: #FFF; padding: 5px 6px; display:inline-block; margin-right: 10px; border-radius: 4px;}

a.learn {display: inline-block; float: left;padding: 5px 0; color: #00AEDB; text-transform: uppercase; text-decoration: none; font-size: .85em; font-weight: 600; margin-top: 20px; clear: left;}
a.learn:hover, a.learn:active {color: #000;}

.video {display: block; float: left; margin:0 0 0 50px; width: 400px; height: 225px; clear: both;}

table.prodList {margin-left: 50px; margin-top: 40px; width: 430px;}
table.prodList tr td {padding:5px 3px; vertical-align: middle; text-align: center; font-size: .7em; color: #000;}
table.prodList tr.hdr {border-top: 1px solid #ccc; border-bottom: 3px solid #ccc;}
table.prodList tr td.head {font-weight: 700;}
table.prodList tr.bg {background-color: #eee;}

img.feat {display: block; width: 300px; height: 300px; float: right;}
img.feat#top {margin: 20px;}

a.order {font-weight: 700; text-transform: uppercase; text-decoration: none; color: #000; font-size: .95em;}
a.order:hover {text-decoration: underline;}
a.order:active {color: #00aedb; text-decoration: none;}


/* ---- Tabs ---- */

#tabContainer {width: 861px; height: auto; margin: 0 auto; padding: 0; display: block; clear: both; border-top: 4px solid #00AEDB;}

ul.tabs
{
    padding: 0;
    margin:0;
}
        
ul.tabs li
{
    margin: 0;
 	text-align: center;
	list-style-type: none;
}
        
ul.tabs li a
{
    width: 122px;
	line-height: 1.25em;
	font-size: .85em;
    text-decoration: none;
    position: relative;
	display: block;
    color: #777;
	float: left;
	z-index: 1;
	font-weight: 700;
	background-color:#eaeaea;
	padding: 20px 0;
	border-right: 1px solid #FFF;
}
        
ul.tabs li a:visited
{
    color: #777;
}
        
ul.tabs li a:hover
{
    
	color: #333;
	background-color:#F8F8F8;
}
        
ul.tabs li.selected a
{
    /*selected tab style */
    position: relative;
    font-weight: 700;
	background-image: url(../imgs/hdd/tab_bg.jpg);
	background-repeat: no-repeat;
	color: #FFF;
} 
  
      
div.tabcontent
{
    display: block;
	clear: both;
	margin: 0 auto;
	padding: 25px 0;
}

div.tabcontents
{
	display: block;
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 860px;
	background-color: #FFF;
	height: auto;

}