html,body,#layout,#menu{height:100%;}
body{
font-size: 62.5%;
font-family:Helvetica, Arial, sans-serif;
}
body.msngr{min-height:55em;}
body.midpk{min-height:70em;}/*70em*/
body.fltpk{min-height:75em;}/*75em*/

img {
color:transparent;
max-width:100%;
height:auto;
}
a {text-decoration:none;}
b {font-weight:bold;}
#layout {
position: relative;
padding-left: 0;
}
#layout.active #menu {
left:13em;
width:13em;
}
h3{display:inline;}
/*********** MENU***********/
#menu {
font-size:1.2em;
background: #aaa;
width:13em;
float:left;
margin-left:-11em;
}
#menu a{color:#222;}
#menu a:hover{color:#ddd;}
h2{font-size:.6em;}
.homeLink{margin:1em;}
.homeLink span{
display:block;
margin:auto;
width:115px;
height:91px;
background-image:url("../images/reload_bags_logo.png");
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.homeLink span:hover{
opacity:.5;
}
.indexLink {
margin:.5em;
font-weight:bold;
font-size: 1.5em;
font-style: italic;
font-family: Helvetica, Arial, sans-serif;  
}
/*********** LIST COLLAPSE ***********/
#listCollapse{
padding:1em;
background:#aaa;
}
#listCollapse ul{margin:0em 0em .8em .8em;}
/*********** FEATURES TITLES ***********/
.ftrsTitle {
line-height:2em;
vertical-align:middle;
font-style:italic;
font-weight:bold;
}

/*********** SWATCHES ***********/
#listCollapse span{
display:inline-block;
vertical-align: middle;
width:1.85em;
height:1.85em;
margin:.5em .4em .2em .2em;
}
.ftrsTitle span{border:1px solid #ddd;}
.ftrsTitle span.unselect{border:1px solid #888;}
.swatches{border:1px solid #aaa;}
.swatchSel{border:1px solid #ddd;}
.swatch-aqua{background:#0fd2b3;}
.swatch-bblu{background:#a7d3e3;}
.swatch-beige{background:#D2B393;}
.swatch-blk{background:#000000;}
.swatch-brwn{background:#583d29;}
.swatch-burg{background:#732224;}
.swatch-coy{background:#927b3c;}
.swatch-cuke{background:#E6F7D2;}
.swatch-crm{background:#dde5a7;}
.swatch-denm{background:#426482;}
.swatch-dgry{background:#555b55;}
.swatch-dpur{background:#750171;}
.swatch-eblu{background:#00B0FF;}
.swatch-for{background:#004e20;}
.swatch-gold{background:#f1cd08;}
.swatch-gray{background:#8a9591;}
.swatch-grn{background:#108748;}
.swatch-kely{background:#108748;}
.swatch-khaki{background:#B5B58E;}
.swatch-lav{background:#CEB5F0;}
.swatch-lblu{background:#588ac0;}
.swatch-lgry{background:#c7cab9;}
.swatch-lpnk{background:#f8c1c1;}
.swatch-lpur{background:#87569d;}
.swatch-mall{background:#037861;}
.swatch-mag{background:#EC008C;}
.swatch-mdnt{background:#3e425e;}
.swatch-mint{background:#90deb3;}
.swatch-navy{background:#322d56;}
.swatch-ngrn{background:#3cff00;}
.swatch-npnk{background:#f74d91;}
.swatch-nyel{background:#cff500;}
.swatch-oliv{background:#556627;}
.swatch-OD{background:#546149;}
.swatch-orng{background:#e25a00;}
.swatch-purp{background:#620686;}
.swatch-red{background:#e01515;}
.swatch-roy{background:#0d0db2;}
.swatch-rust{background:#a6512c;}
.swatch-safe{background:#ff4301;}
.swatch-silv{background:#bbbbbb;}
.swatch-tan{background:#d3af81;}
.swatch-teal{background:#109f88;}
.swatch-wht{background:#ffffff;}
.swatch-yell{background:#ebd800;}
.swatch-blz{background-image:url("../images/swatch-blz.png");}
.swatch-wdlnd{background-image:url("../images/swatch-wdlnd.png");}
.swatch-cncl{background-image:url("../images/swatch-cncl.png");}
.swatch-multi{background-image:url("../images/swatch-multi.png");}
.swatch-blkmulti{background-image:url("../images/swatch-blkmulti.png");}
.swatch-atacsAU{background-image:url("../images/swatch-atacsAU.png");}
.swatch-atacsFG{background-image:url("../images/swatch-atacsFG.png");}
.swatch-dsrt{background-image:url("../images/swatch-dsrt.png");}


/*********** INFO ***********/


.info div{
font-size:1.5em;
text-align:center;
font-weight:bold;
margin:1em 0 .4em;	
font-style:italic;
}
.info li{
line-height:1.2em;
}
.infoLink{
text-decoration: underline;	
font-weight:bold;
display:block;
margin-top:1em;
}
.extrainfo{font-size:1em; margin:20px 0 20px 0;}
/*********** MAIN ***********/
#main {
    min-width:34em;
    background:#fff;

}
/*********** HEADER *********/
.header {
text-align: center;
padding:2em 0;
background:#222;
color:#fff;
font-style:italic;
}
h1{
font-size:4em;
font-weight: bold;
}
/*********** MENU BUTTON ***********/
.menu-link {
position: absolute;
display: block;
background: #222;
z-index: 10;
font-size:.8em;
width:3em;
height:2em;
padding: 1.6em;
border:solid 2px #fff;
}
.buttSel, .menu-link:hover {background: #aaa;}



/*********** VIEW TABS ***********/
#viewTabs {
position:absolute;
right:1px;
}
#viewTabs a{
display:block;
position:relative;
width:5.2em;
height:4.2em;
margin:0 0 -2px -5px;
border:2px solid #fff;
}
#viewTabs a p{
position:absolute;
width:100%;
height:1em;
top:0; bottom:0;
margin:auto;
text-align:center;
font:italic 1em Helvetica, Arial, sans-serif;

}
/*
a.vewCldBtn{background:#000;}
a.vewCldBtn:hover{background:#aaa;}
a.vewCldBtnSel{background:#aaa;}
a.vewOpnBtn{background:#000;}
a.vewOpnBtn:hover{background:#aaa;}
a.vewOpnBtnSel{background:#aaa;}
*/
#viewTabs a{background:#fff;color:#000;}
#viewTabs a:hover{background:#000;color:#fff;}
#viewTabs a.vewSel{background:#aaa;color:#fff;}

/*********** CONTENT ***********/
.centerAbsolute{
position:relative;
width:95%;
margin:auto;
}
.overlay {
position:absolute;
margin: 5.5em auto;
left:0; right:0; top:0; bottom:0;
}


/*********** FOOTER ***********/
#footer{
width:100%;
clear:both;
}
#footer p{
position:fixed;
bottom:1.1em;
left:0; right:0;
text-align:center;
color:#888;
}
#footer a{color:#222;}
#footer a:hover{color:#ddd;}
#footer hr {
display:block;
position:fixed;
bottom:2.6em;
left:0; right:0;
margin:auto;
width:70%;
border-style:none;
border-bottom: 1px solid #aaa;
}


/*********** RESPONSIVE WIDE ***********/
@media (min-width: 48em) {
.header, .content {
padding-left: 2em;
padding-right: 2em;
}
#layout {
padding-left:13em; /* left col width "#menu" */
left: 0;
}
#menu {left:13em;}
.menu-link {
position: fixed;
left:13em;
display: none;
}
#layout.active .menu-link {left:13em;}
}


/*********** RESPONSIVE NARROW ***********/
@media (max-width: 48em) {
#layout.active {
position: relative;
left:15.6em;
}
#menu{margin-left:-13em;}
#viewTabs a{display:inline-block;}
}


/*********** TRANSITIONS ***********/
#layout, #menu, .menu-link, #listCollapse {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}