/*Merchants--Use this file to make any edits that you wish to override styles in the main stylesheets. By making edits to this CSS file, your styles applied here will cascade and overwrite styles in the main CSS files. This will allow you to replace the entire contents of the main stylesheets should it become necessary to update those to fix styling issues with the themes without losing any of your custom styles.*/

.ys_primary{ background:#ff0000;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}

body {
background: #F7F7F7;
color: #9D9D9D;
font: 13px/1.5 'Open Sans', Arial, Helvetica, sans-serif;
}

a {
    color: #3DCDFE;
    text-decoration: underline;
}

img {vertical-align:middle;}

a:hover {
text-decoration:none;
}

td {
    font-size: 13px;
}

#brandmark {width:auto; font: 36px 'Open Sans', Arial, Helvetica, sans-serif;}

#brandmark a {padding:20px 10px 10px 10px;}

.trust-guard {
float: left;
padding: 45px 0 0 10px;
}

#bodyshell {
float:none;
border-left: none;
background:#fff;
background-color: #fff !important;
margin-top: 5px;
padding-bottom: 20px;
width: auto !important;
}

*:first-child+html #bodyshell { width:auto; }

#bodycontent {width:100%; float: none;}

#wrapper {padding: 0; min-width: 1260px;}

#container {width:100%; border: none; background: none;}

#site-description {
background: #000;
padding: 6px 0;
color: white;
font-weight: bold;
font-size: 14px;
text-align: center;
}

#header {
background: #222222; /* Old browsers */
background: -moz-linear-gradient(top, #222222 0%, #000000 50%, #222222 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(50%,#000000), color-stop(100%,#222222)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #222222 0%,#000000 50%,#222222 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #222222 0%,#000000 50%,#222222 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #222222 0%,#000000 50%,#222222 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#222222',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #222222 0%,#000000 50%,#222222 100%); /* W3C */
height: 130px !important;
}

#nav-general {
margin:0;
clear:none;
height: 45px;
line-height: 45px;
}

#nav-general li {
border: none;
margin:0;
background:none;
}

#nav-general li a, #nav-general a.linkcheckout  {
background: transparent url("/lib/garagedooropeners/nav-separator-2.png") left top repeat-y;
color: #FFFFFF;
font-size: 16px;
text-shadow: 1px 1px 1px #000000;
padding:0px;
}

#nav-general li a:hover, #nav-general a.linkcheckout:hover {
padding:0px 0px 0px 0px;
color:#ffd80a;
}

#nav-general li a span, #nav-general a.linkcheckout span  {
display:block;
padding: 0 15px;
}

#nav-general li a:hover, #nav-general a.linkcheckout:hover {
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top, #000000 0%, #212121 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#212121)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #000000 0%,#212121 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #000000 0%,#212121 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #000000 0%,#212121 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#212121',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #000000 0%,#212121 100%); /* W3C */
}

#top-nav {
background: #3dcdfe; /* Old browsers */
background: -moz-linear-gradient(top, #3dcdfe 0%, #4cccef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dcdfe), color-stop(100%,#4cccef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3dcdfe 0%,#4cccef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3dcdfe 0%,#4cccef 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3dcdfe 0%,#4cccef 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dcdfe', endColorstr='#4cccef',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3dcdfe 0%,#4cccef 100%); /* W3C */
width:100%;
box-shadow: 0px 0px 5px #333;
}

#searcharea {
float:left;
background: none;
}

#searcharea fieldset {
position:relative;
height: 45px;
line-height: 45px;
padding:0px;
margin-left: 25px;
}

#searcharea span{
font-size: 13px;
text-shadow: 1px 1px 1px #000;
float:left;
color:#fff;
}

input#query {
background-color: #FFFFFF;
font-size: 12px;
padding: 3px;
float:left;
margin-top:10px;
}

#searchsubmit {
background: none repeat scroll 0 0 #333333;
border: 1px solid #FFFFFF;
color: #FFFFFF;
cursor: pointer;
font-size: 12px !important;
font-weight: bold;
margin: 10px 5px 0 5px;
padding: 3px;
text-align: center;
text-transform: uppercase;
float:left;
}

#specialstitle {
color:#222;
background: none;
}

.column-left,.column-right {
width:220px;
}

#contents .vertical td {
vertical-align:top;
}

#contents a {
    color: #222;
}

#messagearea {
margin:0;
padding-top:0;
}

#messagearea #messagetitle, #specialstitle {
    background: #3DCDFE;
    color: #fff;
    padding: 5px 15px;
}
#messagearea #messagetitle {display:none;}

#maintype #caption {
padding:15px 15px 0;
}

#caption ul {
margin-left: 20px;
}

#viewer {
left:0 !important;
top:100px !important;
}

#nav-product, #nav-right {
/*width:220px;*/
}

#nav-product {
background: none;
position: static;
z-index: 1;
overflow: visible;
float:none;
margin-left:0px;
}

.nav-title {
padding:7px 2px;
background-color:#222;
color:white;
font-size:14px;
 margin-left: 10px;
margin-top:15px;
width:190px;
border-radius: 5px 5px 0px 0px;
text-align:center;
}

#nav-product ul, #nav-right ul {
/*  background-color: #222;*/
    border-radius: 0px 0px 5px 5px;
    list-style: none outside none;
    margin-left: 10px;
    padding:0px;
    width: 190px;
border:2px solid #222;
}

#nav-product li, #nav-right li {
    background-color: none;
    margin: 0;
    padding: 1px 0px 0px 0;
}

#nav-product li:first-child, #nav-right li:first-child {
    padding: 0px 0px 0px 0;
}

#nav-product ul li a {
    border-bottom: none;
}

#nav-product ul li a {
    border-top: 1px solid #B4BBAB;
}

#nav-product ul li:first-child a {
    border-top: none;
}

#nav-product ul li a, #nav-right ul li a {
    background-color: #f5f5f5;
    font-size: 13px;
    width: auto;
color: #000000;
    display: block;
    font-weight: bold;
    height: auto;
    margin: 0;
    min-height: 13px;
    padding: 8px 6px;
    text-decoration: none;
}

#nav-product ul li a:hover, #nav-right ul li a:hover {
    width: auto;
background: #3dcdfe;
color:#fff;
}

.sale-price-bold, .sale-price, .sale-price em, 
#contents .sale-price, #contents .sale-price em, #contents .sale-price-bold  {
color: #cc0000;
font-weight: bold;
font-size: 13px;
}


.price, #contents .price {
margin: 0;
}

#maintype #caption {
    padding: 20px 20px 0;
}

#itemtype .itemform .sale-price em, #itemtype .itemform .sale-price-bold em, #itemtype .itemavailable em {
    color: #cc0000;
}

#itemtype .itemavailable {
    color: #444;
font-weight: bold;
margin-left: 0;
}

#itemtype .itemavailable em {
    font-weight: bold;
    margin: 8px 0 8px 0;
color:#444;
}

#contents {
    background-color: #fff;
    border-left: none;
    border-right: none;
}

#contents #contents-table {
    border-bottom: 0;
    border-collapse: separate;
border-spacing: 10px;
}

#contents-table td {
vertical-align:middle;
text-align:center;
}

#contents-table td.horizontal-separator table td {
    border-color: #ccc !important;
    border-radius: 3px 3px 3px 3px;
    border-style: solid !important;
    border-width: 1px !important;
vertical-align:middle;
padding:5px;
}

.image-l {
    margin: 0 15px 0 0;
    padding: 0px 0px 0px 10px;
}
table.priceTable {
border-collapse: collapse;
}

table.priceTable td.first-col {
font-weight: bold;
}

table.priceTable tr:first-child {
background-color:#3DCDFE;
}

table.priceTable tr:first-child td {
color:#fff;
}

table.priceTable tr {
background-color:#222;
}

table.priceTable td {
text-align: center;
padding: 5px 10px;
font-size: 13px;
color:#fff;
border: 1px solid #666666;
}

#contents .vertical-seperator {
    border-right: 0;
}
#contents .horizontal-seperator {
    border-bottom: 0;
}


#specialstitle, #messagearea #messagetitle, #item-contenttitle, #itemtype #itempage-captiontitle, #section-contenttitle {
font: bold 15px 'Open Sans', Arial, Helvetica, sans-serif;
}

#item-contenttitle, #section-contenttitle {
padding: 5px 15px;
background-color:#3DCDFE;
text-shadow: 1px 1px 1px #000000;
margin: 0 10px;
}

#contents-table td.horizontal-seperator {
 border-color: #ccc !important;
    border-radius: 3px 3px 3px 3px;
    border-style: solid !important;
    border-width: 1px !important;
}

#copyright {font: normal 11px 'Open Sans', Arial, Helvetica, sans-serif; padding: 15px 50px;}

.NA {
    color: #cc0000;
    font-weight:bold;
}

#footer {
border-top: 1px solid #000;
}

#footer-links {
color:#666;
font-size: 12px;
}

.footer_block {
    clear: both;
    overflow: hidden;
    padding: 15px 0;
}
.footer_links {
    overflow: hidden;
width: 800px;
margin: auto;
}
.footer_links h2 {
    color: #3DCDFE;
    font-size: 14px;
    padding-bottom: 5px;
    text-transform: uppercase;
text-shadow: 1px 1px 1px #000000;
}
.footer_links li {
 list-style: none outside none;
    margin: 0;
    padding: 0 0 4px 0;
}
.footer_links li a {
    color: #fff;
    text-decoration: none;
}
.footer_links li a:hover {
    text-decoration: underline;
}
.fcol1 {
    float: left;
    width: 200px;
}
.fcol2 {
    float: left;
    width: 200px;
}
.fcol {
    float: left;
    width: 160px;
}

div.badges a {

}

div.badges img {
vertical-align: middle;
padding: 5px 10px;
}

div.money-back {
float: right;
margin: 0;
}

.addtocartImg {
    display: inline-block;
zoom:1;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

/* clear floated elements */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}