@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;/*vertical-align:baseline*/} img{border:none} img, a img, a:link img, a:hover img, a:visited img {border: none; padding: 0; margin: 0;}/*cross browser clear*/
body  {background : #fff url(/img/layout/background-mid.jpg) top center repeat-y; font : normal normal normal small/1.4em Arial, Verdana, sans-serif;} 
body A:link,body A:visited,body A:active {text-decoration:none; color: #0066cc;} body A:hover {text-decoration: underline; color: #0066cc;}

/*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:10px;width:100%;border-bottom:1px solid #D6D6D6; margin-bottom:15px; 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;}
p, ol li {margin-bottom: 10px;}
.fl{float:left}
.fr{float:right}

@font-face {
	font-family: Myriadx;	
	src: url('/include/fonts/MyriadPro-Regular.otf') format("opentype");
}

@font-face {
	font-family: MyriadBoldx;	
	src: url('/include/fonts/MyriadPro-Bold.otf') format("opentype");
}

.text_shadow, h1, #short_banner p, #tall_banner p, #tall_banner b, h2.blue_banner, h2.black_banner, h2.nostalgia_banner {text-shadow: #333 1px 1px 2px ;}

.f_myriad, .f_sansumi, h1, h2, h3, h4,  #short_banner p, #tall_banner p, #tall_banner b, span.number, a.button {
	font-family: "Myriad Pro", Myriad, Myriadx, Arial, Helvetica, sans-serif; 
}

.side_nav strong, .sf-menu .main span, ul#category_search a, #mid_nav, #apple_list .heading {
	font-family: "Myriad Pro", MyriadBold, MyriadBoldx, Arial, Helvetica, sans-serif; 
}


h1 {
	color: #ffcc00;
	font-size: 72px;
	line-height: 72px;
	font-weight: normal;	
}

h2 {
	color: #000;
	font-size: 36px;
	line-height: 48px;
	font-weight: normal;	
}



h3 {
	color: #000;
	font-size: 24px;
	line-height: 33px;
	font-weight: normal;	
}

h4 {
	color: #000;
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;	
}

span.number {
	font-size: 24px;
	line-height: 33px;
	font-weight: normal;	
	float: left;
	display: inline-block;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	background: url("/img/layout/list-number-background.jpg") no-repeat;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

.margin_10 {margin-top:10px}
.margin_20 {margin-top:20px}
.margin_35 {margin-top:35px}

.margin_20_all {margin: 20px;}
#temp_fix {height: 180px; padding-top: 20px;}
	
	
.one_forth {width: 210px;}
.two_forths {width: 460px;}
.three_forths {width: 700px;}

.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_150 {width:150px;}
.column_380 {width:380px;}
.column_420 {width:420px;}

.wrap {width:960px;margin:0 auto;}
.mid_wrap {width:1000px;margin:0 auto;}
.wide_wrap {width:1020px;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_ten_left { padding-left: 10px;}
.pad_45_left { padding-left: 45px;}
.pad_top{padding-top:20px;}
.white_bg{background-color:#FFF}

.red {color:#0066cc}
.blue {color: #0066cc;}
.light_blue {color: #00aeff;}
.yellow {ffcc00;}
.bold {font-weight:bold}
.black {color:#000}
.white {color:#fff}
.sub_white {color:#c9c9c9}
.sub_white_red {color:#eacece}
.grey {color:#444;}
.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;}
.absolute {position: absolute;}





/****Buttons****/

.small_button input[type="submit"] {
	background: none;
	border: none;
	color: #fff;
	font-weight: bold;
}
.search_box input[type="text"] {
	padding: 4px;
}
a.button{
	background: transparent url('/img/layout/buttons/button-right-black.png') no-repeat scroll top right;
    /*color: #fff;*/
    display: block;
    float: left;
	padding-right: 18px; /* width of side image */
    height: 36px;
	color: #eee;
}

a.button span {
	margin: 0px;
    background: transparent url('/img/layout/buttons/button-left-black.png') no-repeat;
    display: block;
    line-height: 24px;/*- 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: 4px 0px 8px 15px;
	font-size: 18px;
	font-weight: bold;
	color: #eee;
}

a.button:hover, a.button:hover span{

    outline: none; /* hide dotted outline in Firefox */
	color: #fff; text-decoration:none;
}

a.blue_button {
    background: transparent url('/img/layout/buttons/button-right-blue.png') no-repeat scroll top right;
}

a.blue_button span {
    background: transparent url('/img/layout/buttons/button-left-blue.png') no-repeat;
}


a.cyan_button {
    background: transparent url('/img/layout/buttons/button-right-cyan.png') no-repeat scroll top right;
}

a.cyan_button span {
    background: transparent url('/img/layout/buttons/button-left-cyan.png') no-repeat;
}
a.yellow_button {
    background: transparent url('/img/layout/buttons/button-right-yellow.png') no-repeat scroll top right;
}

a.yellow_button span {
    background: transparent url('/img/layout/buttons/button-left-yellow.png') no-repeat;
}
a.grey_button {
    background: transparent url('/img/layout/buttons/button-right-grey.png') no-repeat scroll top right;
}

a.grey_button span {
    background: transparent url('/img/layout/buttons/button-left-grey.png') no-repeat;
}

a.small_button, .search_box .small_button {
	background: transparent url('/img/layout/buttons/small-button-right-black.png') no-repeat scroll top right;
    /*color: #fff;*/
    display: block;
    float: left;
	padding-right: 11px; /* width of side image */
    height: 28px;
	color: #eee;
}

a.small_button span, .search_box .small_button input {
	margin: 0px;
    background: transparent url('/img/layout/buttons/small-button-left-black.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: 4px 0px 8px 11px;
	font-size: 14px;
	font-weight: bold;
	color: #eee;
	letter-spacing: -.5px;
}
a.small_button:hover, a.small_button:hover span, form .small_button:hover, form .small_button:hover input{
	cursor: pointer;
    outline: none; /* hide dotted outline in Firefox */
	color: #fff; text-decoration:none;
}
a.small_blue_button, .search_box .small_blue_button {
    background: transparent url('/img/layout/buttons/small-button-right-blue.png') no-repeat scroll top right;
}

a.small_blue_button span, .search_box .small_blue_button input  {
    background: transparent url('/img/layout/buttons/small-button-left-blue.png') no-repeat;
}


a.small_cyan_button, .search_box .small_cyan_button {
    background: transparent url('/img/layout/buttons/small-button-right-cyan.png') no-repeat scroll top right;
}

a.small_cyan_button span, .search_box .small_cyan_button input  {
    background: transparent url('/img/layout/buttons/small-button-left-cyan.png') no-repeat;
}
a.small_yellow_button, .search_box .small_yellow_button {
    background: transparent url('/img/layout/buttons/small-button-right-yellow.png') no-repeat scroll top right;
}

a.small_yellow_button span, .search_box .small_yellow_button input  {
    background: transparent url('/img/layout/buttons/small-button-left-yellow.png') no-repeat;
}
a.small_grey_button, .search_box .small_grey_button {
    background: transparent url('/img/layout/buttons/small-button-right-grey.png') no-repeat scroll top right;
}

a.small_grey_button span, .search_box .small_grey_button input  {
    background: transparent url('/img/layout/buttons/small-button-left-grey.png') no-repeat;
}

.out_stock {    
    background: url(/img/product/out-of-stock.png) no-repeat top left;
	width:125px; height:36px; 
}
.in_stock {    
    background: url(/img/product/buy-now.png) no-repeat top left;
	width:100px; height:36px; cursor: pointer;
}
.in_stock_soon {    
    background: url(/img/product/pre-order.png) no-repeat top left;
	width:104px; height:36px; cursor: pointer;
}
.warranty_buy_now {    
    background: url(/img/product/warranty/buy-now.png) no-repeat top left;
	width:75px; height:28px; cursor: pointer;
}


/****Top Nav****/

#header {
	background: url(/img/layout/background-top.jpg) no-repeat top;
	height: 100px;
}

#header .wrap {	padding-top: 30px; }

#logo { padding: 10px; }
.sf-menu {padding-top: 5px; color: #666; padding-right: 10px;}


/*.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_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; }
.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; }

/****Page Banners****/
#short_banner {
	display: block;
	/*text-transform: lowercase;*/
	letter-spacing: -.5px;
	text-align: right;
	margin: 0px 10px;
	padding: 25px 30px;
	height: 136px;
	width: 940px;
	background: url("/img/layout/short-banner-background.jpg") no-repeat center;
}
#short_banner p {
	font-size: 24px;
	line-height: 36px;
	color: #00aeff;

}

#short_banner.nostalgia {
	background: #00070f url("/img/layout/nostalgia-short-banner-back.jpg") no-repeat center;	
}

#short_banner.nostalgia h1 {
	color: #fff;
}

#short_banner.karaoke {
	background: #00070f url("/img/layout/karaoke-short-banner-back.jpg") no-repeat center;	
}

#short_banner.karaoke p {
	color: #fff;
}

#tall_banner {
	display: block;
	
	letter-spacing: -.5px;
	text-align: right;
	margin: 0px 10px;
	padding: 0px 30px;
	height: 436px;
	width: 940px;
	background: #004282 url("/img/layout/tall-banner-background2.jpg") no-repeat center top;
	position: relative;
}
#tall_banner p {
	font-size: 24px;
	line-height: 36px;
	color: #00aeff;
}

#tall_banner h1 {font-size: 60px; line-height: 60px;}

#tall_banner b.subtitle {font-size: 30px; line-height: 42px; text-transform: none; color: #fff; font-weight: normal;}
#tall_banner p.model {font-size: 18px; line-height: 30px; text-transform:none;}

.display_banner_text{width:420px; padding-top: 50px; }

#tall_banner.nostalgia {
	background: #000910 url("/img/layout/nostalgia-tall-banner-back.jpg") no-repeat center top;
}

#tall_banner.nostalgia h1 {color: #fff;}
#tall_banner.nostalgia b.subtitle {color: #00aeff;}
#tall_banner.nostalgia p.model {color: #cc9900;}

.nostalgia .display_banner_text{width: 390px; padding-top: 80px; padding-right: 30px; }

#tall_banner.karaoke {
	background: #000 url("/img/layout/karaoke-tall-banner-back.jpg") no-repeat center top;
}


/****Side Nav****/
.side_nav{
	width:180px; 	
	padding: 15px 30px;
	background: url("/img/layout/side-nav-background.png") no-repeat top;
	
}

.side_nav strong {
	font-size: 18px; 
	line-height: 30px; 
	color: #333; 
	text-transform: uppercase;
}

.side_nav ul { 
 border: none;	
 list-style:none;
 list-style-position: inside;
 margin-left: 0;
}			
.side_nav li {
 border-top: 1px solid #eee;
}
.side_nav a, .side_nav a:link, .side_nav a:visited{
	font-size: 16px;
	line-height: 30px;	
	color:#999;
 	text-decoration:none; 
 	display: block;
 	padding: 3px 0 3px 0px;
}
.side_nav a:hover {
 color: #000;
 text-decoration:none;
}
.side_nav #currentpage a {
/*background: #ccc;*/
 color: #00aeff; 
}

.sort_button {
	display: block;
	height: 32px;
	overflow: hidden;
	padding-right: 31px;
	background: #eee url("/img/layout/sort-right.jpg") top right no-repeat;
}
.sort_button span {
	display: block;
	line-height: 24px;
	padding: 4px 0px 3px 0px;
	background: url("/img/layout/sort-left.jpg") top left no-repeat;
}

.sort_button ul {
	background: none;
	list-style: none;
	margin: 0px;
	padding-left: 20px;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	top: -10px;
}

.sort_button ul li a {	
	position: relative;
	color: #666;

}
.sort_button:hover, .sort_button.hover {
	z-index: 1000;
	overflow: visible;
	padding:0px;
}
.sort_button:hover ul, .sort_button.hover ul {
	padding-right: 31px;
	color: #333;
	
	z-index: 1000;
	background: #ddd;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dddddd, #eeeeee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 		-2px 2px 5px #666;
	-webkit-box-shadow: 	-2px 2px 5px #666;
	box-shadow: 			-2px 2px 5px #666;
}

.sort_button a:hover, .sort_button.hover a:hover {
	text-decoration: none;
	color: #000;
}

.sort_button li#current_sort a, .sort_button li#current_sort a:hover{
	color: #0066cc;
	text-decoration: none;
}

.product_list_holder {
	display: block;
	position: relative;
	float: left;
	width: 230px;
	height: 310px;
	overflow: visible;
}

.product_list_price {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 30px;
	color: #444;
	padding: 10px;
	
}
.product_list_item ul li {
	line-height: 12px;
	margin-bottom: 5px;
}
.product_list_item:hover {
	
	background: #ddd;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dddddd, #eeeeee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 		-2px 2px 5px #666;
	-webkit-box-shadow: 	-2px 2px 5px #666;
	box-shadow: 			-2px 2px 5px #666;
}
.product_list_item:hover .additional_info {
}
.product_list_item a:hover {
	text-decoration: none;
}

/****Language****/
.lang_box{padding:5px; /*background-color:#FFF*/}
.current_lang{background-color:#FCF}
/****Home****/

#home_banner a:hover {
	text-decoration: none;
}
#home_banner {
	position: relative;
	margin: 0px 10px;
	display: block;
	width: 1000px;
	height: 476px;
	overflow: hidden;
	
}

ul#home_banner_images {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0;
	margin: 0;
	list-style: none;
	width: 8000px;
	display: block;
}

ul#home_banner_images li{
	position: relative;
	width: 1000px;
	float: left;
}

h2.black_banner {
	position: absolute;
	top: 80px;
	left: 40px;
	width: 330px;
	font-size: 30px;
	line-height: 36px;
	color: #00aeff;
}

h2.black_banner .title {
	font-size: 48px;
	line-height: 48px;
	color: #fff;
	
}

h2.blue_banner {
	position: absolute;
	top: 80px;
	right: 40px;
	text-align: right;
	width: 550px;
	font-size: 36px;
	line-height: 44px;
	color: #fff;
}

h2.blue_banner .title {
	font-size: 72px;
	line-height: 72px;
	color: #ffcc00;
	
}

h2.nostalgia_banner {
	position: absolute;
	top: 100px;
	left: 70px;
	width: 330px;
	font-size: 30px;
	line-height: 40px;
	color: #00aeff;
}

h2.nostalgia_banner .title {
	font-size: 60px;
	line-height: 60px;
	color: #fff;
	
}

ul#home_banner_thumbs {
	position: absolute;	
	bottom: 15px;
	left: 370px;
	z-index: 100;
	margin: 0px;
	
	
	list-style: none;
}
ul#home_banner_thumbs li {
	display: inline-block;
	margin: 5px;
	height: 40px;
	width: 60px;
	overflow: hidden;

	float: left;
	
	border: 2px solid #fff;

	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	
	-moz-box-shadow: 		-2px 2px 5px #666;
	-webkit-box-shadow: 	-2px 2px 5px #666;
	box-shadow: 			-2px 2px 5px #666;
}

ul#home_banner_thumbs li:hover, ul#home_banner_thumbs li.hover {
	border-color: #ffcc00;
	cursor: pointer;
}
ul#home_banner_thumbs li.active, ul#home_thumbs li.active:hover, ul#home_banner_thumbs li.active.hover {
	border-color: #00aeff;
	cursor: default;
}

.home_feature {
	line-height: 24px;
	color: #666;
	display: block;
	width: 238px;
	text-align: center;
	float: left;
	background: url(/img/home/feature-border.jpg) no-repeat right;
}
.home_feature.last {
	background: none;
}
.home_feature h3 {
	color: #0066cc;
}
.home_feature p {
	color: #666;
}

.home_feature:hover, .home_feature:hover h3, .home_feature:hover p {
	color: #000;
	text-decoration: none;
}

/****Support****/
.search_box {
	position: relative;
	top: -10px;
	padding: 10px;
	background: #222222;
	background-image: -moz-linear-gradient(100% 100% 90deg, #333333, #000000);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#333333));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 		-2px 2px 5px #666;
	-webkit-box-shadow: 	-2px 2px 5px #666;
	box-shadow: 			-2px 2px 5px #666;
}
#category_nav ul {
	width: 635px;
	position: relative;
	left: -10px;
	margin: 0;
	margin-left: -10px;
	margin-top: 15px;
	background: transparent url("/img/layout/mid-nav-right.png") top right no-repeat;
	padding-right: 25px;
	display: block;
    float: left;	
}

#category_nav ul span {
	margin: 0;
	background: transparent url("/img/layout/mid-nav-left.png") top left no-repeat;
	display: block;
	line-height: 22px;
	padding: 0px 0px 37px 10px;
}
#category_nav ul li{float: left; list-style:none; font-size:18px; font-weight:bold}
#category_nav ul li a{ color:#999; padding: 16px 5px 0px 5px; display:block}
#category_nav ul li.last a {padding-right: 0px;}
#category_nav ul li a:hover { color:#000; text-decoration:none}
#category_nav #currentpage a {color:#00aeff;}
ul#category_search {

	margin-bottom: 20px;
}
ul#category_search li{
	padding: 0px;
	width: 200px;
	text-align: center;
}

#category_search_results ul {
	list-style: none;
	margin-left: 0px;
}

#category_search_results h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 14px;
	line-height: 18px;
}
#category_search_results b, #category_search_results li, #category_search_results a {
	font-size: 11px;
}

#category_search_results li {
	color: #999;
}


#category_search_results li a{
	color: #0066cc;
}

.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; }
/****Product List****/
.product_list_banner{height:388px; width:960px; background: url(/img/banner/product-list.png) no-repeat;}
/****Product Display****/
.product_display_banner{

}
.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);
}




span.msrp {
	text-transform: none;
	font-size: 14px;
	line-height: 80px;
	color: #ccc;	
	margin-right: 20px;
}
span.msrp span {
	font-size: 18px;
	text-decoration: line-through;
}

span.ssp {
	text-transform: none;
	font-size: 14px;
	line-height: 80px;
	color: #fff;
}
span.ssp span {
	font-size: 46px;
}


.new_circle, .coming_soon_circle{
	position:absolute; 
	
	top:0px; 
	left:0px; 
	height: 69px; 
	width: 69px;

}
.new_circle{background: url(/img/layout/new-circle.png) no-repeat top left;}
.coming_soon_circle{background: url(/img/layout/coming-soon-circle.png) no-repeat top left;}

.new, .coming_soon{
	position:absolute; 
	top:1px; 
	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;}

#vids ul li {list-style:none; background: url(/img/layout/vid-icon.png) no-repeat;}
#vids ul li a{ color:#999; padding: 6px 0 6px 40px; display:block; color:#FFF}
#vids ul li a:hover{ color:#000}


/*mid nav*/
#mid_nav{ width:960px; padding: 20px 20px 0px 20px; margin: 0px 10px; background: #fff url("/img/layout/content-background.jpg") repeat-x top left; position: relative;}
#mid_nav ul {
	margin: 0;
	background: transparent url("/img/layout/mid-nav-right.png") top right no-repeat;
	padding-right: 25px;
	display: block;
    float: left;	
	height: 59px;
}

#mid_nav ul span {
	margin: 0;
	background: transparent url("/img/layout/mid-nav-left.png") top left no-repeat;
	display: block;
	line-height: 22px;
	padding: 0px 0px 37px 0px;
}
#mid_nav ul li {float: left; list-style:none; font-size:18px; font-weight:bold}
#mid_nav ul li a { color:#999; padding: 16px 22px; display:block}
#mid_nav ul li.last a {padding-right: 0px;}
#mid_nav ul li a:hover { color:#000; text-decoration:none}
#mid_nav #current_tab a {color:#00aeff;}

#mid_nav.stick {
 
  position: fixed;
  top: 0;
  z-index: 10000;
  }

#canadian_tire_link {
	position: absolute;
	right: 20px;
	top: -15px;

}

/*gallery*/
#large_image {width: 500px; height: 425px; overflow:hidden; position: relative; top: 9px; left: -30px;}
.loader {position: absolute; top: 200px; left: 200px; display: none;}
#thumb_images ul {list-style: none; position: absolute; bottom: 0px; right: 20px;}
.nostalgia #thumb_images ul {bottom: 20px; right: 50px;}
#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 {}

/*apple icons*/
#apple_container {
	position:relative;
	}
#apple_img {
	position:absolute;
	top: -115px;
	right: 45px;
	z-index: 1;
	}
#apple_list {
	display: none;
	position:absolute;
	width: 150px;
	top: -115px;
	right: 180px;
	
	font-size: 11px;
	
	z-index: 1000;
	color: #333;
	z-index: 0;
	padding: 1em 1.5em;
	background: #ddd;
	background-image: -moz-linear-gradient(100% 100% 90deg, #dddddd, #eeeeee);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eeeeee), to(#dddddd));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 		-2px 2px 5px #666;
	-webkit-box-shadow: 	-2px 2px 5px #666;
	box-shadow: 			-2px 2px 5px #666;
}
#apple_list .heading {
	color: #00aeff;	
	text-transform: uppercase;
	font-size: 14px;
}
#overview h3 {color: #0066cc;}
#overview .div_line_thinest, #overview .div_line_thin {
	margin-bottom: 45px;	
}
.disclaimer {margin-top: 15px} 
.disclaimer ol li {margin-bottom: 5px}
/****Warranty Purchase Page****/
ul.warranty {list-style:none; margin: 0;}


.warranty_head {
	display: block; 
	height: 25px;
	padding-bottom: 10px;
	background: url(/img/layout/warranty-arrows.jpg) no-repeat top right;
	
}

.warranty_head h3 {
	color:#666;
	font-size: 30px;
	line-height: 24px;
}

.warranty_head a {
	line-height: 24px;
	font-size: 10px;
	padding: 7px;
}

ul.warranty li.rollover .warranty_head, ul.warranty li.rollover .warranty_head h3 {
	cursor:pointer;
	background-position: right -35px;
	color:#00aeff;
}

ul.warranty li.rollover .warranty_head a {
	text-decoration: underline;	
}

ul.warranty li.active .warranty_head, ul.warranty li.active .warranty_head h3{

	background-position: right -70px;
	color:#000;
}


/****Contact****/
.contact_banner{height:235px; width:960px; background: url(/img/banner/contact.png) no-repeat;}

#contact_form_background {
	margin: 0;
	background: transparent url("/img/layout/mid-nav-right.png") top right no-repeat;
	padding-right: 25px;
	display: block;
}

#contact_form_background span {
	margin: 0;
	background: transparent url("/img/layout/mid-nav-left.png") top left no-repeat;
	display: block;
	padding: 25px 0px 0px 25px;
}


#contact_form {
width: 700px;
height: 810px;
margin-top: -30px; margin-left:-2px; overflow:hidden;
}

#iframe {
width: 500px;
height: 500px;
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;}
/****SubFooter****/
#sub_footer {
	background: #eee;
	padding: 20px 10px;
	color: #666;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#sub_footer ul {
	list-style: none;
	margin-left: 0;
}
#sub_footer b {
	font-size: 14px;
}
#sub_footer a {
	color: #666;
}
#sub_footer a:hover {
	color: #0066cc;
	text-decoration: underline;
}
.footer_column{float:left; width:140px; margin-right:10px;}	
	

/****Footer****/
#footer{
	background: #fff url(/img/layout/background-bottom.jpg) no-repeat bottom; 
	height:78px;
	text-align:center;	
	font-size: 11px;
	color: #666;
}



.no_padding{padding: 0px;}


/* Social Media Share */
#social_media {float: right; }
#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:left;}
#ys_social_tweet {float:left;}
#ys_social_yahoo {float:left;}
#ys_social_v_separator {margin-left:10px;margin-right:10px;float:left;}
#ys_social_bottom_hr {margin-top:0px;}