@import "ui.theme.css";

body { color: #ffffff; background:transparent url(../images/Global_Assets/bg.jpg) repeat-y scroll 50% 50%; background-color: #1F242A; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.2em; }

h1,h2,h3,h4,h5,h6 {}

input { cursor: pointer; }
select {}
textarea {}
input,textarea { font-size: 11px; font-family: Arial, sans-serif; color: #333333; background-color: #C2C5CC; border: 1px solid #787878; }
input[type=checkbox], input[type=radio] {vertical-align: middle;position: relative;bottom: 1px;background: none;border: none;}
input[type=text], input[type=password], textarea { background-image: url('../images/Global_Assets/bg_textbox.gif'); background-position: right top; border-width: 0px 0px 1px 1px; border-style: solid; border-color: #4d4d4d; }

img { border: none; }

.bold, strong { font-weight: bold; }
.italic { font-style: italic; }

.clear { clear: both;}

.warning { color:#FF6600; font-weight:bold; }
.yellow { color: #FCD309; display: inline; }
.white {color: #FFFFFF; display: inline; }
.grey {color: #999A9C; display: inline; }
.generic_copy { margin: 6px 0px; }
.white_caps { font-size: 12px; text-transform: uppercase; color: #FFFFFF ; display: inline;  }
.yellow_black { font-size: 12px; text-transform: uppercase; color: #FCD309; font-family: Arial black; height: 12px; padding: 0px; margin: 0px;}
.white_black { font-size: 12px; text-transform: uppercase; color: #ffffff; display: inline; font-family: Arial black; }
.little_grey_black { font-family: Arial black; font-size: 10px; text-transform: uppercase; color: #999A9C; position: relative; height: 10px; padding: 0px; margin: 0px; float: right; width: 194px; }

.little_blue_black { font-family: Arial black; font-size: 10px; text-transform: uppercase; color: #2A7D8B ; display: inline; }
.little_green_black { font-family: Arial black; font-size: 10px; text-transform: uppercase; color: #2B8A36 ; display: inline; }
.yellow_caps { font-size: 12px; text-transform: uppercase; color: #FCD309 ; display: inline;  }

/* LINKS */
a { text-decoration: none; color: #FCD309; cursor:pointer; }
a:link { text-decoration: none; color: #FCD309;}
a:active {text-decoration: none; color: #FCD309;}
a:visited {text-decoration: none; color: #FCD309;}
a:hover {text-decoration: none; color: #d1d1d1;}

/* GLOBAL BUTTON CLASSES */
.button, 
a.button, 
button.button,
input.button,
input.button_grey { padding: 0px 9px; background:url("../images/Global_Assets/btn01_bg.gif") repeat-x scroll 0 0 #FCD309; border:1px solid #000; color:#000; cursor:pointer; font-family:Arial black; font-size:11px; text-align:center; text-transform:uppercase; }
button.button, 
button.button_grey { height: 22px; display: inline-block; }
a.button, 
a.button_grey { height: 20px; display: inline-block; line-height: 1.6em; padding: 0px 5px; position: relative; top: -1px; }

.button_grey, 
a.button_grey,
input.button_grey { background:url("../images/Global_Assets/btn02_bg.gif") repeat-x scroll 0 0 #2d3032; border: 1px solid #333; color:#fcd209; cursor:pointer; font-family:Arial black; font-size:11px;  text-align:center; text-transform:uppercase; }

/* firefox */
.ff button.button,
.ff button.button_grey { padding: 0px 5px 2px 5px; height: 22px; line-height: 1em; }
.ff input.button,
.ff input.button_grey { padding: 0px 7px 2px 7px; height: 19px; line-height: 1em;  }

/* ie7 */
.ie7 button.button { height: 21px; padding: 0px 5px; display: inline-block; overflow: visible; }
.ie7 input.button { height: 21px; padding: 0px 7px; display: inline-block; overflow: visible; }
.ie7 button.button_grey { height: 22px; padding: 0px 5px; display: inline-block; overflow: visible; }
.ie7 input.button_grey { height: 22px; padding: 0px 7px; display: inline-block; overflow: visible; }
.ie7 a.button, .ie7 a.button_grey {  display: inline-block; position: relative; top: 1px; line-height: 1.6em; padding: 0px 5px; }
/* END BUTTONS */

#site_root { height:100% !important; min-height:100%; margin: 0px auto; }
#main_content { width: 980px; margin: 0px auto; padding-top: 20px;  }
.ie7 #main_content { width: 980px; margin: 0px auto; padding-top: 10px; }
#top_content { width: 980px; margin: 0px auto 20px auto;}

.ship_message { float: right; color: #808388; font-size: 10px; padding: 3px 0px; padding-top: 5px; text-transform: uppercase; float: right; height: 14px;} 
.ie7 .ship_message { color: #808388; font-size: 10px; position: relative; top: 10px; text-transform: uppercase; float: right; }
.ship_message a{ color: #FCD309; }
.ship_message a:hover {  color: #FFFFFF; }

/* Navigation */
.navigation-block {margin: 0px 0px 20px 0px;  font-family: Arial Black; text-align: right; float: left; width: 120px; }
ul.sliding-navigation{text-transform: uppercase; list-style: none; font-size: 11px; margin-top: 50px; padding: 0;}
.ie7 ul.sliding-navigation {text-transform: uppercase; list-style: none; font-size: 11px; margin-top: 58px; padding: 0;}
.sa ul.sliding-navigation {text-transform: uppercase; list-style: none; font-size: 11px; margin-top: 57px; padding: 0;}
ul.sliding-navigation li { overflow: visible; position: relative; border-top: 1px solid #000000; z-index:9000;  margin: 0px; padding: 0px;}

.ie7 ul.sliding-navigation li { height: 35px; overflow: visible; position: relative; border-top: 1px solid #000000; z-index:9000;  margin: 0px; padding: 0px;}

ul.sliding-navigation li.nothing { height: 1px; margin: 0px; padding: 0px; background: #000000;}
ul.sliding-navigation li.open_page { color: #FCD309; padding: 10px 0px 0px 0px; height:2.14em; z-index: 9999; position: relative; z-index:9000; position:relative;  margin: 0px; background: url(../images/Global_Assets/Navigation/nav1_off.gif) repeat-y;}
ul.sliding-navigation li.subcat { border-left: 1px solid #000000; padding: 5px; font-family: Arial; color: #FCD309; background-color: #1F242A;}
.ie7 ul.sliding-navigation li.subcat { border-left: 1px solid #000000; padding: 5px; font-family: Arial; color: #FCD309; background-color: #1F242A; height: 14px;}
ul.sliding-navigation li.subcat_exposed { border-left: 1px solid #000000; padding: 5px; font-family: Arial; color: #ffffff; background-color: #1F242A; }
ul.sliding-navigation li.subcat_exposed a { color: #ffffff; background-color: #1F242A; }
ul.sliding-navigation li.subcat a { color: #FCD309; text-decoration: none; }
ul.sliding-navigation li.subcat a:hover { color: #ffffff; text-decoration: none;}
ul.sliding-navigation li.sliding-element a.yellow {background: #FCD309; color: #000000; }
ul.sliding-navigation li.sliding-element a:hover.yellow {background: #FCD309; color: #000000; }
ul.sliding-navigation li.sliding-element a{ height:2.14em; display: block; width: 120px; margin: 0px; padding: 10px 0px 0px 0px; color: #ffffff; background: url(../images/Global_Assets/Navigation/nav1_off.gif) repeat-y;  text-decoration: none;}
ul.sliding-navigation li.sliding-element a:hover { background: url(../images/Global_Assets/Navigation/nav1_on.gif) repeat-y; color: #FCD309; }

/* TOOLTIP */
.tooltip { width: 170px;  height: auto; }
.tool_arrow { margin-left: 10px; margin-top: -9px; width: 18px; height: 9px; background: url(../images/Global_Assets/tooltip_triangle.gif) no-repeat; }
.tool_copy { background-color: #FCD309; padding: 7px; color: #000000; font-weight: bold; font-size: 11px; font-family: arial; }


/* HEADER */
#header { width: 860px; margin: 0px auto; float: left; }


.logo{ position: relative; top: -3px; left: -5px; margin: 0px; padding: 0px; z-index:9001; height: 0px; } 
.logo_bottom{ position: relative; top: 90px; left: -5px; margin: 0px; padding: 0px; text-align: left; z-index:9001; height: 0px; }

#header .main_content{  z-index: 1; float: left; width: 860px;  }
#header .main_content .welcome_strip { border-bottom: 1px solid #000000; border-top: 1px solid #000000; float: left; width: 634px; height: 23px; background-color: #1f242a; }
#header .main_content .welcome_strip .account_links {line-height:16px; margin-left:50px; margin-top:5px; text-transform: uppercase; }
#header .main_content .welcome_strip .mini_cart { width:120px; float: right; }
#header .main_content .welcome_strip .mini_cart img.cart_arrow{ margin-top:5px; margin-left: 12px;  }
#header .main_content .welcome_strip .mini_cart img.checkout_icon{ margin-right:10px; margin-top:3px; float: left;  }

#header .main_content .banner_image .greyBox-search_bar {border: 1px solid #000000; height: 17px; width:30px; background-color: #d1d1d1; float: left; }
#header .main_content .banner_image .search_bar { float: left; }
#header .main_content .banner_image .search_bar .search_icon { width: 24px; float: left; }
#header .main_content .banner_image .search_bar input{ height:17px; float: left; padding: 0px; margin: 0px; color: #000000; border: 1px solid #000000; width: 200px;  }
#header .main_content .side_banner {  float: left; width: 140px; height: 440px;  background: url("../images/Homepage/homepage_main_2.gif") repeat; }
#header .main_content .side_banner img { padding: 50px 0px 0px 30px;   }

#header .main_content .checkout_button{ float: left; }
#header .main_content .checkout_button input.checkout{ float:left; font-size: 11px; background:transparent url("../images/Global_Assets/btn01_bg.gif") repeat-x; width: 100px; font-family: Arial black; color: #000000; height: 24px; }


#header .greyBox-search_bar { position: relative; top: -2px; display: block; z-index: 989; border: 1px solid #000000; height: 17px; width:30px; background-color: #6B696A; float: left; margin: 0px; }
#header .search_bar {position: relative;  float: left; display: block; z-index: 989; top: -2px; }

#header .search_bar .search_icon { width: 24px; float: left;}
#header .search_bar input{ height:17px; float: left; padding: 0px; margin: 0px; border: 1px solid #000000; width: 200px; font-size:11px;}
#header .search_bar .search_icon button {background:url("../images/Global_Assets/btn05_search.gif") no-repeat center top; width: 100px; height: 19px; margin: 0; padding: 0; border: 0; text-indent:-9999px; width:24px; cursor: pointer; display: block;}
.side_banner { display:none; float: left; width: 140px; height: 440px;  background: url("../images/Homepage/homepage_main_2.gif") repeat;margin-top:-20px; }
.side_banner img { padding: 50px 0px 0px 30px;   }

h2.section_titleP { font-size: 14px; font-weight: bold; color: #ffffff; margin-bottom: 7px; }

.tab-header { float: left; padding: 7px 15px 5px 7px; text-transform: uppercase; font-family: Arial Black; font-size: 18px; color: #ffffff; width:auto; background: url('../images/Landing_Pages/tab_title.gif') no-repeat; background-position: right bottom; }
.content-container { border: 7px solid #000; background-color: #4d4d4d; padding: 14px; clear: both; float: left; }


/** breadcrumbs **/
#nav-trail{clear:both;font:10px arial,sans-serif;float:left;text-transform:uppercase;color:#fff; padding-bottom: 10px; }
#nav-trail li{display:inline;text-transform:uppercase;}

/*-- Page Specific --*/
.banner_image { float: left; height: 440px; width: 860px; background-image: url("../images/Homepage/mhw_home_bg_aug11.jpg"); margin-top:-20px;}

.grey_bar_block {position:relative; border: 7px solid #4d4d4d;margin-top: 10px; float: left; width: 106px;  background:transparent url("../images/Global_Assets/Navigation/nav_performance_bg.gif") repeat;  }
.grey_bar_block img { position: absolute; bottom: 0;display:none;left:26px; padding-bottom:10px;}

/* search results */
.grid .main_grid .search-returned{ float: left; padding:9px 0 5px 15px;}
.grid .main_grid .faq-result {overflow:hidden; padding:10px 0 10px 15px;}
.grid .main_grid .blog-result {overflow:hidden; padding:10px 0 10px 15px;}
.grid .main_grid .try-again {padding-left: 15px;}
.grid .main_grid .try-again button {background:url("../images/Global_Assets/btn01_bg.gif") repeat-x scroll 0 0 transparent; border:1px solid #000000; color:#000000; font-family:Arial black; font-size:11px; height:22px; text-transform:uppercase; width:72px;}

div.search-tips { padding: 15px; }
h3.search-tips { font-weight: bold; margin-bottom: 5px; }
ul.search-tips { list-style-type: disc; text-indent: 10px; padding-left:15px;}
ul.search-tips li { padding: 3px; }

/* FOOTER */
#footer { 
	background:#1F242A  url(../images/Global_Assets/bg_footer.jpg) repeat-y; 
	border: 7px solid #000000;  
	width: 966px;
	margin: 10px auto 0px auto; 
	-o-box-shadow: 0 3px 30px #000000;
	-icab-box-shadow: 0 3px 30px #000000;
	-khtml-box-shadow: 0 3px 30px #000000;
	-moz-box-shadow: 0 3px 30px #000000;
	-webkit-box-shadow: 0 3px 30px #000000;
	box-shadow: 0 3px 30px #000000;}
#footer .foot_header11 { margin-bottom: 4px; font-family: Arial black; text-transform: uppercase; color: #000000; font-size: 11px; }
#footer .foot_header11 .header { color: #000;}
#footer ul li {list-style-type: none; text-transform: uppercase; line-height: 12px; margin: 0px; }
 
.ie7 .ie7-footerfix { height: 20px; }
 
#footer .foot_header12 { margin-bottom: 4px; font-family: Arial black; text-transform: uppercase; color: #000000; font-size: 12px; }
#footer .col1 { padding: 10px; width: 210px;  color: #000000; float: left; }
#footer .col1 .seo_copy { font-size: 11px; line-height: 16px; }
#footer .col1 div .SEO_field .SEO_header {margin-bottom: 4px; font-family: Arial black; text-transform: uppercase; color: #000000; font-size: 12px;}
#footer .col1 div .SEO_field .SEO_copy {font-size: 11px; line-height: 16px; color: #000;}
#footer .col2 { padding: 10px;  width: 487px; float: left; }
#footer .col2 a{ color: #ffffff;  }
#footer .col2 a:hover{ color: #FCD309;  }
#footer .col2 .shop_col { margin-right:40px; float: left; font-size: 10px; width: 163px; min-height: 119px}
#footer .col2 .shop_col ul { list-style-type: none; }
#footer .col2 .shop_col ul li { text-transform: uppercase; padding: 4px 0px; margin: 4px 0px; border-bottom: 1px solid #666666; } 
#footer .col2 .shop_col ul li img { margin-top:-3px; float: right; width: 18px;  }
#footer .col2 .custserv_col {margin-right:40px; float: left; font-size: 10px; }
#footer .col2 .custserv_col ul{ list-style-type: none; }
#footer .col2 .custserv_col ul li {text-transform: uppercase; line-height: 12px; }
#footer .col2 .about_col{ float: left; font-size: 10px; }
#footer .col2 .about_col ul{ list-style-type: none; }
#footer .col2 .about_col ul li {text-transform: uppercase; line-height: 12px; }
#footer .col2 .join_bar { color: #000000;  border-bottom: 1px solid #666666; padding-bottom:7px;}
#footer .col2 .join_bar .social_icons{ float: right;}
.ie7 #footer .col2 .join_bar .social_icons{ float: right; position: relative; top: -8px; }
#footer .col2 .join_bar .social_icons a { height: 18px; width: 18px; display: block; float: left; margin-right: 10px; border: none; cursor: pointer;  }
#footer .col2 .join_bar .social_icons a.twitter { background-position:-18px 0px;  }
#footer .col2 .join_bar .social_icons a.you_tube { background-position:-18px -36px;  }
#footer .col2 .join_bar .social_icons a.facebook { background-position:0 0px;   }
#footer .col2 .join_bar .social_icons a.flickr { background-position:-0px -36px;    }
#footer .col2 .special_links { text-transform: uppercase; text-align: center; padding-top: 8px; height:21px; margin-top: 12px; float: left; width: 159px; background-color: #383F47; margin-right: 5px;   }
.ie7 #footer .col2 .ie7_er { text-transform: uppercase; text-align: center; padding-top: 8px; height:21px; margin-top: 9px; float: left; width: 159px; background-color: #383F47; margin-right: 5px;   }

#footer .col2 .special_links a { color: #000000; }
#footer .col2 .special_links a:hover { color: #ffffff;  }
#footer .col2 .special_links a span.bold { font-family: Arial Black; color: #d1d1d1; }
#footer .col2 .special_links a:hover span.bold { color: #FCD309;  }
#footer .col3 {font-size: 11px; line-height: 16px; padding: 10px; float: left; width: 199px; }
#footer .col3 .email_signup { color: #000000;   }
#footer .col3 .email_signup input.email_text{ background-color: #C0C5CB; margin-right: 10px; width: 125px; height: 16px; border: none; float: left; }
#footer .col3 .email_signup input.email_button{ cursor: pointer; text-align:center; font-family: Arial black; text-transform: uppercase; color: #A4A5A7; font-size: 10px;  float: left; width: 60px; height: 20px; background-color: #383F47; border: 2px solid #1F242A; }
#footer .col3 .email_signup  input.email_button:hover {  border: 2px solid #000000; color: #FCD309; }
#footer .col3 .dealer_locator { color: #000000; margin-top: 54px; }
.ie7 #footer .col3 .dealer_locator { color: #000000; margin-top: 64px; }
#footer .col3 .dealer_locator input.zip{ background-color: #C0C5CB; margin-right: 10px; width: 90px; height: 16px; border: none; float: left; }
#footer .col3 .dealer_locator input.zip_button{cursor: pointer; text-align:center; font-family: Arial black; text-transform: uppercase; color: #A4A5A7; font-size: 10px;  float: left; width: 35px; height: 20px; background-color: #383F47; border: 2px solid #1F242A; }
#footer .col3 .dealer_locator input.zip_button:hover {  border: 2px solid #000000; color: #FCD309; }
#footer .bottom_bar { padding: 15px; background-color: #000000; height: 10px; }
#footer .bottom_bar img { float: left; padding-right: 20px; padding-left: 8px; }
#footer .bottom_bar .sites{ float: left; width: 225px;  }
#footer .bottom_bar .copy_links { float: right; color: #999A9C; }

/*-- NEWSLETTER SIGNUP --*/
#newsletter-signup-holder  { display: none;}
.loader {display: none; background-image:url("../images/icons/ajax-loader.gif");background-repeat:no-repeat;height:32px;margin:auto;width:32px;}

.newsletter-signup-holder {padding-bottom:20px;}
.newsletter-signup-holder h2 {font-weight:bold;padding-bottom:10px;font-size:18px;text-indent:0px;}
.newsletter-signup-holder h3 {font-weight:bold;padding-top:10px;}
.newsletter-signup-holder p {padding-bottom:10px;}
.newsletter-signup-holder .account-info {padding-top:20px;padding-bottom:20px;}
.newsletter-signup-holder .account-info label {display:block;float:left;width:110px;}
.newsletter-signup-holder .account-info div {padding-bottom:3px;}
.newsletter-signup-holder a.cancel-customization {float:left; padding-left:20px;}
.newsletter-signup-holder select {background-color:#C2C5CC; border:1px solid #787878; float: left; clear:none; color:#333333; font-family:Arial,sans-serif; font-size:11px; height:18px; margin-bottom:5px;}
.newsletter-signup-holder input {background-color:#C2C5CC; border:1px solid #787878; height:17px; float: left; padding: 0px; margin: 0px; width: 200px; font-size:11px;}
.newsletter-signup-holder input[type=checkbox] {width:auto;}
.newsletter-signup-holder .newsletter_row {float:left; clear: both; width:100%;}
.newsletter-signup-holder .newsletter_pref_box {float:left; margin-top:7px; width:50%;}
.newsletter-signup-holder .pref_text {padding-left: 5px;}

/*-- AUTO COMPLETE RESULTS --*/
.ac_results {position:relative;padding: 0px;border: 1px solid #000000;border-top:0;background-color:#C2C5CC;overflow: hidden;z-index:7777;text-align:left;margin: -10px 0 0 0px;padding:0 6px;color:#333333;display:none;}
.ac_results ul {width: 100%;border-top:1px solid #E5E5E5;padding:5px 0 1px;font:10px/1.3em Arial,sans-serif;}
.ac_results iframe {display:none;/*sorry for IE5*/display/**/:block;/*sorry for IE5*/position:absolute;top:0;left:0;z-index:-1;filter:mask();width:3000px;height:3000px;}
.ac_results li {display:block;width:100%;padding: 2px 5px;cursor: pointer;overflow: hidden;margin:0 -5px}
.ac_loading {background : #fff url('./indicator.gif') right center no-repeat;}
.ac_over {background-color: #FCD309;color: #000000;}

/*-- Only IE7 Hack NOT VALID CSS --*/
/* .ie7{ width: 120px; background: url(../images/Global_Assets/Navigation/nav1_on.gif) repeat-y; height: 80px; } */


html* div.social_icons { margin-top: -15px; }
html* ul.sliding-navigation li.sliding-element   {margin-top:-2px; }
html* ul.sliding-navigation li.open_page  {margin-top:-2px; }
/* html* .ie7 { width: 120px; background: url(../images/Global_Assets/Navigation/nav1_on.gif) repeat-y; height: 64px; } */

div.bottom_graphic {margin-left:755px; position:absolute; top: 420px; z-index:9999;}
/*.ie7 div.bottom_graphic {position: relative; width: 86px; height: 20px; overflow: visible; top: -84px; left: -85px;} */


/* flash player */
#flashmediacontent embed { background-color: #000; }

/* HOLIDAY SHIPPING DEADLINE */
.holiday-axe {float: right; margin-right: 15px; text-align: right; font-size: 11px; padding: 3px 0px; padding-top: 5px; width: 165px; background: url('../images/Global_Assets/holiday_deadline_iceaxe.gif') no-repeat 0px 0px; }
.ie7 .holiday-axe {position: relative; top: 10px;}