/*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:#cc0000;color:#ffffff;font:bold 11px Arial,verdana,sans-serif;padding:1px 5px;text-align:center;cursor:pointer; display:inline; margin-top:10px;}
/************************
******** VWD-OVERRIDE ***
************************/

/**** HEADER ****/
.header {
  background: url(	/lib/waterproofcases/secure-logo.jpg);
  height:77px;
  float:right;
  width:300px;
}
.header a {
  float: right;
  margin: 25px;
}
#brandmark {
  width: 0px;
  height: 77px;
}
#brandmark a {
  padding: 0px;
}

/**** SEARCH ****/
#searchbox {

}

#searchbox form img, #searchbox form input {
  float: left;
}

.clearme {
  clear: both;
}

#searcharea {
  background: #d4e4f3 url() no-repeat scroll 0pt 50%;
  text-align: center;
  margin: 0px 10px 10px 10px;
  
}
#searchsubmit {
  border: 0px;
  width: 77px;
  height: 44px;
  /*position: relative;
  top: -17px;*/
}
/*
.ie #searchsubmit {
   top: -6px! important;
}
.safari #searchsubmit {

}
*/
#query {
  width: 360px;
  margin: 14px;
  position: relative;
  top: -3px;
}
#searcharea label span, #searcharea label input {
  vertical-align: none;
}
#searcharea fieldset {
  padding: 0px;
  margin: 0px;
  border: 0px solid;
  height: 44px;
}

.labelfield span img {
  padding: 2px;
}
/**** BODY ****/
#billboard {
  padding: 0px 10px;
}
#shop-by-style {
  display: block;
}
#shop-by-size {
  display: none;
}
#shop-by-price {
  display: none;
}
#cases {
  background-color: #dbe9f6;
  text-align: left;
  height: 151px;
}
#cases a {
  color: #003499;
}
#cases ul li {
  padding: 5px;
}
.orderformMain {
  
}
#messagearea #caption {
  margin: 0px;
  clear: both;
}
#maintype #caption {
  padding: 0px;
}
#section-contenttitle {
  float: left;
  font-size: 18px;
  font-weight: normal;
  color: #003399;
}
#maintype #introtext {
  text-align: left;
  color: #003499;
  padding: 5px 10px;
}
#introtext a {
  color: #003499;
}
#main-section div a {
  padding: 0px 1px;
}
#maintype #contents {

}
#maintype #contentarea {
  width: 525px;
}
#contentarea {
  margin:0px 5px;
  clear: both;
}
.ie #contentarea {
  display: inline;
}
#contents #contents-table {
  border-bottom: none;
  border-collapse: separate;
}
.breadcrumbs {
  float: left;
}
.sale-price {
  font-weight: bold;
}
/*** LEFT NAV ***/
#left-nav {
  text-align: left;
}
.left-navigation {
  padding: 5px;
}
.left-navigation a {
  text-decoration: none;
  color: #003499;
}
.leftnav-button {
  padding: 5px;
}
.leftnav-button-open {
  padding: 5px;
}
.leftnav-button-open a {
  color: #003499;
}
.leftnav-sub-buttons a {
  padding-left: 10px;
  display: block;
}
#testimonial {
  color: #003499;
}
#testimonial p {
  padding: 0px 5px;
}
/*** FOOTER ***/
#footer {
  background: #ffffff url(/lib/waterproofcases/bg-footer.gif) repeat-x;
background-color: #ffffff;
border-top: none;
}
#copyright {
  text-align: left;
  padding: 5px;
  color: #a3bbd3;
}
#copyright a {
  color: #a3bbd3;
}
#footer-links {
  padding: 10px 5px 5px 5px;
  font-size: 10px;
  color: #1249bd;
  text-align: left;
  font-family: arial;
  font-weight: normal;
}
#footer-links a {
  color: #1249bd;
}
/*** ITEM PAGE ***/
.itemtable-header {
  background: #114abb url('/lib/waterproofcases/item-table-header.gif') repeat-x;
  border-bottom: 1px solid #ffffff;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  padding: 4px;
}
#contentarea #caption {
  margin: 0px;
  clear: both;
}
#caption div {
  padding: 5px;
  width:577px;
  text-align: left;
}
#contents .name {
  font-weight: normal;
}
#contents .name a {
  color: #0000EE;
}
.name a {
  color: #000000;
  text-decoration: underline;
}
.name a:hover {
  text-decoration: underline;
}