/* <-<-<-<- Products Styles ->->->-> 

Styles Used On Multipule Pages Located in styles-master.css

------Colors------
Dark Blue - #3365b1
Gold - #f3ae6b
Gold (link hover) - #ED8A29

------Contents--------
=1=productdisplay.aspx
=2=productlistdisplay.aspx
=3=maincat.aspx
=4=subcat.aspx
=5=searchresults.aspx
=6=advancedsearch.aspx
=7=proddisplayoptions.aspx
*/



/*---------------Random Product Styles------------*/

#related-products {
	padding-top:20px;
	width:100%;

	}


#related-products a {
	margin-left: 20px;
	}
#related-products a img {
	border: 1px solid #ccc;
		}





/*=1=------------------------------product display-------------------------------*/

#product-info {
	float:left;
	width:222px;
	margin-left:20px;
	padding-bottom:5px;
	}
#product-image-container {
	/*width:500px;*/
	float:left;
	/*height:368px;*/
	background:#EDEEEE;
	overflow:visible;
	border:1px solid #ccc;
	}
#product-image {
	float:left;
	}
#product-image img {
	margin:10px 10px 10px 10px;
	}
#product-image-bottom {
	float:left;
	padding-top:9px;
	padding-right:8px;

	}
#product-image-bottom ul {

	}
/*Quantity	
#product-quantity {
	width: 500px;
	border: #CCCCCC 1px solid;
	font-weight: bold;
	background: #EFEFEF;
	
	}

#product-quantity ul {
	padding: 5px 0 0px 5px;
	
	}

.product-quantity-availability {
	padding-left: 10px;
	padding-bottom:5px;
	}
	

	
#product-quantity ul li {
	display: inline;
	font-size: 14px;
	padding: 5px 0 0 2px;
	}

.product-quantity-form {*//*has ie7 style*//*
	width:50px;
	}*/
	

/*Quantity Button*/	/*has ie6 style
#product-quantity ul li.product-quantity-btn {
	line-height: 2.5em;
	margin: 0;
	padding: 0 0 0 20px;
	}	
	
.product-quantity-btn a {
	color: #fff;
	text-decoration: none;
	padding: 3px 4px 3px 4px;
	background: url(../../images/btn_bg.gif) repeat-x;
	border: #999 solid 1px;
	font-size: 10px;
	text-decoration: none;
	overflow: visible;
	text-transform: uppercase;
	}


.product-quantity-btn  a:visited {
	color: #fff;
	text-decoration: none;
	overflow: visible;
	}	
	
	
.product-quantity-btn  a:hover {
	color: #fff;
	text-decoration: none;
	overflow: visible;
	}
	
	
.product-quantity-btn  a:active {
	color: #fff;
	text-decoration: none;
	overflow: visible;

	}
#product-quantity li.product-quantity-customize div {
	display:inline;
	float:left;
	}
li.product-quantity-customize {
	float:left;
	display:inline;
	}*/
#product-quantity ul {
	display:block;
	}
#product-quantity li {
	float:left;
	display:inline;
	margin-left:10px;
	}
#product-quantity {
	width:500px;
	/*background:#EDEEEE;
	border:1px solid #ccc;*/
	padding:10px 0px;
	margin-bottom:10px;
	}
.product-quantity-availability {
	display:block;
	margin-top:45px;
	margin-left:10px;
	}
/*=2=--------------------------------product list display---------------------------------*/
	
#prodlist-container {
	width: 100%;
	margin-top:20px;
	}
	

	

/*category title with image at top of page*/
#prodlist-title {
	width: 40%;
	margin: 0px 0 0px 0px;
	overflow: auto;
	float:left;
	}
	
#prodlist-title li {
	list-style: none;
	vertical-align: top;
	float: left;
	padding: 0 0 10px 0;
	display: inline;
	}

#prodlist-title li img {
	margin: 0px 10px 0px 0px;
	border: 1px solid #ccc;
	}	
	

ul#prodlist-sort {
	float:right; 
	overflow:auto;
	width: 40%;
	position:relative;
	top:-30px;
	}

ul#prodlist-sort li {
	display: inline;
	float:right;
	padding: 5px;
	font-weight: bold;
	}
	
/*right side jumpmenu*/	
.prodlist-sort-menu {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	margin-left: 5px;
	font-weight: normal;
	}
	
/*Search Footer*/
#prodlist-foot {
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #ebebeb;
	overflow:auto;
	}

#prodlist-foot-left {
	float:left;
	width: 22%;
	line-height: 1.2em;
	padding:10px 0 10px 0px;
	margin-left: 10px;
	}

#prodlist-foot-right {
	float:right;
	width: 24%;
	display: inline;
	vertical-align: middle;
	padding:10px 0px 10px 0;
	font-weight: bold;
	}
	
#prodlist-foot-center {
	width:  50%;
	text-align:center;
	margin-left:25%;
	padding:10px 0 10px 0;
	}

#prodlist-foot-center a {
	color: #3365b1;
	}
	
#prodlist-foot-center a:visited {
	color: #3365b1;
	}	
	
#prodlist-foot-center a:hover {
	color: #ed8a29;
	}		

#prodlist-foot-center a:active {
	color: #ed8a29;
	}	


.prodlist-prod-menu {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	width: 45px;
	display:inline;
	margin: 0;
	}

.AltText {
	display:block;
	margin-left:17px;
	font-size:11px;
	}
	
/*=3=------------------------------main category landing---------------------------------*/

#maincat-container {
	overflow:auto;
	}


/* category title with image at top of page*/
#maincat-head {
	width: 100%;
	margin: 0px 0 0px 0px;
	overflow: auto;
	}
	
#maincat-head li {
	list-style: none;
	vertical-align: top;
	float: left;
	padding: 0 0 10px 0;
	display: inline;
	}

#maincat-head li img {
	margin: 0px 10px 0px 0px;
	border: 1px solid #ccc;
	}	



/*container for content region*/
#maincat-content {
	width: 100%;
	margin: 0px 0 20px 0px;
	}
	
/* container for submenu and item display*/
#maincat-items {
	width: 100%;
	}

/* menu container*/
#maincat-menu-container {
	width: 225px;
	margin: 0px 0px 10px 0px;
	float: left;
	}

/*menu display items*/
#maincat-menu-container dl {
	float:left;
	width:213px;
	margin:0;
	text-align:left;
	border-bottom: 1px solid #cccccc;
	padding: 15px 0 15px 0;
		
	}

#maincat-menu-container dd {
	float: left;
	margin: 0 7px 0 0;
	height:auto;

	}
#maincat-menu-container dd img {
		border: solid #ccc 1px;
		}
#maincat-menu-container dt a {
	font-weight: bold;
	text-decoration: none;
	color:#3365b1;
	font-weight:bold;
	vertical-align: middle;
	float:left;
	padding-top:20px;
	}
#maincat-menu-container dt {
	width: 120px;
	float:right;
}

/*menu links*/
#maincat-menu-container dt a:visited {
	color:#3365b1;
	}	
	
#maincat-menu-container dt a:hover {
	color:#3365b1;
	}	

#maincat-menu-container dt a:active {
	color:#3365b1;
	}	

/*the last subcat menu item has no bottom border*/
#maincat-menu-container .maincat-menu-last {
	border: none;
	}



	
/*=4=-------------------------------Sub Category Landing-------------------------------*/

#subcat-container {
	overflow:auto;


	}

/*category title with image at top of page*/
#subcat-head {
	width: 100%;
	margin: 0px 0 0px 0px;
	overflow: auto;
	}
	
#subcat-head li {
	list-style: none;
	vertical-align: top;
	float: left;
	padding: 0 0 10px 0;
	display: inline;
	}

#subcat-head li img {
	margin: 0px 10px 0px 0px;
	border: 1px solid #ccc;
	}	
	
/*container for content region*/
#subcat-content {
	width: 100%;
	overflow:auto;
	}
	
/*subcat button on bottom of page*/	
.subcat-button {
	width: 100%;
	overflow:auto;
	}

.subcat-button ul {/*ie7*/
	float:right;
	padding-top:10px;
	}

.subcat-button ul li {
	float:right;
	display: inline;
	margin-left: 8px;
	} 


	
	
/*=5=--------------------------------Search Results-----------------------------*/

#search-results-container {
	width: 100%;
	
	}

/*search heading*/
ul.search-sort {
	float:right;
	overflow:auto;
	margin-top:65px;
	}
ul.search-sort li {
	display: inline;
	float:left;
	padding:5px 5px 5px 0;
	font-weight: bold;
	}

ul.search-cat {
	float:left;
	width: 40%;
	}

ul.search-cat li {
	padding: 0 0 5px 0;
	font-weight: bold;
	}


/*right side jumpmenu*/	
.search-sort-menu {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	margin-left: 5px;
	font-weight: normal;
	
	}

/*left side jumpmenu*/		
.search-cat-menu {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	width: 150px;
	margin: 8px 0 0 0px;
	font-weight: normal;
	}	




/*Search Footer*/
#search-foot {
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #ebebeb;	
	}

#search-foot-left {
	float:left;
	width: 22%;
	line-height: 1.2em;
	padding:10px 0 10px 0px;
	margin-left: 10px;
	}

#search-foot-right {
	float:right;
	width: 24%;
	display: inline;
	vertical-align: middle;
	padding:10px 0px 10px 0;
	font-weight: bold;
	}
	
#search-foot-center {
	width: 50%;
	text-align: center;
	margin-left: 25%;
	padding: 10px 0 10px 0;
	}

#search-foot-center a {
	color: #3365b1;
	}
	
#search-foot-center a:visited {
	color: #3365b1;
	}	
	
#search-foot-center a:hover {
	color: #ed8a29;
	}		

#search-foot-center a:active {
	color: #ed8a29;
	}	


.search-prod-menu {
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	width: 45px;
	display: inline;
	margin: 0;
	}
	
	

	



/*=6=-------------------------- Advanced Search Screen----------------------------- */


#adsearch-container {
	width: 100%;
	}
	
#adsearch-container ul {
	margin-top:16px;
	}

/*Form Label*/
.adsearch-form {
	text-align: right;
	width: 145px;
	padding-right: 10px;
	float: left;
	}
	
.adsearch-min  {
	float: left;
	padding-right: 10px;
	}

.adsearch-minimum {
	width: 50px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 3px 2px 3px;
	border: 1px #3365B1 solid;
	}
	
.adsearch-maximum {
	width: 50px;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 2px 3px 2px 3px;
	border: 1px #3365B1 solid;
	}

.adsearch-btn {
	margin-left: 155px;
	}
	
	
/*----------------Product Preset Display---------------------*/


#product-config {
	overflow:auto;
	padding-top:8px;
	padding-bottom: 8px;
	border-bottom: #cecfce;
	}

#product-config ul li {
	float:left;
	width:95%;

	}
	
.preproduct-btn-right {/*ie6*/
	float: right;
	margin-right: 80px;
	overflow:auto;
	}
	
#preproduct-notes {
	width: 650px;
	margin-top:40px;
	
	overflow: auto;
	}	
	
/*----product options----*/

#preprod-container {
	margin-top: 10px;
	}
	
#preprod-colorgroup h2 {
	margin: 10px 0 0 10px;
	}
	
#preprod-group {
	margin: 20px 0 0 0;
	border:1px dashed #ccc;
	width: 660px;
	margin-bottom: 20px;

	
	}

#preprod-group ul {
	margin-left: 20px;
	}
	
#preprod-group ul li {
	padding-bottom: 10px;
	}
	
#preprod-group h2 {
	margin: 10px 0 0 10px;
	}
	
#preprod-colorgroup {
	margin: 0 0px 10px 0px;
	border:1px dashed #ccc;
	overflow:auto;
	width: 660px;
	padding-bottom: 10px;
	}

/*.colorgroup
{
	display: none;
}*/

.preprod-option {
	float:left;
	width: 40%;
	margin:1% 0 1% 4%;
	border: 1px solid #ccc;
	}

.preprod-option ul {
	margin-top: 10px;
	}
	
.preprod-option ul li input {
	margin: 0 5px 0 10px;
	}
	
.preprod-option ul li {
	margin: 0 0 10px 0;
	}
	
.preprod-option h2 {
	margin: 10px 0 0 10px;
	}
	
.preprod-colors li {
	display: inline;
	float:left;

	}
	
.preprod-colors li input {
	margin-right: 5px;
	}
	
.color-select {
	width: 242px;
	height: 100px;
	background:#FFF;
	border: 1px solid;
	}
	
.preprod-selectcolor {
	margin-left: 10px;
	}
	
#preprod-colorcontainer {
	clear:left;

	}
	
#preprod-quantity {
	margin: 0 5% 0 5%;
	overflow:auto;
	width: 89%;
	padding-bottom: 10px;
	
	}
	
/*Quantity*/	
#preprod-quant {
	width: 330px;
	font-weight: bold;
	background: #EFEFEF;
	float:right;
	margin-top: 10px;
	}

#preprod-quant ul {
	padding: 5px 0 5px 0;
	
	}
	
#preprod-quant ul li {
	display: inline;
	font-size: 14px;
	padding: 5px 0 0 5px;
	}

.product-quantity-form {/*has ie7 style*/
	width:50px;
	}
	

/*Quantity Button*/	
#preprod-quant ul li.product-quantity-btn {/*has ie6 style*/
	line-height: 2.5em;
	margin: 0;
	padding: 0 0 0 20px;
	}	
	
.product-quantity-btn a {
	color: #fff;
	text-decoration: none;
	padding: 3px 4px 3px 4px;
	background: url(../../images/btn_bg.gif) repeat-x;
	border: #999 solid 1px;
	font-size: 10px;
	text-decoration: none;
	overflow: visible;
	text-transform: uppercase;
	}


.product-quantity-btn  a:visited {
	color: #fff;
	text-decoration: none;
	overflow: visible;
	}	
	
	
.product-quantity-btn  a:hover {
	color: #fff;
	text-decoration: none;
	overflow: visible;
	}
	
	
.product-quantity-btn  a:active {
	color: #fff;
	text-decoration: none;
	overflow: visible;

	}