@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;/*vertical-align:baseline*/} img{border:none} img, a img, a:link img {border: none; padding: 0; margin: 0;}/*cross browser clear*/
body  {background : #000 url(/img/layout/background.jpg) top center no-repeat; font : normal normal normal small/1.4em Arial, Verdana, sans-serif;} 
body A:link,body A:visited,body A:active {text-decoration:none;} body A:hover {text-decoration: underline;}
@font-face {
	font-family: Myriad;	
	src: local("Myriad Pro Bold Cond"), url('/include/fonts/MyriadPro-BoldCond.otf') format("opentype");
}
.side_nav_top, .sf-menu strong {font-family: Myriad, "Myriad Pro", Arial, Helvetica, sans-serif;}

/*Reuseable*/ 
.clear{clear:both;}
.clear_right{clear:right;}
.clear_left{clear:left;}
.spacer{height:20px;width:100%;clear:both;}
.spacer_10{height:10px;width:100%;clear:both;}
.div_line{height:20px;width:100%;border-bottom:2px dashed #D6D6D6; margin-bottom:20px; overflow:hidden; clear:both;}
.div_line_thin{height:15px;width:100%;border-bottom:1px solid #D6D6D6; margin-bottom:20px; overflow:hidden; clear:both;}
.div_line_thinest{height:0px;width:100%;border-bottom:1px solid #D6D6D6; margin-bottom:25px; overflow:hidden; clear:both;}
.double_line{height:1px;width:100%;border-bottom:1px solid #fff; margin:5px 0; background-color:#9e9c9c; overflow:hidden; clear:both;}
ol, ul {list-style-position:outsite; margin-left: 20px;}
.fl{float:left}
.fr{float:right}

h1 small {font-size: 18px;}


.margin_10 {margin-top:10px}
.margin_20 {margin-top:20px}
.margin_35 {margin-top:35px}



.single_column {width:320px;}
.double_column {width:640px;}
.triple_column {width:960px;}
.half_column {width:480px;}
.content_column {width:740px;}
.content_half_column {width:370px;}
.side_column {width:210px;}
.column_160 {width:160px;}
.column_380 {width:380px;}
.column_420 {width:420px;}


.wrap {width:960px;margin:0 auto;}
.pad_ten { padding: 0 10px;}
.pad_ten_all { padding: 10px;}
.pad_20_all { padding: 20px;}
.pad_20 { padding: 0 20px;}
.pad_30 { padding: 0 30px;}
.pad_45_right { padding-right: 45px;}
.pad_25_right { padding-right: 25px;}
.pad_45_left { padding-left: 45px;}
.pad_top{padding-top:20px;}
.white_bg{background-color:#FFF}

.red {color: #cc0000}
.blue {color: #3d5b97;}
.light_blue {color: #54bcf4;}
.bold {font-weight:bold}
.black {color:#000}
.white {color:#fff}
.sub_white {color:#c9c9c9}
.sub_white_red {color:#eacece}
.grey {color:#414141}
.light_grey {color:#999}
.f10 {font-size:10px}
.f12 {font-size:12px}
.f14 {font-size:14px}
.f16 {font-size:16px;}
.f18 {font-size:18px}
.f20 {font-size:20px}
.f22 {font-size:22px}
.f30 {font-size:30px}
.f24 {font-size:24px}
.f32 {font-size:32px; line-height:32px}
.f36 {font-size:36px; line-height:36px}
.f38 {font-size:38px; line-height:38px}
.text_shadow{text-shadow: 1px 1px 2px #666; }
.line_thru{ text-decoration:line-through}

.relative {position: relative;}

@font-face {
	font-family: Sansumi;
	src: url('/include/fonts/Sansumi-Bold.ttf');
}



.f_sansumi, .home_text {font-family: Sansumi, sans-serif;}
.f_myriad {font-family: Myriad, Arial, Helvetica, sans-serif;}
/*.f_myriad {font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;}*/

#background{
	width:960px; margin:0 auto;
	/*background : url(/img/layout/background.jpg) no-repeat;  height:506px;*/
}
/****Buttons****/
a.button {
	 background: transparent url('/img/layout/btn-black-side.png') no-repeat scroll top right;
    /*color: #fff;*/
    display: block;
    float: left;
    font: normal 14px arial, sans-serif;
    height: 31px;
    margin-right: 5px;
    padding-right: 27px; /* width of side image */
    text-decoration: none; font-weight:bold;
}

a.button.fr {
	float: right;
	margin-right: -5px;
	margin-left: 10px;
}
a.button span {
    background: transparent url('/img/layout/btn-black-span.png') no-repeat;
    display: block;
    line-height: 20px;/*- Note: Make sure the span's vertical padding (5 + 5) and line-height (14) amount to the total height of the button (24). Using a different padding, means setting a different height.  */
    padding: 6px 4px 6px 15px;
}

a.button:hover {
    background-position: bottom right;    
    outline: none; /* hide dotted outline in Firefox */
	color: #fff; text-decoration:none;
}

a.red_button {
    background: transparent url('/img/layout/btn-red-side.png') no-repeat scroll top right;
}

a.red_button span {
    background: transparent url('/img/layout/btn-red-span.png') no-repeat;
}



a.grey_button {
    background: transparent url('/img/layout/btn-grey-side.png') no-repeat scroll top right;
}

a.grey_button span {
    background: transparent url('/img/layout/btn-grey-span.png') no-repeat;
}

.out_stock {    
    background: url(/img/layout/stock/out-of-stock.png) no-repeat top left;
	width:105px; height:29px; 
}
.in_stock {    
    background: url(/img/layout/stock/buy.png) no-repeat top left;
	width:108px; height:29px; cursor: pointer;
}
.in_stock_soon {    
    background: url(/img/layout/stock/pre-order.png) no-repeat top left;
	width:108px; height:29px; cursor: pointer;
}


/****Top Nav****/

/*.nav_bg{height:11px; background : url(/img/layout/nav-bg.jpg) repeat-x; }*/
/*.logo{width:190px; height:44px; background-image: url(/img/layout/logo.png);}*/
.nav_left{background-image:url(/img/layout/nav-left.jpg); width:17px; height:41px;}
.nav_right{background-image:url(/img/layout/nav-right.jpg); width:17px; height:41px;}
.nav_top{height:40px}
/*****Site Search****/
.search{background-image:url(/img/layout/search.jpg); width:92px; height:21px; border:none; color:#999; overflow:hidden; padding-left:10px; font-size:11px; line-height: 20px }
.search_button {
	outline: none;
    border: none;
    background: url(/img/layout/search-button.jpg) no-repeat top left;
	width:20px; height:21px; cursor: pointer;
    text-indent: -9999px;/*ie6 fix*/font-size:0; line-height:0; display:block;
}
.siteSearch {
  padding-top:13px;  
}
.result{ width: 700px;}
.search_error{color: #C00; border:1px solid red; padding:3px;}
.search_image{border:1px solid #999; margin:0 10px 0 0; padding:5px; text-align:center}
.highlight{background-color: #B7DBFF;}
.defaultTextActive { font-size:10px; }

/****Side Nav****/
.side_nav{
	width:220px; 	
}
.side_nav_top{width:200px; height:31px; background-image:url(/img/layout/side-nav/side_nav_top.jpg); padding:15px 0 0 20px;}
.side_nav_bg{
	width:180px; background-color:#000; 
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #171717);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#171717), to(#000000));
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	padding:0 20px;
}
/*.side_nav_bg{
	width:180px; background-color:#000; 
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #171717);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#171717), to(#000000));
	-moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;
	padding:0 20px;
}*/

.side_nav ul { 
 border: none;	
 list-style:none;
 list-style-position: inside;
 margin-left: 0;
}			
.side_nav li {
 border-bottom: 1px solid #333333;
}
.side_nav a{
 color:#999;
 text-decoration:none; 
 display: block;
 padding: 7px 0 6px 0px;
}
.side_nav a:hover {
 color: #fff;
 text-decoration:none;
 display:block;
 background : url(/img/layout/arrow-white-side-nav.png) right no-repeat;
}
.side_nav #currentpage a {
/*background: #ccc;*/
 color: #cc0000; 
 background : url(/img/layout/arrow-side-nav.png) right no-repeat;
}
/****Language****/
.lang_box{padding:5px; /*background-color:#FFF*/}
.current_lang{background-color:#FCF}
/****Home****/

#home_banner {
	height: 740px;
	width: 960px;
	position: relative;
	top: -25px;
	left: 0px;
}
#home_flash {
	
}

#home_jquery {display: none;}

#home_buttons {
	list-style: none;
	position: absolute;	
	
	height: 220px;
	left: 3px;
	width: 955px;
	bottom: 30px;
	z-index: 100;

	overflow: hidden;
}
#home_buttons ul {
	position: absolute;	
	list-style: none;
	margin: 0;
	left: 10px;
	height: 220px;
	width: 6000px;
}
	
#home_buttons li {
	position: relative;
	display: inline-block;
	height: 210px;
}
.home_button {
	color: #000;
	text-decoration: none;
	overflow: hidden;
	margin: 6px;
	width: 220px;
	height: 175px;
	position: relative;
	float: left;
	top: 30px;
	
	background: #fff;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dddddd, #ffffff);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#dddddd));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-moz-box-shadow: 		-2px 2px 5px #000;
	-webkit-box-shadow: 	-2px 2px 5px #000;
	box-shadow: 			-2px 2px 5px #000;
}

.home_button:hover {
	color: #fff;
	text-decoration: none;
	
	height: 205px;
	top: 0px;
	background: #111;
	background-image: -moz-linear-gradient(100% 100% 90deg, #222222, #000000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#222222));
}
.home_button a {
	color: #000;
}
.home_button a:hover {
	color: #fff;
}
#home_buttons a:hover, #home_buttons a:visited, #home_buttons a:active, #home_buttons a:link {
	text-decoration: none;
}
.home_button p {
	font-size: 12px;
	line-height: 18px;
	margin: 20px;
}
.home_button p strong {
	font-family: Sansumi, sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.home_button img, .rounded_corners {
	position: absolute;
	top: 0px;
	display: block;
	margin: 0 auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#home_buttons .home_button img.bottom{bottom: -50px;}

.home_button .more {
	padding-right: 1.25em;
	color: #CC0000;
	
	background: url(../img/layout/arrow-side-nav.png) right no-repeat;
}


.watch_the_video {
	position: absolute;
	bottom: -2px;
	left: 6px;
	overflow: visible;
	background: #000;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
.watch_the_video img.video_thumb {
	position: absolute;
	top: -5px;
	left: -10px;
	overflow: visible;
}

#home_button_indicators {
	position: absolute;
	bottom: 5px;
	left: 443px;
	list-style: none;
}
#home_button_indicators li {
	padding: 0;
	margin: 0;
	display: inline-block;
	background: url(/img/pages/home/slider-indicators.png) top right;
	height: 18px;
	width: 18px;
	z-index: 1000;
}
#home_button_indicators li.hover {
	background-position: center right;
	cursor: pointer;
}
#home_button_indicators li.active {
	background-position: bottom right;
	cursor: default;
}

#home_banner_no_flash {
	background: url("/img/pages/home/banner/background.png") no-repeat top left;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	width: 960px; 
	height: 740px;
	position: relative;
	overflow: hidden;
}
#home_banner_no_flash ul {
	list-style: none; 
	margin: 0;
	height: 500px; 
	width: 200000px; 
	position: relative;
}
#home_banner_no_flash li {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 500px; 
	width: 960px; 
	text-align: center;
	overflow: hidden;
}

#home_banner_no_flash .home_text {
	position: absolute;
	top: 150px;
}

#home_banner_no_flash .home_text.right {
	text-align: right;
	right: 60px;
}
#home_banner_no_flash .home_text.left {
	text-align: left;
	left: 60px;
}

#home_banner_no_flash .home_text h3 {
	font-weight: bold;
	color: #fff;
	font-size: 36px;
	line-height: 48px;
	text-shadow: 1px 1px 3px #333; 
	margin-bottom: 20px;
	z-index: 0;
}

#home_banner_no_flash .home_text h3 strong{
	font-size: 60px;
	line-height: 60px;
}

#home_banner_no_flash .home_text p {
	font-weight: bold;
	font-size: 18px;
}



/****Support****/
.support_banner{height:235px; width:960px; background: url(/img/banner/support.png) no-repeat;}
/****About****/
.about_banner{height:235px; width:960px; background: url(/img/banner/about.png) no-repeat;}
.banner_text{ padding:100px 60px 0 0; }
.banner_text span {line-height: 14px;}
.banner_text h1 {text-transform: uppercase;}
/****Product List****/
.product_list_banner{height:388px; width:960px; background: url(/img/banner/product-list.png) no-repeat;}

#category_banner_holder{
	width:960px;
	height:325px;
	position: relative;
	background: url(http://nyrius.com/img/banner/display.png) no-repeat;
	background-position: 0px 30px;
	}
#category_banner{list-style:none;}
#category_banner li.product {margin:0px; display: none; position: absolute; width: 930px;}
#category_banner .product_image {position:absolute; z-index:9000;}
#category_banner h2 {
	color:#FFF; font-size:40px; line-height:48px; 
	text-shadow: 1px 1px 2px #666;
	margin-bottom: 8px;
	}
#category_banner h2 small {color:#FFF; font-size:24px; line-height:26px; }
#category_banner p {font-weight: bold; font-size: 18px; margin-top: 80px; }
#category_banner .cornerbtn {position:absolute;	margin-top: 30px; margin-left: -20px;}

#indicators {
	position: absolute;
	bottom: 10px;
	text-align: center;
	width: 930px;
	z-index: 9001;
}
#indacators ul {
	list-style: none;
	margin: 0 auto;
}
#indicators li {
	padding: 0;
	margin: 0;
	display: inline-block;
	background: url(/img/pages/home/slider-indicators.png) top right;
	height: 18px;
	width: 18px;
	z-index: 1000;
}
#indicators li.hover {
	background-position: center right;
	cursor: pointer;
}
#indicators li.active {
	background-position: bottom right;
	cursor: default;
}
/****Product Display****/
.product_display_banner{
	height:386px; width:960px;
	background: url(/img/banner/display.png) no-repeat;
	position: relative;
}


.price_tag{
	width:155px; height:78px;
	background: url(/img/layout/price-tag.png) no-repeat;
	padding: 6px 0 0 0; text-align:right;
	position: absolute;
	top: 35px;
	right: -10px;
	-webkit-transform: rotate(15deg);
	-moz-transform: rotate(15deg);
}
.display_banner_text{width:460px; padding-top:25px;}

.new_circle, .coming_soon_circle{
	position:absolute; 
	top:0px; 
	left:0px; 
	height: 64px; 
	width: 64px;

}
.new_circle{background: url(/img/product/new-circle.png) no-repeat top left;}
.coming_soon_circle{background: url(/img/product/coming-soon-circle.png) no-repeat top left;}

.new, .coming_soon{
	position:absolute; 
	top:0px; 
	left:0px; 
	height: 100px; 
	width: 100px;
}
.new{background: url(/img/product/new.png) no-repeat top left;}
.coming_soon{background: url(/img/product/coming-soon.png) no-repeat top left;}




/*mid nav*/
#mid_nav{ width:958px;  background: #000; border: 1px solid #1f1f1f;}
#mid_nav ul {margin: 0;}
#mid_nav ul li {float: left; list-style:none; font-size:14px; font-weight:bold}
#mid_nav ul li a{ color:#999; padding: 16px 18px; display:block}
#mid_nav ul li a:hover{ color:#F00; text-decoration:none}
#mid_nav #current_tab a {color:#FFF; background: #000 url(/img/layout/mid-nav-bg.jpg) repeat-x; border: 1px solid #1f1f1f; border-top: #585858;}

#mid_nav.stick {
 
  position: fixed;
  top: 0;
  z-index: 10000;
  }

/*gallery*/
#large_image {width: 500px; height: 386px; overflow:hidden}
.product_display_banner .loader {position: absolute; top: 200px; left: 200px; display: none;}
#thumb_images ul {list-style: none; margin-left: 0; display: block; width: 440px;}
#thumb_images ul li {float: left; width: 60px; height: 60px; padding: 5px; position: relative;}
#thumb_images ul li img { width: 50px; height: 50px; padding: 5px; left: 0; top: 0; position: absolute;}
#thumb_images ul li:hover img {cursor: pointer;}
#thumb_images ul li.active img {}

#video_link {position: absolute; bottom: 0px; left: 500px; display: block; overflow: hidden;}
#video_link div {position: relative; bottom: 0px;}
#video_link a {font-size: 18px; line-height: 18px; color: #ffcccc; width: 420px; display: block;}
#video_link a strong {font-size: 24px; line-height: 24px;}
#video_link a:hover {text-decoration: none; color: #fff;}

/*apple icons*/
#apple_container {
	position:relative;
	}
#apple_img {
	position:absolute;
	top: -35px;
	right: 45px;
	z-index: 1;
	}
#apple_list {
	display: none;
	position:absolute;
	width: 100px;
	top: -35px;
	right: 180px;
	
	z-index: 1000;
	color: #fff;
	z-index: 0;
	padding: 1em 1.5em;
	background: #111;
	background-image: -moz-linear-gradient(100% 100% 90deg, #000000, #222222);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222222), to(#000000));
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	-moz-box-shadow: 		-2px 2px 5px #000;
	-webkit-box-shadow: 	-2px 2px 5px #000;
	box-shadow: 			-2px 2px 5px #000;
}

#overview .div_line_thin{
	margin-bottom: 45px;	
}
#overview .div_line_thinest{
	margin-bottom: 65px;	
}

/****Warranty Purchase Page****/
ul.warranty {list-style:none; margin: 0;}


ul.warranty li .warranty_head {
	display: block; 
	height: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: url(/img/layout/warranty-arrows.jpg) no-repeat top right;
	color:#666;
}



ul.warranty li.rollover .warranty_head{

	cursor:pointer;
	background-position: right -35px;
	color:#CC0000;
}

ul.warranty li.active .warranty_head{

	background-position: right -70px;
	color:#000;
}
/*****Promotions*****/

.promotions_banner{height:235px; width:960px; background: url(/img/banner/promotions.png) no-repeat;}

/****Contact****/
.contact_banner{height:235px; width:960px; background: url(/img/banner/contact.png) no-repeat;}
#contact_form {
width: 480px;
height: 550px;
margin-top: -100px; overflow:hidden;
}
#iframe {
width: 480px;
height: 420px;
overflow: hidden;
}
/*Press Contact form*/
.pres_form {
 width: 470px;
/*height: 800px;*/
 background-color: #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
overflow: hidden;
}
.pres_form iframe{
 margin-top:-50px;
}
.pres_container {
width: 450px;
height: 520px;
/*height: 575px;*/
overflow: hidden;
margin-left:10px; 
}
.pres_col{ width:380px;}
/****Spec table****/
table.spec thead th,table.spec thead td{font-weight: bold; line-height:normal; text-align: left; border-bottom: 1px solid #ccc;}
table.spec tfoot th,table.spec tfoot td {text-align: left; border-top: 4px solid #09f;}
table.spec th,table.spec td, table.spec tr {padding: 3px 0px;}
table.spec th {text-align: left; border-top: 1px solid #D6D6D6; border-bottom: 1px solid #D6D6D6; padding: 10px 0px;}
table.spec tbody tr.odd th,table.spec tbody tr.odd td {border-color: #deded8; background: #f9f9fb;}
table.spec tbody tr:hover td,table.spec tbody tr:hover th {background: #fbfbf8;}
table.spec caption {text-align: left; margin: 0; padding: 0.5em 0.25em;}
/****Footer****/
.corner{ -moz-border-radius-bottomleft: 50px; -webkit-border-bottom-left-radius: 50px;}
#footer{background: url(/img/layout/footer-bg.jpg) no-repeat bottom left; width:960px; }
#footer a{color:#999; }
#footer a:hover{text-decoration: underline; color: #fff;}
#footer ul{list-style:none; font-size:.9em; margin: 0;}
.footer_column{float:left; width:140px; padding:5px 0px 5px 20px;}

.no_padding{padding: 0px;}

#e404 {width: 500px; margin: 0 auto; text-align: center;}
#e404 img {margin-top: 125px; margin-bottom: 75px;}
#e404 h2 {color: #F00; font-size: 36px; line-height: 48px; margin-bottom: 20px;}
#e404 p {color: #999; font-size: 14px; margin-bottom: 150px;}

#translation_nav {
	padding-right: 10px;
}
#translation_nav a {
	color: #999;
	font-size: 10px;
	line-height: 15px;
}
#translation_nav a:hover {
	color: #fff;
}


/* Social Media Share */
#social_media {float: right; padding-right: 45px;}
#ys_social_top_hr {margin-bottom:5px; margin-top:0px; clear:both; }
#ys_social_media {height:26px;display:inline-block;vertical-align:middle;margin-left:10px; }
#ys_social_fblike {float:right; text-align: right}
#ys_social_fbshare {float:right;}
#ys_social_tweet {float:right;}
#ys_social_yahoo {float:right;}
#ys_social_v_separator {margin-left:0px;margin-right:10px;float:right;}
#ys_social_bottom_hr {margin-top:5px; margin-bottom: 20px;}