/*
  $Id: stylesheet.css,v 1.1.1.1 2004/03/04 23:42:24 ccwjr Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.clear {
  clear: both;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.strong {
  font-weight: bold;
}

.center {
  text-align: center;
}

body {
  background : #ffffff;
  color : #000000;
  margin : 0;
  width: 100%;
}

a {
  color : #000000;
  background : inherit;
  text-decoration : none;
}

a:hover {
  color : #aabbdd;
  background : inherit;
  text-decoration : underline;
}

form {
  display : inline;
}

.bottom0margin {
  margin-bottom: 0px;
}

.top0margin {
  margin-top: 0px;
}

.topbottom0margin {
  margin-top: 0px;
  margin-bottom: 0px;
}


/* BEGIN MAIN WEBSITE STRUCTURE */

#main-container {
  width: 1016px;
  margin: 0px auto;
  margin-top: 5px;
  margin-bottom: 20px;
}

#header {
  
}

#header img {
  border: 0;
}

#header-top {
  margin-bottom: 3px;
}

#logo-container {
  width: 380px;
  float: left;
}

#logo-container img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

#ads {
  width: 630px;
  float: right;
  text-align: right;
}

#ads #header-phone {
  float: left;
  text-align: center;
  width: 300px;
}

#banner-ad {
  float: left;
}

#banner-ad a {
  padding-bottom: 0;
}

#banner-ad img {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  width: 438px;
  height: auto;
}

#new-website {
  float: right;
  width: 190px;
  text-align: center;
}

#new-website img {
  width: 86px;
}

.addthis_toolbox {
  border: solid 1px #b6b7cb;
  padding: 5px;
  height: 34px;
  overflow: hidden;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  width: 285px;
  position: relative;
  /*text-align: right;
  width: 500px; 
  text-align: right;*/
}

#content-column .addthis_toolbox {
  width: auto;
}

.addthis_toolbox a {
  
}

.addthis_default_style .addthis_separator, .addthis_default_style .at300b, .addthis_default_style .at300bo, .addthis_default_style .at300m, .addthis_default_style .at300bs {
   
}

.addthis_default_style .at15t_expanded, .addthis_default_style .at15t_compact {
  margin-right: 0px !important;
}

a.addthis-extend-rss {
  padding-right: 0 !important;
  float: right !important;
  position: absolute;
  right: 6px;
  top: 5px;
}

.addthis-extend-rss:hover {
  opacity: 0.8;
}

#main-menu {
  background: #fff;
}

#main-menu ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  background: #fff;
}

#main-menu ul li {
  float: left;
  list-style: none;
  padding: 0px;
  margin: 0px 1px 0px 0px;
  background: #fff;
}

#main-menu ul li.last {
  margin-right: 0px;
}

#main-menu ul li a {
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#D98200;
  text-decoration:none;
  white-space:nowrap;
  line-height: 20px;
  height: 20px;
  background: none;
  float: left;
  background: url('images/perkal-menu-bg.jpg') repeat-x;
  position: relative;
}

#main-menu ul li a img {
  margin-top: -2px;
}

#main-menu ul li.active a {
  background: url('images/perkal-roll-bg.jpg') repeat-x;
}

#main-menu ul li.active a:hover {
  color: #fff;
}

.main-menu-left {
  background: url('images/perkal-menu-left.jpg') no-repeat;
  width: 5px;
  height: 20px;
  float: left;
}

.main-menu-right {
  background: url('images/perkal-menu-right.jpg') no-repeat;
  width: 5px;
  height: 20px;
  float: left;
}

#main-menu ul li.active .main-menu-left {
  background: url('images/perkal-roll-left.jpg') no-repeat;
}

#main-menu ul li.active .main-menu-right {
  background: url('images/perkal-roll-right.jpg') no-repeat;
}

#main-menu ul li a:hover {
  color:#000055;
}

#header-breadcrumbs-useroptions {
  background : #28449c;
  color : #FFFFFF;
  font-family : Verdana, Arial, sans-serif;
  font-size : 10px;
  background : #28449c;
  color : #FFFFFF;
  font-weight : bold;
  padding: 1px 0px 1px 0px;
  -webkit-border-radius: 0px 0px 6px 6px; 
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  padding: 1px 7px 1px 6px;
  margin-bottom: 16px;
}

#header-breadcrumbs-useroptions a {
  color: #fff;
}

#breadcrumbs {
  float: left;
  width: 650px;
}

#user-options {
  float: right;
  width: 300px;
  text-align: right;
}


/* Secondary Menu */

#secondary-menu {
  min-width: 1010px;
  padding: 0px;
  margin-bottom: 16px;
  border: 0px;
}

#secondary-menu ul {
  margin: 0;
  padding: 0;
  border: 1px solid #ababab;
  background: #28449c;
  line-height: 0px;
  
}

#secondary-menu li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none;
  height: 18px;
  padding: 3px 0px 3px 0px;
  position: relative;
  z-index: 1;
  line-height: 0px;
  border: 0px;
}

#secondary-menu li:hover .menu-info {
  display: block;
}

.menu-info {
  background: #fcfcfc;
  border: 3px solid #FC0;
  display: none;
  position: absolute;
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 10px 20px 10px 20px;
  min-width: 300px;
}

.menu-info h4 {
  color: #28449c;
  line-height: 18px;
  font-size: 18px;
  font-family: Arial;
}

.menu-info p {
  line-height: 17px;
  font-size: 13px;
}

.menu-info a {
  float: right;
  margin-top: 5px;
  color: #28449c !important;
  text-decoration: underline !important;
}

#secondary-menu li a {
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  line-height: 17px;
  display: inline-block;
  height: 18px;
  text-decoration: none;
  color: #fff;
  padding: 0px 5px 0px 5px;
  border-left: 1px solid #fff;
  white-space: nowrap;
  margin: 0px;
   zoom: 1
}

#secondary-menu li.first-child a {
  border-left: 0px;
}

#secondary-menu li a:hover {
  color: #FC0;
}
  
#secondary-menu li ul {
  position: absolute;
  z-index: 100;
  border: 5px solid #ffcc00;
  left: 7px;
  top: 23px;
  display: none;
}

#secondary-menu li ul li {
  height: auto;
  display: block;
  padding: 0px 0px 0px 0px;
  float: none;
  width: 100%;
  position: relative;
   zoom: 1;
   z-index: 150;
}

#secondary-menu li ul li a {
  border: 0;
  line-height: 20px;
  height: 20px;
  font-weight: normal;
  display: block;
  padding: 0px 6px 0px 6px;
  margin: 0;
}

#secondary-menu li ul li ul {
  position: absolute !important;
  z-index: 300;
  left: 7px;
  top: 18px;
  zoom: 1;
  margin: 0px;
  -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(opacity=100)';
}

#secondary-menu li ul li.has-submenu a {
  color: #FC0
}

#secondary-menu li ul li:hover, #secondary-menu li ul li.hover {
  background: #ffcc00;  
}

#secondary-menu li ul li:hover a, #secondary-menu li ul li.hover a {
  color: #fff !important;
}

#secondary-menu li ul li:hover ul a, #secondary-menu li ul li.hover ul a{
  color: #FC0
}

#soldout {
  display: none;
  line-height: 100px;
}

#soldout a {
  color: #444;
  font-weight: bold;
}

.sign-soldout {
  cursor: pointer;
}

#sales-down-inner, #min-amount-order-inner {
  width: 800px;
  color: #E41B17;
}

#min-amount-order-inner {
  text-align: center;
  padding-top: 23px;
   width: 500px;
}

#sales-down-inner span {
  text-decoration: underline;
  font-weight: bold;
}

#sales-down-inner a {
  color: #C11B17;
  font-weight: bold;
}

/*#content-container {
  min-width: 1015px; width: auto !important; width: 1015px;
}

#column-left {
  width: 200px;
  float: left;
}

#column-right {
  width: 183px;
  float: right;
  margin: 0px 0px 0px 5px;
}

#content-column {
  width: 620px;

  float: left;
  margin: 0px 0px 0px 5px;
}*/

/* END MAIN WEBSITE STRUCTURE */

.product-sign-container {
  position: absolute;
  width: 110px;
  height: 88px;
}

.product-status-sign {
  position: absolute;
  right: 0px;
  background-repeat: none;
  width: 110px;
  height: 88px;
}

.product-sign-pstatus-new {
  z-index: 1;
}

.product-sign-pstatus-featured, .product-sign-pstatus-special {
  z-index: 2;
}

/* The new sign will always be in the top right */
.pstatus-new .product-sign-pstatus-new {
  background: url('images/new-top-right.png') no-repeat;
}

/*************************************************************
  BOXES
*************************************************************/

/* Featured Categories */

#featured-cats-box-content {
  text-align: left;
}

#featured-cats-box-content a {
  line-height: 25px;
  font-weight: bold;
}

#featured-cats-box-content a:hover {
  text-decoration: none;
}

#featured-cats-box-content span {
  width: 35px;
  float: left;
}

#featured-cats-box-content img {
  vertical-align: middle;
}

/* Personality Specific */

#personality-specific-scroll {
  width: 150px;
  height: 115px;
  margin: 0px auto;
  text-align: center;
}

#personality-specific-scroll img {
  margin-bottom: 5px;
}

#brands-specific-scroll {
  width: 150px;
  height: 115px;
  margin: 0px auto;
  text-align: center;
}

#brands-specific-scroll img {
  margin-bottom: 5px;
}



::-webkit-input-placeholder  { color:#6c6c6c; }
input:-moz-placeholder { color:#6c6c6c; }
input.placeholder { color:#6c6c6c; }

  .cat_description {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #800000;
     background : inherit;
     font-weight : bold;
      }
 .boxText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }

 .boxMediumText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 14px;
      }	  

 .centerTable {
     background-image : url('images/bg_cat4.gif');
     background-repeat : repeat-x;
     background : #fbfcfd;
     color : inherit;
      }
 .errorBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : inherit;
     background : #ffb3b5;
     font-weight : bold;
      }
 .stockWarning {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #cc0033;
     background : inherit;
      }
 .productsNotifications {
     background : #f2fff7;
     color : inherit;
      }
 .orderEdit {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #70d250;
     background : inherit;
     text-decoration : underline;
      }
 .navBlue {
     color : #ff0000;
     background : inherit;
     font-size : 8pt;
     font-family : Verdana, Arial, sans-serif;
      }
 .subnavBlue {
     color : #9966ff;
     background : inherit;
     font-size : 8pt;
     font-family : Verdana, Arial, sans-serif;
      }

 TR.header {
     background : #ffffff;
     color : inherit;
      }
	  


 TR.headerError {
     background : #ff0000;
     color : #bbc3d3;
      }
 TD.headerError {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #ff0000;
     color : #ffffff;
     font-weight : bold;
      }
 TR.headerInfo {
     background : #00ff00;
     color : #bbc3d3;
      }
 TD.headerInfo {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #00ff00;
     color : #ffffff;
     font-weight : bold;
      }
 TR.footer {
     background : #28449c;
     
      }
 TD.footer {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #28449c;
     color : #FFFFFF;
     font-weight : bold
      }
 .templateinfobox {
     background : #fcfcfc;
     color : inherit;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
      }
 .infoBox {
     background : #28449c;
     color : #FFFFFF;
      }

.infoBox .box-spacer {
	display: block;
	height: 1px;
}	  

table.infoBox-holder, table.infoBox, table.productListing
{
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	overflow: hidden;
}

.productListing-heading:first-child {
	-webkit-border-radius: 8px 0px 0px 0px;
	-moz-border-radius: 8px 0px 0px 0px;
	border-radius: 8px 0px 0px 0px;
}

.productListing-heading:last-child {
	-webkit-border-radius: 0px 8px 0px 0px;
	-moz-border-radius: 0px 8px 0px 0px;
	border-radius: 0px 8px 0px 0px;
}

.infoBoxContents, tr.infoBoxContents td:first-child {
	-webkit-border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	border-radius: 6px 6px 6px 6px;
}

table.round-infoBox, .round-box-bottom
{
	-webkit-border-radius: 0px 0px 8px 8px; 
	-moz-border-radius: 0px 0px 8px 8px;
	border-radius: 0px 0px 8px 8px;
}
	  
table.round-infoBox table.infoBoxContents
{
	-webkit-border-radius: 0px 0px 6px 6px; 
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
}

 TD.infoBox, SPAN.infoBox {
     font-family : Verdana;
     font-size : 10px;
     font-weight : bold;
     background : #28449c;
     color : #FFFFFF;
      }
 TD.infoBoxHeading {
     font-family : Verdana;
     font-size : 10px;
     font-weight : bold;
     background : #28449c;
     color : #FFFFFF;
      }
	  
td.infoBoxHeading-left-corner
{
	background: url('images/infobox/left-round-corner.jpg') #28449c no-repeat;
	background-position: left top;
}

td.infoBoxHeading-right-corner
{
	background: url('images/infobox/right-round-corner.jpg') #28449c no-repeat;
	background-position: right top;
}

td.infoBoxHeading-right-corner a
{
	background: none;
}

td.infoBoxHeading h3 {
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

 .infoBoxContents {
     background : #fcfcfc;
     color : #000000;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
	  
tr.infoBoxContents {
	background: none;
}

tr.infoBoxContents td {
	background : #fcfcfc;
}
	  
	  
 TD.infoBoxFooter {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold;
    background-color : #cccccc;
    color : #000000;
}

 TD.contentBoxHeading {
    font-family : Verdana;
    font-size : 10px;
    font-weight : bold;
    color : #FFFFFF;
     background : #28449c;
    padding-top : 5px
}
 .infoBoxContentsHeader {
     background : #28449c;
    color : #FFFFFF;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight : bold
}

 .infoBoxContentsCenter {
    color : inherit;
     background : #fcfcfc;
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
}

 TD.infoBoxContentsfooter {
    color : #FFFFFF;
     background : #28449c;
     font-family : Verdana;
    font-size : 10px;
    font-weight : bold
}
 TD.infoBoxHeadingImage {
     font-family : Verdana;
     font-size : 10px;
     font-weight : bold;
     background-position :  left 50%;
     background-color : #28449c;
     color : #FFFFFF;
      }
 TD.infoBoxFooterImage {
     font-family : Verdana, Arial, sans-serif;
     font-size : 1px;
     font-weight : bold;
     background-color : #bbc3d3;
     color : #000000;
      }
 .infoBoxNotice {
     background : #ff8e90;
     color : #ffffff;
      }
 .infoBoxNoticeContents {
     background : #ffe6e6;
     color : #ffffff;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TD.main_table_heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #cccccc;
     color : #000000;
      }
 TD.main_table_heading_inner {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #ffffff;
     color : #000000;
      }
 TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
     background : #fcfcfc;
     color : inherit;
      }
 TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
     background : #fcfcfc;
     color : inherit;
      }
 TABLE.productListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .productListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #28449c;
     color : #FFFFFF;
     font-weight : bold
      }
 .productlisting-headingPrice {
     font-family : Verdana;
     font-size : 20px;
     background : #cccccc;
     color : #28449c;
     font-weight : bold
      }
 TD.productListing-data {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 A.pageResults {
     color : #0000ff;
     background : inherit;
      }
 a:hover.pageResults {
     color : #0000ff;
     background : #ffff33;
      }
 TD.pageHeading, DIV.pageHeading {
     font-family : Verdana;
     font-size : 12pt;
     font-weight : bold;
     color : #28449c;
     background : inherit
      }
 TR.subBar {
     background : #f4f7fd;
     color : inherit;
      }
 TD.subBar {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background : inherit;
      }
 TD.main, P.main {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #000000;
     background : inherit;
      }
 TD.smallText, SPAN.smallText, P.smallText {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TD.accountCategory {
     font-family : Verdana, Arial, sans-serif;
     font-size : 13px;
     color : #aabbdd;
     background : inherit;
      }
 TD.fieldKey {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.fieldValue {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
      }
 TD.tableHeading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 TD.category_desc {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
      }
 SPAN.newItemInCart {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 CHECKBOX, INPUT, RADIO, SELECT {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
      }
 TEXTAREA {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
      }
 SPAN.greetUser {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #f0a480;
     background : inherit;
     font-weight : bold;
      }
 TABLE.formArea {
     background : #f1f9fe;
     color : #f4f7fd;
     border-color : #7b9ebd;
     border-style : solid;
     border-width : 1px;
      }
 TD.formAreaTitle {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     font-weight : bold;
      }
 SPAN.markProductOutOfStock {
     font-family : Tahoma, Verdana, Arial, sans-serif;
     font-size : 12px;
     color : #c76170;
     background : inherit;
     font-weight : bold;
      }
 SPAN.productSpecialPrice {
     font-family : Verdana, Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 SPAN.errorText {
     font-family : Verdana, Arial, sans-serif;
     color : #ff0000;
     background : inherit;
      }
 .moduleRowOver {
     background-color : #d7e9f7;
     color : inherit;
     cursor : pointer;
      }
 .moduleRowSelected {
     background-color : #e9f4fc;
     color : inherit;
      }
 .checkoutBarFrom, .checkoutBarTo {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #8c8c8c;
     background : inherit;
      }
 .checkoutBarCurrent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background : inherit;
      }
 .messageBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 .messageStackError, .messageStackWarning {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background-color : #ffb3b5;
     color : inherit;
      }
 .messageStackSuccess {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background-color : #99ff00;
     color : inherit;
      }
 .inputRequirement {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #ff0000;
     background : inherit;
      }
 TABLE.linkListing {
     border : 1px;
     border-style : solid;
     border-color : #b6b7cb;
     border-spacing : 1px;
      }
 .linkListing-heading {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #b6b7cb;
     color : #ffffff;
     text-align : center;
      }
 TD.linkListing-data {
     border-right : 1px solid #b6b7cb;
     border-bottom : 1px solid #b6b7cb;
     padding : 4px;
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
      }
 TR.linkListing-odd {
     background : #fcfcfc;
     color : inherit;
      }
 TR.linkListing-even {
     background : #f5f5f5;
     color : inherit;
      }
 .content {
     color : #000000;
     background : inherit;
     font-size : 10px;
     font-family : Verdana, Arial, sans-serif;
      }
 TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     line-height : 1.5;
     color : #bdcaf0;
     background : inherit;
      }
 TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
     background-image : url('images/button_blank_left.gif');
      }
 TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
     background-image : url('images/button_blank_right.gif');
      }
 TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
     background-image : url('images/button_blank_middle.gif');
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background-color : inherit;
     color : #000000;
      }
 A.HeaderPageLinks {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     color : #000000;
     background : inherit;
      }
 a:hover.HeaderPageLinks {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
     color : #00ff00;
      }
 TD.cookieUsage {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     font-weight : bold;
     background : #000000;
     color : #ffffff;
      }
 .attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TR.attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #808080;
      }
 .TD.attributeBoxContent {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #c0c0c0;
      }
 .storyboxtitle {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:link {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:active {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:visited {
     font-family : Verdana, Arial, sans-serif;
     color : #000000;
     font-size : 10px;
     font-weight : bold;
     background : inherit;
      }
 .storyboxtitle A:hover {
     font-family : Verdana, Arial, sans-serif;
     color : #ffffff;
     font-size : 10px;
     font-weight : bold;
     text-decoration : underline;
     background : inherit;
      }
 .yearHeader {
     font-family : Verdana, Arial, sans-serif;
     font-size : 14px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
      }
 .calendarMonth {
     background-color : #cccccc;
     color : inherit;
     cursor : default;
     width : 100%;
      }
 .calendarHeader {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     font-weight : bold;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     height : 22px;
      }
 .calendarToday {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffcf00;
     padding-left : 3px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendarWeekend {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #caeeff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     border : 1px solid #ffffff;
     height : 22px;
     width : 18px;
      }
 .calendar {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     color : #000000;
     background-color : #ffffff;
     padding-left : 3px;
     line-height : 14px;
     text-decoration : none;
     height : 22px;
     width : 18px;
      }
 .event {
     font-family : Verdana, Arial, sans-serif;
     font-size : 11px;
     color : #000000;
     background-color : #ffffff;
     text-decoration : none;
     border : 1px solid #e6e6e6;
      }
 .empty {
     background-color : #f0faff;
     color : inherit;
     line-height : 14px;
     height : 22px;
     width : 18px;
      }
 .calendar A:hover, .calendar A:link, .calendar A:visited, .calendar A:visited:hover, .yearHeader A:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarWeekend A:hover, .calendarWeekend A:link, .calendarWeekend A:visited, .calendarWeekend A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 .calendarToday A:hover, .calendarToday A:link, .calendarToday A:visited, .calendarToday A:visited:hover {
     color : red;
     text-decoration : underline;
     background : inherit;
      }
 h4.infoTitle {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 0.2em;
      }
 p.infoBlurb {
     margin-top : 0;
     margin-right : 0;
     margin-left : 0;
     margin-bottom : 2em;
      }
 TD.productPriceInListing {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #d2e9fb;
     color : inherit;
      }
 TD.productPriceInBox {
     font-family : Verdana, Arial, sans-serif;
     font-size : 10px;
     background : #eeeeee;
     color : inherit;
      }
 TD.productPriceInProdInfo {
     font-family : Verdana, Arial, sans-serif;
     font-size : 12px;
     background : #ccffcc;
     color : inherit;
      }
 #navMenu {
     clear : both;
     height : 0.01%;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu ul {
     float : left;
     width : 150px;
     margin : 0;
     padding : 0;
     list-style : none;
      }
 #navMenu li {
     position : relative;
     float : left;
     line-height : 24px;
     margin-bottom : -1px;
     width : 150px;
      }
 #navMenu li ul {
     position : absolute;
     left : -999em;
     margin-left : 150px;
     margin-top : -26px;
      }
 #navMenu li ul ul {
     left : -999em;
      }
 #navMenu li a {
     width : 150px;
     display : block;
     color : #334;
     font-weight : bold;
     text-decoration : none;
     background : #ffffff;
     border : 1px solid #cce;
     padding-left : 2px;
      }
 #navMenu li a:hover {
     color : #000000;
     background : #aac;
      }
 #navMenu li:hover ul ul, #navMenu li:hover ul ul ul, #navMenu li.sfhover ul ul, #navMenu li.sfhover ul ul ul {
     left : -999em;
      }
 #navMenu li:hover ul, #navMenu li li:hover ul, #navMenu li li li:hover ul, #navMenu li.sfhover ul, #navMenu li li.sfhover ul, #navMenu li li li.sfhover ul {
     left : auto;
      }

/* +Navigation tabs*/

#main-nav td img
{
	vertical-align: middle;
}

td.menu-left-border div, td.menu-right-border div
{
	height: 20px;
	width: 5px;
	display: block;
}

td.menu-left-border {
	background: url('images/perkal-menu-left.jpg') no-repeat;
}

td.menu-right-border {
	background: url('images/perkal-menu-right.jpg') no-repeat;
}

.main-nav-active td.menu-left-border {
	background: url('images/perkal-roll-left.jpg') no-repeat;
}

.main-nav-active td.menu-right-border {
	background: url('images/perkal-roll-right.jpg') no-repeat;
}

td.menutabs, td.menuactive {
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	width: 100px;
}

td.menutabs
{
	background: url('images/perkal-menu-bg.jpg') repeat-x;
}

td.menuactive
{
	background: url('images/perkal-roll-bg.jpg') repeat-x;
}

td.menutabs a, td.menuactive a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#D98200;
	text-decoration:none;
	white-space:nowrap;
	line-height: 20px;
	height: 20px;
	background: none;
}

td.menutabs a:hover{
	color:#000055;
}

td.menuactive a:hover{
	color:#ffffff;
}
/* -Navigation tabs*/

tr.header a, tr.header img
{
	border: none;
}

#home-marquee {
	width: 600px;
	margin: 0px 0px 20px 0px;
	height: 60px;
}

h1.page-title
{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-family: Verdana;
	font-size: 12pt;
	font-weight: bold;
	color: navy;
}

#perkal-gifts-intro
{
	color: #D98200;
	font-family: Calibri;
	font-size: 11pt;
	text-align: center;
}

#perkal-gifts-intro a
{
	color: #D98200;
	font-family: Calibri;
}

#perkal-gifts-intro h1
{
	margin: 5px 0px 10px 0px;
	padding: 0px;
}

#perkal-gifts-intro p {
  margin-bottom: 0px;
}

#pre-purchase-info .infoBoxContentsCell
{
	padding: 20px 20px 20px 20px;
}

#pre-purchase-info .infoBoxContents {
	font-family: Arial;
	background: #ffffff;
	line-height: 16px;
}

#pre-purchase-info .infoBoxContents p {
	margin: 15px 0px 15px 0px;
	
}

div.module-container {
	margin: 0px 0px 2px 0px;
}

div.module-container#module-example {
	margin-bottom: 0px;
}

.dd-container {
	position: static !important;
	float: left;
}

div.dd-select {
	background-color: #fff !important;
	border-color: #abadb3 !important;
}

.dd-selected {
	font-weight: normal !important;
	padding: 2px 5px 2px 5px !important;
	text-align: left !important;
}

.dd-pointer {
	right: 6px !important;
}

.dd-option:hover {
	background: #efefef !important;
}

#language-selector img.dd-option-image {
	height: 20px;
}

.dd-option {
	padding: 5px 10px 5px 10px !important;
}

.page-intro {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}

h4 {
	margin: 0px 0px 5px 0px;
}

.unknown-delivery-cost {
  color: #ff0000;
  font-weight: bold;
}

.link-to-product {
  color: #ff0000;
  font-weight: 12px;
}

.link-to-product a {
  color: #ff0000;
  text-decoration: underline;
}


/********************************************************
*********************************************************
PLUGIN STYLES BELOW
*********************************************************
********************************************************/

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* START FANCYBOX STYLES */

/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('fancybox_sprite.png');
  background-color: transparent;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-close:hover {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
  background-image: url('fancybox_sprite.png');
  background-color: transparent;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/* END FANCYBOX STYLES */

.round-border-box {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;

  border: 1px solid #b6b7cb;
  padding: 5px;
}

#sort-by-box {
  float: left;
  width: 600px;
}

#products-pp-box {
  text-align: right;
  margin-bottom: 2px;
}

#product-info-brand {
  padding: 0px 0px 10px 0px;
}

#bottom-cat-filter a {
  display: block;
  margin: 0 0 5px 0;
}

/* Article search results */
#article-results {
  
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;

}

#article-results tr {

}

#article-results tr td {
  padding: 5px 0px 5px 0px;
}

/* Check stock button & Popup */

.btn-check-stock {
  display: inline-block;
  padding: 5px 20px 5px 20px;
  margin: 10px 0 0 20px;
  background: #28449c;
  color: #fff;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  font-weight: bold;
  cursor: pointer;
}

.btn-check-stock.btn-check-stock-small {
  padding: 2px 3px 2px 3px;
  margin: 2px 0 0 0;
  font-size: 7px;
  white-space: nowrap;
}

.btn-check-stock.btn-check-stock-med {
  padding: 3px 14px 3px 14px;
  margin: 2px 0 0 0;
  font-size: 9px;
  white-space: nowrap;
}

#check-stock-loader {
  text-align: center;
  padding: 180px 0 180px 0;
}

#check-stock-container {
  width: 800px;
  font-family: arial;
  max-height: 400px;
  overflow: auto;
}

#check-stock-container h3 {
  text-align: center;
  margin: 0 0 20px 0;
}

#check-stock-container table {
  width: 100%;
  margin: 0 0 20px 0;
}

#check-stock-container p {
  font-size: 14px;
}

#check-stock-container p span {
  color: #e30404;
}

#check-stock-container table th, #check-stock-container table td {
  padding: 3px 5px 3px 5px;
  text-align: left;
  vertical-align: top;
}

.check-stock-error {
  padding: 30px 0 30px 0;
  color: #28449c;
  text-align: center;
}

.check-stock-error a {
  text-decoration: underline;
  color: #28449c;
}

/* Category Cloud */
#category-cloud {
  margin-top: -5px; 
  margin-bottom: -5px; 
  overflow:hidden;
  z-index: 1;
  position: relative;
}

#category-cloud object, #category-cloud iframe {
  z-index: 1;
  position: relative;
}

#category-cloud embed {
  z-index: 1;
  position: relative;
}

/* Site closed for Christmas */

#christmas-shipping-inner {
  width: 700px;
  color: #E41B17;
  text-align: center;
  font-weight: bold;
}
/* Product Description */
.amrod-product-description, .amrod-product-description font, .amrod-product-description p {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color: #000000;
}
/* mobile link popup */
.MRpopup{width:100%;margin:0px auto;z-index:101;padding-top:100px;}
.MRpopup-content{width:96%;min-height:200px;margin:15px;background:#f3f3f3;position: absolute;z-index:103;padding:10px;border-radius:5px;box-shadow:0 2px 5px #000;text-align:center;font-size: 25px;font-weight: bold;font-family: Calibri;color: #28449c;}
.MRpopup-content .MRpopup-close{float:right}
.MRpopup-content a{text-decoration:none}
.visit-button{border-radius:4px;padding:15px;color:#fff;background-color:#5cb85c;border-color: #4cae4c;margin:0px;font-size:32px;font-weight:600;line-height:34px;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action: manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select: none;user-select:none;background-image:none;border:1px solid transparent;}
#overlayDiv{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000; filter: alpha(opacity=70); -moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;z-index:100;}