#gradient1 More Info CSS
/* More Info styles*/

/* more info background  */

html {
  background-color: #[-- VAR.mi_background_color --];
[-- IF MORE_INFO.BackgroundImage --][-- IF MORE_INFO.BackgroundImage NE "none" --]
  background-image: url("[-- MORE_INFO.BackgroundImageURL --]");
  background-repeat: repeat-x;
[-- END_IF --][-- END_IF --]
}

body {
  background-color: #[-- VAR.mi_background_color --];
}

a:link {
  color: #[-- VAR.mi_link_color --];
}

a:visited {
  color: #[-- VAR.mi_visited_link_color --];
}

a:hover {
  color: #[-- VAR.mi_visited_link_color --];
}


h1, h2, h3, h4, h5, label {
 color: #[-- VAR.mi_text_color --];
}

select {
color: #[-- VAR.mi_text_color --];
background-color: #[-- VAR.mi_background_color --];
}

  /*********** #navBar link styles ***********/
  
  #sectionLinks ul a:link, #navBar ul a:visited, #navBar ul a:hover {
  display: block;
  font-weight: bold;
  }
  
  #sectionLinks ul {list-style: none; margin: 0; padding: 0;}
  
  #sectionLinks li { border-bottom: 1px solid #[-- VAR.activelink_color --]; font-weight: bold;
  }
  
  img.link_image {
  vertical-align: middle;
  }
  
  /*********** #sectionLinks styles ***********/
  
  #sectionLinks{
  margin: 10px 0px 0px 0px;
  padding: 3px 0px;
  background-color: #[-- VAR.activelink_color --];
  }
  
  #sectionLinks h3{
  font-size: 1em;
  font-weight: bold;
  padding: .25em 0em .25em 1em; 
  }
  
  #sectionLinks a:link, #sectionLinks a:visited, span.link_text {
  text-align: [-- VAR.page_alignment --];
  padding: .25em .5em .25em 1em;
  width: 100%;
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: auto;
  }
  
  span.link_text {
  font-size: .9em;
  line-height: 1.25em;
  display: block;
  margin-bottom: .75em;
  margin-top: -.25em;
  }
  
  #sectionLinks a:hover{
  padding: .25em .5em .25em 1em;
  }


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

  #globalNav{
  color: #[-- VAR.mi_text_color --];
  background-color: #[-- VAR.mi_link_color --];
  }
  
  #globalNavLinks, #search {
  background-color: #[-- VAR.mi_link_color --];
  }
  
  #globalNav a {
  color: #[-- VAR.mi_active_link_color --];
  }

  #content {
  background-color: #[-- VAR.mi_background_color --];
  text-align: center;
  }
  
  td.adv_search_text, table.search_table a {
  color: #[-- VAR.mi_active_link_color --];
  }
  
  #footer{
  color: #[-- VAR.mi_text_color --];
  }
  
  #footerContents {
  } 

  .text2-empty {
  background-color: #[-- VAR.mi_background_color --];
  border-color: #[-- VAR.mi_background_color --] !important;
  }

  .mi-productSku {
  padding: 5px 10px;
  margin: 0;
  } 

  .onsale {
  color:  #[-- VAR.mi_link_color --];
  }

  .mi-text1 {
  padding: 5px 10px;
  font-size: 1em;
  }

  .mi-productBlock {
  margin: 0;
  padding: 0px;
  color: #[-- VAR.mi_text_color --];
  }

  .mi-productBlock h1, .mi-productBlock h2, .mi-productBlock h3, .mi-productBlock h4, .mi-productBlock h5 {
  color: #[-- VAR.mi_text_color --];
  }

  .mi-productInfowrap {
  padding: 0;
  }

  .mi-productName {
  white-space: normal;
  color: #[-- VAR.mi_text_color --];
  font-weight: bold;
  text-align: right;
  margin: 1em 0;  
  }

  .mi-productGraphic {
  text-align: [-- VAR.ProductAlignment --];
  float: [-- VAR.ProductFloat --];
  margin-top: 0;
  margin-bottom: 1em;
  margin-left: [-- VAR.ProductLMargin --];
  margin-right: [-- VAR.ProductRMargin --];
  }

  .mi-productGraphic img {
  border: none;
  padding: 0;
  margin: 0 20px;
  }

  .mi-productDescription {
  margin: 15px 0;
  }

  .mi-productPrice {
  color: #[-- VAR.mi_text_color --];
  text-align: right;
  margin: 1em 0;
  }

  .mi-checkout {
  text-align: right;
  line-height: 1.5em;
  float: right;
  }
  
  .mi-checkout table {
  margin-left: auto;
  margin-right:0;
  }

  .mi-checkout select {
  margin-bottom: 1em;
  }

  .mi-checkout input{
  vertical-align: middle;
  }
  
  .mi-subProductBlock {
  border-top: 1px dashed #[-- VAR.mi_active_link_color --];
  text-align: right;
  margin: 1em;
  }
  
  .mi-subProductBlock table{
  margin-right: 0;
  margin-left: auto;
  }
  
/******************/
/***  Mini Cart ***/
/******************/
  div.MiniCart {
  background-color: #[-- VAR.mi_active_link_color --];
  }

  td.MiniCartQty, td.MiniCartProduct, td.MiniCartPrice {
  border-bottom: 1px dotted #[-- VAR.mi_background_color --];
  }


  #image1, #image2 {
  text-align: center;
  }
 
  #texta, #textb {
  padding: 10px;
  }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
  .suckertreemenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  float: right;
  }

  .suckertreemenu ul li{
  position: relative;
  display: inline;
  float: left;
  }

  .suckertreemenu ul li a{
  display: block;
  width: 90px;
  padding: 1px 8px;
  text-decoration: none;
  }

  .suckertreemenu ul li ul{
  left: 0;
  position: absolute;
  top: 1em;
  display: block;
  visibility: hidden;
  }

  .suckertreemenu ul li ul li{
  display: list-item;
  float: none;
  background: #[-- VAR.mi_link_color --];
  border-left: 1px solid #[-- VAR.mi_link_color --];
  border-right: 1px solid #[-- VAR.mi_link_color --];
  border-bottom: 1px solid #[-- VAR.mi_link_color --];
  }

  .suckertreemenu ul li ul li:hover{
  background: #[-- STORE.SC_ShadeColor --];
  }

  .suckertreemenu ul li ul li ul{ 
  left: 159px;
  top: 0;
  }

  .suckertreemenu ul li ul li a{
  display: block;
  width: 160px;
  text-decoration: none;
  padding: 1px 5px;
  text-align: left;
  }

  #globalNavLinks .suckertreemenu ul li a:hover{
  color: #[-- VAR.mi_background_color --];
  }

  #globalNavLinks .suckertreemenu ul li ul li a:hover{
  color: #[-- VAR.mi_text_color --];
  }
* html p#iepara{
  padding-top: 1em;
  }
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
div.clear {clear: both; padding: 0px; margin: 0px;}
div.details {display: block; padding: 0px 0px 20px 0px; margin: 0px;}
div.details img {max-width: 100%;}
div#pr-video {height: 0px; width: width-value; padding-top: (svg height / svg width) * width-value; position: relative; width: 100%; height: 0; padding-top: 60%; position: relative;}
div#pr-video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
div.vidpad {height: 20px; min-height: 20px; padding: 0px; margin: 0px; clear: both;}