@charset "utf-8";
/* CSS FOR THE SITE LAYOUT 
   author:MBillard
*/

header, section, footer, aside, nav, article, figure {
  display: block;
  padding:0;
  margin:0;
}

body, html {
	margin:0;
	padding:0;
}

body {
	background:#fff;
}

.clearer {
	clear:both;
	display:block;
	height:1px;
	margin-bottom:-1px;
	font-size:1px;
	line-height:1px;
}

/*------------------- HEADER AND HEADER NAV -------------------*/
#header {
	width:1000px;
	height:109px;
	margin:0 auto;
	text-align:right;
	padding-top:15px;
}

#logo {
	position:relative;
	float:left;
	padding:30px 0 0 0px;
	font-weight:bold;
	font-size:24px;
	line-height:1em;
}

#header_1st_set_of_links, #header_1st_set_of_links a:link, #header_1st_set_of_links a:visited {
	color:#777;
	font-weight:bold;
}
#header_1st_set_of_links a:hover {
	color:#d23;
}

#header_2nd_set_of_links {
	padding-top:5px;	
}

#header_2nd_set_of_links, #header_2nd_set_of_links a:link, #header_2nd_set_of_links a:visited {
	color:#aaa;
}
#header_2nd_set_of_links a:hover {
	color:#d23;
}

#header_3rd_set_of_links {
	font-weight:bold;
	font-size:18px;
	color:#bbb;
	margin-top:20px;
}

#header_4th_set_of_links, #header_4th_set_of_links a:link, #header_4th_set_of_links a:visited {
	color:#aaa;
	padding-top:3px;
}
#header_4th_set_of_links a:hover {
	color:#d23;
}


/*------------------- NAV BAR -------------------*/
#nav_bar_wrapper {
	background:url(/common_files/images/nav_3.gif) top repeat-x;
}


#nav_bar {
	width:1000px;
	margin:0 auto;
	clear:both;
	position:relative;
	z-index:100;			/* necessary for IE6 if you want dropdowns  */
	height:35px;
	max-height:35px;
	padding:0;
}



/*------------------- SEARCH BAR -------------------*/
/*#search_bar_wrapper {
	background:url(/common_files/images/search-bar-bg.jpg) top no-repeat;

}*/


#search_bar {
	width:1000px;
	margin:0 auto;
	padding:14px 0;
}
#search_bar_table {
	background:url(/common_files/images/bg-search-box.jpg) top repeat-x;
	border:solid 1px #999999;
}
#search_bar_table td {
	vertical-align:middle;
	color:#333;
}
#search_bar input[type=text], #search_bar select {
	border:solid 1px #d2d2d2;
	-moz-border-radius:3px;
	border-radius:3px;
	color:#666666;
	font-size:14px;
}
#search_bar input[type=submit] {
	padding:4px 6px;
	font-size:12px;
	font-weight:bold;
}
#new_search_row {
	display:none;
}
/*------------------- CONTENT AREAS -------------------*/
#content_wrapper_outer {
	background:url('/common_files/images/bg-content-new.gif');
	background-repeat:repeat-x;
	min-height:500px;
}

#content_wrapper_inner {
	width:1000px;
	margin:0 auto;
	text-align:left;
	padding-bottom:10px;
	padding-top: 5px;
	background-color: #fff;

}

#content_area {
	margin:0;
	padding:0px 5px 0px 5px;
	_height:350px;				/* hack for IE6 */
	min-height:350px;
}

/*-------- columns --------*/
#one_col {
	border-left:solid 0px #ddd;
	padding:10px 10px 10px 0px;
	background:#fff;
}


#left_col {
	position:relative;
	float:left;
	width:230px;
	_border:solid 1px #ddd; 	/*hack for IE6 */
}

#right_col {
	position:relative;
	float:right;
	width:230px;
	background:#fff;
	_border:solid 1px #ddd; 	/*hack for IE6 */
}

#center_col {
	position:relative;
	z-index:2;
	margin:0px 230px 0 235px;
	_margin:0 234px;	/*hack for IE6 */
	width:500px;
	padding:4px;
	background:#fff;
	
	-moz-box-shadow: 0 0 10px #bbb;
	-webkit-box-shadow: 0 0 10px #bbb;
	box-shadow: 0 0 10px #bbb;
}

#left_double_col {
	position:relative;
	float:left;
	width:730px;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}

#right_double_col {
	position:relative;
	float: right;
	width:730px;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}

#right_double_col_search {
	position:relative;
	float: right;
	width:720px;
	border:solid 1px #ddd;
	padding:10px 10px 30px 10px;
	background:#fff;
}

#content_right_double_col {
	position:relative;
	float: right;
	width:730px;
	padding:0px 10px 0px 10px;
	background:#fff;
}



/* original definitions
#inner_top_content {
	margin:-10px -10px 20px -10px;
}

*/

#inner_top_content {
	margin:10px 10px 10px 10px;
}

#index_inner_top_content {
	<!--[if gte IE 8]> margin:-10px 10px 0px 10px; <![endif]-->
	<!--[if lt IE 8]> margin:0px 10px 0px 10px; <![endif]-->
	<!--[if !IE]>--> margin:-11px 10px 0px 10px; <![endif]-->
}

#inner_left_col {
	position:relative;
	margin:0 220px 0 0;
	border-right:solid 1px #ddd;
	border-left:solid 1px #ddd;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:0px;
}

#inner_right_col {
	position:relative;
	float:right;
	width:200px;
	padding-left:0px;
	margin-right:10px;
	z-index:2;
}

/*-------- content blocks --------*/

#bread_crumbs {
	padding:2px 10px 3px 10px;
	background:#eaeaea;
	border-bottom:solid 1px #ddd;
}


#bread_crumbs, #bread_crumbs a:link, #bread_crumbs a:visited {
	color:#777;
}
#bread_crumbs a:hover {
	color:#d23;
}

.col_box_bar {					/* Note: more specific CSS makes it so classes aren't offered in Dreamweaver */
	margin-bottom:3px;
	padding:3px 5px;
	background:url(/common_files/images/red-bar-bg.gif) top left repeat;
	max-width: 230px;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}
.col_box_bar a:link, .col_box_bar a:visited, .col_box_bar a:hover {
	color:#fff;
	text-decoration:none;
}
.info_icon {
	position:relative;
	float:right;
	padding-top:2px;
}
.column_box {
	padding:0px 5px 10px 0px;
	background:#fff;
	border-bottom:solid 1px #ddd;
	margin-bottom:10px;
}

.col_box_bar_wide {					/* Note: more specific CSS makes it so classes aren't offered in Dreamweaver */
	margin-bottom:10px;
	padding:5px 5px;
	background:url(/common_files/images/red-bar-bg.gif) top left repeat;
	max-width: 100%;
	font-weight:bold;
	font-size:14px;
	color:#fff;
}

/*---- left col ----*/
#products_list {
	overflow-x:auto;
	overflow-y:hidden;
	_overflow:auto;				/* hack for IE6 */
	padding-bottom:1.5em;		/* Don't delete. This is necessary when the x-scroll bar appears */
	/*display:none;*/				/* So when the page loads, the content is initially hidden */
}

#suppliers_and_brands {
	overflow-x:auto;
	overflow-y:hidden;
	_overflow:auto;				/* hack for IE6 */
	padding-bottom:1.5em;		/*Don't delete. This is necessary when the x-scroll bar appears */
	/*display:none;*/				/* So when the page loads, the content is initially hidden */
}


/* new left col styles 092013 */



/* end new left col styles 092013 */

#suppliers_list {
	display:none;
}

#feedback {
	padding:15px 5px 5px 15px;
}
#alert {
	padding:5px 5px 5px 7px;
}
#clearance {
	padding:5px 5px 5px 7px;
}


/*---- center col ----*/
#main_image {
	padding-bottom:20px;
	margin-bottom:10px;
	background:url(/common_files/images/main-image-bg.jpg) bottom no-repeat;
	width:512px;
	height:202px;
}
#main_image .nivoSlider {
	border:solid 1px #ddd;
}

#home_text {
	border-bottom:solid 1px #ddd;
	padding:20px 5px;
	margin-bottom:5px;
}

#specials {
	border-bottom:solid 1px #ddd;
	margin-bottom:5px;
	padding:20px 0;
	overflow:auto;				/* clearfix */
}
#specials .specials_box {
	width:49%;
	float:left;
}
#specials span {
	display:block;
	float:left;
	width:100px;
	margin-left:-115px;
	padding-top:3px;
	text-align:center;
}
#specials img {
}
#specials h2, #specials p {
	margin-left:115px;
}


#news_etc {
	padding:20px 5px;
	margin-bottom:5px;
}
#news_etc div {
	padding:10px 5px;
}
#news_etc span {
	display:block;
	float:left;
	width:100px;
	margin-left:-110px;
	padding-top:3px;
	text-align:center;
}
#news_etc img {
}
#news_etc h3, #news_etc p {
	margin-left:110px;
}

/*---- right col ----*/
#branch_locator {
	/*display:none;*/				/* So when the page loads, the content is initially hidden */
}
#branch_locator input.not(type="submit"), #branch_locator select {
	width:150px;
}

#check_order_status {
	display:none;				/* So when the page loads, the content is initially hidden */
}
#email_signup {
	/*display:none;*/				/* So when the page loads, the content is initially hidden */
}
#order_history {
	display:none;				/* So when the page loads, the content is initially hidden */
}
#ordern_now {
	display:none;				/* So when the page loads, the content is initially hidden */
}



/*------------------- FOOTER -------------------*/
#footer {
	font-size:11px;
	line-height:1.6em;
	color:#666666;
	padding-top:15px;
	clear:both;
}
#footer a:link, #footer a:visited {
	color:#666666;
}
#footer a:hover {
	color:#d23;
}

/*---- footer_top ----*/
#footer_top_wrapper {
	background:#ddd;
}
#footer_top {
	width:1000px;
	margin:0 auto;
	padding:15px 0;
	color:#777;
}
#footer_top a:link, #footer_top a:visited {
	text-decoration:none;
}
#footer_top a:hover {
	text-decoration:underline;
}
#footer_social_media_icons {
	float:right;
}
#footer_social_media_icons img {
	padding:0 2px;
	vertical-align:middle;
}


/*---- footer_bottom ----*/
#footer_bottom_wrapper {
	background:#eee;
}
#footer_bottom {
	width:1000px;
	margin:0 auto;
	padding:15px 0;
}
#footer_bottom div.column {
	float:left;
	width:16%;
	padding:0 2%;
}
#footer_bottom div.column h2 {
	text-transform:uppercase;
	font-size:11px;
	color:#777;
	border-bottom:dashed 1px #888;
	padding-bottom:5px;
	margin-bottom:5px;
}
#footer_bottom div.column ul {
	list-style:none;
	margin:0;
	padding:0;
}
#footer_bottom div.column li {
}
#footer_bottom div.column a:link, #footer_bottom div.column a:visited {
	text-decoration:none;
	padding:3px 0;
	display:block;
	color:#888
}
#footer_bottom div.column a:hover {
	text-decoration:underline;
}

#footer_logos {
	text-align:center;
	padding-top:40px;
	clear:both;
}
#footer_logos img {
	padding:0 10px;
	vertical-align:middle;
}
.transcript {
	display: none;
}