@charset "utf-8";

/* CSS Document */



/******* THIS CSS SHARED ACROSS WHOLE SITE *************/



body {

	margin:0; 

	padding:0;

	background: #76645b url(../images/site-design/bkgd-gradient-pagetop.jpg) repeat-x; 

	font-family: Arial, Helvetica, sans-serif;

	font-size: 90%;

	text-align: center;

	color: #4f433d;

}





/******** LAYOUT ELEMENTS ***********************/



#header { 

	margin: 0;

	padding: 0 10px 0 20px;

	height: 133px;

	background: url(../images/site-design/header-all-smallercircle.jpg) no-repeat; 

} 



.primaryNav {

	position:relative;

	margin: 0;

	padding: 0;

	padding-top: 5px;

	padding-bottom: 5px;

	width: 1004px;

	background: #ee1b31;

	border-top: 1px solid #76645b;

	border-bottom: 1px solid #76645b;

	color: #000000;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	font-size: 13px;

	min-height: 15px;

	}



	.primaryNav ul { list-style:none; }

	.primaryNav li { margin-top: 0; float: left; padding-top: 0; padding-bottom: 0; padding-left: 15px; padding-right: 20px; list-style: none; border-left: 2px solid #f78f1e; }

	#primaryNavFirstButton { border-left: none; margin-left: 55px; }



	.primaryNav a:link { color: #fde3c7; text-decoration: none;	}

	.primaryNav a:visited { color: #fde3c7; text-decoration: none; }

	.primaryNav a:hover { color: #FFFFFF; text-decoration: none; }

	.primaryNav a:active { color: #FFFFFF; text-decoration: none; }

	/* padding-left: 20px; background: url(images/squ15orange.gif) left no-repeat; */



#footer { 

	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */

	background: #cec2bc; 

	border-top: 2px solid #000000;

	font-size: 90%; 

} 

#footer p {

	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */

	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */

	text-decoration: none;

}



/* links back to home page */

a.liketext:link {

 color:#4f433d;

 text-decoration:none;

}

a.liketext:visited {

 color:#4f433d;

 text-decoration:none;

}

a.liketext:hover {

 color:#4f433d;

 text-decoration:none;

}





.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */

	float: right;

	margin-left: 8px;

}

.fltlft { /* this class can be used to float an element left in your page */

	float: left;

	margin-right: 8px;

}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

	clear:both;

    height:0;

    font-size: 1px;

    line-height: 0px;

}



/******** HEADER CONTENT FORMATTING ***************/



#product_search {

	margin: 0;

	padding: 10px 0 15px 0;

	width: 400px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #b21425;

	}



#headerTextLeft { position: relative; margin: 0; padding-top: 20px; padding-bottom:0; width: 300px; color:#76645b; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }



#headerTextRight { position: absolute; margin: -145px 0 0 670px; max-width: 280px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #b21425; text-align: right; }

#headerTextRight .phoneNumber { font-size: 22px; line-height: 160%; font-weight: bold; background: none; }



.attentionBox { padding: 10px; padding-top: 3px; background: #f5f3f1; border: double #ed4153; color:#b21425; }



#logo-link { position: absolute; margin: 0 0 0 425px; border: none; }



/******** TEXT FORMATTING ***************/



p { margin: 10px 0px 0px 0px; }



em { font-style:italic; }

strong { font-weight:bold; }

b  { font-weight:bold; }



h1 { background: url(../images/site-design/squ20blue.gif) top no-repeat left; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size:140%; font-weight:bold; color:#76645b; }

h2 { background: url(../images/site-design/squ15teal.gif) top no-repeat left; padding-top: 0px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold; color:#76645b; }

h3 { margin: 0; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; color:#76645b; }



.smaller { font-size: smaller; }

.monospace { font-family:"Courier New", Courier, monospace; }

.attention { color:#b21425; font-weight: bold; }

.attentionFooter { font-weight: bold; }

.centered { text-align: center; }

.indentSubpage { padding-left: 25px; }

.topBorderThick { border-top: solid 6px #dae8ea; padding-top: 15px; }



.bestsellerList {

	margin: 0;

	padding: 0;

	list-style: none;

	}



.bestsellerList li {

	margin: 0;

	padding: 15px;

	width: 155px;

	float: left;

	display: block;

	}



.bestsellerList li.noTopBorder { padding-top: 0px; border: none; }

.bestsellerList li.topBorder { border-top: solid 6px #dae8ea; }

	

.productName { font-weight: bold; }

.productPrice { font-weight: bold; }

.productDesc { font-size: 85%; font-weight: normal; }



h2.homeBlurb { margin-bottom: 0; padding-bottom: 3px; border-bottom: 1px solid #d7e3e4; background: url(../images/site-design/squ15teal.gif) top left no-repeat; }

p.homeBlurb { margin-top: 0; padding: 8px 5px 5px 20px; background: url(../images/site-design/gradient-bottom100h-lightbeige.jpg) bottom repeat-x; }

	/* border-left: 1px dashed #f5f3f1; border-right: 1px dashed #f5f3f1; */

#mainContent form.homeBlurb { margin: 5px; padding: 5px; background: #FFCC66; }



.catalogBlurb { text-align: center; line-height: 130%; }



/* #mainContent h2 { border-bottom: 1px solid #d7e3e4; } */ 

#mainContent h2.blue { background: url(../images/site-design/squ15blue.gif) no-repeat top left; }

#mainContent h2.orange { background: url(../images/site-design/squ15orange.gif) no-repeat top left; }

#mainContent h2.darkbeige { background: url(../images/site-design/squ15darkbeige.gif) no-repeat top left; }

#mainContent h2.red { background: url(../images/site-design/squ15red.gif) no-repeat top left; }



#suppContent h2 { margin: 10px 0; }



/******** CATEGORY LIST ************************/



#categoryList { 

	background: #FFFFFF url(../images/site-design/gradient-bottom100h-lightbeige.jpg) bottom repeat-x; 

	border: solid #d7e3e4 1px; 

	display:block;

	padding: 5px; 

	text-align: left;

	}

	

#categoryList ul { margin: 0; padding: 0; list-style: none; }



#categoryList li { 

	margin: 0;

	padding: 0 15px 5px 27px;

	width: 135px;

	display: block;

	}



#categoryList h1 { margin-top: 0; padding-top: 0; }



.categoryListCol1 { border-right: dashed #d7e3e4 1px; }



/******** LINK FORMATTING **********************/



a:link { 

	color: #0033FF;

	text-decoration:underline;

	}

a:visited { 

	color: #336666;

	}

a:hover, a:active { 

	text-decoration: underline; 

	color: #CC0000;

	}

	

/******** IMAGE FORMATTING **********************/



img { border:none; }

.imgnoborder { border:0px; }



/******** TABLE FORMATTING FOR COLUMNS **********************/

/**** on home page, in mainContent 540 wide section *********/



.table2col {

	margin:0;

	padding:0;

	}

	

td.tableLeftCol {

	width:230px;

	padding-left: 5px; 

	padding-right: 10px;

	}

	

td.tableRightCol {

	width: 230px;

	padding-left: 25px;

	border-left: 4px solid #f5f3f1;

	}



/******** FORMS FORMATTING **********************/



#mainContent form { margin-left: 25px; padding: 10px; background: url(../images/site-design/gradient-bottom100h-lightbeige.jpg) repeat-x; border: 1px solid #d7e3e4; }

#mainContent form.plain { margin: 0; padding: 0; background: none; }