/* Note - Please Update the Table of Contents as you go. Also, putting in those triple braces will make Gerard & Cato really happy. */
/* Table of Contents {{{ 

Homepage
Quick Links

Box
Box Content
Download
Buttons
Special
Quick Links
FAQs

}}} */



/* Global Selectors {{{ */

/* Collection Summary {{{ */
#collectionSummary{width:100%; padding:0 0 5px 0; margin:0 0 20px 0; float:left; background:#E6E6E6 url(../userfiles/images/structure/grey-full-btm.gif) left bottom no-repeat;}
#collectionSummary h1{background:url(../userfiles/images/structure/red-full-top.gif) left top no-repeat;}
#collectionSummary ul.collectionList{font-size:0.8em; list-style:none; margin:0 0 0 15px; padding:0;}
#collectionSummary ul.collectionList h2{display:none; /*for SEO purposes*/}
#collectionSummary ul.collectionList li{width:185px; float:left; margin:10px 0 15px 40px; padding:0 0 15px 0; background:#FFF url(../userfiles/images/structure/white-185-btm.gif) left bottom no-repeat;}
#collectionSummary ul.collectionList li:first-child{margin:10px 0 15px 0;}
#collectionSummary ul.collectionList li img,
#collectionSummary ul.collectionList li p{padding:5px 18px;}
#collectionSummary ul.collectionList li p.collectionHeading{width:180px; color:#FFF; text-align:center; margin:0 0 10px 0; padding:3px 5px 1px 0; background:#000 url(../userfiles/images/structure/black-185-top.gif) left top no-repeat;}
/* }}} */

/* Collection Summary - Collection {{{ */
.collection #collectionSummary{width:470px; float:right; background:#E6E6E6 url(../userfiles/images/structure/grey-470-btm.gif) left bottom no-repeat;}
.collection #collectionSummary h1{background:url(../userfiles/images/structure/red-470-top.gif) left top no-repeat;}
/* }}} */


/* Left Content {{{ */
#leftContent{width:350px; float:left; padding:0 0 5px 0; margin:0 0 20px 0; display:inline-block;}
/* }}} */

/* Box {{{ */
#box{width:350px; margin:0 0 20px 0; padding:0 0 5px 0; float:left; background:#E6E6E6 url(../userfiles/images/structure/grey-full-btm.gif) left bottom no-repeat;}
#box h1{background:url(../userfiles/images/structure/red-full-top.gif) left top no-repeat;}
#box .boxContent{margin:13px 0 10px 15px; padding:20px 15px 10px 15px; float:left; background:#FFF url(../userfiles/images/structure/white-185-btm.gif) left bottom repeat-x;}
/* }}} */

/* Box Content {{{ */
#imageStrip{width:142px; margin:0 25px 0 20px; float:left; vertical-align:top;}
#imageStrip img, #textBlock img{border:solid 1px #CCC; margin-bottom:5px;}
.caption{font-size:1.1em; line-height:140%; margin:0 0 8px 0; padding:2px 0;}
#imageStrip .caption a{padding:2px 0 0 12px; float:left; background:url(../userfiles/images/structure/arw-right_sml.gif) left 5px no-repeat;}
#textBlock{width:470px; float:left;}
/* }}} */

#download{margin:20px 0 10px 0;}
#download a{padding:1px 0 0 24px; background:url(../userfiles/images/structure/pdf.gif) left top no-repeat;}
#download .small{font-size:0.9em; padding:0 0 0 24px;}

#showcase{width:400px; text-align:right; float:left; margin:0 0 15px 0;}
.homepage #showcase{width:520px; text-align:right; float:right; margin:0 0 15px 0;}

/* Buttons {{{ */
a.btn{text-transform:uppercase; padding:7px 0 7px 34px; background:url(../userfiles/images/structure/btn-arw.gif) left top no-repeat;}
a.go{color:#FFF; text-transform:uppercase; padding:5px 30px 7px 24px; background:url(../userfiles/images/structure/btn-go.png) left top no-repeat;}
a.readmore{margin:0 0 8px 0; padding:2px 0 0 12px; line-height:140%; background:url(../userfiles/images/structure/arw-right_sml.gif) left 5px no-repeat;}
/* }}} */


/* Special {{{ */
#special{padding:17px 21px; background:url(../userfiles/images/structure/special-offers_bkgd.gif) left top no-repeat;}
#special .image{float:right;margin-top:-7px;}
#special h2{margin:2px 0 0 0;}
#special p{color:#666; font-size:1.2em; margin:2px 0 10px 0;}
/* }}} */

/* Special Offers {{{ */
#content.specialOffers .productListItem{margin:15px 0 15px 85px;}
/* }}} */

/* Quick Links {{{ */
#quickLinks{width:100%; padding:0 0 5px 0; margin:0 0 20px 0; float: left; background:#E6E6E6 url(../userfiles/images/structure/grey-full-btm.gif) left bottom no-repeat;}
#quickLinks .top{background:url(../userfiles/images/structure/grey-full-top.gif) left top no-repeat;}
#quickLinks .quickLinkBox{width:122px; height:120px; margin:-3px 11px 10px 15px; text-align:center; float:left; position:relative; background:url(../userfiles/images/structure/bkgd-quicklink.gif) left top no-repeat;}
#quickLinks .quickLinkBox h3{width:122px; font-size:1.3em; line-height:130%; text-align:center; text-transform:none; margin:8px 0 0 0; position:absolute; z-index:10;}
#quickLinks .quickLinkBox p{font-size:1.1em; line-height:120%; margin:0; padding:0 16px; width:90px; bottom:10px; position:absolute; z-index:15;}
#quickLinks .quickLinkBox p a{padding:0 0 0 12px; background:url(../userfiles/images/structure/arw-right_sml.gif) left 4px no-repeat;}
#quickLinks .quickLinkBox img{/*width:80px; height:70px;*/ margin:28px 0 0 0; z-index:5;}
/* }}} */

/* FAQs {{{ */
#faq{}
#faq .section{border-bottom:solid 1px #CCC;}
#faq h3.question{color:#cd171e; margin:0; padding:1px 0 0 12px; cursor:pointer; background:url(../userfiles/images/structure/arw-right_sml.gif) left 5px no-repeat;}
#faq .answer{margin:-2px 0 5px 0; padding:0 0 8px 12px;}

/* }}} */


/* }}} */


/* PAGE/SECTION SPECIFIC STYLES {{{ */

/* General {{{ */
#box{width:100%;}
#box .boxContent{width:829px; float:left; background:#FFF url(../userfiles/images/structure/white-859-btm.gif) left bottom no-repeat;}
/* }}} */

/* Homepage {{{ */
.homepage #box{width:350px; background:#E6E6E6 url(../userfiles/images/structure/grey-350-btm.gif) left bottom no-repeat;}
.homepage #box h1{background:url(../userfiles/images/structure/red-350-top.gif) left top no-repeat;}
.homepage #box .boxContent{width:290px; min-height:268px; padding:6px 15px 10px 15px; background:#FFF url(../userfiles/images/structure/white-320-btm.gif) left bottom repeat-x;}
/* }}} */

/* Collection {{{ */
.collection #box{width:400px; background:#E6E6E6 url(../userfiles/images/structure/grey-400-btm.gif) left bottom no-repeat;}
.collection #box h1{background:url(../userfiles/images/structure/red-400-top.gif) left top no-repeat;}
.collection #box .boxContent{width:340px; padding:6px 15px 10px 15px; background:#FFF url(../userfiles/images/structure/white-370-btm.gif) left bottom repeat-x;}
/* }}} */

/* Blue Textpages {{{ */
.News #box,
.infoPage #box { width: 100%; }

.News #box h1,
.infoPage #box h1 {
    background:url(/userfiles/images/structure/blue-full-top.gif) left top no-repeat;
}

.News #box .boxContent,
.infoPage #box .boxContent { 
    width: 674px;
    min-height: 400px;
    float: left;
    background: #FFF url(/userfiles/images/structure/white-704-btm.gif) left bottom no-repeat;
}

.News #box .boxContent h2,
.infoPage #box .boxContent h2 {
    color:#6796b2; 
    /*padding:0 0 0 18px;*/
    /*background:url(/userfiles/images/structure/arw-blue.gif) left 3px no-repeat;*/
}
/* }}} */
/* News Page {{{ */
#NewsArchive, 
#NewsArchive li {
    margin: 0; padding: 0;
    list-style: none;
}
/* }}} */
/* Grey Textpages {{{ */
.forWholesalers #box{width:100%;}
.forWholesalers #box h1{background:url(../userfiles/images/structure/greygrad-full-top.gif) left top no-repeat;}
.forWholesalers #box .boxContent{width:674px; min-height:400px; float:left; background:#FFF url(../userfiles/images/structure/white-704-btm.gif) left bottom no-repeat;}
.forWholesalers #box .boxContent h2{color:#666666; /*padding:0 0 0 18px; background:url(../userfiles/images/structure/arw-grey.gif) left 3px no-repeat;*/}

.forWholesalers #subNavigation{background:url(../userfiles/images/structure/grey-subnav.gif) left top no-repeat;}
.forWholesalers #subNavigation li{border-top:solid 1px #949494;}
.forWholesalers #subNavigation li:last-child{border-bottom:solid 1px #949494;}
/* }}} */

/* SiteMap {{{ */
#siteMap{padding:10px 0 0 0; margin-left:-20px;}
#siteMap ul{list-style:none;}
#siteMap h2{font-size:1.1em; padding:5px 0 0 18px; background:url(../userfiles/images/structure/arw-right.gif) left 7px no-repeat;}
#siteMap h3{font-size:0.9em; line-height:120%; text-transform:none;}
#siteMap h4{}
/* }}} */

/* }}} */

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
