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

Styles Used On Multiple 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 img
{
    opacity: 1;
    border: solid 1px #cccccc;
}

#product-image-bottom a:hover img
{
    opacity: .9;
    border: solid 1px #666666;
}

#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;
}