﻿@import "example.css";

/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img
{ 
	margin:0;
	padding:0;
	border:0;

}


	
body {
	font-family: arial, verdana, helvetica, sans-serif;
	color: #252525;
	background: #ffffff;
	text-align: left;
	font-size: 12px;
	}
	
img {
	border: 0px;
	}
		
 img.content-side {
 float:right;
 margin-left: 10px;
 }
	
a, a:visited {
color: #094fa3;
text-decoration: underline;
cursor: hand;
	}
	
	a:hover {
	text-decoration: none;
	cursor: hand;
	}

		
#topwrapper {
	background: #cbdaec;
	height: 6px;
	
	}
		
	
#wrapper {
	margin-top: 22px;
	border: 1px solid #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	width: 988px;
	height: auto;
	overflow: hidden;
	}
	
#wrapper2 {
	margin-top: 22px;
	border: 2px solid #fff;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 988px;
	background: #ffffff;
	position: relative;	
	}
	

#promo-bug {
}
	
#homebody #promo-bug, #cartbody #promo-bug {
/* width: 130px;
height: 99px;
background: url(/images/jan-delivery.jpg); 
position: absolute;
top: 20px;
left: 270px;
*/
display: none;
}



	
.clear {
	clear: both;
}	
	
#header {
		width: 980px;
		clear: both;
	}	

	
.hdrLogo {
	float: left;
	width: 400px;
	border: 0;
	}
	
	
.help {
float: right;
line-height: 25px;
padding: 10px;
text-align: right;
}

.help-info {
font-size: 11px;
}

.help a, a:visited {
color: #484848;

}

.cart {
margin-right: 8px;
}

.hdrMore {
	float: right;
	font-size: 12px;
	border-left: 1px solid #b1b5bb;
	padding-left: 25px;
	width: 300px;
	text-align: right;
	}
	
.contain {
width: 790px;
}

	
#bottom {
	clear: both;
	}
	
#tag {
	border-top:1px solid #d0d2cd;
	}
	
#footer {
	margin-top: 20px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	line-height: 15px;

	}
	
	ul.footer-links
{
  width: 84em;  /* room for 4 columns */
}


ul.footer-links li
{
  float: left;
  width: 252px;  /* accommodate the widest item */
  list-style: none;
}

	ul.footer-links-head
{
  width: 84em;  /* room for 4 columns */

}

ul.footer-links-head li
{
  float: left;
  width: 21em;  /* accommodate the widest item */
  list-style: none;
  padding-bottom: 5px;
  padding-top: 5px;
  border-bottom: 1px solid #b1b5bb;
  border-top: 1px solid #b1b5bb;
}


/* stop the floating after the list */
br
{
  clear: left;
}


	
#footer a {
	text-decoration: none;
	color: #8da6c6;
	font-weight: lighter;
	}
	
	
#tabs {
border-bottom: 1px solid #b1b5bb;
margin-bottom: 5px;
margin-left: -1px;

	}
	
	#tabs img {
	margin-bottom: -5px;
	}
	
.video { float: right; }
.learncontent .video { margin: 0px 0px 10px 10px; }
.learncontent p { margin-bottom: 15px; }
#videopop { margin: 10px 0px; }

	
#sidebar {
	border-bottom: 1px solid #fff;
	}
	
		
/* Start Mac IE5 filter \*/
#leftColumn
	{
	padding-bottom: 32767px;
	margin-bottom: -32797px; 
	}
/* End Mac IE5 filter */

	
	
	h1 {
	font-size: 30px;
	font-weight: 100;
	color: #ef3e34;
	}	
		
h2 {
	font-size: 12px;
	color: #448adc;
	}	

	
	h2.checkout {
	font-size: 18px;
	color: #2f70bd;
	}	
	
	.checkoutarea { 
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 10px;
	margin-bottom: 15px;
	 }
	 
	 .checkoutarea-or {
	 font-size: 20px;
	color: #000;
	text-align: center;
	margin-bottom: 15px;
	 }
	
h3 {
	font-size: 13px;
	color: #2f70bd;
	}
	
	.h3-inline {
	font-size: 13px;
	color: #2f70bd;
	font-weight: bold;
	display: inline;
	}
	
	
	h4 {
	font-size: 30px;
	font-weight: 100;
	color: #ef3e34;
	margin-left: 0px;
	}
	
	
	h5 {
	font-size: 30px;
	font-weight: 100;
	color: #ef3e34;
	}
	
	h6 {
	background: url(images/img_divider2.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 15px;
	text-align: left;
	}
	
	.homepagecallout {
	font-size: 16px;
	font-weight: bold;
	color: #ef3e34;	
	}
	
	.homeboxImage {
	float: left; 
	min-height:250px;
	height:auto !important;
	height:250px;
	margin: 10px 10px 0px 0px;
	padding: 0px 5px 0px 0px;
	}
	
hr {
color: #b1b5bb;
background-color: #b1b5bb;
height: 1px;
border: 0;
}

p.boxes {
margin: 10px 0 0 20px;
font-size: 11px;
}

	.product-title {
	font-size: 24px;
	font-weight: 100;
	color: #ef3e34;
	}


	
.indent {
	margin-left: 138px;
	}
	
	
.textB {  
	font-weight: bold;
	}
	
.textI {
	font-style: italic;
	}
	
.cursor {
	cursor: pointer;
	}
	
.inline {
	display:inline;
	}
	
#default {
	padding: 10px;
	background: #f3f1f1;
	height: 270px;
	text-align: left;
	}
	
	.compare {
	color: #ef3e34;
	font-size: 11px;
	font-weight: lighter;
	margin-left: 10px;
	}
	
#maincontent { .padding: 0px 90px; .border: 0px;}	/* viewport background fix for ie, without the padding, the background will shift on hover - bk */
	
#mainContent div li {
	padding-right: 0px;
	}
	

/* Forms */
form {
	/* margin-top: 10px; */
	}

.fieldName {
	font-weight: bold;
	padding-right: 10px;
	line-height: 20px;
	vertical-align: top;
	padding-top: 5px;
}

	.checkbox {
	width: 15px;
	height: 6px;
	
	}
	
	.checkbox input {
	border: 0;
	padding: 0;
	margin-top: 2px;
		}	

input {
	border: 1px solid #b1b5bb;
	font: 11px verdana, helvetica, arial, sans-serif;
	margin-top: 4px;
	padding: 0px;
	color: #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	}
	
	.qty {
	width: 25px;
	}
	
	.addtocart {
	padding-top: -20px;
	}
	
select {
border: 1px solid #b2b2b2;
background-color: #f0f0f1;
}
	
	.add-to-cart {
	border: 1px solid #b1b5bb;
	font: 10px verdana, helvetica, arial, sans-serif;
	margin-top: 4px;
	padding: 0px;
	color: #3e88e0;
	width: 75px;
	padding-top: 2px;
	padding-bottom: 2px;
	/* added to get compare to float nk 8.10.09 */
	float: left;
	}
	
	.go {
	border: 1px solid #b1b5bb;
	font: 12px verdana, helvetica, arial, sans-serif;
	padding: 0px;
	color: #3e88e0;
	width: 35px;
	}
	
	.register {
	border: 1px solid #b1b5bb;
	font: 12px verdana, helvetica, arial, sans-serif;
	padding: 0px;
	color: #3e88e0;
	margin-right: 6px;
	width: 70px;
	}
	
.button {
	background: #688b9f;
	border: 1px solid #000;
	color: #000;
	padding: 0px 5px;
	margin-top: 5px;
	}
			
	.indent {
	margin-left: 138px;
	}
	
	#homebody .menu-height, .menu-height {
	border: 1px solid #b1b5bb;
	width: 210px;
	padding-bottom: 50px;
	margin-top: 10px;
	float: left;
	}

	#homebody .menu-height {
	padding-bottom: 300px;
	}

	.menu-height-content {
	border-top: 1px solid #b1b5bb;
	border-right: 1px solid #b1b5bb;
	border-left: 1px solid #b1b5bb;
	border-bottom: none;
	width: 210px;
	padding-bottom: 125px;
	margin-top: 10px;
	}
	
	.menu-height-category {
	border-top: 1px solid #b1b5bb;
	border-right: 1px solid #b1b5bb;
	border-left: 1px solid #b1b5bb;
	border-bottom: none;
	width: 210px;
	padding-bottom: 125px;
	margin-top: 10px;
	}
	
	
	#askexpert {
	border: 1px solid #b1b5bb;
	margin: 15px 0px 10px 0px;
	width: 208px; /* 220px minus padding */
	font-size: 11px;
	}
	
	img.operator {float: left; margin-right: 7px; margin-top: 5px;}
	
	#askexpert .phone {font-size: 16px; font-weight: bold;}
	#askexpert #content {width: 110px;  float: right; margin-top: 5px; }
	
	.specialoffers {
	border: 1px solid #b1b5bb;
	margin-top: 2px;
	width: 193px; /* 220px minus padding */
	padding: 8px;
	font-size: 11px;
	}
	
	.specialoffers #OptIn {
	width: 25px !important;
	}
	
	#tribune .specialoffers {
	border: 1px solid #b1b5bb;
	margin-top: 2px;
	width: 320px; /* 220px minus padding */
	padding: 8px;
	font-size: 11px;
	}
	
	.specialoffers li {list-style-position: inside;}
	
	.subcategories-head {
	background-color: #f0f0f1;
	padding: 8px;
	border: 1px solid #b1b5bb;

	}
	
	.subcategories {
	border: 1px solid #b1b5bb;
	border-top: 0;
	background-color: #ffffff;
	width: 194px; /* 220px minus padding */
	padding: 8px;
	font-size: 12px;
	line-height: 18px;
	}
	
	.inthissection-container {
	float: right; 
	width: 211px;
	}
	
	.inthissection {
	float: right;
	border: 1px solid #b1b5bb;
	border-top: 0;
	background-color: #f0f0f1;
	width: 193px; /* 220px minus padding */
	padding: 8px;
	font-size: 12px;
	line-height: 18px;
	}
	
	
	#subscriptionlist {
	padding: 5px;
	margin-top: 10px;
	font-weight: bold;
	font-size: 12px;
	}
	
	#subscriptionlist input {margin-right: 10px; border: 0;}
	
	/*
		.inthissection a, a:visited {
		color: #000000;
		font-weight: lighter;
		text-decoration: none;
	}
 */
	
			.inthissection a:hover {
		text-decoration: underline;
	}
	
		.on {
		text-decoration: underline;
	}
	
	.inthissection-head {
	background-color: #ffffff;
	border: 1px solid #b1b5bb;
	padding: 8px;
	}
	
	
	

	
	.promo {
	float: right;
	width: 762px;
	}
	
	

	
	.story {
	float: left;
	width: 530px;
	margin-left: 10px;
	}
	
	.custompagecontent {
	float: left;
	width: 530px;
	margin-left: 10px;	}
	
	.custompagecontent p {
	text-align: justify;	}
	
	
	.custompagecontent ul {margin-left: 20px;}

	.additionalprodinfo {
	float: right;
	width: 762px;
	}
	
	.account {
	float: left;
	width: 750px;
	margin-left: 10px;
	
	}
	.results {
	float: left;
	width: 775px;
	}
	.results-inner {
	margin-left: 10px;
	}
	
	.checkout-body {
	width: 650px;
	margin: 25px auto;
	}
	
	.checkout-body h2 {
	border-bottom: 1px solid #CCCCCC;
	margin: 10px 0px 15px 0px;
	}
	
	
	#maincolumn {
	float: left;
	width: 530px;
	margin-left: 10px;
	}
	
	#maincolumn ol,ul {
	margin-left: 20px;
	}
	
	
	
	.banners {
	float: right;
	width: 762px;
	}
	
	.banners img {

		}

	.shadowbox {
	float:left;
	background: url(../images/shadow_boxes.png);
	width: 766px;
	padding: 0px;
	margin-left: 9px;
	margin-top: 10px;
}

	.shadowbox-single {
	float:left;
	background: url(../images/shadow_boxes.png);
	background-repeat: no-repeat;
	width: 381px;
	padding: 0px;
	margin-left: 6px;
}

	.shadowbox-cap-s {
	float:left;
	background: url(../images/shadow_boxes_bott_cap.png);
	background-repeat: repeat-x;
	width: 386px;
	padding: 0px;
	margin-left: 0px;
	height: 1px;
	_margin-bottom: -6px; /* IE6 */

}


	.box-single {
	width: 340px;
	padding: 25px 15px;
	float: left;
	}


	.box1 {
	width: 368px;
	padding: 5px;
	float: left;
	margin-left: 6px;
	}
	
	.box2 {
	float: right;
	width: 340px;
	padding: 25px 15px;
	}

	.shadowbox-cap {
	float:left;
	background: url(../images/shadow_boxes_bott_cap.png);
	background-repeat: repeat-x;
	width: 766px;
	padding: 0px;
	margin-left: 9px;
	_margin-bottom: -20px; /* IE6 */

}

	.staffreview {
	float:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 15px !important;
	width: 369px;
	padding: 0px;

}


.innerbox{
	position: static;
	background: url(../images/callout_bg.jpg);
	bottom:6px;
	right: 6px;
	border: 1px solid #999999;
	padding:4px;
	margin: 0px 0px 0px 0px;
}
.innerbox {
	/* IE5 hack */
	\margin: 0px 0px -3px 0px;
	ma\rgin:  0px 0px 0px 0px;
}
.innerbox p{		
	font-size:14px;
	margin: 3px;
}
	
	
	
	.dropshadow2 {
	float:right;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 15px !important;
	width: 369px;
	padding: 0px;
}

.topproducts {
	float:left;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 20px 0 10px 15px !important;
	width: 753px;
	padding: 0px;
}

.product-head {
color: #ee3b33;
font-weight: bold;
}

.learningcenter {
	float:right;
	background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(../images/shadow.gif) no-repeat bottom right;
	margin: 10px 0 10px 15px !important;
	width: 369px;
	padding: 0px;
}

.phone {
margin-top: 8px;
}

.box {
font-size: 10px;
line-height: 18px;
}
	
.i {
font-style: italic;
}

.category-items {
	float:left;
	background: url(../images/category_bg.jpg);
	background-repeat: repeat-x;
	margin-left: -2px;
	width: 769px;
	padding: 0px;
}

#categorygridtemplate { min-height: 400px;}


.category-table  {
	margin: 12px 0px 0px 7px;
}

#product-comparison .category-table  {
	background: url(../images/comparison-table-bkd.gif);
	margin: 12px 0px 0px 7px;

}

.category-table tr { background-image:url(../images/category-table-bkd.gif); }


.category-table td{
padding: 15px 15px 0px 15px;
margin: 2px 2px 2px 2px;
background-position:expression(-this.offsetLeft);
border-bottom: 1px solid #B1B5BB;
}

.category-table td .record {
	width: 160px;
	height: 245px;
	
	
}

.btn_instore_only { margin-top: 4px;  float: left; }

.productgridlink 
{
    overflow: hidden;
	height: 30px;
    }


.category-table td .recordname {
	min-height:32px;
  	height:auto !important;
  	max-height: 50px;
	height: expression(this.scrollHeight > 50 ? "50px" : "auto"); /* IE */
	height:32px;
	overflow: hidden;
	
}

.category-table td .recordname a {
	text-decoration: none;
	color: #000;
}
.category-table td .recordname a:visited {
	color:#484848;
}


.category-table td .comparearea {
	margin-top: 4px;
	display: inline;
	float: right;
}


.category-table td .viewcat {
	margin-top: 15px;
	font-size: 10px;
	color: #3e88e0;
	background-color: #f0f0f1;
	width: 140px;
}



.subcategory-title {
	font-size: 13px;
	color: #2f70bd;
	font-weight: bold;
	}

.subcategory-items {
	float:left;
	background: url(../images/subcategory_bg.png);
	background-repeat: repeat-x;
	margin-left: -2px;
	width: 769px;
	padding: 0px;
}


.subcategory-table td{
padding: 15px 15px 15px 15px;
margin: 2px 2px 2px 2px;
}

.product-items {
	float:left;
	background: url(../images/category_bg.jpg);
	background-repeat: repeat-x;
	margin-left: 12px;
	width: 763px;
	padding: 0px;
}

.product-table td{
padding: 15px 15px 15px 15px;
margin: 2px 2px 2px 2px;
}

.bdr-td-top {
border-top: 1px solid #b1b5bb;
}

.bdr-td-r {
border-right: 1px solid #b1b5bb;
}

.learning-center {
line-height: 18px;
}

	
	
.menu {
	float: left;	
	}
	
.content {
	float: right;
	width: 766px;
	}	
	
	
.menu ul#nav {
	margin-top: -5px;
	padding: 0;
	list-style: none;
	width: 210px; /* Width of Menu Items */
	font-size: 12px;
	z-index: 4;
	}
	
.menu ul#nav li {
		position: relative;
		z-index: 10;}
	
.menu ul#nav li ul {
	position: absolute;
	left: -9999px;
	top: 0;
	list-style: none;
	z-index: 120;}

/* Styles for Menu Items */
ul#nav li a {
	display: block;
	height: 25px;
	width: 203px;
	line-height: 25px;
	padding-left: 5px;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	font-weight: lighter;
	border: 1px solid #ccc; /* IE6 Bug */
	border-top: 0;
	border-bottom: 1px solid #ccc;
	}
	
	ul#nav li a:visited {
	display: block;
	height: 25px;
	width: 203px;
	line-height: 25px;
	padding-left: 5px;
	text-decoration: none;
	color: #777;
	background: #fff; /* IE6 Bug */
	font-weight: lighter;
	border: 1px solid #ccc; /* IE6 Bug */
	border-top: 0;
	border-bottom: 1px solid #ccc;
	}
	
	ul#nav li a:hover {
	display: block;
	height: 25px;
	width: 203px;
	line-height: 25px;
	padding-left: 5px;
	text-decoration: none;
	color: #3e88e0;
	background: #f0f0f1; /* IE6 Bug */
	border: 1px solid #ccc; 
	border-top: 0;
	border-bottom: 1px solid #ccc;

	}
	
ul#nav li ul li a, ul#nav li ul li a:hover {z-index: 180; height: 20px;}
	
/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
ul#nav li:hover, ul#nav li.sfover { z-index: 1000; }
ul#nav li:hover ul, ul#nav li.sfhover ul { left: 179px; z-index: 1000; } /* The magic */


#popup-container 
{
    padding: 15px 15px;
    }

#popup-container li
{
    margin: 5px 15px;
    }

/* dropdown sort list */



	/*	styled select menus Begin	*/
	
	.select-menu {}
	
		.select-menu-wrap	{
			position:relative;
			font-size:11px;
			color:#666;
			text-align: left;
			width: 170px;
			
		}
		
		
		.select-menu-wrap ul li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;

}
		
		
		#enlist-language-menu .small-input	{
			width:200px;
		}
		#enlist-language-list {
			background-color:#FFFFFF;
			border:1px solid #D9D9D9;
			padding-left:10px;
			width:138px;
		}
		#enlist-language-menu .small-input span {
			width:127px;
		}
		.select-items	{
			position:absolute;
			left:0px;
			top:18px;
			z-index:3;
		}
		.select-items li a, .select-items li a:link, .select-items li a:visited, .select-items li a:active	{
			font-weight:bold;
			color:#4f5859;			
		}
	/*	styled select menus End	*/

			
			
			
			.home-age-menu	{
									position:relative;
									z-index: 50;
								}
	
	a.arrow-dropdown	{
					width:14px;
					height:19px;
					margin-left:0px;
					padding-top:0px;
					display:block;
					outline:0px solid green;
					float:left;
					background:url(../Images/btn_dropdown.gif) no-repeat 0 0;
				}
				
				
				.small-input	{
					width:150px;
					outline:0px solid red;
				}
				.small-input b	{
					width:3px;
					height:19px;
					display:block;
					outline:0px solid green;
					float:left;
					background:url(../Images/bg_decinc_left.gif) no-repeat 0 0;
				}
				.small-input input, .small-input span	{
					width:127px;
					height:19px;
					padding:2px 0px 0px 3px;
					display:block;
					outline:0px solid green;
					float:left;
					background:url(../Images/bg_decinc.gif) repeat-x 0 0;
					color:#000;
					font-weight:bold;
				}
				.small-input em	{
					width:3px;
					height:19px;
					display:block;
					outline:0px solid green;
					float:left;
					background:url(../Images/bg_decinc_right.gif) no-repeat 0 0;
				}
				
				.sortbylist {
									width:140px;
									border:1px solid #D9D9D9;
									padding-left:10px;
									background-color:#fff;
									display: none;
									
								}
								
								
				 a.sortbylist 
				{
				    font-weight:bold;
				    color:#4f5859;	
				    text-decoration: none;
				    }				
			

/*
.record 
{
    width: 160px;
	height: 230px;
	display: inline;
	border: 1px solid #000;
	float: left;
    } */


/* jQuery Coda Mouseover Popup */

.cropimage 
{
    overflow: hidden;
    height: 150px;
    padding-top: 0px;  }

.trigger 
{
  /*  z-index: -2;
	position: relative;
	display: inline; */
			 
     }

   .bubbleInfo {  
    position: static;
    z-index: 999999;
   }  
   

   
     
   .popup {  
   position: absolute;  
   z-index: 999999; /* this is so crazy high because it must be higher than the .sf-menu z-index, which itself is so crazy high because of the google map z-index problem - nk */
    display: none;
	
   }  

   .popup-box {
	background: url(../images/popup-bg.png); 
	width: 392px;
	height: 237px;
	
}

    .popup-text {   }

	.price {
	color: #ec3d33;
	font-size: 14px;
	font-weight: bold;
	}
	
	.sku {
	font-weight: bold;
	margin-left: 5px;
	}
	
	.popup-title {
	color: #2f70bd;
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	}
	
	.popup-description {
	margin: 10px 5px 10px 5px;
	}
	
	.popup-image {
	float: left; margin: 15px;
	}

/* end jQuery popup */ 

.sort {
padding-left: 350px;
}

.customer-favorite {
color: #ef3e34;
padding-right: 80px;
margin-top: -20px;
}

.sale {
color: #ef3e34;
font-weight: bold;
font-size: 14px;
}

.price-strikethrough {
text-decoration: line-through;
}

.flame {
margin-top: 10px;
}

.product_image {
float: left; margin: 5px;
}

.zoom {
margin-left: 100px;
font-size: 10px;
}

ul#nav li:hover ul, ul#nav li.sfhover ul { left: 179px; z-index: 1000; } /* The magic */


.selectlearn {
width: 375px;
margin: 5px 0 5px 0;
}

.learncontent h2 { margin: 10px 0px 5px 0px; }
.learncontent ul { margin: 10px 0px 5px 15px; }
.learncontent li { list-style-type: disc;  float:none; }
.category-faq h2 { margin: 10px 0px 5px 0px; }
.faqList li { list-style-type: disc;  float:none; }


/* Added by Justin because .net doesn't allow "style" object */
.left-float { float: left; }
.right-float { float: right; }
.main-promo-right { float: right; margin-top: 8px; }
.single-left { float: left; margin: 5px; padding-bottom: 100px; margin-right: 15px; }
.box-left { float: left; margin-right: 15px; }
.story-logo { float: left; margin-right: 15px; padding-bottom: 100px; }
.staff-review-img { float: left; margin: 5px; padding-bottom: 15px; }
.staff-review-head {font-weight: bold; font-size: 16px; color: red;}


.required { color: #ff0000; font-weight: bold; }
.error { color: #ff0000; font-weight: bold; }
.error li { list-style-type: none; }
.ProductPropertyLabel { font-weight: bold; }

#imagecolumn { float: left; margin: 6px; }

.question {font-weight: bold;}
.customerserviceqs {margin-left: 20px;}





/* Pager Control */
.pager { margin: 0px 0px 0px 3px; padding: 5px 0; text-align: right; font-size: 10px; clear: both; display:inline; float: left; }
.pager ul {list-style:none;margin:0;padding:0; display:inline; }
.pager ul li {display:inline;margin:0 1px;padding:0;color:#ddd;}
.pager a, .pager .disabled { color: #444; padding: 3px 4px;  border: 1px solid #f0f0f1; text-decoration: none; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; border-color: #b1b5bb; background: #b1b5bb; }
.pager a:hover { border-color: #999; }

.pager-container {
	background-color: #f0f0f1; 
	margin-top: 5px; 
	margin-left: 3px; 
	padding: 3px;
	border: 1px solid #b1b5bb;
}
.pager-showing {
	color:#2F70BD;
	font-size:13px;
	font-weight:bold;
	float: left;
	width: 150px;
	line-height: 25px;
}

.pager-sort-main {
	width: 600px;
	float: right;
	text-align: right;
	
}

.pager-sort-main table {
	float: right;
}

.pager-sort {
	width: 200px;
	float: left;
}


.recordsku a { font-size: 80%; color: #999; text-decoration: none; text-transform: uppercase; }
.recordname { 
	font-size: 13px;
	color: #2f70bd;
	font-weight: bold; 
	}

.recordshortdescription a { text-decoration: none; color: #000; }
.recordshortdescription { margin: 5px; }
.recordprice {  }
.recordprice a { text-decoration: none; color:#525252; font-size:12px; font-weight: bold;
 }
.recordcontrols { margin: 10px; }



table.top-products {
    }

table.top-products td {
    text-align: center;
    width: 190px;
    }


/* Sorting */
#categorydetailedlisttemplaterecords { clear: both; }
.categorysortorder { float: right; margin-bottom: 10px; }


.promo-button {
    background: url(../images/btn_bkd_callout3.jpg) no-repeat;		
    width: 238px;		
    height: 39px;		
    display: block;		
    float: left;		
    color: #3f75b7;		
    font-weight: bold;		
    line-height: 35px;		
    padding: 0px 9px 0px 10px;		
    margin-top: 5px;		
    overflow: hidden;		
    text-decoration: none;
    }	
    
a.promo-button 
{
    color: #3f75b7;		
    font-weight: bold;		
    text-decoration: none;
    }		
    
.promo-button-last { padding: 0px 0px 0px 10px;}		
.promo-4block {		float: right; width: 360px;}	
.promo-4block img {		margin-left: 8px;}	
.promo-4block img.bottom {		margin-top: 8px;}	

/* set z-index so nav lays on top in IE */
#galleryholder-template1 
{
    float: left;		
    width: 583px;		
    height: 294px;
    z-index: 10;
    }

#galleryholder-template2 
{
    width: 762px;		
    height: 294px;
    z-index: 10;
    }
    
#galleryholder-template3 
{
    float: left;		
    width: 402px;		
    height: 294px;
    z-index: 10;
    }
    
.lqpcomments 
{
    border: 1px dotted red;	
    padding: 5px;	
    margin: 5px;}
    
.lqpcomments li {	margin: 3px 0px 3px 20px;}

table.staff-review-pics 
{
    float: left;
    width: 130px;
    margin-top: 10px;
    }
    
table.staff-review-pics .Header  {display: none;}
table.staff-review-pics img  {margin: 0px 0px 5px 5px; width: 110px; }    
    
    
.staff-review-content 
{
    width: 230px;
    margin: 10px 0 0 0px;
    font-size: 11px;
    float: left;
    }     
.staff-review-content p 
{
     margin: 10px 0 0 0px;
    }
	
	.store-login {
	float: right; font-size: 14px;
	}

/* this is for transparent pngs in ie6 */
/*
commented out cuz this was breaking rollover in IE - nk
 * #tabs img {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/BVModules/Themes/AmSaleRegular/styles/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
*/

/* store locator */
.valign {vertical-align: top;}

.storelocator {
	float: left;
	width: 730px;
	margin-left: 10px;
	}
	
.storelocator-store {
border: 1px solid #333333;
}

.storelocator-border {
border: 1px solid #333333;
}

.storelocator-links {
vertical-align: top;
}

.button-watchvideo {
	font-size: 1em;
    color: transparent; /* Fix for FF */
    border-style: none;
    border-width: 0;
    padding: 0 0 0 217px !important; /* Fix for IE */
    text-align: left;
    width: 217px;
    height: 42px;
    line-height: 1 !important;
    overflow: hidden;
    cursor: pointer;
	background: transparent url(/bvmodules/themes/amsaleregular/images/buttons/watchvideo.jpg) no-repeat scroll 0 0;
	margin:10px 0;
	}

table.storehours { font-weight: bold; }
table.storehours h3 { margin-bottom: 10px; }
table.storehours td { text-align: center; padding-bottom: 15px; }
table.locations { margin: 0px 25px 15px 0px; }

.button-storelocator {
	font-size: 1em;
    color: transparent; /* Fix for FF */
    border-style: none;
    border-width: 0;
    padding: 0 0 0 109px !important; /* Fix for IE */
    text-align: left;
    width: 109px;
    height: 21px;
    line-height: 1 !important;
    overflow: hidden;
    cursor: pointer;
	}

.button-viewmap {
	background: transparent url(/bvmodules/themes/amsaleregular/images/buttons/btn_view_map.jpg) no-repeat scroll 0 0;
    	}	
	
.button-viewphotos {
	background: transparent url(/bvmodules/themes/amsaleregular/images/buttons/btn_view_photos.jpg) no-repeat scroll 0 0;
    	}	
	
	

.currentads 
{
    }

.currentads .record
{ margin: 10px 20px 10px 0px;
    }
.currentads img
{ margin: 10px 0px;
    }



#prod-desc li { list-style-type: disc;  float:none; }
#shipping-rates li { list-style-type: disc;  float:none; }


#videocontent { z-index: 2; }

/* IMPORTED FOR ACCOUNT FIELDS */

/* Column Menus */
.sidemenu { }
.sidemenu ul, .categorymenu ul {padding:0px;margin:0px 0px 0px 10px; }
.sidemenu li, .categorymenu li {padding: 0px 0px 0px 0px;list-style:none; float:left; }
.sidemenu li a, .categorymenu li a 
{
    display:block;
	color:#444;
	text-decoration:none;
	background:#fff;
	margin:0px 2px;
	padding:5px 8px;
	border-left:1px solid #B1B5BB;
	border-top:1px solid #B1B5BB;
	border-right:1px solid #B1B5BB;
}

.decoratedblock 
{  border-bottom: 1px solid #B1B5BB;
    }
	
	
.sidemenu-customerservice {font-weight:bold;}

.sidemenu h4 {display: none; }


.featured-callout 
{
    background-color: #f0f0f1; border: 2px solid #4683cc; margin-left: 4px; margin-top: 5px; padding: 3px;
    }

table.reviewholder td {padding: 5px;}
textarea { border: 1px solid #CCCCCC; color:#333333; font-family:arial,verdana,helvetica,sans-serif; font-size:12px;  }
table.reviewholder textarea {width: 400px;}

/* custom styles for admin */
.subhead { color:#448ADC; font-size:12px; font-family:arial,verdana,helvetica,sans-serif; }
.maintext { color:#525252; font-size:12px; font-family:arial,verdana,helvetica,sans-serif; }
.heading { color:#EF3E34; font-size:30px; font-weight:100; font-family:arial,verdana,helvetica,sans-serif; }


/* current ads */
.adname { font-weight: bold; }


/* store photos */
#AdditionalImageMenu { 
    
    width: 500px;
    margin: 5px 0px; }
    
#AdditionalImageMenuInner { border: 1px solid #B1B5BB; padding: 5px 0px 5px 10px; }    
.ImageLink { 
    padding: 2px 8px 0px 0px; }
.ImageLink img { }
a.close-window {float: right;}

/* Message */
.messagebox { width: 100%; margin: 5px 0; }
.messagebox ul { list-style: none; }
.messagebox .icon { float: left; margin: 5px; }
.messagebox .message { margin: 5px 5px 5px 30px; font-size: 100%; line-height: 1em; padding: 5px; }
.messagebox .errorline { clear: both; }

/* Form Fields */
fieldset { border: 1px solid #B1B5BB; margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: left; }
fieldset#NewUsers { width: 380px; float: right; }
fieldset#GeneralAccount { width: 600px;  }
fieldset.contactform table { width: 370px; }
 
fieldset.contactform table.cardInfo{width:500px;padding: 0;margin: 15px auto ;}
fieldset.contactform table.cardInfo th {font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#333;
border-right:1px solid #666; border-left:1px solid #aaa; border-bottom:#666 solid 1px;border-top:1px solid #aaa;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:8px 5px;background:#999;background:-moz-linear-gradient(top, #ccc, #aaa);background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));}

fieldset.contactform table.cardInfo td {border-right:1px solid #999;border-bottom:1px solid #999; border-left:1px solid #EFEFEF;background:#f5fafa; border-left:1px solid #ccc;border-top:1px solid #ccc;
background:-moz-linear-gradient(top, #f5fafa, #E0EFEF);background:-webkit-gradient(linear, left top, left bottom, from(#f5fafa), to(#E0EFEF));padding: 6px 6px 6px 12px;color: #333;}





















fieldset.contactform table td{ padding:2px 5px 2px 5px;}
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #666; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #333; vertical-align: middle; border: 1px solid #ccc; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }.short { width: 25%; }
.medium { width: 50%; }
label { color: #252525; font-size: 90%; margin-left: 3px;}
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #333; vertical-align: middle; }
div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; font-size: .8em; }
div.errormessage li { margin-left: 15px; }
span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; font-size: .8em; }
.forgot { background: #B1B5BB; padding: 5px; display: block; margin-top: 10px; font-size: .7em; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }


td.sidemenulabel {text-align: right; width: 70px; font-size: 11px;}

.SameAsShippingCheckBox label { padding: 0px 0px 0px 5px; }
.shipping-list label { padding: 0px 0px 0px 5px; }



/* Search Page */
fieldset#SearchForm {}
fieldset#SearchForm .forminput { border-color: #ccc; }
#SearchResultsPane { margin: 10px 0; }
.searchresultrecord { padding: 5px; margin: 5px; border-left: 5px solid #222; }

/* Notes */
.BVSmallText { font-size: 85%; }

table.OwnerManuals {width: 500px; border: 1px solid #DDDDDD; }
table.OrderHistory {width: 600px; border: 1px solid #DDDDDD; }
table.ReviewOrder { border: 1px solid #DDDDDD; }
table.ReviewOrder td { padding: 5px 5px; }


/* Row Elements */
.rowheader, th { background: #cbdaec; color: #094fa3; padding: 0; font-weight: bold; padding: 5px 0; text-align: center; }
.rowheader { font-size: 100%; }
.row , .alternaterow { background: #f0f0f1; }
.altrow { background: #fff; }

/* Address Book */
.addressbooktitle h1 { float: left; }
.addressbooktitle .newaddress { float: right; margin: 15px; }
.address { border: 1px solid #ddd; padding: 5px 10px; margin: 0 5px 15px 0; }
.address .buttonrow { margin: 5px 0; padding: 0; text-align: left; }
table.alladdresses, table.primaryaddresses { margin: 5px 0; width: 100%; }
table.alladdresses td, table.primaryaddresses td { vertical-align: top; }


/* Cart Page */
.cartitemimage {width:120px;height:120px;float:left; margin: 0 5px 5px 0;}
.cartitemimage img {margin:3px 0 0 5px; width: 110px; }
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #333; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 0px;}
#cartcontainer {border-bottom:solid 1px #333;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {background-color:#fff;padding:10px;border: 1px solid #B1B5BB; }
.cartsku { font-size: 80%; }
.cartproductname { font-size: 110%; font-weight: bold; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Checkout */
.creditcardinput {border:solid 1px #bbb; background-color:#fff;padding:10px;margin:10px 0;}
.shippingdiscount { text-decoration: line-through; }
.radiobuttoncol {width: 20px;}

/* Checkout Addresses */
.addressbookpanel { padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }
.addresseditor table{ width: 450px; }

.specialoffers input, .specialoffers select {width:97px; margin-left: 3px;}

#ctl00_Header1_SideMenu1_pnlOffer input, #ctl00_Header1_SideMenu1_pnlOffer select  {width:97px; margin-left: 3px;}

#ctl00_Header1_SideMenu1_chkSplUpdates {width: 25px !important;}

/* Search */
.search-header {
	background: #cbdaec;
	padding: 3px 5px;
	color: #094FA3;
	font-weight: bold; }
	
#categorydescription p {margin-bottom: 15px; line-height: 16px;}
	
	
#search-results table { width: 650px; }
#search-results table td { padding: 7px 5px; border-bottom: 1px solid #bbb; }
#search-results table td div.image { 
	float: left;
	width: 75px;
	text-align: left; }
  
#search-results table td div.info { font-weight: bold; float: left; margin: 0px 15px 0px 0; width: 300px; }
#search-results table td div.view_cat { float: right; margin: 0; width: 200px; }
#search-results table td div.matches { float: right; margin: 0; width: 175px; }

#search-results .alt1, #search-results .alt3 { background: white; }
#search-results .alt2 { background: #f0f0f1; }	


/* Custom Editor Styles */
.question { margin: 10px 0px 5px 0px; font-size: 12px; color: #448adc; display: block; }
.answer { margin: 0px 0px 10px 0px; font-size: 12px; color: #525252; display: block; }




/* ---------------------------------------------START MISC STYLES---------------------------------------*/

.niceTable{width: 600px;padding: 0;margin: 0;}
.niceTable th {font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;color:#333;
border-right:1px solid #666; border-left:1px solid #ccc; border-bottom:#ccc solid 1px;letter-spacing:1px;text-transform:uppercase;text-align:left;padding:8px 5px;background:#999;background:-moz-linear-gradient(top, #ccc, #aaa);background:-webkit-gradient(linear, left top, left bottom, from(#ccc), to(#aaa));}
.niceTable th.nobg {border-top: 0;border-left: 0;border-right:0;background: none;color:#333333;}
.niceTable td {border-right:1px solid #999;border-bottom:1px solid #999; border-left:1px solid #EFEFEF;background:#f5fafa;
background:-moz-linear-gradient(top, #f5fafa, #E0EFEF);background:-webkit-gradient(linear, left top, left bottom, from(#f5fafa), to(#E0EFEF));padding: 6px 6px 6px 12px;color: #333;}
.niceTable td.alt {background: #F5FAFA;background:-moz-linear-gradient(top, #f5fafa, #D1DFDF);background:-webkit-gradient(linear, left top, left bottom, from(#f5fafa), to(#D1DFDF));}

.niceTable .myButton{margin:10px 0 5px 0;width:80px;height:25px;background:#fff;background:-moz-linear-gradient(top, #fff, #EFEFEF);background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF));-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0px 0px 4px #fff;-webkit-box-shadow:0px 0px 5px #666;box-shadow:0px 0px 4px #fff;font-size:12px;font-weight:bold; color:#444; }

#loginHolder{height:95px;width:260px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0px 0px 4px #777;-webkit-box-shadow:0px 0px 5px #666;box-shadow:0px 0px 5px #000;font-family: Arial, Helvetica, sans-serif;color:#999;text-shadow:0px 0px 2px rgba(255, 255, 255, 0.95);font-size:14px; padding:10px 15px 7px 15px; float:right; vertical-align:middle; text-align:center;background:#E0EEEF;background:-moz-linear-gradient(top, #fff, #E0EEEF);background:-webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b)); font-size:16px; font-weight: bold;  }
 
#loginHolder label{width:80px; float:left; margin:0;color:#444; }
#loginHolder input{ margin:0 0 5px 0; width:177px; height:15px; } 
#loginHolder .myButton{margin:0 0 5px 0;width:110px;height:30px;float:right;background:#fff;background:-moz-linear-gradient(top, #fff, #EFEFEF);background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#EFEFEF));-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:0px 0px 4px #fff;-webkit-box-shadow:0px 0px 5px #666;box-shadow:0px 0px 4px #fff;font-size:16px;font-weight:bold; color:#444; } 
/* ---------------------------------------------END MISC STYLES-------------------------------------------*/

.home-locator-checkout td {padding-right: 5px;}









/* Wat? wat is this guy talking below talking bout, can that really happen?*/
/* End of sheet - don't add lines below this or subversion will collapse to one big line */
