﻿/* SITE COLORING
=========================================================================================*/
a:link, a:visited, a:hover, a:active { color:#30A4B1; }
body { background-color: #EBEBEB; }

.border { border: 1px solid #b9b9b9; }
.container_12 { background-color: #FFFFFF; }
.primary {
    background-color: #464646;
    border: 1px solid #b9b9b9;
    color:#fff;
    padding: 12px !Important;
}

.primary h1 { color: #FFFFFF; margin-bottom: 0px; font-size: 2em; }
.primary h2 { color: #FFFFFF; }
.primary h3 { color: #FFFFFF; }


.secondary {
    background-color: #d9d7d8;
    border: 1px solid #b9b9b9;
}

.secondary h2 {  margin: 0px;}

/* SITE LAYOUT
=========================================================================================*/


#content { min-height: 600px; }

#crumbs {
    background-color: #D9D7D8;
    margin-bottom:10px;
    padding: 5px 0;
}
#crumbs a {
    color: #5D5C42;
    text-decoration: none;
}
#crumbs a:hover { text-decoration: underline; }
#crumbs div { 
    /* clear margins from grid classes above */
    margin-top: 0; 
    margin-bottom: 0;
}

#header {
    background-color: #464646;
    border-bottom: 4px solid #30A4B1;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
#header div {
    /* clear margins from grid classes above */
    margin-top: 0; 
    margin-bottom: 0;
}
#header h1 a {
    color: #FFFFFF;
    font-size: 14pt;
    text-decoration: none;
    text-transform: uppercase;
}

#footer {
    background-color: #231F20;
    border-top: 4px solid #444444;
    color: #FFFFFF;
    font-size: smaller;
    margin-top: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

ul#mainNav { text-align: right; }
ul#mainNav li { display: inline; }
ul#mainNav li a {
    color: #FFFFFF;
    padding: 10px;
    text-decoration: none;
}
ul#mainNav li a:hover, ul#mainNav li.selected a { background-color: #30A4B1; }


body
{

width: 960px;
margin-left: auto !Important;
margin-right: auto !Important;
background-image: url("images/bg.png");

}

#page {
    background: #fff;
    box-shadow: #333 0 -10em 60px -10px;
    padding: 10px;
    width: 980px;
}

#crumbs {background: url(images/page-title-bg.jpg); font-size: 1.2em; font-weight: bold; }


ul {
    list-style: none !Important;
}

.action {font-size: 1.2em;}


ol {
    list-style: none !Important;
}

ol {
/* list-style: decimal; */
}
    
.content {font-size: 1.2em;}


button[data-url~=ProductList] { 
    background-color: lime;
}