﻿/*
*********************
Global HTML
*********************
*/

/* Reset Some Styles */

div#revolverAddOn ul, div#revolverAddOn ol, div#revolverAddOn p, div#revolverAddOn table, div#revolverAddOn li, form#filterForm select, form#filterForm input, div#revolverAddOn h1, div#revolverAddOn h2, div#revolverAddOn h3, div#revolverAddOn h4, div#revolverAddOn h5, div#revolverAddOn form, div#revolverAddOn fieldset, div#revolverAddOn img, div#inactiveAttributes div, div#inactiveAttributes h1, div#inactiveAttributes h2, div#inactiveAttributes h3, div#inactiveAttributes h4, div#inactiveAttributes h5
{
    border: none;
    margin: 0;
    padding: 0;
}

/* Declare some general settings */
div#revolverAddOn
{
margin:0 1% 10px 15px;
padding-bottom:20px;
min-width:540px;
}
div#revolverAddOn a
{
    font-weight:normal;
}
/*div#revolverAddOn a:active, div#revolverAddOn a:link, div#revolverAddOn a:visited, div#filterSearchProducts a
{
    text-decoration: none;
}
div#revolverAddOn a:hover
{
    color: #d6d4c2;
    text-decoration: underline;
}*/
div#revolverAddOn h1, div#revolverAddOn h2, div#revolverAddOn h3, div#revolverAddOn h4, div#revolverAddOn h5
{
    margin-bottom: 10px;
    font-size: 15px;
    color: #4c6265;
}
.cl
{
    clear: both;
}
hr.cl
{
    height:1px;
    color:#C2C0B0;
    background-color:#C2C0B0;
    border:none;
}
span.pipeSpace
{
    margin: 0 6px;
}
div#revolverAddOn ul, div#revolverAddOn ol, div#revolverAddOn p
{
    margin-bottom: 1em;
}
div#revolverAddOn ul, div#revolverAddOn ol
{
    margin-left: 1em;
}
div#revolverAddOn ul
{
    list-style-type: disc;
}
div#revolverAddOn ol
{
    list-style-type: decimal;
}

div#revolverAddOn form input, div#revolverAddOn form select, div#revolverAddOn form label, div#revolverAddOn form img, div#revolverAddOn table td, div#revolverAddOn table img, form#filterForm a, form#filterForm span
{
    vertical-align: middle !important;
}

/* Common Color */

/*div#revolverAddOn a:active, div#revolverAddOn a:link, div#revolverAddOn a:visited, div#inactiveAttributes,div#inactiveAttributes div.attributeBox ul li a:hover
{
    color: #637276;
}
div#revolverAddOn, div#revolverAddOn p.pagination a, div#inactiveAttributes
{
    color: #6d6d6d;
}
form#filterForm select, div.productResultInfo
{
    color: #4d4d4d;
}*/

/* Common Border */

div#filterControl, form#filterForm select, form#filterForm input, div#filterSearchProducts, div#subEntities, div#activeAttributes
{
    border: solid 1px #c2c0b0;
}
/*div#filterControl, div#filterSearchProducts, div#subEntities, div#revolverAddOn div#subEntities li.parentEntity, div#activeAttributes, div#revolverAddOn div#activeAttributes h3, div#revolverAddOn div.attributeBox h4, div#inactiveAttributes div.attributeBox, div#inactiveAttributes h3
{
    -moz-border-radius: 4px;
}*/

/*
*********************
Filters
*********************
*/

div#filterControl
{    
    padding:5px 0;
    font-size: 10px;
    background: #fff url(images/filter-box-bg.png) repeat-x 0 0;
    z-index: 1;
}

form#filterForm select, form#filterForm input
{
    margin-right: 6px;
    background-color: #f8f8f8;
}
div#filterControl fieldset + fieldset
{
    margin-top: 5px;
}
div#filterControl fieldset
{
    margin:1px 8px;
}
    
div#revolverAddOn form input#filterSearchTerm
{
    height: 15px;
    padding: 0 2px;
    width: 123px;
}
div#revolverAddOn a.view img
{
    margin-right:4px;
    margin-bottom:-1px;
}
div#revolverAddOn form a.current{
    font-weight:bold;
    color:#000;
}

/* Pagination */
div#revolverAddOn p.pagination
{
    font-size: 10px;
    margin: 2px 5px 0 5px;
}
div#revolverAddOn span.pagingSep
{
    margin: 0 15px;
}
div#revolverAddOn p.pagination a
{
    padding: 0 2px;
}
div#revolverAddOn p.pagination a.currentPage
{
    color: #000;
}
div#revolverAddOn a.currentPage
{
    background-color: #c5e5e3;
    font-weight: bold;
}
div#revolverAddOn p#paginationBottom
{
    margin-top: 15px;
}

/* Recommended Term */
p#recommend a
{
    text-decoration:underline;
}

/*
*********************
Sub Entities & Header
*********************
*/

div#entityDescription
{
    margin-bottom:15px;
}
div#subEntities
{
    margin-bottom: 15px;
    background-color: #fdfdfd;
}
div#revolverAddOn div#subEntities h2
{
    font-size: 12px;
    padding: 5px 15px;
    color: #999;
    border-bottom: dotted 1px #ccc;
}
div#revolverAddOn div#subEntities ul, div#revolverAddOn div#subEntities p
{
    margin: 0 15px 15px 15px;
}
div#revolverAddOn div#subEntities ul
{
    list-style-type: none;
    margin-bottom: 0;
}
div#revolverAddOn div#categoryDescription
{
    margin-bottom:1.5em;
}

/* Subentity List Format, No Images */
div#revolverAddOn div#subEntities ul.entityList li.parentEntity
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-bottom: 5px;
}
div#revolverAddOn div#subEntities ul.entityList li a
{
    color: #444;
}
div#revolverAddOn div#subEntities ul.entityList ul
{
    border-top:solid 1px #f0f0f0;
    margin:3px 0 0 0;
}
div#revolverAddOn div#subEntities ul.entityList ul li
{
    display: inline;
    margin-right: 10px;
    font-size: 11px;
    font-weight: normal;
    background: url(images/subentity-arrow.gif) no-repeat 0 50%;
    padding-left:11px;
    margin-left:10px;
}
div#revolverAddOn div#subEntities ul.entityList ul li a
{
    text-decoration: none;
    color:#60747f;
}
div#revolverAddOn div#subEntities ul.entityList ul li a:hover
{
    text-decoration: underline;
    color:#333;
}

/* Subentity Grid Format, + Images */
div#subEntities.entityGrid
{
    width: 99.5%;
    float: left;
}
div#revolverAddOn div#subEntities ul.entityGrid
{
    margin-bottom: 15px;
}
div#revolverAddOn div#subEntities ul.entityGrid li
{
    float: left;
    width: 24%;
    text-align: center;
    margin: 0 0 15px 5px;
}
div#revolverAddOn div#subEntities ul.entityGrid li a img
{
    border: solid 1px #ddd;
}
div#revolverAddOn div#subEntities ul.entityCols2 li
{
    width: 49%;
}
div#revolverAddOn div#subEntities ul.entityCols3 li
{
    width: 32%;
}


/*
*********************
Product Results General
*********************
*/
div#revolverAddOn div.productResult
{
    padding-top: 15px;
}
div#revolverAddOn p.productResultPrice
{
    font-size: 13px;
}

div#revolverAddOn div.productResult h3
{
    font-size: 17px;
}
div#revolverAddOn p.productResultDesc a
{
    text-decoration: underline;
    font-size: 12px;
}
div#revolverAddOn div.productResult img.productResultIcon
{
    margin:0 auto;
}
div#revolverAddOn p.miscInfo
{
    margin-bottom: 5px;
}
div#revolverAddOn p.miscInfo span
{
    font-weight: bold;
}
div#revolverAddOn div.productResult form
{
    text-align: right;
}
div#revolverAddOn div.productResult form #Quantity, div#revolverAddOn div.productResult form small
{
    display: none;
}
div#revolverAddOn span.regPriceLabelSale
{
    font-weight:normal;
    text-decoration:line-through;
}
div#revolverAddOn span.salePriceLabel
{
    color:#cc0000;
}
/* Add to cart */
div#revolverAddOn div.productResultInfo input.AddToCartButton{
position:absolute;
bottom:0;
left:0;
cursor:pointer;
}
div#revolverAddOn div.productResultInfo input.AddToWishButton{
display:none;
}


.btnCheckOutNowTop
{
	font-weight: bold;
	}


.estimatorWindow
{
   position:absolute;
   top:-20px;
   left:50px;
   width:300px; 
   padding:10px;
   z-index:200;
   text-align:left;
   background-color:#eee;
   border-top:solid 1px #ddd;
   border-right:solid 3px #bbb;
   border-bottom:solid 3px #bbb;
   border-left:solid 1px #ddd;
}
.EstiHeader{text-align:right;margin-right:5px;font-weight:bold;cursor:hand;cursor:pointer}
span.shipBoxCloseX{
padding:0 3px;
border:solid 1px #aaa;
color:#aaa;
background-color:#fff;
font-family:Verdana, Arial, Sans-Serif;
}

/*
*********************
List View
*********************
*/

div#revolverAddOn.list div#filterControl
{
    margin-bottom:10px;
}
div#revolverAddOn.list div.productResult
{
    border-bottom: solid 1px #cbbea8;
    float: left;
    padding-bottom: 15px;
    width:100%;
}
div#revolverAddOn.list p.productResultPrice, div#revolverAddOn.list div.productResultInfo
{
    float: right;
}
div#revolverAddOn.list div.productResultInfo
{
    /* Change this value to accommodate your image size */
    width: 70%;
    margin-right:5px;
    position:relative;
}
div#revolverAddOn.list p.productResultPrice
{
    position:absolute;
    top:0;
    right:0;
    width:33%;
    text-align:right;
}
div#revolverAddOn.list div.productResult h3
{
    width:65%;
}


/*
*********************
Grid View
*********************
*/

div#revolverAddOn.grid div.productResult
{
    float: left;
    font-size: 0.95em;
    margin-right: 15px;
    margin-bottom: 20px;
    text-align:left;
    position:relative;
}
div#revolverAddOn.grid div.productResultInfo
{
    text-align:left;
    height:160px;
    position:relative;
}
div#revolverAddOn.grid div.productResult h3
{
    font-size: 14px;
    margin-top:5px;
}
div#revolverAddOn.grid div.productResult.rowLast
{
    margin-right: 0;
}
div#revolverAddOn.grid p.productResultPrice
{
    margin-top: 5px;
    margin-bottom:0px;
}
div#revolverAddOn.grid div.productResult form
{
    text-align: center;
}
div#revolverAddOn.grid div.productResult select
{
    margin-bottom:3px;
    display:block;
}
div.gridRow
{
    float: left;
    /*border-bottom: solid 1px #c2c0b0;*/
    padding: 10px 0;
    width:100%;
}
/* Grid Row Qty=2 */

div.gridRow2 div.productResult
{
    width: 48%;
}
div#revolverAddOn div.gridRow2 div.productResult p, div#revolverAddOn div.gridRow2 div.productResult h3
{
    margin-left: 15px;
    margin-right: 15px;
}
/* Grid Row Qty=3 */

div.gridRow3 div.productResult
{
    width: 31%;
}
div#revolverAddOn div.gridRow3 div.productResult p, div#revolverAddOn div.gridRow3 div.productResult h3
{
    margin-left: 10px;
    margin-right: 10px;
}
/* Grid Row Qty=4 */

div.gridRow4 div.productResult
{
    width: 23%;
}
div#revolverAddOn div.gridRow4 div.productResult p, div#revolverAddOn div.gridRow4 div.productResult h3
{
    margin-left: 5px;
    margin-right: 5px;
}

/*
*********************
Ajax Search Box
*********************
*/
div#filterSearchProducts ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1000;
}

div#filterSearchProducts
{
    background-color: #e3ece9;
    padding: 10px;
    font-size: 11px;
    text-align: left;
    position: absolute;
    top: 25px;
    right: 0;
    width: 230px;
    z-index:1000;
}
div#filterSearchProducts a
{
    display: block;
    color: #5b5140;
    padding: 2px 4px;
}
div#filterSearchProducts li.even a
{
    background-color: #eff3f2;
}
div#filterSearchProducts a:hover, div#filterSearchProducts li.even a:hover
{
    background-color: #8fa0a5;
    color: #eff3f2;
}
li#seeAll
{
    border-top: solid 1px #5b5140;
    font-weight: bold;
    padding-top: 6px;
}
li#seeAll a
{
    color: #222;
    padding: 5px 4px;
}

/*
*********************
Attributes Mod Style
*********************
*/

div#revolverAddOn div#activeAttributes
{
    float: left;
    width: 99%;
    margin-bottom: 15px;
    background: #fff url(images/attributes-box-bg.gif) 0 bottom repeat-x;
}

div#revolverAddOn div#activeAttributes div.attributeBox
{
    float: left;
    margin: 0 0 5px 10px;
    font-size: 11px;
    width: 23%;
}
div#revolverAddOn div#activeAttributes h3
{
    font-weight: bold;
    font-size: 14px;
    padding: 8px 10px;
    background-color: #f8f8f8;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    border-bottom: solid 1px #c2c0b0;
}
div#revolverAddOn div#activeAttributes h3 span
{
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
    margin-left: 5px;
    color: #999;
}
div#revolverAddOn div#activeAttributes div.attributeBox h4
{
    background: #888 url(images/down-arrow-active.gif) no-repeat 95% center;
    color: #fff;
    font-size: 11px;
    padding: 2px 5px;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul
{
    padding-right: 5px;
    margin-left: 5px;
}
div#revolverAddOn div.attributeBox li
{
    list-style-type: none;
}
div#revolverAddOn div#activeAttributes div.attributeBox li
{
    background: url(images/active-attribute-r.gif) no-repeat right 0;
    padding-right: 14px;
    margin-bottom: 4px;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul li a
{
    display: block;
    background: url(images/active-attribute-l.gif) no-repeat 0 0;
    padding: 4px 0 5px 25px;
    text-decoration: none;
}
div.attributeBox ul li a:hover
{
    text-decoration: underline;
}
div#revolverAddOn div#activeAttributes div.attributeBox ul
{
    margin: 2px;
    padding: 0;
}

div.Attribute
{
    margin-bottom: 10px;
}
div.Attribute span
{
    margin-left: 10px;
    font-weight: bold;
    text-decoration: underline;
}

/* Styling With Left Nav */

div#content.attributesContent
{
    width:100%;
    margin-left:0;
    margin-right:0;
    padding-left:0;
    padding-right:0;
}
div#content.attributesContent div#activeAttributes,div#content.attributesContent div#revolverAddOn.list div.productResult,div#content.attributesContent div#filterControl, div#content.attributesContent div.gridRow, div#content.attributesContent div#subEntities, div#content.attributesContent h1#entityName
{
    width:72%;
    float:right;
    clear:both;
}
div#content.attributesContent, div#content.attributesContent div#revolverAddOn
{
    position:relative;
}
    
div#inactiveAttributes
{
    width:25%;
    position:absolute;
    top:0;
    left:0;
}
div#content.attributesContent p#paginationTop
{    
    margin-bottom:-2em; /* due to floats */
    z-index:100;
    position:relative;
}

/* Left Nav - Inactive Attributes */


div#inactiveAttributes div.attributeBox
{
    background: #fcfcfc url(images/left-nav-box-bg.gif) repeat-x 0 0;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border: solid 1px #ddd;
    font-size:11px;
}
div#revolverAddOn div#inactiveAttributes h3
{
    background: #777 url(images/left-nav-hdr-bg.gif) repeat-x left top;
    color: #f8f8f8;
    font-size:15px;
    font-weight:bold;
    color:#eee;
}
div#inactiveAttributes h3, div#inactiveAttributes h4
{
    padding: 5px 10px;
}
div#inactiveAttributes h4
{
    background: url(images/down-arrow-inactive.gif) no-repeat 95% center;
    color:#444;
}
div#inactiveAttributes span#inactiveAttributeCaption
{
    font-style:italic;
    font-size:9px;
    display:block;
    font-weight:normal;
    margin-left:5px;
}
div#inactiveAttributes div.attributeBox ul
{
    margin: 2px 5px;
    padding: 0;
}
div#inactiveAttributes div.attributeBox ul li
{
    background: #f6f6f6 url(images/attributes-inactive-bg.gif) repeat-x;
    height:2em; /* For IE only */
}
div#inactiveAttributes div.attributeBox ul li:hover
{
    background: #f2f2ee url(images/attributes-inactive-bg-hover.gif) repeat-x;
}

div#inactiveAttributes div.attributeBox ul li a
{
    display:block;
    padding: 5px 5px 4px 25px;
    text-decoration: none;
    border-bottom: solid 1px #edeede;
    border-left: solid 1px #edeede;
    border-right: solid 1px #edeede; 
}
div#inactiveAttributes div.attributeBox ul li a:hover
{
    background:transparent url(images/left-nav-attribute-add.gif) no-repeat 4px center;
}
div#inactiveAttributes ul li.moreExpand, div#inactiveAttributes ul li.moreExpand:hover, div#inactiveAttributes div.attributeBox ul li.moreExpand a
{
    background: none;
    border: 0;
    font-weight: bold;
    color: #000;
}
div#content.attributesContent div#inactiveAttributes + br.cl
{
    display:none;
}



/*
*********************
Attributes StayPut
*********************
*/

div#revLeftNav.stayPut
{
    font-size:10px;
}
div#revLeftNav.stayPut,div.attributeBox2,div.attributeBox2 h3,div.attributeBox2 ul,div.attributeBox2 ul li{
float:left;
}

div#revLeftNav.stayPut div.attributeBox2{
background-color:#f4f4f4;
border-bottom:solid 1px #666;
clear:left;
width:200px;
margin-bottom:5px;
}
div#revLeftNav.stayPut div.attributeBox2 h3{
background-color:#777;
margin:0 0 5px 0;
padding:5px;
color:#f6f6f6;
width:190px;
font-size:13px;
}
div#revLeftNav.stayPut div.attributeBox2 ul {
list-style-type:none;
padding:5px;
margin:0;
}
div#revLeftNav.stayPut div.attributeBox2 ul li{
margin:0 4px 4px 0;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a{
display:block;
padding:3px 5px;
border:solid 1px #444;
background-color:#fff;
color:#222;
text-decoration:none;
-moz-border-radius: 2px;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a:hover,div#revLeftNav.stayPut div.attributeBox2 ul li.selectedAttribute a{
border:solid 1px #000;
color:#fff;
}
div#revLeftNav.stayPut div.attributeBox2 ul li a:hover
{
    background-color:#777;
}

div#revLeftNav.stayPut div.attributeBox2 ul li.selectedAttribute a {
background-color:#444;
}



/*
*********************
IE 6 Fixes
*********************
*/
div#ie6Wrapper div#content
{
    margin-right:6px;
}
div#ie6Wrapper div#revLeftNav div.attributeBox ul li
{
    display:inline;
}
div#ie6Wrapper div#revLeftNav div.attributeBox ul li a
{
    width:155px;
}


/*
*********************
Product Page
*********************
*/
div#productImage{width:522px;}
div#productImage ul {list-style-type:none;width:212px;text-align:left; float:right;margin:0;padding:0;}
div#productImage ul li {display:inline;margin:0 auto;}
img#shippingToggle{cursor:pointer;}