/* TEMPLATE */














/* SITE */
body { background: url('/site_customizations/images/body-bg.jpg') repeat; }
h1 { color: #324776; } 
h2 { color: #686aa7; }  
h3 { color: #686aa7; }  
a { color: #686aa7; }
a:hover { /* underlined by default */ }

/* borders */
.border_right { border-right: solid 1px #CCCCCC; }
.border_left { border-left: solid 1px #CCCCCC; }
.border_top { border-top: solid 1px #CCCCCC; }
.border_bottom { border-bottom: solid 1px #CCCCCC; }
.border { border: solid 1px #CCCCCC; }

.header_title_default { color: #324776; } 
.header_solid_bar { 
     background: #EFEFEF; 
     color: #333333; 
}


/* SITE BUTTONS */
.button_primary  { /* All call to action buttons: add to cart, quote requests, etc. */
     background-color: #324776; 
     color: #FFFFFF; 
}
.button_primary:hover  { 
     background-color: #686aa7; 
     color: #FFFFFF; 
}
.button_secondary { /*buttons in the header */
     background-color: #686aa7; 
     color: #FFFFFF; 
}
.button_secondary:hover  { 
     background-color: #686aa7; 
     color: #FFFFFF; 
}

/* HEADER */
#header_bg { background-color: #FFFFFF; margin-bottom: 20px !important; box-shadow: 0 0 10px rgba(0,0,0,1); }
.header { background-color: #FFFFFF;  }
.header .cart_text { color: #324776; }
.header .icon_search { 
     background-image: url(/site_customizations/images/icon_white_search.png);
     background-color: #7C7C7C;
     border: 1px solid #333333; 
}    
.header .icon_search:hover { background-color: #000000; }
#header_contact_info_wrap { text-align: center; }


/* PRIMARY NAV */
#primary_navigation { background-color: #324776; }
.primary_navigation > ul > li > a { color: #FFFFFF; }
.primary_navigation > ul > li > a:hover,
.primary_navigation > ul > li > a:active { 
     color: #FFFFFF; 
     background-color: #686aa7; 
}
.primary_navigation ul ul { /* dropdown submenus */ 
     background-color: #FFFFFF; 
     border: 1px solid #CCCCCC; 
}
.primary_navigation ul ul > li a { /* dropdown submenus links */ 
     border-bottom: 1px solid #CCCCCC;
     background-color: #FFFFFF;
}
.primary_navigation ul ul > li a:hover { /* dropdown submenus links */
     background-color: #EFEFEF;
     color: #324776;
}

/* SECONDARY NAV */
#secondary_navigation > div > a { border: 1px solid #324776; }
#secondary_navigation ul + ul li { border-left: 1px solid #CCCCCC; }
#secondary_navigation ul + ul li a { color: #686aa7; }     


/* INDEX */
#container_12 { box-shadow: 0 0 20px rgba(0,0,0,1); }
#promo_slide div.pagination_position li a { 
     background-color: #FFFFFF; 
     border: 1px solid #7C7C7C; 
}
#promo_slide div.pagination_position li.current a {
     background-color: #324776; 
}
#promo_slide div.pagination_position li a:hover { 
     background-color: #EFEFEF;
}

.homepage_store_slogan, .home_heading { color: #324776; }
.homepage_store_slogan_subtext { color: #333333; }

/* featured product specials */
     div.featured_product_container li { border-right: 1px solid #EFEFEF; }
     #featured_product_wrap:before, 
     #featured_product:before, 
     #featured_brands:before { content: url(/site_customizations/images/divide_down_gridwhole.png); }
     /* tabs */
     ul.i_panels li:first-of-type a { border-left: 1px solid #7C7C7C; }
     ul.i_panels li a { 
          background:#EFEFEF;
          border-top: 3px solid #7C7C7C; 
          border-right: 1px solid #7C7C7C; 
          border-left: 1px solid #7C7C7C; 
          color: #7C7C7C; 
     }

     ul.i_panels li a span { color: #5693a8; }
     ul.i_panels li.active a span { color: #324776; }
     ul.i_panels li a:hover { color: #000000; } 

     ul.i_panels li.active a, ul.i_panels li.active a:hover { 
          background-color: #FFF;
          color: #324776; 
          border-top: 3px solid #324776; 
          border-bottom: 1px solid #FFFFFF; 
     }


/* SIDEBARS */
#sidebar { background: #FFFFFF; border: 1px solid #CCCCCC; }
#sidebar_refine, h2.header_sidebar_featured_brands, h2.header_sidebar { 
     color: #000000; 
     border-bottom: 1px solid #EFEFEF;
}
#sidebar .expand_control { color: #324776; }
#sidebar .expand_control:hover { color: #000000; }

/* FOOTER */
#footer_bg { background-color: #FFFFFF; margin-top: 20px !important; box-shadow: 0 0 10px rgba(0,0,0,1); }
#footer { 
     background-color: #FFFFFF; 
     color: #333333; 
}
#footer .footer_nav a { color: #000000; }
#footer h5 { color: #000000;  }
#footer .footer_nav_wrap, #footer .footer_divide { 
     color: #7C7C7C; 
     border-top: 1px solid #EFEFEF; 
}




































	
/*=============================================
	DEFAULTS
=============================================*/
	#page_wrapper_bg { width: 100%; margin: 0 auto; }
	#container_12 { margin: 0 auto; width:960px; padding: 10px 0 0 0; }

	h1 { font-size: 18px; font-weight: bold; margin: 0 0 25px 0; } 
	h2 { font-size: 16px; margin-bottom: 7px;  }  
	h3 { font-size: 14px; font-weight: bold; margin: 0 0 10px 0; }  
	h4, h5, h6 { font-size: 12px; font-weight: bold; margin: 0 0 12px 0; }  

	/* variations on multiple pages */
	.header_title_default { margin-top: 10px; } 
	.header_subtitle_default { color: #7C7C7C; margin-bottom: 7px; } 
	.header_section_content { color: #686aa7; }
	table.product_panel h1 { font-size: 16px; }
	.header_solid_bar { font-size: 13px; font-weight: bold; padding: 10px 5px; }

	/* font colors */
	.color_primary { color: #324776; }
	.color_accent { color: #5693a8; }
	.color_secondary { color: #686aa7; }
	.color_white {  color: #FFFFFF; }
	.color_black {  color: #000000; }

	/* background colors */
	.background_primary { background-color: #324776; }
	.background_accent { background-color: #5693a8; }
	.background_secondary { background-color: #686aa7; }
	.background_white {  background-color: #FFFFFF; }
	.background_black {  background-color: #000000; }

	/*changes alternate table colors*/
	tr { background-color: transparent; }
	tr.alt td { background: #EFEFEF; }
	th { background: #FFFFFF; }
	
	/* changes alternate list colors */
	li.altli { background: #EFEFEF; }
	li.altli2 { background: #7C7C7C; }

	/* text and image defaults */
	p { margin: 0 0 20px 0; font-size: 12px; }
	img { border: 0px; }	
	a { text-decoration: none; }
	a:hover { text-decoration: underline; }


	/* HEADER */
	#header_bg { width:100%; }
	.header { position: relative; height: auto; margin: 0 auto; z-index: 26; }

	#header_contact_info_wrap { width: 100%; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #ccc; color: #000000; }
	#header_contact_info_wrap > div { line-height: 19px; font-size: 12px; display: inline-block; padding-top: 5px; padding-bottom: 5px; margin-right: 10px; }
	#header_help_content { padding-top: 5px; padding-bottom: 5px; background-color: #FFF; height: 40px; border-bottom: 1px solid #CCCCCC; }
	#header_help_content .header_phone { margin-left: 10px; margin-right: 10px; font-weight: bold; 
		font-size: 18px; line-height: 40px; 
		color: #686aa7; 
	}
	
	.header_social_media { max-width: 470px; float: right; display: inline-block; margin-top:10px; margin-right: 10px; }
	.header_social_media li { display: inline-block; margin-left: 5px; }
	.header_social_media img { max-width: 20px; max-width: 20px; }
	.header_social_media li:nth-child(n+6) { display: none !important; }
	.translate { max-width: 175px; float: right; display: inline-block; margin: 8px 5px 0 0; }

	/* SECONDARY NAVIGATION  */
	#secondary_navigation > div > a { display: inline-block; font-size: 14px; font-weight: bold; padding: 5px 10px; line-height: 16px; }
	#secondary_navigation ul { float: left; line-height: 16px; }
	#secondary_navigation ul li { font-size: inherit; display: inline-block; float: left; }
	#secondary_navigation ul li:first-child a { border: none; }
	#secondary_navigation ul li a { text-decoration: none; padding: 0 5px; border-left: 1px solid #CCCCCC; }	
	#secondary_navigation ul li a:hover { text-decoration: underline; }	
	#secondary_navigation ul li a.view_cart { background-repeat: no-repeat; background-position: right top; padding-right: 3px; }
	#secondary_navigation.cart_only_cta { position: absolute; right: 0; }


	/* Logo */
	#header_logo_wrap { margin-top: 5px; margin-bottom: 5px; max-width: 750px; margin: auto; text-align: center; }
	#header_logo_wrap img  { min-height: 75px; margin-top: 10px; margin-bottom: 10px; }
	#header_logo_wrap .no_logo_subtext { vertical-align: middle; text-align: center; }
	.text_logo { margin: 0; text-transform: uppercase; font-size: 38px; line-height: 48px;  margin-top: 15px; margin-bottom: 25px; }
	.store_logo a .text_logo_subtext { text-transform: none;  display: block; margin: 0; font-size: 22px; line-height: 25px; font-weight: normal; color: #6b6a6a; }

	#header_logo_wrap a,
	#header_logo_wrap a:hover,
	#header_logo_wrap a:visited,
	#header_logo_wrap a:active { color: #324776; text-decoration: none; }


	/* SEARCH BOX*/
	#header_search_box  { position: relative; z-index: 1; float: right; margin-top: 1px; margin-right: 10px; width: 350px; height: 35px; background: #FFFFFF; border: 1px solid #CCCCCC; margin-left: 10px; }
	#header_search_box form input { position: absolute; top: 5px; left: 10px; width: 280px; background: transparent; border: none; outline: none; color: #CCC; font-size: 22px; }
	#header_search_box form input:focus { color: #000; outline: none; }
	#header_search_box a { display: block; position: absolute; top: 2px; right: 2px; width: 35px; height: 29px; background-repeat: no-repeat; background-position: center center; cursor: pointer; }	
	#header_search_box a:hover { text-decoration: none; }

	

	/* CATEGORY_TABS */
	#primary_navigation { width: 960px; }
	.primary_navigation { display: inline-table; max-width: 960px; height: 40px; }
	.primary_navigation ul { 
		padding: 0px;
		margin: 0px;
		list-style: none;
		position: relative;
		z-index: 150;
		top: 0;
		display: inline-table;
		text-align: center; width: 960px;
	}

	.primary_navigation ul:after {
		content: ""; clear: both; display: block;
	}
	.primary_navigation ul li {
		padding: 0px;
	}
	.primary_navigation > ul > li { 
		display: inline-block; text-align: center; position: relative; 
	}
	.primary_navigation ul li a { 
		display: block;
		text-decoration: none;
		font-size: 12px; line-height: 26px;
		text-align: center;
	}
	.primary_navigation > ul > li > a { 
		font-size: 14px; font-weight: bold; line-height: 40px; 
	}
	.primary_navigation ul li > a { 
		height: auto;
		padding-left: 12px;	
		padding-right: 12px;
	}
	.primary_navigation ul ul { 
		display: none; 
		position: absolute; 
		top:100%;
		min-width: 180px;
		max-width: 220px;
		border-top: none;
	}
	.primary_navigation ul li:last-of-type ul { 
		right: 0;
	}
	.primary_navigation ul li:hover > ul {
		display: block;
	}
	.primary_navigation ul ul > li {
		position: relative;
	}
	.primary_navigation ul ul > li a {
		padding: 3px 8px 3px 8px;
		height: auto;
	}
	.primary_navigation ul ul ul { position: absolute; left: 100%; top:0; }


/*=============================================
	INDEX PAGE
=============================================*/
	.home { text-align: center; }

	/* promo image slider */
	#promo_slide_wrapper { position: relative; height: 360px; margin-bottom: 40px; }
	#promo_slide { position: absolute; top: 0px; left: 0px; z-index: 1; }
	#promo_slide div.promo_image_container { display: none; width: 940px; height: 360px; }
	#promo_slide div.promo_image_container a, #promo_slide div.promo_image_container a img { display: block; width: 940px; height: 360px; }
	#promo_slide div.pagination_position { position: relative; z-index: 10; text-align: center; margin-top: 5px; }
	#promo_slide div.pagination_position li { display: inline-block; list-style:none; text-align: center; margin-left: 5px; }
	#promo_slide div.pagination_position li a { display: block; font-size: 0px; width: 10px; height: 10px; border-radius: 10px;}

	#homepage_store_slogan_wrap { border-bottom: 1px solid #CCC; margin-bottom: 20px; }

	/* featured product */
	.featured_product_heading { height: 41px; }
	.featured_product_heading p { margin-top: 0; margin-bottom: 0;  }
	#featured_product_wrap, 	#featured_product, .index_panel, div.featured_product_container { height: 460px; }

	.featured_product_wrap { position: relative; z-index: 0; margin-bottom: 20px; }

	#featured_product_wrap, .index_panel, div.featured_product_container { z-index: 1; margin-bottom: 20px; }
	div.featured_product_container ul { display: block; width:930px;margin-left: 2em; }
	div.featured_product_container li { float: left; display: inline; }
	div.featured_product_container li:last-child { border-right: none; }
	div.featured_product_container li > p { padding-left: 10px; padding-right: 20px; } 
	div.featured_product_container .man_logo { width: 125px; }
	#featured_product a.prev, 
	#featured_product a.next,
	#featured_product_special_one a.prev,
	#featured_product_special_one a.next,
	#featured_product_special_two a.prev,
	#featured_product_special_two a.next,
	#featured_product_special_three a.prev,
	#featured_product_special_three a.next { position: absolute; z-index: 1; top: 50%; margin-top: -8.5px; width: 15px; height: 30px; background-image:url(/site_customizations/images/arrow_nav.png); }
	#featured_product a.prev,
	#featured_product_special_one a.prev,
	#featured_product_special_two a.prev,
	#featured_product_special_three a.prev { left: 3px; background-position: 0 0; }
	#featured_product a.next,
	#featured_product_special_one a.next,
	#featured_product_special_two a.next,
	#featured_product_special_three a.next { right: 3px; background-position: -15px 0; }
	#featured_product a.prev:hover,
	#featured_product_special_one a.prev:hover,
	#featured_product_special_two a.prev:hover,
	#featured_product_special_three a.prev:hover { background-position: 0 -30px; }
	#featured_product a.next:hover,
	#featured_product_special_one a.next:hover,
	#featured_product_special_two a.next:hover,
	#featured_product_special_three a.next:hover { background-position: -15px -30px; }
	#featured_product_special_one .view_all_sp,
	#featured_product_special_two .view_all_sp,
	#featured_product_special_three .view_all_sp { position:absolute; top: -22px; right: 12px; margin: 0px; }
	.home .model_desc { height: 35px; overflow: hidden; }
	.home .faux_logo { font-size: 18px; line-height: 20px; height: 35px; text-align: center; }


	/* featured product specials */
	ul.i_panels { height: 40px; }
	ul.i_panels li, ul.i_panels li.active { position: relative; z-index: 2; display: inline-block; text-align: center; margin: 0px; width: 30%; }
	ul.i_panels li a { display: block; text-align: center; height: 40px; font-size: 14px; font-weight: bold; line-height: 40px; text-decoration: none; margin-top: -2px; }
	ul.i_panels li a span { float: right; }
	ul.i_panels li a:hover { text-decoration: none; }	

	
	/* featured links and banners */
	#featured_link_top_wrap, #featured_link_top { margin-bottom: 20px; }

	/* featured brands */
	#featured_brands_wrap { margin-bottom: 25px; }
	#featured_brands:before { margin-left: -10px; }
	#featured_brands { position: relative; z-index: 0; height: 125px; }
	#featured_brands div.featured_brand_container { z-index: 0; }
	#featured_brands div.featured_brand_container ul { display: block; width:895px; height: 125px; margin-left: 20px; }
	#featured_brands div.featured_brand_container li { display: inline-block; }
	#featured_brands div.featured_brand_container li img { display: block; margin: 0 10px; width: 125px; }
	#featured_brands a.prev, #featured_brands a.next { position: absolute; top: 50%; margin-top: -8.5px; width: 15px; height: 30px; background-image:url(/site_customizations/images/arrow_nav.png); }
	#featured_brands a.prev { left: 0px; background-position: 0 0; }
	#featured_brands a.next { right: 0px; background-position: -15px 0; }
	#featured_brands a.prev:hover { background-position: 0 -30px; }
	#featured_brands a.next:hover { background-position: -15px -30px; }

	/* store slogan */
	.homepage_store_slogan, .home_heading { font-size: 28px; line-height: 36px; margin-bottom: 5px; }
	.homepage_store_slogan_subtext { font-size: 20px; line-height: 24px; margin-bottom: 30px;  }
	.why_choose_content  { line-height: 22px; font-size: 16px; color: #000; }

	/* FOOTER */
	#footer_bg { min-height: 300px; }
	#footer { clear: both; height: 100%; margin: 0 auto; }
	#footer h5 { text-transform: uppercase; font-size: 16px; }
	#footer ul { font-size: 12px; }
	#footer .footer_nav_wrap, #footer .footer_divide { margin-top: 20px; position: relative; text-align: center; width: 100%; }
	#footer .footer_nav { display: block;  margin: 0 auto;  width: 100%; }
	#footer .footer_nav li {  display: inline;  padding: 0 10px; }
	#footer .footer_nav a { font-weight: bold; text-decoration: none; }
	#footer .grid_12 { padding-top: 20px; }
	#footer .footer_nav_wrap p { text-align: center; padding: 5px 0; font-size: 10px; }
	#footer .text_logo a:hover { text-decoration: none; }