/* Custom CSS Document for SiteLINK7 Basic Template
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/*------------------------------------*\
    $CONTENTS
\*------------------------------------*/
/**
 * Reset...............Set our reset defaults
 * Globals.............Global styles across all pages
 * Structure...........Structure of the website layout
 * Buttons.............Button styles
 * Header..............Header...obviously
 * TopNav..............Top Row Navigation
 * Sidebar.............Right and Left Sidebar Styling
 * Footer..............Footer...self-explanitory
 * SearchSpring........SearchSpring Search Results, Category Pages
 * Yotpo...............Yotpo Reviews & Stars
 */


/*--------------------------------------------------
   Reset styles
--------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote /*,th,td*/ { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,
img { border: 0; }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style: normal; font-weight: normal; }
ol,
ul { list-style: none; }
/*caption,th { text-align:left; }*/
q:before,
q:after { content: ''; }
abbr,
acronym { border: 0; }
/*-------------------------------------------------- 
	Globals
--------------------------------------------------*/
html, body { height: 100%;}
body {background: #fafafa;font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #484848; min-width: 1024px}
h1 { margin: 10px 0 5px 0; padding: 0; }
h2 { font-weight: normal; font-size: 18px; color: #484848; margin: 10px 0 15px 0; padding: 0; }
/*h3 {font-weight: normal; font-size: 14px; color: #003861; margin: 0 0 7px 0; padding: 0;}*/
h3 { font-weight: bold; font-size: 16px; color: #484848; margin: 10px 0 7px 0; padding: 0; }
/*h4 {font-weight: normal; font-size: 14px; color: #484848; margin: 0 0 10px 0; padding: 0;}*/
h4 { font-weight: bold; font-size: 16px; color: #484848; margin: 25px 0 5px 0; padding: 0; }
h5 { font-weight: bold; font-size: 16px; color: #484848; margin: 25px 0 5px 0; padding: 0; }
h6 { font-weight: bold; font-size: 12px; color: #484848; margin: 0; padding: 0; }
/*p {margin: 0 0 15px 0; padding: 0;}*/
p { margin: 0 0 15px 0; padding: 0 11px; font-size: 13px; line-height: 20px; color: #484848; }
li p {margin: 0;}
em { font-style: italic; }
strong { font-weight: bold; }
input,
select { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #CCC; padding: 3px; vertical-align: middle; border-radius: 2px; }
hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 22px 0 21px; height: 0; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; }
.table-layout-fixed { table-layout: fixed; }
input[type="submit"] { padding: 5px; vertical-align: middle; }
#page-content { margin-bottom: 30px; overflow: hidden; }
.no-margin { margin: 0; }
.red { color: #e80f0f; }
.spaceUnder { padding-bottom: 10px; }
.spaceAbove { padding-top: 10px; }
/*.strike { text-decoration: line-through; }*/
.bottom-border {border-bottom: 1px solid #ccc;}
.text-center {text-align:center;}
.dbl-line {background: url(../sitedesign/images/aa-sprite-xrepeat.png) repeat-x 0 -385px;height: 3px;width: 100%; margin-top: 5px;}

.plaintext {color: #404040;}
.plaintextbold {color: #404040;}
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }

/* START Sprite Images */ 
.sprite {background:url(../sitedesign/images/aa-sprite.png) no-repeat;  display: block; position: relative;}

	/*Home Page Sprites*/
	.explore-social {width: 65px; height:55px; background-position:-1px -1px; margin: 30px auto 10px; }

		.exploreMore-areas-wrap img.social-icons.sprite.facebook {background-position: -1px -276px; width: 25px; height: 25px; top: -4px;}
		.exploreMore-areas-wrap img.social-icons.sprite.twitter {background-position: -1px -302px; width: 25px; height: 25px; top: -4px;}
		.exploreMore-areas-wrap img.social-icons.sprite.youtube {background-position: -1px -328px; width: 25px; height: 25px; top: -4px;}

	.explore-onlinecatalog {width: 65px; height:55px; background-position:-1px -57px; margin: 30px auto 10px; }
	.explore-videos {width: 65px; height:55px; background-position:-1px -113px; margin: 30px auto 10px; }
		.play-btn {width: 72px; height: 31px; background-position: -111px -1px; }
	.explore-catrequest {width: 65px; height:55px; background-position:-1px -169px; margin: 30px auto 10px; }
	.explore-newsletter { width: 65px; height:51px; background-position:-1px -225px; margin: 32px auto 10px;}
		.imgnfo-tooltip { width: 11px; height:11px; background-position:-99px -1px;}
	.close-icon {width: 14px; height: 14px; background-position: -67px -38px; position: absolute;top: 10px;right: 14px; cursor:pointer; z-index: 50;}
	
	/*Tooltip Arrows*/
	.tooltip-up-arrow {width: 18px; height:9px; background-position:-77px -1px;  }
	.tooltip-right-arrow {width: 9px; height:18px; background-position:-95px -10px;  }
	.tooltip-down-arrow {width: 18px; height:9px; background-position:-77px -28px;  }
	.tooltip-left-arrow {width: 9px; height:18px; background-position:-68px -1px;  }
	
/* END Sprite Images */ 

/*Explore More Newsletter Tooltip*/
a.newsletter-tooltip {
	outline: none;
}


a.newsletter-tooltip strong {
	line-height: 30px;
}
a.newsletter-tooltip:hover {
	text-decoration: none;
}
a.newsletter-tooltip span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 10;
	/*display: none;*/
	padding: 10px 15px;
	margin-top: -37px;
	margin-left: 0;
	width: 240px;
	min-height:100px;
	line-height: 16px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
}
a.newsletter-tooltip:hover span {
	/*display: inline;*/
	position: absolute;
	color: #111;
	border: 2px solid #525252;
	background: #FAFAFA;
	left: 24px;
	top: 5px;
	text-align: justify;
	
	visibility: visible;
 	opacity: 1;
}

a.newsletter-tooltip.weeklyspecials span { }

a.newsletter-tooltip.hometheater span, a.newsletter-tooltip.clearance span {height: 121px;}

a.newsletter-tooltip.info-tip {
position: absolute;
right: 15px;
top: 6px;
z-index: 50;
}

/*.weeklyspecials .sprite.info-tooltip {
position: absolute;
right: 37px;
top: 6px;}
*/

a.newsletter-tooltip .sprite.tooltip-left-arrow {
padding-bottom: 10px;
position: absolute;
left: -9px;
}

.newsletter-tooltip.weeklyspecials span {
height: inherit;
}


.callout {
	z-index: 20;
	position: absolute;
	top: 30px;
	border: 0;
	left: -12px;
}
/*CSS3 extras*/
a.newsletter-tooltip span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

.newsletter-tooltip.info-tip.weeklyspecials {top: 45px;}
.newsletter-tooltip.info-tip.hometheater {top: 68px;}
.newsletter-tooltip.info-tip.clearance {top: 92px;}

/* Free Shipping Tooltip */
a.ship-tooltip {
	outline: none;
	border-bottom: dotted 1px #525252;
	text-decoration:none;
	font-weight:normal;
}
a.ship-tooltip strong {
	line-height: 30px;
}
a.ship-tooltip:hover {
	text-decoration: none;
}
a.ship-tooltip span {
	z-index: 10;
	display: none;
	padding: 5px;
	margin-top: -17px;
	margin-left: 16px;
	width: 300px;
	line-height: 18px;
	text-align:justify;
	
}
a.ship-tooltip:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 2px solid #525252;
	background: #FAFAFA;
}

a.ship-tooltip p {margin-bottom: 0;}

.ship-callout {
	z-index: 20;
	position: absolute;
	top: 30px;
	border: 0;
	left: -12px;
}

a.ship-tooltip .sprite.tooltip-left-arrow {
	padding-bottom: 10px;
	position: absolute;
	left: -9px;
}

/*CSS3 extras*/
a.ship-tooltip span {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}


/*---------------------------------
	Lists
-----------------------------------*/
#page-content ul,
#page-content ol { padding: 0; margin: 0 0 20px 25px; list-style: square; }
#page-content li { padding: 5px 0; margin: 0; }
#page-content ul.alt { padding: 0; margin: 0 0 20px 0; }
#page-content ul.alt li { list-style-type: none; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 0 0 -1px 0; background: url(img/icon-arrow-right.png) no-repeat 5px 0.7em; padding-left: 20px; }
/*-------------------------------------------------- 
	Structure
--------------------------------------------------*/
#container { width: 100%; margin: 0 auto; min-height:100%; position:relative;  background: #f0f0f0 url(../sitedesign/images/body-bg-top.png) repeat-x 0 0; /*background-position: 0 33px; */overflow: hidden;}
#header { width: 100%; height: auto; margin: 0 auto; position: relative; z-index:3; /*background: #2B4E78;*/ /*height: 140px;*/ /*background: url(../sitedesign/images/header-bg.png) repeat scroll center top;*/ }
#topnav { width: 100%; height: 40px; float: left; margin: 0 auto; /*background: url(../sitedesign/images/topnav-background2.png) repeat-x;*/ }
#mainhome { width: 100%; margin: 0 auto; padding: 0; overflow: hidden; padding-bottom:250px; /* Height of the footer */}
#main { width: 1000px; margin: 0 auto; padding: 0; overflow: hidden; padding-bottom:260px; /* Height of the footer */ margin-top:10px;}
.sidenavbg { padding: 20px 0 0 0; display: none;}
/*#sidebar,*/ #rightsidebar { width: 210px; height: auto; margin: 0 auto; float: right; overflow: hidden; background: #E7E7E7; padding: 5px;position: relative;z-index: 2; }
.pagenavbg {background-color: #f0f0f0;}
#page-content {padding: 0 20px 20px 20px;}
#page-content.homepage { padding: 0px;}
#footer { width: 100%; margin: 25px auto 0;padding-bottom: 20px; overflow: hidden; position:absolute; bottom:0;height:260px;}
#bottomlinks { width: 1000px; margin:0 auto; height: auto; padding-bottom: 30px;}
.THHeader { background: #e6e6e6; letter-spacing: 1px; /*border-bottom: 3px solid #4AB3E8; */}
.bg-color1 {width: 100%; border-bottom: 1px solid #c2c7d0; background: #9B9B9B;}
.bg-color2 {width: 100%;background: #F0F0F0;border-bottom: 1px solid #909399;border-top: 1px solid #d8dadc;}
.bg-color3 {width: 100%; background:#ddd;border-bottom: 1px solid #abaeb2;border-top: 1px solid #C8CBCF;}
/*-------------------------------------------------- 
	Buttons
--------------------------------------------------*/
.button-group { width: 100%; text-align: center; margin-top: 24px; vertical-align: middle; overflow: hidden; }
.button-group .button { float: none; display: inline; vertical-align: middle; }
.button-group .button a,
.button-group .button input { margin: 0 5px; display: inline-block; vertical-align: middle; }
.button.continue-shopping { float: left; }
.button.goto-checkout { float: right; }
.estimate-ship-btn {float: right;margin-top: 9px;}
.button.goto-checkout input,
.button input,
input[type="Image"] { border: none; }
/*-------------------------------------------------- 
	Header
--------------------------------------------------*/
.header-logo {float: left;margin: 0 auto 0 38px;}
.header-phone {float:right; margin: 12px auto 0; position:relative;}

img.sprite.hours {background-position: -246px -1px; width: 11px; height: 14px; display: inline;}

#header .divlogo { height: auto; overflow: hidden; float: left; width: 670px; }
#header .divlogo .logo-wrap { width: 100%; }
#header .divlogo .logo-wrap .logo-img { max-height: 161px; max-width: 670px; }
#header .divlogo .logo-wrap .logo-img img { max-width: 670px; max-height: 161px; }
/*#header*/ .divheadercontent { float: left; width: 310px; height: auto; min-height: 100px; position: relative; }
/*#header*/ .divheadercontent .divrightarea { width: 310px; float: left; height: auto; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav { list-style: none; margin: 11px 13px 0 0; padding: 0 5px; float: right; height: 24px; line-height: 21px; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav li { float: left; padding: 0; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav li a { font-style: italic; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav li.shopcart { margin-left: 5px; margin-right: 25px; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav li.shopcart a img { margin-top: 4px; }
/*#header*/ .divheadercontent .divrightarea ul.cartnav li.divide { margin: 0 13px; }
/*#header*/ .divheadercontent .divrightarea ul.welcome { list-style: none; list-style: none; margin: 0 13px 0 0; padding: 0 5px; clear: right; float: right; height: 24px; line-height: 21px; }
/*#header*/ .divheadercontent .divrightarea ul.welcome li { float: left; padding: 0; }
/*#header*/ .divheadercontent .divrightarea ul.welcome li a { font-style: italic; }
/*#header*/ .divheadercontent .divrightarea ul.welcome li.divide { margin: 0 13px; }
#header .divheadercontent .divsearch { width: 203px; float: left; position: absolute; bottom: 0; right: 0; }
#header .divheadercontent .divsearch ul.search-wrap { float: right; height: 24px; list-style: none; padding: 0; background: #fff url(../sitedesign/images/search-bg.gif) repeat-x; }
#header .divheadercontent .divsearch ul.search-wrap li { float: left; height: 24px; padding: 0; }
#header .divheadercontent .divsearch ul.search-wrap li.searchbox { }
#header .divheadercontent .divsearch ul.search-wrap li.searchbox input { width: 158px; border: 0 none; padding: 0 5px; background: transparent; line-height: 24px; height: 24px; border-left: 1px solid #c2c2c2; }

/*Hours Tool Tip*/

.header-phone-hrs {position: relative;z-index: 5000;top: 12px;}

a.hrs-tooltip {outline:none;text-decoration:none;border-bottom:dotted 1px #525252; position: absolute;right: 3px;top: 52px; color: #C7C7C7;	transition: opacity .4s ease-in-out; /* add this here */
}
a.hrs-tooltip:hover {color: #b4b4b4;}
    a.hrs-tooltip strong {line-height:30px;}
    a.hrs-tooltip > span 
    {
	    width:216px;
	    padding: 10px 20px;
/*	    margin-top: 40px;
	    margin-left: -50px;*/
	    opacity: 0;
	    visibility: hidden;
	    /*z-index: 10;*/	   
	    position: absolute;
		left: -72px;
		top: 17px;

	    font-family: Arial;
	    font-size: 12px;
	    font-style: normal;  
        	    
	    /*-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    -o-border-radius: 3px;
	    border-radius: 3px;*/
	    
        -webkit-box-shadow: 2px 2px 2px #3a3a3a;
	    -moz-box-shadow: 2px 2px 2px #3a3a3a;		
	    box-shadow: 2px 2px 2px #3a3a3a;	
		
		-webkit-transition: opacity 0.4s ease-in-out 0s, margin-top 0.3s ease-in-out 0s, visibility 0.4s ease-in-out 0s, margin-left 0.3s ease-in-out 0s;
		-o-transition: opacity 0.4s ease-in-out 0s, margin-top 0.3s ease-in-out 0s, visibility 0.4s ease-in-out 0s, margin-left 0.3s ease-in-out 0s;
		transition: opacity 0.4s ease-in-out 0s, margin-top 0.3s ease-in-out 0s, visibility 0.4s ease-in-out 0s, margin-left 0.3s ease-in-out 0s;
		-webkit-opacity: 0;    
	}
    
    /*a.tooltip > span:hover,*/
	a.hrs-tooltip:hover > span
	{
		opacity: 1;
		text-decoration:none;
		visibility: visible;
		overflow: visible;
		margin-top: 14px;
		display: inline;
		/*margin-left: 80px;*/
	}

	a.hrs-tooltip img.tooltip-up-arrow {
		display: block;
		position: absolute;
		top: -9px;
		left: 117px;
		z-index:10;
		display: none\0/;
		*display: none;
		}
    
a.hrs-tooltip > span {
	color: #000000; 

	background: #fafafa;
	background: -moz-linear-gradient(top, #fafafa 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#fafafa));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa',GradientType=0 );
	    
	border: 2px solid #525252;	     
}    
	  
a.hrs-tooltip img {
vertical-align: middle;
padding-right: 3px;
}

/*-------------------------------------------------- 
	Top Nav
--------------------------------------------------*/
.topnav-container { width: 1000px; height: 34px; margin: 0 auto; position: relative; z-index: 10; }

#topnav .topnav-left-side { float: left; position: relative; }
#topnav .topnav-left-side .free-shipping a {color: #17A8CC; font-size: 20px; line-height: 34px;font-family: 'Museo-500', arial, sans-serif;font-weight: 500; text-decoration:none;}
#topnav .topnav-left-side .free-shipping a:hover {color: #0CF}
/*#topnav ul.topnav-left-side { float: left; position: relative; }
#topnav ul.topnav-left-side li { display: inline; }
#topnav ul.topnavmenu { float: right; position: relative; }
#topnav ul.topnavmenu li { display: inline; float: none; line-height: 30px; padding: 0; }
#topnav ul.topnavmenu li.divide { margin: 0 30px; }
#topnav ul.topnavmenu li a { text-transform: uppercase; } */
/*#topnav .social-icons { position: relative; top: 6px; }
#topnav .social-icons img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
#topnav .social-icons img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }
*/
#topnav ul.welcome { position: relative; }
#topnav .shipping-banner {width: 380px;left: 0;height: 50px;position: absolute;border: none;}
.cart-banner { height: 50px; font-family: arial; font-size: 12px; position: absolute; right: 0px; width: 300px; z-index: 12; }
.account-login { width: 350px; float: right; margin-right: 20px; text-align: right; line-height: 34px; color: #17A8CC; font-size: 12px; position: relative; z-index: 12; right: 285px; }
#topnav .login-greeting { vertical-align: middle; line-height: 34px; *line-height:40px;letter-spacing: 1px; }
#topnav .login-greeting img { vertical-align: bottom; position: relative; bottom: 2px; *bottom: -3px;left: 7px; }
.account-logout a.topnav1,
.account-login a.topnav1 { margin: 0 10px; font-style: italic; font-weight: normal; color: #17A8CC; }
.my-account-link a.topnav2  { margin-left: 10px; font-size: 12px; color:#17A8CC;}
.account-login a.topnav2:hover, .account-logout a.topnav1:hover, .account-login a.topnav1:hover {color: #0CF; text-decoration:none;}
.cart-textandicon { margin: 0 0 0 20px; line-height: 40px; }
.cart-textandicon img { margin: 0 0 0 20px; }
.cart-banner-items { font-size: 11px; color: white; position: absolute; top: 11px; right: 90px; z-index: 20; }
.cart-banner-total { font-size: 11px; color: white; position: absolute; top: 11px; right: 25px; z-index: 20; }
#under-menu-bar { height: 55px; background-color: #FFF; vertical-align: middle; padding: 0px 5px; position: relative; }
.under-menu-ad { width: 100%; background: transparent url(../sitedesign/images/below-menu-ad.png) no-repeat; height: 55px; margin: 0 auto; vertical-align: middle; display: block; }
a.online-catalog { }
a.online-catalog:hover { }
/*-------------------------------------------------- 
	Search Box
--------------------------------------------------*/
#search-box {width: 270px;height: 41px; overflow: auto; position: relative; left: 35px;top: 25px; background:url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -82px -38px;}
#search-box form input.searchbar { width: 207px; height: 26px; border: none; font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: #404040; text-align: left; padding: 0px 0px 0px 5px;border-radius: 0;position: absolute;top: 7px;left: 9px;background: rgba(0, 0, 0, 0); vertical-align:middle; line-height: 26px;}
#search-box form input.searchbar:focus { outline: none; }
#search-box form input.search-submit { width: 45px; height: 41px; cursor: pointer; position: absolute; left: 222px; top: 0px; background:url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -82px -124px; border: none; text-indent: -9999px;text-transform: capitalize; border-radius: 0; }
#search-box form input.search-submit:hover { background:url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -128px -124px; }

/*optimizely rollout search button*/
/*bkup original
#search-box form input.search-submit { width: 45px; height: 41px; cursor: pointer; position: absolute; left: 222px; top: 0px; background:url(../sitedesign/images/aa-sprite2.png) no-repeat; background-position: -82px -80px; border: none; text-indent: -9999px;text-transform: capitalize; border-radius: 0; }
#search-box form input.search-submit:hover { background:url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -128px -80px; }
*/

#search-box form input[type="text"] {color: #9C9C9C;font-style: italic;}

#search-box form input[type="text"]:focus {color: #404040;font-style: normal;}
/*-------------------------------------------------- 
	Sidebar
--------------------------------------------------*/
#sidebar .sidenavheader { text-align: left; padding: 10px 0; }
#sidebar ul.sidenavmenu { margin: 0; padding: 0 0 16px 0; list-style: none; width: 100%; }
#sidebar ul.sidenavmenu li { padding: 0; margin: 0; }
#sidebar ul.sidenavmenu li a { padding: 10px 0 0 20px; display: block; }
#sidebar ul.account-info { margin: 0; padding: 8px 0 17px 0; list-style: none; border-top: 1px solid #cfcfcf; }
#sidebar ul.account-info li { padding: 0; margin: 0; }
#sidebar ul.account-info li a { padding: 10px 0 0 20px; display: block; }
#sidebar .join-mailing { background: #003861 url(../sitedesign/images/mailing-list-bg.gif) repeat-x; height: 86px; width: 100%; margin-bottom: 23px; }
#sidebar .join-mailing h2 { padding: 19px 0 5px 12px; margin: 0; }
#sidebar .join-mailing ul.mailing-wrap { margin: 0; padding: 0; list-style: none; height: 24px; }
#sidebar .join-mailing ul.mailing-wrap li { float: left; height: 24px; }
#sidebar .join-mailing ul.mailing-wrap li.inputbox { margin-left: 12px; border-left: 1px solid #c2c2c2; width: 142px; }
#sidebar .join-mailing ul.mailing-wrap li.inputbox input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #888888; width: 132px; border: 0 none; padding: 0 5px; background: transparent; line-height: 24px; height: 24px; }
.sidenavTxt { color: #686868; font-size: 14px; font-weight: bold; }


/*Crop is used to crop parts of an image out
Example html: <p class="crop"><a href="urlgoeshere" title="titlegoeshere"><img src="img.jpg" alt="" /></a></p> 
*/
.crop{
	float:left;
	margin:.5em 10px .5em 0;
	overflow:hidden; /* this is important */
	position:relative; /* this is important too */
	border:1px solid #ccc;
	width: 100%;
	height: 50px;
	padding: 0;
	}
.crop img{
	position:absolute;
	top: -87px;
	left: 0px;
	border: none;
	}

/*-------------------------------------------------- 
	Home Page 
--------------------------------------------------*/
/* Best Sellers   ============================================================================= */
.bestseller-items { padding-bottom: 7px; }
li.bestseller-numbers { padding-right: 3px; color: #2D5E93; font-size: 12px; line-height: 18px; font-weight: bold; }
li.bestseller-numbers img { float: right; vertical-align: middle; display: block; /*border: 1px solid #ccc;*/ border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; }
a.producttitlelink:link,
a.producttitlelink:active,
a.producttitlelink:visited { color: #3C3C3C; font-size: 12px; font-family: Arial; font-weight: bold; }
a.producttitlelink:hover { color: #777; }
.slider-bestsellers { width: 980px; overflow: hidden; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; }
#page-content ol#bestseller-list { list-style: none; width:99%; margin: 0 auto; }
/*#bestseller-list li { background: #1c588f; } 
#bestseller-list li:nth-child(odd) { background: #164c87; } */

/* Featured Products Bar - Title - Pagination */
#featured-prod-bar { width:1000px; margin:20px auto;}
#featured-pagelinks { font-size: 12px; line-height: 17px; }
#featured-pagelinks .featured-title { padding-left: 15px; vertical-align: middle; color: #474747; /*font-weight:bold;*/ font-size: 20px;letter-spacing: 1px;font-family: 'Museo-500', Helvetica, Arial, sans-serif; }
#featured-pagelinks .featured-title a {font-family: 'Museo-500', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: 500;}
#featured-pagelinks .featured-pagination { padding-right: 15px; vertical-align: middle; text-align: right; }
#featured-pagelinks a {/* padding: 0 5px;*/ text-decoration: none; }
#featured-pagelinks span { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position:-317px -4px; height: 26px; width: 28px; display: inline-block; text-align: center; vertical-align: middle; line-height: 26px; color: #404040; font-size: 12px; font-weight: bold; }
/*#pagelinks a:hover { background-color: #fff; }*/
/*#pagelinks a.arrowleft { background: url(../images/larrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
#featured-pagelinks a.arrowleft { background: url(../sitedesign/images/Paging_Prev.png) no-repeat; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
/*#pagelinks a.arrowright { background: url(../images/rarrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
#featured-pagelinks a.arrowright { background: url(../sitedesign/images/Paging_Next.png) no-repeat; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
#featured-pagelinks a.previous,
#pagelinks a.next { font-weight: bold; background: transparent; border: none; }
/* Featured Products Pagination Number Buttons */
.PagingRow .nav-unselected { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position:-281px -4px; height: 26px; width: 28px; display: inline-block; text-align: center; vertical-align: middle; line-height: 26px; text-decoration: none; color: #404040; font-size: 12px; font-weight: bold; position: relative;}
.PagingRow2 .nav-unselected { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position:-281px -4px; height: 26px; width: 28px; display: inline-block; text-align: center; vertical-align: middle; line-height: 26px; color: #404040; font-size: 12px; font-weight: bold; position: relative;}
.PagingRow a.nav-unselected:hover { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position:-317px -4px; height: 26px; width: 28px; display: inline-block; text-align: center; vertical-align: middle; line-height: 26px; text-decoration: none; color: #404040; font-size: 12px; font-weight: bold; position: relative;}
.PagingRow-numbers { margin-left: 0; margin-right: 10px; }


/* Slider   ============================================================================= */

/*div#sliderfeature_list { width: 750px; height: 345px; overflow: hidden; position: relative; }
div#sliderfeature_list ul { position: absolute; top: 0; list-style: none; padding: 0; margin: 0; }
ul#slidertabs { left: 0; z-index: 2; width: 320px; }
ul#slidertabs li { font-size: 12px; font-family: Arial; padding:0;}
ul#slidertabs li img { padding: 5px; border: none; float: left; margin: 10px 10px 0 0; }
ul#slidertabs li a { color: #222; text-decoration: none; display: block; padding: 10px; height: 60px; outline: none; }
ul#slidertabs li a:hover { text-decoration: underline; }
ul#slidertabs li a.current { background: url('/audioadvis/text/slider-imgs/feature-tab-current.png'); color: #FFF; }
ul#slidertabs li a.current:hover { text-decoration: none; cursor: default; }
ul#slideroutput { right: 0; width: 463px; height: 240px; position: relative; }
ul#slideroutput li { position: absolute; width: 463px; height: 240px; padding:0;}
ul#slideroutput li a { position: absolute; bottom: 10px; right: 10px; padding: 8px 12px; text-decoration: none; font-size: 11px; color: #FFF; background: #000; -moz-border-radius: 5px; }
ul#slideroutput li a:hover { background: #D33431; }
*/

/* Explore More Section   ============================================================================= */
table .home-ad-area {margin-top: 22px;}
.explore-more {font-family: 'Museo-500', Arial, sans-serif;font-size: 20px;line-height: 30px;}
#page-content .ExploreMore {margin:20px auto; width: 100%; position:relative;}

#page-content .ExploreMore .ExploreAreasArrow-text {height: 155px; width: 283px; position: absolute; text-align: left; float: left; background: whitesmoke url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -87px -270px;}
#page-content .ExploreMore .ExploreAreasArrow-text h2 {color: #FFF;display: block;font-family: Arial, Helvetica, sans-serif;font-size: 22px;font-weight: bold;padding: 10px 0 0 20px;letter-spacing: 0.5px;}
#page-content .ExploreMore .ExploreAreasArrow-description {color: #FFF; display: block;font-family: Arial, Helvetica, sans-serif;font-size: 14px;padding: 0 0 0 30px;width: 180px;text-align: justify;line-height: 19px;}
#page-content .ExploreMore .ExploreAreasContainer {margin: 0 auto; margin-left: 260px; position: relative;overflow: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;z-index: 1;}

.exploreMore-areas-container {height: 155px;padding-left: 283px;}

.exploreMore-areas-wrap {
position: relative;
float: left;
height: 155px;
width: 20%;
background: whitesmoke;
}

.exploreMore-areas-wrap a {text-decoration: none;}
.exploreMore-areas-wrap strong {color: #2887d0;}
.exploreMore-areas-wrap span {display: block;margin: 0;position: relative;text-align: center;text-decoration: none;}

.exploreMore-areas-wrap img { /*margin: 0 auto 10px auto;height: 65px;width: 65px; padding: 25px 0 0 0;	 display: block;*/}

.exploreMore-areas-wrap img.social-icons {float:left; clear: both; padding: 0 5px 0 0;vertical-align: middle;}

.exploreMore-areas-wrap.darker-bg {background-color: #EFEFEF; }

.exploreMore-areas-wrap p {
font-family: Arial, sans serif;
font-size: 12px;
line-height: 17px;
padding:0; 
}

.exploreMore-areas-wrap .caption {
/*overflow: hidden;*/
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 160px;
height: 145px;
background: #F5F5F5;
padding: 10px;
/*visibility: hidden;
opacity: 0;
*//*-webkit-transition: visibility opacity 0.2s;*/
font-family: Arial, sans serif;
font-size: 12px;
line-height: 17px;
text-align: left;
color: #FFF;
font-weight: 500;
-webkit-font-smoothing: antialiased;
text-decoration: none;
z-index: 50;
 
}

.caption.box-1 {
left: -283px;
width: 402px;
height: 135px;
border-right: 5px solid #217297;
}

.caption.box-2 {
left: -426px;
width: 564px;
height: 155px;
padding:0;
border-right: 5px solid #217297;
background: #F5F5F5 url(../sitedesign/images/current-online-catalog.png) no-repeat;
background-position: right 0;
}

.caption.box-2 .caption-content {
height: 142px;
}
.caption.box-2 span {
text-align:left;
padding: 10px 0 10px 14px;
}

.caption.box-2 p {
width: 175px;
padding-left: 15px;
text-align:justify;
}
.caption.box-2 a {
font-weight: bold;
margin: 10px 0 0 14px;
font-size: 14px;
color: #fff; 
background: #C00;
width: 90px;
padding: 6px;
border-radius: 5px;
letter-spacing: 1px;
border: 0;
cursor: pointer;
outline: none;
display: block;
}
.caption.box-2 a:hover {background:#AC0000;}

.caption.box-3 {
left: -569px;
width: 688px;
height: 135px;
border-right: 5px solid #217297;
background: #F5F5F5 url(../sitedesign/images/watch-vids-bg.png) no-repeat;
background-position:0;
}

.caption.box-3 span.captionBold { float:right; text-align:left; padding: 10px 65px 10px 0;}
.caption.box-3 p {float:right; clear:right; width: 170px;padding-right: 10px;text-align:right; color:#333;}
.caption.box-3 a {float:right; clear:both; margin: 0 20px 0 0; text-indent: -9999px;}

.caption.box-4 {
left: -713px;
width: 850px;
height: 155px;
background: #F5F5F5 url(../sitedesign/images/catalog-request-bg.png) no-repeat;
background-position:0;
border-right: 5px solid #217297;
padding: 0;
}

.caption.box-4 span.captionBold {
float:right;
color: #F5F5F5;
margin: 117px 50px 0 0;
font-size: 14px;
background: #C00;
width: 130px;
padding: 6px;
border-radius: 5px;
letter-spacing: 1px;
border: 0;
cursor: pointer;
outline: none;
display: block;
font-family: arial, sans-serif;
font-weight: bold;
}

.caption.box-4 span.captionBold:hover {background:#AC0000;}

.caption.box-4 .fa {vertical-align: middle;}

.caption.box-5 {
left: -856px;
width: 980px;
height: 140px;
padding: 15px 0 0 15px;
color:#333;
}

.captionBold, p.captionBold {
font-family:"Museo-500", arial, sans serif;
font-size:16px;
line-height:16px;
text-align:left;
color:#333;
font-weight:500; /* fixes bold bug in Firefox */
-webkit-font-smoothing: antialiased; /* Fixes viewing in Safari. Maybe unnecessary */
padding: 7px 0;
margin-bottom: 0;
}

/*.exploreMore-areas-wrap:hover .caption {
  visibility: visible;
  opacity: 1;
}
*/

.toggle-off {color: #333; float:right;}

/* 4 Boxes Below the Explore More Section*/
#page-content .ExploreMore .ExploreBoxes {width: 24%; /*display: inline-block;*/ vertical-align: top;padding: 0 0.25%;margin-bottom: 0.5%;float: left;}

#page-content .ExploreMore .explore-cols {float:left; margin:0; position:relative; display: table;background-color: #EFEFEF;border: 1px solid #EFEFEF;width: 100%;}

.explore-hero {display: block; width: 100%; height: auto; max-width: 240px; max-height: 143px;}

.explore-text-block {display: block; width: 90%; padding: 0 12px;min-height: 145px;}
.explore-text-block span {display: table-cell;vertical-align: middle; height: 40px;padding-top: 5px;}
.explore-text-block span a { text-decoration:none; font-size: 18px; font-family: 'Museo-500', Arial, sans-serif;}
.explore-text-block p {padding: 0; text-align:justify; line-height:17px;}
.explore-text-block p a {text-decoration:none;}
a.explore-shop {padding: 0 0 10px 0;float: right;text-decoration: none; color: #007AD8;font-weight: bold;}
a.explore-shop:hover {color: #0266B3;}
/* --- START Explore More Hover Box Newsletter Sign-Up --- */
#explore-newsletter-signup {
	width: 980px;
	height: 155px;
	font-family: arial, sans-serif;
	font-size: 12px;
	position: relative;
}
#explore-newsletter-signup .format-pref {
	float: left;
	height: 100px;
}
#explore-newsletter-signup .format-pref li {
	float: left;
	width: 55px;
	list-style: none;
}
#explore-newsletter-signup #inputwrap {
	width: 600px;
	padding: 0;
	margin: 0;
}
#explore-newsletter-signup #inputboxes {
	width: 250px;
	position: relative;
	float: left;
	margin-left: 25px;
}
#explore-newsletter-signup .mc-field-group.input-group ul {
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
#explore-newsletter-signup .mc-field-group.input-group ul li {
	display: block;
	margin: 0;
}
#explore-newsletter-signup .mc-field-group.input-group label {
	display: inline;
	color: #666;
}
#explore-newsletter-signup .mc-field-group.input-group input {
	display: inline;
	width: auto;
	border: none;
}
#explore-newsletter-signup .descriptions {
	text-align: left;
}
#explore-newsletter-signup #form-formats {
	float: left;
	padding: 0;
	margin: 0;
}
#explore-newsletter-signup #form-formats li {
	display: inline;
	margin: 0 10px 0 0;
}
#explore-newsletter-signup #mce-EMAILTYPE-0,
#explore-newsletter-signup #mce-EMAILTYPE-1 {
	margin-right: 5px;
	top: 25px;
	vertical-align: middle;
	margin-top: -4px;
}
#explore-newsletter-signup input[type=checkbox] {
	vertical-align: middle;
	margin-right: 5px;
}

#explore-newsletter-signup div.input-group #interest-boxes {
	margin-top: 5px;
	padding: 0;
}
#explore-newsletter-signup input {
	border: 1px solid #ACC1B8;
	-webkit-appearance: none;
}
#explore-newsletter-signup input[type=checkbox] {
	-webkit-appearance: checkbox;
	background: transparent;
	border: 0;
}
#explore-newsletter-signup input[type=radio] {
	-webkit-appearance: radio;
	background: transparent;
	border: 0;
}
#explore-newsletter-signup input:focus {
	border-color: #333;
}
#explore-newsletter-signup .subbutton {
	background: #C00;
	width: 87px;
	height: 35px;
	padding: 10px;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 1px;
	border: 0; 
	cursor:pointer; 
	outline:none;
	position: absolute;
	top: 95px;
	right: 5px;
	z-index: 0;
}
#explore-newsletter-signup .button:hover {
	background-color: #AC0000;
}
#explore-newsletter-signup .small-meta {
	font-size: 11px;
}
#explore-newsletter-signup .nowrap {
	white-space: nowrap;
}
#explore-newsletter-signup .mc-field-group {
}
#explore-newsletter-signup .size1of2 {
	clear: none;
	float: left;
	display: inline-block;
	width: 46%;
	margin-right: 4%;
}
* html #explore-newsletter-signup .size1of2 {
	margin-right: 2%; /* Fix for IE6 double margins. */
}
#explore-newsletter-signup .mc-field-group label {
	display: block;
	margin-bottom: 3px;
}
#explore-newsletter-signup .mc-field-group input {
	display: block;
	width: 100%;
	/*padding: 8px 0;*/
	text-indent: 2%;
}
#explore-newsletter-signup .mc-field-group select {
	display: inline-block;
	width: 99%;
	padding: 5px 0;
	margin-bottom: 2px;
}
#explore-newsletter-signup .indicates-required {
	text-align: right;
	font-size: 11px;
	margin-right: 4%;
}
#explore-newsletter-signup div#mce-responses {
	/*overflow:hidden;*/
	margin: 0 5%;
	clear: both;
	position: relative;
	top: -140px;
}
#explore-newsletter-signup div.response {
	font-weight: bold;
	font-size: 12px;
	top: 145px;
	z-index: 1;
	color: #C00;
	line-height: 1.5;
	position: absolute;
	right: 4px;
}
#explore-newsletter-signup #mce-error-response a:link {
	color: #ce6d67;
}      /* unvisited link */
#explore-newsletter-signup #mce-error-response a:visited {
	color: #ce6d67;
}  /* visited link */
#explore-newsletter-signup #mce-error-response a:hover {
	color: #15588c;
}  /* mouse over link */
#explore-newsletter-signup #mce-error-response {
	display: none;
	position: absolute;
	right: 88px;
}
#explore-newsletter-signup #mce-success-response {
	color: #529214;
	display: none;
	width: 900px;
}
#explore-newsletter-signup label.error {
	display: block;
	float: none;
	width: auto;
	margin-left: 1.05em;
	text-align: left;
	padding: .5em 0;
	width: 70%;
}
#mc-embedded-subscribe-form #interest-boxes li {
	font-size: 12px;
	color: #036;
	padding: 3px 0;
	position:relative;
}
#explore-newsletter-signup #EMAIL-label,
#explore-newsletter-signup #FNAME-label,
#explore-newsletter-signup #LNAME-label {
	color: #333;
}
#explore-newsletter-signup .mc-field-group,
.format-pref {
	float: left;
	margin-top: 0px;
}
#explore-newsletter-signup input[type="checkbox"],
#explore-newsletter-signup input[type="radio"] {
	background: transparent;
	border: 0;
}
/* ----------- My Form ----------- */
#explore-newsletter-signup .myform {
	width: 330px;
	float: left;
}
/* ----------- stylized ----------- */
#explore-newsletter-signup #stylized h1 {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
}
#explore-newsletter-signup #stylized p {
	font-size: 11px;
	color: #666666;
	margin-bottom: 20px;
	border-bottom: solid 1px #b7ddf2;
	padding-bottom: 10px;
}
#explore-newsletter-signup #stylized label {
	display: block;
	font-weight: 500;
	text-align: right;
	width: 110px;
	float: left;
	padding-top: 3px;
	font-size: 16px;
	font-family: 'Museo-500', arial, sans-serif;
}
#explore-newsletter-signup #stylized .small {
	color: #666666;
	display: block;
	font-size: 9px;
	font-weight: normal;
	text-align: right;
	width: 110px;
	margin-top: -3px;
	font-family: arial, sans-serif;
}
#explore-newsletter-signup #stylized input {
	float: left;
	font-size: 12px;
	padding: 4px 2px;
	border: solid 1px #AACFE4;
	width: 170px;
	margin: 4px 0 7px 10px;
}
#explore-newsletter-signup .input-group {
	float: left;
}
#explore-newsletter-signup input.mce_inline_error {
	border-color: #6B0505;
}
#explore-newsletter-signup div.mce_inline_error {
	margin: -6px 0 0px 121px;
	padding: 0;
	font-weight: bold;
	z-index: 1;
	color: #F00;
	font-size: 11px;
	float: left;
}
#explore-newsletter-signup .choose-small {
	color: #C00;
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	width: 119px;
	margin-top: -2px;
}

/* --- END Explore More Hover Box Newsletter Sign-Up --- */








/*-------------------------------------------------- 
	Footer
--------------------------------------------------*/
#footer-copyright {width: 1000px;margin: 0 auto;clear: both;position: relative;}
#footer-copyright .copyright {position:absolute; right: 0px;top: -26px;}
#footer-copyright a.copyright {color: #858585; text-decoration:none;}
#footer-copyright a.copyright:hover {color: #A0A0A0;}

#footer p { margin: 0 20px 15px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #484848; font-weight: normal; }
#footer ol { list-style: decimal; margin: 12px 0; padding: 0 0 0 40px; }
#footer li { color: #484848; font-size: 11px; }
#footer ul { list-style: disc; margin: 12px 0; padding: 0 0 0 40px; }
/* Bottomlinks */
#footer #bottomlinks ul { list-style: none; margin: 0; padding: 0; }
#footer #bottomlinks ul li { line-height: 18px; }
#footer #bottomlinks ul li.header { color: #fff; border-bottom: 1px solid #075A7A; font-size: 16px; margin-bottom: 5px; font-family: Museo-300, Arial, sans-serif; letter-spacing: 1px; padding-bottom: 3px;}

#footer #bottomlinks ul.column-1 { width: 160px; float: left; margin: 27px 0 0 37px; }
#footer #bottomlinks ul.column-2 { width: 120px; float: left; margin: 27px 0 0 20px; }
#footer #bottomlinks ul.column-3 { width: 200px; float: left; margin: 27px 0 0 20px; }
#footer #bottomlinks ul.column-4 { width: 150px; float: left; margin: 27px 0 0 20px; }

#footer #bottomlinks div.column-5 {width: 225px;float: left;margin: 27px 0 0 20px;/*border-left: 1px solid #4D4D4D;*/padding-left: 25px;height: 136px;}

#footer .upper-footer-bar {height:40px; width: 1000px;margin: 0 auto;}

#footer ul.footer-social {position:relative; margin:0; top: 8px; /*left: 20px;*/ float: right;padding: 0;}
#footer ul.footer-social li.social-icons {display: inline; float: left;}
#footer ul.footer-social li.social-icons a img {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}

#footer ul.footer-social li.social-icons a img:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; }

#footer ul.footer-social li.social-icons a img.sprite {
	background: url(../sitedesign/images/aa-sprite.png) no-repeat;
	position: relative;

}
#footer ul.footer-social li.social-icons a img.sprite.facebook {
	background-position:-1px -276px;
	left: -50px;
}
#footer ul.footer-social li.social-icons a img.sprite.twitter {
	background-position: -1px -302px;
	left: -45px;
}
#footer ul.footer-social li.social-icons a img.sprite.youtube {
	background-position: -1px -328px;
	left: -40px;
}



/*#footer #bottomlinks .powered-by { float: right; margin: 31px 38px 0 0; } <-- This is used for the Powered By SiteLink image*/

/*-------------------------------------------------- 
	Page Content Styles
--------------------------------------------------*/

/* Home Page ============================================================================= */
#page-content.default { }
#page-content.default .main-img { margin-bottom: 23px; }
#page-content.default h1 { text-transform: uppercase; }
.rc-promo { float: left; margin: 20px 0 0 0; border-top: 1px solid #cfcfcf; padding: 20px 0 0 0; }
.main-img { width: 750px; float: left; display: block; height: 294px; }
.tbl_quantity { float: right; }
/* Static pages   ============================================================================= */
#page-content.static { }
#page-content.static ol { list-style: decimal; margin: 12px 0; padding: 0 0 0 40px; }
#page-content.static li { color: #484848; font-size: 12px; }
#page-content.static ul { list-style: square; margin: 12px 0; padding: 0 0 0 40px; }
#page-content.static p { font-size: 12px; color: #484848; }
#page-content.static h1 { margin: 0 0 15px 0; padding: 0; }
#page-content.static h2 { font-weight: normal; font-size: 18px; color: #484848; margin: 0 0 15px 0; padding: 0; }
#page-content.static h3 { font-weight: bold; font-size: 14px; color: #003861; margin: 0 0 10px 0; padding: 0; }
#page-content.static h4 { font-weight: bold; font-size: 14px; color: #484848; margin: 0 0 10px 0; padding: 0; }
#page-content.static h5 { font-weight: bold; font-size: 12px; color: #003861; margin: 0; padding: 0; }
#page-content.static h6 { font-weight: bold; font-size: 12px; color: #484848; margin: 0; padding: 0; }
/* Demo Page   ============================================================================= */
#page-content .demo-splash img {display: block;margin: 0 auto;padding-bottom: 25px;}
#page-content .demo-splash .demo-p-heading {font-weight:bold;}
#page-content .demo-splash .demo-p {}
#page-content .demo-cat-links {width: 815px;margin: 0 auto;}
#page-content .demo-cat-links img {display:block;margin:0 auto;padding-bottom: 25px;}
#page-content .demo-cat-links ul {/*margin: 0 auto;*/padding:0; list-style:none;text-align:center; width:690px;}
#page-content .demo-cat-links ul li {display:inline;}


/* All pages   ============================================================================= */
#page-content td.split-col { padding: 0!important; }
#page-content td.nopadding { padding: 0!important; }
#page-content .TopNavRow2Text { padding: 7px 10px; text-align: left; background: transparent; color: #404040;}
#page-content .THHeader { padding: 8px 5px 7px 5px; color: #404040; background: #e6e6e6; letter-spacing: 1px;}
#page-content input.smalltextblk,
#page-content select.smalltextblk { font-size: 11px; margin: 0;}
#page-content input.txtboxlong,
#page-content textarea.txtboxlong { width: 358px; }
#page-content .smalltextupper { text-transform: uppercase; font-size: 12px; }
#page-content .tab-style-header { background: url("../sitedesign/images/tab-bg.gif") repeat-x; overflow: hidden; border: 1px solid #cfcfcf; height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 27px; color: #003861; text-transform: uppercase; padding: 0 14px; }
#page-content .tab-style-header .smalltextblk { line-height: 25px; text-transform: none; }
/* Breadcrumbs   ============================================================================= */
#page-content .breadcrumbrow { color: #404040; padding-left: 15px; padding-top: 10px; background-color: transparent; }
#page-content a.breadcrumb:link { text-align: left; color: #404040; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; line-height: 24px; background-color: transparent; }
#page-content a.breadcrumb .breadcrumb-divide { }
/*#page-content a.breadcrumb { text-decoration: none; color: #8e9eac; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; background-color: transparent; }*/
#page-content a.breadcrumb:hover { text-decoration: none; color: #666; background-color: transparent; }
/* ============================================================================= 
TABS
============================================================================= */
.descTabSection { display: block; float: left; width: 75%; padding: 50px 0;} /* This is the main container for prodinfo.asp tabs*/
.prods-right-bar {float:right; width: 23%; margin: 93px 0 0 0; position: relative;} /* This is the container that displays next to the Product Tabs Content(prodinfo.asp)*/
/*Right side nav   ============================================================================= */
#rightsidebar .sidenavheader a { font-size: 20px; line-height:24px; font-weight: inherit; text-align: center; padding: 10px 0 0 0;text-transform: none;font-family: 'Museo-300', arial, sans-serif; color: #404040; text-decoration:none;}
#rightsidebar .sidenavheader.sidenavTxt {
text-align: center;
}
#rightsidebar .bestseller-wrap { padding: 0; width: 100%; text-align: left;  }
#rightsidebar .bestseller-wrap a:link { text-decoration: none; }
#rightsidebar a.top-20-link {text-align: center;display: block;font-weight: bold;padding: 10px 0;font-size: 14px; color: #007AD8;}
#rightsidebar a.top-20-link:hover {color: #0266B3}
.prods-right-bar .rightsidebar-shadow {position: absolute;bottom: -10px;left: 7px;z-index: 0;}


#page-content .tab-container { /*background: #fff;*/ }
#page-content ul.tabs { margin: 10px 0 -1px 0; padding: 0; width: 100%; border-bottom: 1px solid #e5e5e5; float: left; font-size: 0; text-align: left; position: relative; z-index: 20; }
#page-content ul.tabs li { font-size: 14px; list-style-type: none; margin: 0 -2px 0 0; padding: 0; display: inline-block; *display:inline;/*IE ONLY*/
position: relative; top: 0; top: 1px\9;/*IE ONLY*/ left: 0; *top:1px;/*IE 7 ONLY*/
zoom: 1; }
#page-content ul.tabs li a,
#page-content ul.tabs li a:focus,
#page-content ul.tabs li *:focus { text-decoration: none; color:#fff; font-weight: normal; display: inline-block; padding: 9px 15px; position: relative; top: 0; left: 0; line-height: 100%; background: #0f64a5; -webkit-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03); -moz-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03); box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03); border: 1px solid #e5e5e5; border-bottom: 0; font-size: 13px; zoom: 1; letter-spacing: 1px; font-family: Arial, sans-serif; }
a:hover,
a:active,
a:focus,
*:focus { outline: none; noFocusLine: expression(this.onFocus=this.blur());
}
/*a:hover, a:active, a:focus, *:focus {outline:none; noFocusLine: expression(this.onFocus=this.blur());} the noFocusLine expression is needed to hide dotted outline in IE7*/
#page-content ul.tabs li a#tab1 { /*background: none;*/ }
#page-content ul.tabs li a:hover {background: #035583;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/}
#page-content ul.tabs li a.active,
#page-content ul.tabs li.active a:hover, #page-content ul.tabs li a.tab-active  { position: relative; top: 1px; left: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #404040; line-height: 14px; font-weight:bold;}
#page-content .tab-content { border: 1px solid #efefef; border: 1px solid #e5e5e5; background: #fff; /* clear:both; */ padding: 30px; margin: 0 0 40px 0; position: relative; top: 43px; z-index: 10; }
/* ------ NOTE: Not sure what these do as there is no css or html calling them that I can see ------ */
/*#page-content .tab-panes { margin: 20px 3px 3px 3px;} */
/*#page-content ul .tabb  {height: 27px; width:100px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;  position:relative; padding:0; margin: 0; color:#888888; text-decoration:none; text-align: left;} */

/* SL7 Made Tabs
#page-content .tab-container {background: #fff; }
#page-content ul.tabs {list-style: none; position:relative; height: 27px; margin: 0; padding: 0; background:url("../images/tab-bg.gif") repeat-x; overflow:hidden; border: 1px solid #cfcfcf;}
#page-content ul.tabs li {display:inline; height: 27px; line-height: 27px;}
#page-content ul.tabs li a  {height: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; position:relative; padding:0 14px; margin: 0 -4px 0 0; color:#888888; text-decoration:none; text-transform:uppercase; line-height: 27px; display: inline-block; background: url(../images/tabs-divide-bg.gif) repeat-y left top;  }
#page-content ul.tabs li a#tab1 {background: none;}
#page-content ul.tabs li a:hover, #page-content ul.tabs li a.tab-active {color: #003861;} 
#page-content .tab-panes { margin: 20px 3px 3px 3px;}
#page-content ul .tabb  {height: 27px; width:100px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal;  position:relative; padding:0; margin: 0; color:#888888; text-decoration:none; text-align: left;} */


/* Reviews */

.reviewtext,
a.prodlink { font-size: 11px; color: #484848; }

.btn.WriteReview {
    background-color: #0461be;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    padding: 11px 23px;
    text-decoration: none;
    margin: 0 0 20px;
}


.btn.WriteReview-top {
    background-color: #0461be;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    text-decoration: none;
    margin: 0;
}




#page-content .checkout-tabs ul.tabs li a, #page-content .checkout-tabs ul.tabs li a:focus, #page-content .checkout-tabs ul.tabs li *:focus {
text-decoration: none;
color: #FFF;
font-weight: normal;
display: inline-block;
padding: 9px 15px;
position: relative;
top: 0;
left: 0;
line-height: 100%;
background: #575757;
-webkit-box-shadow: inset 0px -3px 3px rgba(0, 0, 0, 0.03);
-moz-box-shadow: inset 0px -3px 3px rgba(0,0,0,0.03);
box-shadow: inset 0px -3px 3px rgba(0, 0, 0, 0.03);
border: 1px solid #E5E5E5;
border-bottom: 0;
font-size: 13px;
zoom: 1;
letter-spacing: 1px;
font-family: Arial, sans-serif;
}

#page-content .checkout-tabs ul.tabs li a#tab1 { /*background: none;*/ }
#page-content .checkout-tabs ul.tabs li a:hover {background: #404040;/*text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);*/}
#page-content .checkout-tabs ul.tabs li a.active,
#page-content.checkout-tabs  ul.tabs li.active a:hover, #page-content .checkout-tabs ul.tabs li a.tab-active  { position: relative; top: 1px; left: 0; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #404040; line-height: 14px; font-weight:bold;}
#page-content .tab-content.checkout-tabs { border: 1px solid #efefef; border: 1px solid #e5e5e5; background: #fff; /* clear:both; */ padding: 30px; margin: 0 0 40px 0; position: relative; top: 43px; z-index: 10; }


/*-------------------------------------------------- 
	Product Detail Page
--------------------------------------------------*/
#prodinfoform { padding-top: 15px; }
.prod-stock-num { color: #6D6D6D; font-size: 12px; font-family: Arial; font-weight: bold; text-decoration: none; padding-left: 5px; }
.stars-write-review { text-align: right; }
.stars-write-review img { vertical-align: middle; }
.stars-review-amount { color: #404040; vertical-align: middle; font-weight: bold;font-size: 14px;margin-left: 5px;}
.stars-write-review a.prodlink { text-decoration: none; font-size:14px; font-weight: bold; }
.prod-detail-title h1 { color: #404040; font-size: 18px; line-height: 22px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; margin: 0 0 -4px 0; }
.prod-detail-title img { vertical-align: middle; }
#page-content.prodinfopage .prodinfocell .THHeader { padding: 10px; }
#page-content.prodinfopage .prodinfocell .innerprodcell { padding: 10px; border: 1px solid #ebebeb; }
#page-content.prodinfopage .prodinfocell .innerprodcell .tdRow1Color td { padding: 0 10px; }
img.ProdInfoImage { display: block; margin: 0 auto; border: 1px solid #efefef; /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; padding: 5px; background: #E6EDF2;*/ position: relative; z-index: 2; }

/* .Cross_sell_bar {width: 100%;} <-- Not using this, went with .prod-detail-thumbs-row instead */
.prod-detail-thumbs-row { width: 100%; /*padding-top: 25px;*/ overflow: hidden;}
.product-detail-thumbnails { width: 50%; float: left; display: block; }
.product-detail-thumbnails img { border: 1px solid #ebebeb; }
.cross-sell-wrapper {
width: 48%;
float: left;
position: relative;
top: -19px;
background: #FAFAFA;
border: 1px solid #E2E2E2;
border-radius: 4px;
margin: 0 auto;
vertical-align: middle;
}
img.ProdInfoImage { width: 300px; max-width: 95%; }
/*.zoomWindowContainer div {left:900px!important;}*/
td .alignR { text-align: right; }

.cross-sell-thumbs { width: 50%; float: right; display: block;
/*width: 50%;
float: left;
display: block;
padding-left: 28px;
margin-bottom: 5px;
*/ }
img.cross-sell-img { border: 1px solid #ebebeb; margin: 3px 10px 0 0; max-width: 125px; }
td.cross-sell-bg { background: #ffffff; padding: 15px; }
.cross-sell-title { width: 100%;float: left;}
.cross-sell-title span { width: 50%; float: right; font-weight: bold; font-size: 14px; color: #404040; margin: 5px 0 0 0; padding: 0;}
.cross-sell-title span .dbl-line {
background: url(../sitedesign/images/dbl-line-divider.png);
height: 3px;
width: 100%;
margin-top: 2px;
margin-bottom: 5px;
}


/* Customer Reviews Bar (Underneath Product Detail Tabs) */
.cust-reviews-title { color: #404040; font-size: 14px; line-height: 18px; font-weight: bold; padding: 10px 5px; }
.cust-reviews-text { padding: 0 14px; text-align: justify; }
.cust-reviews-text p { margin-bottom: 0px; }
.cust-reviews-sig { padding-left: 24px; font-size: 12px; font-style: italic; font-weight: bold; color: #666; }
.prod-reviews-title, .recently-viewed-title, #page-content .THHeader.thheader-titles,
#ship-meth-container .THHeader.thheader-titles { font-size: 14px; font-weight: bold; padding: 10px 15px; color: #006A9B; font-family: 'Museo-300', Helvetica, Arial, sans-serif; }

#ship-meth-container .THHeader.thheader-titles {
font-size: 14px;
font-weight: bold;
padding: 10px 15px;
color: #222;
font-family:Helvetica, Arial, sans-serif;
}

.prod-reviews-title a.allpage { padding-left: 10px; color: #404040;float: right; text-decoration:none;}
.prod-reviews-title a.allpage:hover {color:#666;}
.table-layout-fixed.recently-viewed-thumbs { height: 130px; position:relative;}
.recently-viewed-thumbs .prodlistimg { border: 1px solid #EFEFEF; margin: 3px 0 3px 20px; /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;*/ position: relative;z-index: 2;}
.recently-viewed-thumbs .drop-shadow {position: absolute;top: 109px;left: 26px;z-index: 1;opacity: 0.5;}
/*-------------------------------------------------- 
	Product Listing Page 
--------------------------------------------------*/
/*#pagelinks { font-size: 11px; margin-left: 30px; line-height:17px; background: url(../images/Paging_Link.png) no-repeat;}*/
#pagelinks { font-size: 11px; margin-left: 30px; line-height: 17px; padding-top: 5px; vertical-align: inherit; }
/*#pagelinks a { background: url(../images/Paging_Link.png) no-repeat; padding: 0 5px; text-decoration: none; border: 1px solid #000; }*/
/*#pagelinks a { background: url(../images/Paging_Link.png) no-repeat; padding: 0 5px; text-decoration: none; }*/
#pagelinks a { padding: 0 5px; text-decoration: none; }
.RegularPrice { color: #686868; font-size: 12px; font-family: Arial; font-weight: normal; text-decoration: none; text-align: left; line-height: 20px; }
.ProductPrice { text-align: left; line-height: 20px; color: #D30404; }
.gallery-image { cursor: pointer; margin-right: 10px; }
/*#pagelinks a:hover { background-color: #fff; }*/

/*#pagelinks a.arrowleft { background: url(../images/larrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
#pagelinks a.arrowleft { background: url(../sitedesign/images/Paging_Prev.png) no-repeat; display: inline-table; width: 28px; height: 27px; border: none; vertical-align: middle; }
/*#pagelinks a.arrowright { background: url(../images/rarrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
#pagelinks a.arrowright { background: url(../sitedesign/images/Paging_Next.png) no-repeat; display: inline-table; width: 28px; height: 27px; border: none; vertical-align: middle; }
#pagelinks a.previous,
#pagelinks a.next { font-weight: bold; background: transparent; border: none; }
/*#page-content img.prodlistimg {border: 1px solid #ebebeb; margin: 3px 0; max-width: 125px;}*/
#page-content img.prodlistimg { border: 1px solid #ccc; margin: 3px 0; /*border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px;*/ /*padding: 5px; background: #EDF6FA;*/ position: relative;z-index: 2;}

/*==================================================
 * Corner Shadow Lift
 * ===============================================*/
#page-content img.drop-shadow {position: absolute;top: 165px;right: 6px;z-index: 1;}
#page-content img.main-drop-shadow {position: absolute;top: 280px;left: 176px;z-index: 1;} /* Corner drop shadow for Main Product Image on prodinfo.asp*/

#page-content .grid td { padding: 0; }
#page-content .grid input { margin: 3px 0; }
.ProductWrapper { position: relative; margin-bottom: 30px; height: 300px; padding: 0; width: 205px; }
/*.priceContainer { position: absolute;bottom:0 ; }
.ProductInfoWrapper{ width:99%; height:25px; text-align: left }*/

/* Products Grid   ============================================================================= */
.ProductWrapper .grid-prod-img { text-align: center; }
/*.ProductInfoWrapper a.producttitlelink:link { text-decoration: none; font-size: 12px; color: #3C3C3C; font-weight:bold; }
.ProductInfoWrapper a.producttitlelink:hover {color: #777;}
*/.priceContainer { bottom: 0; }
.ProductInfoWrapper { width: 100%; height: 50px; text-align: left; clear: left; }
.RatingWrapper { float: left; width: 100%; padding: 10px 0 5px;text-align: left; }
.nav-selected { font-weight: bold; }
.SaleTag { float: left; }
.DiscountPrice { font-weight: bold; color: White; background-color: red; margin-left: 5px; }
.RedTag { background-image: url(../sitedesign/images/RedSaleTag_bkg.gif); height: 23px; float: left; }
/*.producttitlelink { text-decoration: none; }*/
.RegTagImg { border: 0; width: 53px; height: 23px; }
/* site */
.prodthumb { display: table; table-layout: fixed; max-width: 125px; }
.prodthumbcell { width: 135px; }
a.tabtitle { text-decoration: none; }
.PagingRow { height: 40px; padding-left: 10px; background: #D1D1D1;}
#PagingRow td.SortBy { text-transform: uppercase; color: #ABA6A3; padding-left: 10px; font-size: 12px; width: 90px; }
#PagingRow .unselected_btn { background: url(../sitedesign/images/pagination-btn.png) no-repeat; padding: 0 5px; height: 28px; width: 28px; display: block; }
#PagingRow .selected_btn { background: url(../sitedesign/images/pagination-btn-hover.png) no-repeat; padding: 0 5px; height: 28px; width: 28px; display: block; }
/*#PagingRow div.selected_btn{ background: url(../images/Paging_Link_Selected.png) no-repeat; padding: 0 5px;}*/
.PagingRow .unselectedLink { background: url(../sitedesign/images/pagination-btn.png) no-repeat; height: 28px; width: 27px; display: inline-table; text-align: center; vertical-align: middle; line-height: 24px; text-decoration: none; margin-top: 2px; }
.PagingRow2 .unselectedLink { background: url(../sitedesign/images/pagination-btn.png) no-repeat; height: 28px; width: 27px; display: inline-table; text-align: center; vertical-align: middle; line-height: 24px; margin-top: 2px; }
.pagelinks span { background: url(../sitedesign/images/pagination-btn-hover.png) no-repeat; height: 28px; width: 27px; display: inline-table; text-align: center; vertical-align: middle; line-height: 24px; margin-top: 2px; }
/* Sort Products Bar - Title - Pagination */
.sort-prod-bar { width: 100%; margin: 15px 0 0; }
.sort-prod-bar-bottom { width: 100%; margin: 5px 0 10px 0; }
.SortBy { width: 55px;padding-left: 15px;color: #404040;font-weight: bold; }
#page-content select.sortbydropdown { height: 25px; outline: none; }
.sort-pagelinks { font-size: 12px; line-height: 17px; padding-right: 10px; }
.sort-pagelinks .featured-pagination { padding-right: 15px; vertical-align: middle; text-align: right; }
.sort-pagelinks a { /*padding: 0 5px;*/ text-decoration: none; }
.sort-pagelinks span { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -317px -4px; height: 26px; width: 28px; display: inline-block; text-align: center; vertical-align: middle; line-height: 25px; color: #404040; font-size: 12px; font-weight: bold; }
/*#pagelinks a.arrowleft { background: url(../images/larrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
.sort-pagelinks a.arrowleft { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -425px -4px; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
.sort-pagelinks a.arrowleft:hover { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -461px -4px; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
/*#pagelinks a.arrowright { background: url(../images/rarrow.gif) no-repeat 0 center; display: inline-block; height:10px; border: none; }*/
.sort-pagelinks a.arrowright { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -353px -4px; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
.sort-pagelinks a.arrowright:hover { background: url(../sitedesign/images/aa-sprite.png) no-repeat; background-position: -389px -4px; display: inline-block; width: 28px; height: 26px; border: none; vertical-align: middle; }
.sort-pagelinks a.previous,
#pagelinks a.next { font-weight: bold; background: transparent; border: none; }
a.viewalltxt { color: #404040; font-weight: bold; }
a.viewalltxt:hover { color: #666; font-weight: bold; }
.content_wrapper { height: 300px; width: 100%; float: left; }
.image_block { width: 50%; height: 100%; float: left; position: relative;}
.content_block { width: 50%; height: 100%; float: left; }
.shipping { width: 100%; height: 25px; float: left; margin-top: 15px; font-size: 11pt; font-family: 'Open Sans', Helvetica, Arial, sans-serif; letter-spacing: 1px; color: #D30404; font-weight: 700; }
.SizeColor { width: 100%; height: 70px; float: left; margin-top: 7px; }
#page-content .SizeColor .THHeader { padding-left: 12px; color: #404040; margin-bottom: 5px; background: #e6e6e6; letter-spacing: 1px; border-bottom: 3px solid #217297; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-weight: 700; }
.attribcontainer { width: 100%; height: 120px; float: left; padding-bottom: 10px;}
.attributes { width: 50%; height: 100%; float: left; }
.pricingcontainer { width: 46%; height: 100%; float: right; text-align: right; }
.whitespace { width: 100%; height: 50px; float: left; }
.compprice { width: 100%; height: 22px; float: left; text-align: right; font-size: 14px; color: #666; }
.starting_at_our { width: 100%; height: 25px; float: left; font-family: arial; font-size: 18px; font-weight: bold; text-align: right; }
.specialprice { width: 100%; height: 25px; float: left; font-family: arial; font-size: 14px; font-weight: bold; text-align: right; color: #000000; }
.btn_availrow { width: 100%; height: 45px; float: left; }
.availwrapper { width: 50%; height: 100%; float: left; }
.availstatus { width: 100%; height: 50%; float: left; text-align: left; font-family: arial; font-size: 12pt; font-weight: bold; color: #666; }
.availtext { width: 100%; height: 50%; float: left; text-align: left; font-family: arial; font-size: 12px; }
.qty_buy { vertical-align: bottom; width: 50%; height: 100%; float: left; text-align: right; }
.qty-box { height: 26px; font-size: 16px; width: 50px; padding-left: 3px; vertical-align: middle; }
.social_wishlistrow { width: 100%; height: 20px; float: left; padding-top: 5px; }
.social_wrapper { width: 50%; height: 100%; float: left; text-align: left; }
.wishlist { width: 50%; height: 100%; float: left; text-align: right; }
.wishlist input[type="image"] { background: none; border: none; padding: 0; }
#review_scroll { cursor: pointer; font-weight: bold;font-size: 14px; }
#Table5 { margin-bottom: 50px; }
.recently_viewed { margin-bottom: 50px;}
#error_message { color: red; font-size: 12px; text-align: right; font-weight: bold;padding-top: 10px; }
.error_message_basket { color: red; font-weight: bold; }
/*-------------------------------------------------- 
	Checkout Process Pages
	basket.asp / custinfo.asp / checkout.asp
--------------------------------------------------*/
.page-title { color: #222; font-size: 18px; line-height: 22px; font-family: Arial; font-weight: bold; text-decoration: none; padding: 15px 0 0 15px; background: none; }
.tdRow1Color, .tdRow2Color {background-color: transparent;}
#basketform .basket-subtotal { font-size: 16px; color: #000; padding: 16px; }
#basketform .basket-prod-title,
#checkout-products .basket-prod-title { font-size: 14px; text-decoration: none; font-weight: bold; color: #0462be; }

#basketform .THHeader { color: #222; background: #E6E6E6;font-weight: bold; padding: 8px 0;}
#basketform .qty-box { height: 20px; font-size: 14px; width: 40px; }
#page-content .left-padding { padding-left: 20px; }
#page-content .right-padding { padding-right: 20px; }
#coupon-code { margin: 10px 0; float: right;text-align: right;position: relative;top: 0px;}
#coupon-code .qty-box { height: 20px; font-size: 14px; width: 50px; margin-right: 2px; padding: 0 3px; margin-top: -1px;}
#coupon-code .error { font-weight: bold; color: #e80f0f; margin-left: 12px; }
#coupon-code input[type="submit"] {padding: 5px;vertical-align: middle;background: #5f5f5f;color: #FFF;width: 60px;}

#Div1 { }
#Div1 .page-title { padding-top: 0; font-size: 16px; }
.checkout-steps { padding: 20px 0; margin: 0 auto; display: block; text-align: center; }
.return-cust-login .error { font-weight: bold; color: #e80f0f; margin-left: 12px; text-align: center; }
.return-cust-login input[type="Image"] { margin: -6px 0 0 0; }
.required-marks { vertical-align: top; }
.smalltextred.required-marks { font-size: 14px;color: #000; }
.smalltextblk.required-marks { float: right; }
#page-content .cust-info-forms .THHeader { font-weight: bold;
padding: 8px 14px 7px 14px;
color: #222;
background: #e6e6e6;
letter-spacing: 1px;
text-transform: uppercase;}
.cust-info-forms .badge, .checkout-review .badge, .checkout-shipping .badge, .checkout-payment .badge {
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
border-radius: 16px;
font-size: 18px;
background-color: #222;
color: #fff;
float: left;
height: 32px;
line-height: 31px;
margin: 0 9px -14px -28px;
text-align: center;
width: 32px;
top: -9px;
position: relative;
}

.checkout-review {
padding-left: 13px;
position: relative;
width: 945px;
background: #E6E6E6;
top: 31px;
}

.checkout-shipping {
padding-left: 13px;
position: relative;
width: 945px;
background: #E6E6E6;
top: 46px;
}

.checkout-payment {
padding-left: 14px;
position: relative;
width: 945px;
background: #E6E6E6;
top: 0;
}


.checkout-review .badge, .checkout-shipping .badge {
top: 0;
}

.checkout-payment .badge {
top: -2px;
}

.checkout-review p, .checkout-shipping p, .checkout-payment p {
font-size: 14px;
text-transform: uppercase;
color: #222;
font-weight: bold;
padding: 4px;
letter-spacing: 1px;
}

.checkout-shipping p, .checkout-payment p {padding: 5px; margin-bottom: 20px;}

.cust-info-forms label,
#bzipcodelabel,
#bstatelabel,
#txtstatelabel,
.credcard-panel label { color: #0462BE; font-weight: bold; }
#bill-ship-address { margin-top: 30px; }
#bill-ship-address .THHeader.thheader-titles, #checkout-products .THHeader.thheader-titles {font-family: Helvetica, Arial, sans-serif;color: #222;}
.textblock { padding: 15px; }
.cart-totals { font-size: 16px; color: #000; }
.credcard-panel { border-collapse: separate; border-spacing: 5px; padding-top: 20px; background: #fafafa;}
.credcard-panel img { vertical-align: middle; padding-left: 3px; }
.paypal-panel td {padding: 20px;}
/*tr.spaceUnder > td {padding-bottom: 10px;}
tr.spaceAbove > td {padding-top: 10px;}
*/
#page-content .tab-panes .tab-content {
border: 1px solid #EFEFEF;
border: 1px solid #E5E5E5;
background: #FFF;
clear: both;
padding: 30px;
margin: 0 0 40px 0;
position: relative;
top: 0;
z-index: 10;
}


/* Account Pages*/ 
#page-content .account-row {background: rgba(0, 0, 0, 0.49); color: #fff;}
#page-content .account-row span {float: left;}

#page-content ul.account-menu {margin: 0;list-style: none;text-align: right;}
#page-content ul.account-menu li {display:inline; color: #fff;}
#page-content ul.account-menu a {text-decoration: none;color: #fff;padding: 5px; font-size: 11px;}
#page-content ul.account-menu a:hover {color: #91E9FF;}

#page-content ul.account-menu img:hover, #topnav .login-greeting img:hover {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
}
#page-content ul.account-menu img, #topnav .login-greeting img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
-ms-transition: opacity 0.3s ease-in-out;
transition: opacity 0.3s ease-in-out;
vertical-align: middle;
padding-right: 7px;
margin-top: -3px;
}

#ship-meth-container { width: 485px; }
#header .search-wrap .btn-go input[type="image"] { padding: 0; }
.grid {/* background:#F0F0F0;*/ }
/*-------------------------------------------------- 
	Text Pages Page 
--------------------------------------------------*/
/*Testimonial Page   ============================================================================= */

#testimonial-wrapper {float: left; padding-bottom: 40px; position: relative; width: 100%; z-index: 1; zoom: 1;margin-top: 20px;}
#testimonial-wrapper:after { clear: both; content: ""; display: block; }
#testimonial-wrapper h1,
#testimonial-wrapper h2 { color: #325C78; font-size: 34px; font-weight: normal; line-height: 30px; margin-bottom: 30px; padding: 10px 0 20px; text-transform: uppercase; margin-left: -35px; }
#testimonial-wrapper h1 span,
#testimonial-wrapper h2 span { color: #95A4B3; display: block; font-size: 32px; font-weight: bold; }
#testimonial-wrapper h1 span#heading { font-size: 16px; color: #204A72; margin-bottom: -5px; }
#testimonial {zoom: 1; height: 188px; position: relative; z-index: 3; top: 38px; text-align: justify; width: 722px; left: 9px; line-height: 26px; margin: 0 auto;}
#testimonial:after { clear: both; content: ""; display: block; }
.testimonial-wayne {margin: 12px auto 30px;float:left; clear: both;}
#testimonial figure { float: right; margin: 0 0 0 40px; }
#testimonial q { color: #204A72; font-size: 18px; }
#testimonial p,
#testimonials p { color: #1250A0; font-style: italic; }
#testimonial p span,
#testimonials p span { color: #204A72; display: block; font-size: 14px; font-weight: bold; }
.content { padding: 0 40px; }
.columns { border-top: 1px solid #C1CAD3; margin: 3px auto; padding-top: 20px; zoom: 1; }
.columns:after { clear: both; content: ""; display: block; }
.column { float: left; margin-right: 50px; width: 46%; text-align: justify; }
.column:last-of-type { margin-right: 0; }
.row { float: left; margin-right: 50px; width: 100%; text-align: justify; }
.row:last-of-type { margin-right: 0; }
/*Testimonial Styles*/
#testimonials .columns:first-of-type { border-top: 1px solid #8F0D25; margin-top: 3px; padding-top: 20px; }
#testimonials .columns { border-top: none; padding-top: 0; margin-top: 0; border-bottom: 1px solid #C1CAD3; margin-bottom: 20px; padding-bottom: 10px; }
#bubble {background-image: url(../sitedesign/special-pages/testimonials/quote-bubble3.png);
    height: 195px;
    width: 712px;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 1;
    top: 173px;
    left: 212px;}
#testimonial-wrapper .line { border-top: 1px solid #C1CAD3; margin: 15px auto -18px;clear:both; }


#pg-home .quote-box { margin: 0 -20px; padding: 16px 20px }
#pg-home .quote-box q { margin-left: 0; font-size: 17px; line-height: 28px }
#pg-home .quote-box .quote-left { margin-left: -25px }
#pg-home .quote-box .quote-right { margin-left: -7px }
#pg-home .quote-box .quote-left,
#pg-home .quote-box .quote-right { transform: scale(0.3); -ms-transform: scale(0.3); -webkit-transform: scale(0.3) }
#pg-home .quote-box { border: 1px solid #e6e6e6; padding: 30px; border-radius: 2px }
#pg-home .quote-box q { display: block; font-size: 19px; line-height: 30px; margin: 0 0 0 30px }
#pg-home .quote-box .quote-left { position: absolute; margin: -12px 0 0 -10px; background: url(//cdn.shopify.com/assets/images/long-landing/sprite.png?1380643053) -316px -147px no-repeat; width: 33px; height: 28px }
#pg-home .quote-box .quote-right { position: absolute; margin: 4px -10px 0 10px; background: url(//cdn.shopify.com/assets/images/long-landing/sprite.png?1380643053) -353px -147px no-repeat; width: 33px; height: 28px }
#pg-home .quote-arrow { display: block; margin: -1px 0 0 5px; background: url(//cdn.shopify.com/assets/images/long-landing/sprite.png?1380643053) -480px -120px no-repeat; width: 99px; height: 13px }
#pg-home cite { display: block; margin: 20px 0 0 20px }

/*FAQ Page   ============================================================================= */

#faq-page {width: 97%; margin:0 auto 0 30px;}
#faq-page p {text-align: justify;}

#faq-page a.faq {font-size: 14px;font-weight: bold;color: #404040;}
#faq-page a.faq:hover {font-size: 14px;font-weight: bold;color: #404040;}

/* Catalog Request Page ============================================================================= */
.catalog-pg-splash h1 {
font-family: 'Museo-500', Helvetica, Arial, sans-serif;
color: #474747;
font-size: 20px;
padding-bottom: 10px;	
}

/* Contact Us Page ============================================================================= */
img.team-photo {
border: 1px solid #CCC;
}


@media print {
   #header, #topnav, #footer, img {display:none;}
   }
   
   
   
   
   
/* SearchSpring Search Results Page ============================================================== */      
   
  .searchspring hr {
	border-color: #ccc;
	margin: 5px 0;
}
.searchspring #search-results h3, .searchspring #search-results.h3 {
	font-size: 24px;
	font-weight: bold;
	text-transform: uppercase;
}
.searchspring #search-results medium {
	color: #808080;
	font-weight: normal;
}
.searchspring a:hover, .searchspring a:active, .searchspring a:focus {
	color: #2684CE;
}

.searchspring .sort-prod-bar {
	width: 75%;
	margin: 15px 0;
}
.searchspring .PagingRow {
	height: 40px;
	padding-left: 10px;
	background: #D1D1D1;
}
.searchspring .SortBy {
	width: 69px;
	padding-left: 15px;
	color: #404040;
	font-weight: bold;
}
.searchspring select.sortbydropdown {
	height: 25px;
	outline: none;
}
.searchspring .PagingRow .nav-unselected {
	background: url(../sitedesign/images/pagination-btn.png) no-repeat;
	height: 26px;
	width: 28px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 25px;
	text-decoration: none;
	color: #404040;
	font-size: 12px;
	font-weight: bold;
	position: relative;
}
.searchspring .searchresults-title medium {
	color: #808080;
	font-weight: normal;
	text-transform: none;
}
.searchspring .ProductInfoWrapper {
	width: 100%;
	height: 50px;
	text-align: left;
	clear: left;
	padding-top: 10px;
} 
   
 .searchspring .priceContainer {
    padding-top: 10px;
}

/* Yotpo Review Stars ============================================================== */      

.yotpo.bottomLine .yotpo-bottomline .yotpo-stars,
.yotpo.bottomline .yotpo-bottomline .yotpo-stars,
.yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-stars {
    padding-right: 10px;
}

.yotpo-label.yotpo-small-box {
    display: none!important;
}

.standalone-bottomline {
    float: right;
}

.ProductWrapper .yotpo {
    display: table;
    margin: 5px auto 0!important;
}

.ProductWrapper span.yotpo-stars,
.prodinfopage span.yotpo-stars {
    padding-right: 5px!important;
    line-height: 18px;
}

/* Newsletter Signup - Homepage bar under Slider =================================== */  
#mc_embed_signup{clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}
/* Add your own Mailchimp form style overrides in your site stylesheet or in this style block.
   We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */
/* MailChimp Form Embed Code - Horizontal Super Slim - 12/16/2015 v10.7
Adapted from: http://blog.heyimcat.com/universal-signup-form/ */

#mc_embed_signup form {text-align:left; padding:12px 0 10px 0;margin-left: 585px;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-size: 14px; border: none;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: transparent; box-sizing:border-box; height:30px; padding: 0px 0.4em; display: inline-block; margin: 0; width:280px; vertical-align:middle;}
#mc_embed_signup label {display:block; font-size:16px; padding-bottom:10px; font-weight:bold;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; letter-spacing: .03em; color: #fff; background-color: transparent; box-sizing:border-box; height:30px; line-height:33px; padding:0 10px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;vertical-align: baseline;}
#mc_embed_signup .button:hover {background-color:transparent; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
i.fa.fa-angle-double-right {color: white;margin-left: -4px;vertical-align: middle;line-height: 30px;font-size: 18px;}

/* Newsletter Signup - Productinfo.asp Page bar under Img/buybox ===================== */
#mc_embed_signup.productpage input.email {font-size: 14px; border: none;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; color: #343434; background-color: transparent; box-sizing:border-box; height:30px; padding: 0px 0.4em; display: inline-block; margin: 0; width:248px; vertical-align:middle;}
#mc_embed_signup.productpage .button {font-size: 13px;border: none;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;letter-spacing: .03em;color: #fff;background-color: transparent;  box-sizing: border-box;height: 30px;line-height: 33px;padding: 0 14px;display: inline-block;margin: 0;transition: all 0.23s ease-in-out 0s;vertical-align: baseline;}
#mc_embed_signup.productpage i.fa.fa-angle-double-right {color: white;margin-left: -10px;vertical-align: middle;line-height: 30px;font-size: 18px;}