/* @override 
	http://localhost:8000/media//css/default.css
    http://www.mpgreen.com/media//css/default.css
*/


body {
    margin: 0;
    padding: 0;
    background: #FFFFFF url(../images/img01.jpg) repeat-x left top;
    text-align: justify;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #404040;
}

form {
    margin: 0;
    padding: 0;
}

input, textarea, select {
    font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}


h1, h2, h3 {
    font-weight: normal;
    color: #212121;
}

h2 a {
    text-decoration: none;
}

h1 {
    letter-spacing: -1px;
    font-size: 2.2em;
}

h2 {
    font-size: 1.4em;
}

h3 {
    font-size: 1.2em;
}

.blockbg {
    background: #D9D785;
}

blockquote {
    background: url(../images/img08.jpg) no-repeat left top;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style: italic;
    margin: 0 0 0 15px;
    padding: 0px 20px 0px 30px;
    font-size: 18px;
    color: #3D3D3D;
}

a {
    color: #000000;
}

a:hover {
    text-decoration: none;
}

small {
}

img {
    border: none;
}

img.left {
    float: left;
    margin: 0 15px 0 0;
}

img.right {
    float: right;
    margin: 0 0 0 15px;
    border: #D9D785 1px dashed;
}

.text1 {
    margin: 0 40px 0 40px;
    padding: 20px 0 0 0;
    color: #FFFFFF;
}

h1.text1 {
    color: white;
    font-weight: bold;
    font-style: italic;
}

h2.text1 {
    color: white;
    font-weight: bold;
}

p.text1 {
    line-height: 1.4;
    font-size: 14px;
    color: white;
}

/* Header */

#header {
    width: 800px;
    margin: 0 auto;
    height: 120px;
    letter-spacing: -1px;
    font-family: Georgia, "Times New Roman", Times, serif;
}

/* top links */

#top_links {
    margin-top: 4px;
    height: 17px;
    text-align: right;
    font-size: 12px;
    color: silver;
}

#top_links a {
    text-decoration: none;
    color: silver;
    font-weight: bold;
}

#top_links a:hover {
    color: white;
}

#top_links .selected {
    color: white;
}

/* logo */

#logo {
    background-color: white;
    margin-bottom: 10px;
    display: inline;
    float: left;
}

#logo img {
    margin-top: 10px;
}

/* Menu */

#menu {
    float: right;
}

#menu ul {
    margin: 0;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    padding: 30px 0px 0 25px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #4E4E4E;
    
}

#menu a:hover {
    background: url(../images/img03.jpg) no-repeat center top;
}

#menu .selected a {
    background: url(../images/img03.jpg) no-repeat center top;
}
#menu .ancestor a {
    background: url(../images/img03.jpg) no-repeat center top;
}

/* Page */

#page {
    width: 800px;
    margin: 0 auto;
    background: #F4F4F4;
    margin-top: 5px;
    border: 2px solid #CCCCCC;    
}

#content-body {
    float: left;
    width: 490px;
    padding: 0px 20px 0px 20px;
    line-height: 25px;
    font-size: 12px;
}

#sidebar {
    float: right;
    width: 220px;
    padding: 0px 20px 20px 20px;
    line-height: 25px;
    font-size: 12px;
    padding-top: 20px;
}

#sidebar .entry {
}

#sidebar .entry a {
    background: #333333;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 10px;
    color: #CCCCCC;
}

#sidebar .more {
    background: url(../images/img04.gif) no-repeat left 50%;
    padding-left: 20px;
}

.post {
}

.post .title {
    margin: 0;
}

.post .meta {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
    line-height: normal;
    font-size: 13px;
    color: #505050;
}

.post .meta a {
    color: #000000;
}

.post .entry {
    margin-bottom: 20px;
    padding-bottom: 5px;
    border-bottom: #9C9C9C 1px dashed;

}

/* Sidebar */

#sitemap {
    clear: both;
    width: 800px;
    background: #000000;
    color: #CCCCCC;
    padding: 10px 0 0 0;
}

#sitemap ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#sitemap li {
    display: block;
    float: left;
    width: 164px;
    padding: 10px 10px 10px 25px;
}

#sitemap li ul {
    line-height: 1.8em;
}

#sitemap li li {
    display: list-item;
    background: url(../images/img07.gif) no-repeat left 50%;
    float: none;
    width: auto;
    padding: 0 0 0 10px;
    line-height: 25px;
}

#sitemap h2 {
    margin: 0 0 10px 0;
    color: #FFFFFF;
}

#sitemap a {
    text-decoration: none;
    color: #CCCCCC;
}

#sitemap a:hover {
    text-decoration: underline;
}

/* Footer */

#footer {
    width: 800px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(../images/img06.jpg) no-repeat left top;
    font-size: 11px;
    color: #CCCCCC;
}

#footer p {
    margin: 0;
    padding: 10px 10px 15px;
}

#footer a {
    color: #FFFFFF;
}

#legal {
    float: left;
}

#links {
    float: right;
}

.sidenav_box {
    background: url(../images/sidenav_tl.png) no-repeat top left;
}

.sidenav_top {
    background: url(../images/sidenav_tr.png) no-repeat top right;
}

.sidenav_bottom {
    background: url(../images/sidenav_bl.png) no-repeat bottom left;
}

.sidenav_bottom div {
    background: url(../images/sidenav_br.png) no-repeat bottom right;
}

.sidenav_content {
    background: url(../images/sidenav_r.png) top right repeat-y;
    
}

.sidenav_top div,.sidenav_top, .sidenav_bottom div, .sidenav_bottom {
    width: 100%;
    height: 15px;
    font-size: 1px;
}
.sidenav_content, .sidenav_bottom {
    margin-top: -19px;
}

.sidenav_content { padding: 0 15px; }

#content {
    margin-top: 10px;
}

#display {
    border: 2px solid #505050;
    background-color: #505050;
    margin-bottom: 5px;
    width: 486px;
}

.video_controls {
    margin-bottom: 10px;
    background-color: #505050;
    border: 1px solid black;
    width: 486px;
}

.video_link {
    margin-left: 7px;
    margin-right: 7px;
    font-weight: bold;
    text-decoration: none;
    color: white;
}

.video_link_active {
    margin-left: 7px;
    margin-right: 7px;
    font-weight: bold;
    text-decoration: none;
    color: yellow;
}

.pop_image {
    margin: 10px;
    margin-right: 20px;
}

.applications_grid {
    width: 470px;
    border-color: #000;
}

.applications_grid th {
    padding: 2px;
    font-size: 14px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    text-align: center;
}

.applications_grid th a {
    text-decoration: none;
}

.applications_grid th+th {
    width: 65px;
}

.applications_grid tr td {
    padding: 4px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.applications_grid tr td a {
    text-decoration: none;
    font-weight: bold;
}

.applications_grid tr td:first-child {
    text-align: right;
    border-left-style: solid;
    border-left-width: 1px;
}

.applications_grid tr td+td, .applications_grid tr td+td+td {
    text-align: center;
}

.package_display {
    margin-right: 10px;
    margin-left: 5px;
}

.order_title {
    font-weight: bold;
    font-size: 14px;
}

ul.errorList {
    padding: 0px;
    margin: 0px;
    list-style: none;
    color: #ff1d00;
    font-size: 12px;
}

ul.errorlist li {
    color: #ff1d00;
    font-size: 10px;
    padding: 0px;
    margin: 0px;
}

fieldset {
    display: inline;
    border: 1px solid #2c430b;
}

fieldset legend {
    font-weight: bold;
    font-size: 14px;
    margin-left: 20px;
    color: #404040;
}

.order_title {
    font-weight: bold;
    font-size: 14px;
}

fieldset {
    padding: 10px;
    border: 1px solid #CCCCCC;
}

fieldset table tbody tr td input {
    margin-left: 0px;
    margin-right: 30px;
}

fieldset table tbody tr td {
    width: 200px;
}

fieldset table.invoice tbody tr td {
    vertical-align: top;
    width: auto;
}

fieldset table.invoice tbody tr:first-child td:first-child {
    vertical-align: top;
    width: 200px;
}

.order_quantity {
    margin: 0px;
    padding: 0px;
    border: 1px solid #484b4e;
    width: 3em
}

.order_fieldset {
    width: 470px;
}

.order_fieldset table tr td input {
    width: 200px;
}

.order_fieldset table tr th {
    width: 150px;
    padding-left: 50px;
}

.reseller_fieldset {
    width: 465px;
    margin-bottom: 20px;
}

.reseller_fieldset table tr td input {
    width: 200px;
}

.reseller_fieldset table tr th {
    width: 250px;
    padding-left: 50px;
}

.login_fieldset {
    width: 460px;
}

.login_fieldset table tr th {
    padding-left: 50px;
    width: 75px;
}

.login_fieldset table tr td input {
    width: 200px;
}

#id_shipping-zipcode, #id_billing-zipcode, #id_zipcode {
    width: 50px;
}

#ccv2 {
    width: 30px;
}

.application img {
    margin: 10px;
}

.side_plain {
    width: 220px;
}

.box {
    border: 2px solid #CCCCCC;
    width: 200px;
    float: right;
    margin-top: 10px;
    padding: 5px;
    padding-right: 10px;
    padding-left: 10px;
}

.box ul {
    margin-left: 0px;
    padding-left: 20px;
}

#zipcode {
    width: 50px;
    margin-left: 15px;
}

#headerbg {
    clear: both;
    margin: 0 auto;
    width: 800px;
    height: 209px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: -10px;
}

.greenheader {
    clear: both;
    margin: 0 auto;
    width: 800px;
    height: 209px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: -10px;
}

.greenheader p a {
    color: white;
}

#breadcrumb {
    width: 800px;
    margin: 0 auto;
    height: 15px;
}

#breadcrumb a {
    text-decoration: none;
}
#breadcrumb li {
    list-style-type:none;
    float:left;
    padding: 0px;
    padding-left: 3px;
}
#breadcrumb ul {
    padding: 0px;
    margin: 0px;
    font-variant: normal;
}

#co2stats {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

#bottles {
    margin-right: 10px;
}

.pad_left {
    margin-left: 125px;
}

.pad_right {
    padding-left: 25px;
}

#id_comments {
    
}

.nobottom {
    text-align: center;
    margin-bottom: 0px;
}

.nobottom a {
    text-decoration: none;
}

.order_action {
    text-decoration: none;
    font-weight: bold;
}
#container {
    width: 90%;
    margin: 10px auto;
    background-color: #fff;
    color: #333;
    border: 1px solid gray;
    line-height: 130%;
    padding: 0;
    margin-top: 0;
}
#navbar {
    width: 100%;
    background-color: #fff;
    color: #333;
    line-height: 90%;    
    border: none;
    border-bottom: 1px solid silver;
}
#top {
    padding: .5em;
    background-color: #ddd;
    border-bottom: 1px solid gray;
}
#top h1 {
    padding: 0;
    margin: 0;
}
#sidebar-secondary {
    float: left;
    width: 160px;
    margin: 0;
    padding: 1em;
}
#sidebar-secondary h3, #sidebar-primary h3 {
    font-size: 110%;
    font-weight: bold;
    margin-bottom: 0.1em;
    margin-top: 1em;    
}
#sidebar-primary {
    float: right;
    width: 160px;
    margin: 0;
    padding: 1em;
    background-color: #ddd;
    border-left: 1px solid silver;
    border-bottom: 1px solid silver;
}
#sidebar-primary .wishlist {
    padding-top: 10px;
}
#pagination {
    clear:both;
    display: block;
    width:100%;
    float: none;
    padding: 1em;
}
#pagination ul {
    margin: 0;
    padding: 0;
    text-align: left; 
    font-size: 12px;
}
#pagination li {
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}
#pagination a, #pagination a:visited {
    padding: 0 5px;
    text-decoration: none; 
}
#pagination li.currentpage {
    font-weight: bold;
    padding: 0 5px;
}
#content div.productreviews {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

#content div.productreviews h2 {
    font-size: 14px;
}
#content div.productreviews span.label {
    float: left;
    width: 80px;
}
#sidebar-secondary p, #sidebar-primary p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }
.brandcategories {
    clear: both;
}
.brandImage,
.productImage {
    border:solid 1px silver;
    padding:5px;
    float: left;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom:10px;
    text-align: center;
}
.productImage p {
    text-align: left;
    font-size: 10pt;
}
#menu_container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#shipping ul li {
    list-style-type: none;    
    text-decoration: none;
    padding-left: 1em;
    text-indent: -1em;
}
#checkoutprogress {
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    margin-bottom: 25px;    
}
#checkoutprogress ul {
    display: inline;
    margin-left: 0;
    padding-left: 0;
    border: none;
}
#checkoutprogress ul li {
    margin-left: 0;
    padding-left: 2px;
    display: inline;
    list-style: none;
}
#checkoutprogress ul li:before {
    content: "\0020 \0020 \0020 \00BB \0020";
    display: inline;
    list-style: none;
}
#checkoutprogress ul li.first:before {
    content: " ";
}
#checkoutprogress li.active {
    font-weight: bold;
}
#wishlist ul, #product_category ul {
    margin: 0;
    padding: 0;
}
#wishlist ul li,
#product_category ul li {
    list-style: none;
}
#wishlist ul li:hover
#product_category ul li:hover {
    background-color: #f0fff0;
}
#wishlist ul li a,
#product_category ul li a {
    display: block;
}
#wishlist span.date {
    font-style: italic;
    display: block;
    margin-left: 5px;
    font-size: 10px;
}
#wishlist form {
    display: inline;
}
#menu_container a {
    display: block;
    color: #FFF;
    background-color: #7F7F7F;
    width: 9em;
    padding: 3px 17px 3px 8px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    width: 180px
}
#menu_container a:hover {
    background-color: #B6B6B6;
    color: #FFF;
}
#menu_container li li a {
    display: block;
    color: #FFF;
    background-color: #C0C0C0;
    width: 9em;
    padding: 3px 8px 3px 17px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
}
#menu_container li li li a {
    display: block;
    color: #FFF;
    width: 9em;
    background-color: #C0C0C0;
    padding: 3px 1px 3px 24px;
    text-decoration: none;
    border-bottom: 1px solid #fff;
    font-weight: normal;
}
#menu_container a.current:before {
    content: "\0020 \0020 \0020 \00BB \0020";
}
.addressblock {
    padding-top: .5em;
    padding-bottom: .5em;
}
.profile li {
    list-style-type: none;
}
table.ordertable {
    width:  100%;
    font-weight: normal;
    font-size: 13px;
}
table.ordertable thead {
    background-color: #ddd;
}
table.ordertable span.orderitemqty {
    font-style: italic;
}
.help, p.help {
    font-size:9px !important; color:#999;
}
.error {
    color: red;
}
/* =============== Navigation Bars ===================== */
#navbar ul {        
    margin: 1em;
    padding: 0px;
}
#navbar ul li { 
    display: inline; 
    list-style: none;         
}
#navbar ul li { 
    padding-left: 0.7em; 
    padding-right: 0.5em; 
    border-left: 1px solid #b0b0b0;     
}  
#navbar ul li.first {
    padding-left: 0em; 
    border-left: none; 
}
.recentview h3 {
    padding-bottom: 10px;
}
.recentitem {
    padding-bottom: 10px;
}
div.recentlyadded { 
    display: block;
}
.qtyform #id_quantity {
    width: 2em;
}
#payment ul li{
    list-style-type: none;
}
/* ============ Upsell section ============== */
div.upsell {
    padding-top: 10px;
}
div.upsell .upselldescription {
    padding-bottom: 10px;
}
.productImage center a img {
    float: left;
    padding-right: 20px;
}
.productImage {
    width: 500px;
}
#product_category ul li a img {
    float:left;
    padding-right: 10px;
}
.product-image {
    float: left;
    padding-right: 10px;
}
#cart tr td {
    padding-right: 10px;
    vertical-align: top;
}
.button {
    background-color: #EEEEEE;
    border: 1px groove #bfb9b8;
}
.checkout {
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    padding-bottom: 5px;
    margin-bottom: 2;
}
h4 {
    font-size: 18px;
    margin-bottom: 0px;
}
h3 {
    font-size: 22px;
    margin-bottom: 5px;
}

#checkout tbody tr td input {
    width: 200px;
}
#checkout tbody tr td #payment input {
    width: 10px;
}
#checkout tbody tr td input#id_postal_code, #checkout tbody tr td input#id_ship_postal_code {
    width: 50px;
}
h5 {
    margin: 0px;
    font-size: 18px;
}
input#id_ccv {
    width: 30px;
}
.form_right {
    float: right;
}
.clear {
    clear: both;
}
#footer_badges {
   float:left;
   width:100%;
   overflow:hidden;
   position:relative;
}
#footer_badges ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#footer_badges ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}

#featured_box {
    display: none;
    position: relative;
    float: right;
}
#featured_box_inner {
    height: 200px;
    width: 450px;
    margin: 10px;
    padding: 10px;
    border: 2px solid #CCCCCC;
    overflow: hidden;
}
#featured_box_inner a.product_one {
}
#featured_box_inner div.product_one {
    border: 1px solid #CCCCCC;
    border-width: 0 1px 1px 0;
}
#featured_box_inner a.product_two {
}
#featured_box_inner div.product_two {
    border-left: 1px solid #CCCCCC;
}
#featured_box_inner img {
    border: none;
}

/*
style="border: 1px solid grey; border-width: 0 1px 1px 0;"
style="border-left: 1px solid grey;"

*/