@charset "UTF-8";
/* CSS Document */

a {
	color:#003F65;
	
}

.clear {
	clear:both;
}

input {
	margin:0px;
	padding:0px;
}

/* body */
body {
	background:url(../images/body_bkgnd.jpg) top center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	width:auto;
}



/* main */
#main {
	margin:0px auto;
	width:939px;
	text-align:left;
}

/* header */
#header {
	background:url(../images/header_bkgnd.jpg);
	width:939px;
	height:129px;
	background-repeat:no-repeat;
}

/* logo */
#logo {
	width:220px;
	height:100px;
	position:relative;
	left:0px;
	top:0px;
	float:left;
}

/* login */
#login {
	color:#fff;
	position:relative;
	top:10px;
	left:225px;
	font-size:10px;
	float:left;
	width:280px;
}

#login a {
	text-decoration:none;
	color:#FFF;
	font-size:10px;
}

#login .textFields {
	width:80px; 
}

/* chat */
#chat {
	float:left;
	position:relative;
	top:10px;
	left:260px;
}

/* topNav */
#topNav {
	position:relative;
	top:-15px;
	left:215px;
}

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

#topNav li {
	display:inline-block;
	/display:inline;
	background:url(../images/top_nav_divider.jpg) no-repeat left top;
	height:43px;
	line-height:43px;
	padding-left:30px;
	padding-right:20px;
}

#topNav a {
	text-decoration:none;
	color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
}

/* bodyContent */
#bodyContent {
	width:939px;
	margin-top:10px;
}

#bodyContent h1 {
	display:block;
	color:#003F65;
	margin-top:9px;
	border-bottom: 1px solid;
	border-bottom-color: #ccc;
	width:700px;
	margin-bottom:20px;
	font-size:24px;
	padding-bottom:14px;
}

#bodyContent h3 {
	color:#003F65;
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
}

#bodyContent .formTitle {
	color:#003F65;
	margin:0px;
}

#bodyContent ul {
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}

.prodName {
	color:#003F65;
	font-weight:bold;
}

.prodNumber {
	color:#003F65;
	font-weight:bold;
}

.btn {
	display:block;
	background:url(../images/btn_background.jpg) no-repeat;
	width:115px;
	height:22px;
	padding:3px 0px 3px 0px;
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-right:10px;
}

.btn2 {
	display:block;
	background:url(../images/btn_background.jpg) no-repeat;
	width:115px;
	height:22px;
	border:none;
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	float:left;
	margin-right:10px;
}

.stroke {
	background-color:#ACCCB5;
}

.red {
	color:#CC0000
}	

.gridHeader {
	background-color:#004065;
	color:#FFFFFF;
}

.gridSubHeader {
	background:#ccc;
	color:#000;
}

.priceGrid {
	background-color:#FFFFFF;
}

/* leftNav */
#leftNav {
	display:block;
	width:200px;
	margin-right:10px;
	float:left;
}

#leftNav h1 {
	font-size:15px;
	margin:0px;
	padding:0px;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
	border:none;
}

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

#leftNav li {
	border-bottom:2px dotted #FFFFFF;
	padding-bottom:6px;
	margin-bottom:6px;
	padding-left:5px;
}

#leftNav a {
	color:#FFF;
	text-decoration:none;
}

#leftNav a:hover {
	text-decoration:underline;
}

/* content */
#content {
	display:block;
	width:726px;
	float:left;
	background-color:#FFF;	
}

/* search */
#search {
	background:url(../images/search_bkgnd.jpg) no-repeat;
	width:726px;
	height:44px;
	line-height:42px;
	padding-left:10px;
	color:#FFF;
}

#search a {
	text-decoration:none;
	color:#FFF;
}

/* colorPerfect */
#colorPerfect {
	background-color:#CCCCCC;
	width:726px;
	height:44px;
}



/* actualContent */
#actualContent {
	padding-top:10px;
	padding-left:10px;
	width:706px;
	margin-bottom:20px;
}

/* home */
#home {
	
}

#home #leftColumn {
	float:left;
	width:525px;
	margin-right:10px;
}

#home #rightColumn {
	float:left;
	width:170px;
	background-color:#e5e5e5;	
}

#home .rightColumnContent {
	padding-bottom:10px;
}

#home .rightColumnContent ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#home .rightColumnContent li {
	border-bottom:2px dotted #666;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:3px;
	margin-bottom:3px;
}

#home .rightColumnContent a {
	text-decoration:none;
	color:#666;
}

#home h3 {
	color:#862433;
	padding-top:10px;
	padding-bottom:10px;
}

#home a {
	text-decoration:none;
}

/* popularProducts */
#popularProducts {
	
}

#popularProducts a .prodNumber {
	color:#003F65;
}

#popularProducts a .prodName {
	color:#862433;
}

/* recyclableProducts */
#recyclableProducts {
	
}

#recyclableProducts a .prodNumber {
	color:#003F65;
}

#recyclableProducts a .prodName {
	color:#862433;
}

/* listPage */
#listPage {
	display:block;
	float:left;
}



#listPage .listItem {
	margin-top:10px;
	padding-bottom:10px;
	display:block;
	float:left;
	border-bottom:1px solid #CCCCCC;
	width:475px;

}

.listItem .image {
	width:150px;
	display:block;
	float:left;

}

#listPage .listItem a {
	text-decoration:none;

}

#itemInfo {
	display:block;
	width:330px;
	float:left;
	margin-right:10px;
}

#itemInfo .prodNumber {
	color:#003F65;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#itemInfo .prodName {
	color:#003F65;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
}

#listRight {
	display:block;
	float:left;
	width:200px;
}

#listPage .listFilter {
	display:block;
	margin-top:10px;
}

#listPage .pagination {
	display:block;
	//border-bottom:1px solid #CCCCCC;
	width:700px;
	padding-bottom:20px;
	
}

#listPage .pagination a {
	font-weight:bold;
	color:#003F65;

}

/* taxList */
#taxList {
	display:block;
}

#taxList #itemInfo {
	display:block;
	float:left;
	width:auto;
	margin-right:10px;
}

#taxList h3 {
	margin:0px;
	padding:0px;
	font-size:14px;
	clear:left;	
}

#taxList .leftColumn {
	display:block;
	float:left;
	width:475px;
}

#taxList .rightColumn {
	display:block;
	float:left;
	margin-left:20px;
	width:200px;
}

#taxlist .rightElement {
	display:block;
	background-color:#E7EFE9;
	margin-bottom:10px;	
	color:#666666;	
}

#taxlist .rightElementContent {
	padding:10px;
}

#taxlist .rightElement h3 {
	display:block;
	background-image:url(../images/subhead_bkgnd.gif);
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;	
	height:23px;
}

#taxlist img {
	width:95px;
}


/* productPage */
#productPage {
	display:block;
	width:700px;
	float:left;
}

#productPage a {
	text-decoration:none;
}

#productPage h1 {
	border:none;
	width:auto;
	margin:0px;
	padding:0px;
}

#productPage h3 {
	width:auto;
	margin-bottom:5px;
	font-size:14px;
}

#productPage .prodNumber {
	font-size:24px;
	color:#666;
}

#productPage .prodName {
	font-size:24px;
}

#productPage .leftColumn {
	display:block;
	float:left;
	width:350px;
}

#productPage .rightColumn {
	display:block;
	float:left;
	width:330px;
}

#productPage .gridHeader {
	background-color:#004065;
	color:#FFFFFF;
	font-size:10px;
}

#productPage .gridSubHeader {
	background:#ccc;
	color:#000;
	font-size:10px;	
}

#productPage .priceGrid {
	background:#FFFFFF;
	font-size:10px;
}

#productPage li {
	margin:0px;
}

#productPage .prodContainer {
	width:250px;
	margin-bottom:10px;
}

#productPage .prodContainer .topHead h3 {
	display:block;
	background:url(../images/subhead_bkgnd_sm.jpg) no-repeat;	
	padding-left:5px;
	height:24px;
	width:250px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	line-height:24px;
	margin:0px;
	padding-bottom:0px;
}

#productPage .prodContainer .middle {
	border:1px solid #CCCCCC;
	width:248px;
	font-size:12px;
}

#productPage .prodContainer .middle a {
	color:#666;
}

/* bottomCurve */
#bottomCurve {
	width:726px;
	height:11px;
	background-color:#FFF;
	background:url(../images/bottom_curve.gif) no-repeat; 
}

/* footer */
#footer {
	border-top: 2px dotted #FFFFFF;
	margin-top:20px;
	padding-top:10px;
	margin-bottom:20px;
	text-align:center;
	color:#FFF;
}

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

#footer li {
	display:inline-block;
	/display:inline;
}

#footer a {
	text-decoration:none;
	color:#FFF;
}

/* awards */
#awards {
	margin-bottom:20px;
}

/* POP UP STYLES */
#productDetail {
	width:450px;
	border:1px black solid;
	padding:10px;
	background-color:#fff;
	text-align:left;
}

.prodNumber {
	
}

.prodName {
	
}

#productDetail .primary {
	float:left;
	width:100px;
	margin-right:10px;
}

#productDetail .thumbs {
	float:left;
	width:330px;
}

 

/* productPopup */
a.productPopup{
    position:relative; /*this is the key*/
    z-index:0; 
    color:#000;
    text-decoration:none;}

a.productPopup:hover{z-index:1;}

a.productPopup span div {display: none;}

a.productPopup:hover span div { /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:11px;; left:0px; width:272px;
	z-index:1;
}