/*
***********************************************
Globals
***********************************************
*/

*:focus {
   outline:none;
}
.nopad{
	padding:0px;
}

.uppercase{
	text-transform: uppercase;
}

/*
***********************************************
Base Elements
***********************************************
*/

html{}
body{
	background:#222222;
	background-image:url('../img/bg-body.jpg');
	background-repeat:repeat-x;
}
a{color:#CF4B00;}
a:hover{color:#e46b26;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}
hr{}
ul{font-size:12px;}
ol{font-size:12px;}
p{font-size:12px;}
table thead tr th{font-size:12px;}
table tbody tr td{font-size:12px;}

hgroup.light h3{color:#f5f5f5;}
hgroup.light h4{color:#f5f5f5;}
hgroup.light h5{color:#999;}

.tabs-content{
	padding:16px;
}

/*
***********************************************
Themes
***********************************************
*/

.theme-head{
	background:#111111;
}

.theme-promos{
	background:#000000;
}
.theme-buckets{
	background:#000000;	
}

.theme-page{
	background:#ffffff;
}
.theme-content{
	background:#f5f5f5;
}
.theme-flame{
	background-image:url('../img/bg-header.png');
	background-repeat:no-repeat;
}
.theme-stripe{
	border-bottom:1px solid #CF4B00;
}

/*
***********************************************
Hero
***********************************************
*/

.theme-hero{
	background:#000000;
	color:#dddddd;
}

/*
***********************************************
Masthead
***********************************************
*/

div.theme-masthead{
	background:#222222;
	background-image:url('../img/bg-title.png');
}
h3.theme-masthead{
	margin:16px 0px 16px 0px;
	color:#c0c0c0;
	font-size:128%;
}

/*
***********************************************
Product Hero
***********************************************
*/

div.theme-product-hero{
	background:#222222;
	color:#dddddd;
}

div.rel{
	position:relative;
}

div.new-tag{
	position:absolute;
	top:15px;
	left:15px;
}

/*
***********************************************
Footer
***********************************************
*/

div.theme-footer{
	background:#111111;
	padding-bottom: 15px;
}
h6.theme-footer{
	color:#f5f5f5;
}
hr.theme-footer{
	border:1px solid #CF4B00;
}
ul.theme-footer li{
	line-height:24px;
}
ul.theme-footer li a{
	color:#B3B3B3;
}
ul.theme-footer li a:hover{
	color:#CF4B00;
}


/*
***********************************************
Icons
***********************************************
*/

.icon-xsmall{
	font-size:18px;
}
.icon-small{
	font-size:22px;
}
.icon-medium{
	font-size:28px;
}
.icon-large{
	font-size:32px;
}
.icon-xlarge{
	font-size:36px;
}

/*
***********************************************
Structure
***********************************************
*/

#header{}
#navbar{}
#hero{}
#buckets{}
#masthead{}
#content{}
#footer{}

/*
***********************************************
Foundation - Top Bar
***********************************************
*/

.top-bar{
	background:#111111;
}
.top-bar-section li:not(.has-form) a:not(.button) {
	background:#111111;
}

/*
***********************************************
Foundation - Subnav
***********************************************
*/

.sub-nav dt.active a, .sub-nav dd.active a, .sub-nav li.active a {
background: #CF4B00;
}

.sub-nav dt.active a:hover, .sub-nav dd.active a:hover, .sub-nav li.active a:hover {
background: #e46b26;
}

/*
***********************************************
Foundation - Sidenav
***********************************************
*/

/*
***********************************************
Foundation - Panels
***********************************************
*/

/*
***********************************************
Foundation - Orbit
***********************************************
*/
.orbit-bullets {
	display: table;
	text-align: center;
}
.orbit-bullets li{
	float:left;
}
.button.small.cbullet{
	background: #808080;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	opacity: .6;
}
.button.small.cbullet.active{
	opacity:1;
}
.slider_bullets{
	margin-top:10px;
	margin-bottom:-13px;
}
/*
***********************************************
Foundation - Reveal
***********************************************
*/

/*
***********************************************
Foundation - Abide
***********************************************
*/

/*
***********************************************
Foundation - Pagination
***********************************************
*/
ul.pagination li.current a {
	background: #CF4B00;
	color: white;
	font-weight: bold;
	cursor: default;
}

ul.pagination li.current a:hover {
	background: #e46b26;
	color: white;
	font-weight: bold;
	cursor: default;
}

/*
***********************************************
Foundation - Buttons
***********************************************
*/

.button{background:#CF4B00;border:none;}
.button.full{width:100%;}
.button:hover{background:#e46b26;}
.button:focus{background:#e46b26;}

/*
***********************************************
Header Search
***********************************************
*/

#search_keywords{
	margin-top:28px;
	background:#111111;
	color:#f5f5f5;
	border:1px solid #333333;
}


/*
***********************************************
Bucket - Home
***********************************************
*/

.bucket-home{
	padding:0px;
	background:#111111;
}
.bucket-home-image{
	background:#ffffff;
	min-height:160px;
	line-height:160px;
}
.bucket-home h5{
	padding:8px;
	background:#222222;
	color:#dddddd;	
}
.bucket-home h5 a{
	color:#dddddd;
}
.bucket-home p{
	padding:8px;
	color:#b3b3b3;
}

/*
***********************************************
Bucket - Product
***********************************************
*/

.bucket-product{
	padding:0px;
	background:#f5f5f5;
	border:1px solid #c0c0c0;
	position:relative;
}
.bucket-product-image{
	background:#ffffff;
	min-height:160px;
	line-height:160px;
}
.bucket-product h6{
	padding:8px;
	background:#e4e4e4;
	color:#111111;	
}
.bucket-product h6 a{
	color:#111111;	
}
.bucket-product p{
	padding:8px;
	color:#111111;
}
.bucket-product-button{
	padding:8px;
}
ul.buckets li div.bucket-new{
	z-index:9;
	position:absolute;
	top:0px;
	padding:3px;
	width:40px;
	background:#CF4B00;
	color:#ffffff;
	font-weight:bold;
	text-transform:uppercase;
	text-align: center;
}

/*
***********************************************
Bucket - Artist
***********************************************
*/

.bucket-artist{
	padding:0px;
	background:#f5f5f5;
	border:1px solid #c0c0c0;

}
.bucket-artist-image{
	background:#ffffff;
	background-position:center center;
	background-repeat:no-repeat;
	min-height:160px;
	line-height:160px;
}
.bucket-artist h6{
	padding:8px;
	background:#e4e4e4;
	color:#111111;	
}
.bucket-artist h6 a{
	color:#111111;	
}
.bucket-artist p{
	padding:8px;
	color:#111111;
	margin-bottom: 0px;
}
.bucket-artist-button{
	padding:8px;
}

/*
***********************************************
Labels
***********************************************
*/

.label {
	background-color:#E46B26;
}

.label.secondary {
	background-color:#888888;
	color: #FFFFFF;
}


/*
***********************************************
Product Features
***********************************************
*/

.feats ul.no-bullet{
	margin-left: 15px;
	margin-bottom: -20px;
}

.feats h6{
	font-size: 12px;
	padding: 0;
	margin-top:0px;
	margin-bottom:0px;
}
/* ****************************************************************** */

#product-subnav-mobile{
	padding:16px;
	background:#111111;
}
#product-subnav-mobile-selector{

}

#product-subnav-desktop{
	background:#f5f5f5;
}
#product-subnav-desktop-selector{
	margin:0px;
	padding:0px;
	list-style:none;
}
#product-subnav-desktop-selector li{
	margin:0px;
	padding:0px;
	float:left;
	border-right:1px solid #e4e4e4;	
}

#product-subnav-desktop-selector li a{
	display:block;
	margin:0px;
	padding:16px;
	color:#111111;
	background:#f5f5f5;	
}
#product-subnav-desktop-selector li a:hover{
	background:#e4e4e4;	
}
#product-subnav-desktop-selector li a.active{
	background:#ffffff;
}

div.product-content{
	display:none;
	padding:16px;
}

div.product-new {
	z-index: 3;
	position: absolute;
	top: 0px;
	padding: 14px;
	width: 70px;
	background: #CF4B00;
	font-weight: bold;
	text-transform: uppercase;
}

/* FIX FOR FOUNDATION CLEARING + BLOCK GRID */

[class*="block-grid-"] li {
    margin-right:0!important;
}
.clearing-blackout li {
    clear:inherit!important;
}
.clearing-assembled .clearing-container .carousel > ul{ width: auto !important; }
.clearing-main-prev.disabled, .clearing-main-next.disabled {
opacity:1;
}
.clearing-main-prev.disabled, .clearing-main-previous.disabled {
	opacity: 1;
}

/* ****************************************************************** */

#support-filter-series{min-height:200px;}
#support-filter-product{min-height:200px;}
#support-filter-os{min-height:200px;}
#support-filter-lang{min-height:200px;}

span.required{color:#CF4B00; font-weight:bold;}

[data-abide] .error small.error, 
[data-abide] span.error, 
[data-abide] small.error {background:#CF4B00;}

div.error label{color:#111111;}
small.error{background:#CF4B00;}


/* min-width 641px, medium screens */
@media screen and (max-width:800px) {
 select{min-height:0 !important;}
}


/*
***********************************************
Translator
***********************************************
*/

div.theme-language{
	padding:4px;
	color:#f7f7f7;
	font-size:12px;
	font-weight:bold;
	background:#CF4B00;
}

.goog-te-gadget-icon {
	display:none;
}

.goog-te-menu2 {
	background-color: #CF4B00;
	text-decoration: none;
	border: 1px solid #CF4B00;
	overflow: hidden;
	padding: 4px;
}

.goog-te-gadget-simple {
	background-color: #CF4B00;
	border-left: 1px solid #CF4B00;
	border-top: 1px solid #CF4B00;
	border-bottom: 1px solid #CF4B00;
	border-right: 1px solid #CF4B00;
	font-size: 10pt;
	display: inline-block;
	padding-top: 1px;
	padding-bottom: 2px;
	cursor: pointer;
	zoom: 1;
}


/*
***********************************************
Media Page
***********************************************
*/

.media_bucket {
	background: #f4f8f9;
	padding: 10px;
	margin: 0 5px 0 5px;
}

.media_copy{
	margin: 0 0 0 15px;
}

/*
***********************************************
Home Slugs
***********************************************
*/

.home-slugs{
 padding-top:15px;
}

/*
***********************************************
Rebates
***********************************************
*/

.rebate img{
	margin-bottom: 20px;
}