﻿/*----------------------------------------------------------------------------*/
/* General
/*----------------------------------------------------------------------------*/

BODY {
    margin: 0 0 200px 0;
    padding: 0 0 2em 0;
	font-family: Tahoma; 
	font-size: 76%; /* sets a standard base of 12px -> font-size(px) / 12 = font-size(em) */
	color: #000000;
	background: url(ImagesCustom/bg.gif) repeat-x top left;
	background-color: #aaafb5;
}

A:active, A:link, A:visited {
    text-decoration: none;
    color: #1059b1;
}

A:hover {
    text-decoration: underline;
}

TABLE {
    font-family: Tahoma; 
    font-size: 1em;
}

IMG {
	border: 0px;	/* remove border from image wrapped in anchor tag */
}

FORM {
    margin: 0;
    padding: 0;
}

INPUT[type='radio'] {
    margin: 0px 0px 0px 3px;
    vertical-align: middle;
}

INPUT[type='checkbox'] {
    margin: 0px 0px 0px 0px;
    vertical-align: middle;
}

/*
INPUT[type='text'], INPUT[type='password'] {
    border: 1px solid #7F9DB9;
    height: 1.33em;
}

SELECT {
    border: 1px solid #7F9DB9;
    height: 1.70em;
}

TEXTAREA {
    border: 1px solid #7F9DB9;
}
*/

HR {
    height: 1px;
	color: #424242; /* IE */
	background-color: #424242; /* Mozilla */
	border: none; /* Firefox */
	border: 0;	/* IE */
}

.Center {
	text-align: center;
}

.Bold {
	font-weight: bold;
}

.Italic {
    font-style: italic;
}

.Relative {
    position: relative;
    width: 0;
    height: 0;
}

/*----------------------------------------------------------------------------*/
/* Template
/*----------------------------------------------------------------------------*/

#WrapperOuter {
    width: 1200px;
    margin: 0 auto;
}

#PageWrapper {
    width: 1200px;
    margin: 0 auto;
    text-align: left;
    font-size: 1em !important;
}

#WrapperInner {
    width: 888px;
    margin: 0 auto;
    background-color: #ffffff;
}

#MenuSuperFish  {
    background: url(ImagesCustom/bgMenuSuperFish.gif) no-repeat top left;
    height: 66px;
}

#ContentWrapper {
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background: url(ImagesCustom/bgContentTop.gif) no-repeat top left;
}

#BreadCrumb {
    font-size: 1.25em;
}

#Content {
    padding: 20px;
}

#Footer {
    clear: both;
    xheight: 180px;
    margin: 9px 0 0 0;
    font-size: .92em;
    color: #838384;
    background: url(ImagesCustom/bgFooterBottom.gif) no-repeat bottom left;
}

/*----------------------------------------------------------------------------*/
/* Buttons
/*----------------------------------------------------------------------------*/

.SearchControl input[type='button'], .AddToCartButton {
    margin: 0;
    padding: 0;
    font-family: Arial, Sans-Serif;
    color: #191102;
    cursor: hand;
    cursor: pointer;
    background: none;
    border: none;
}

#btnQuestion {
    cursor: hand;
    cursor: pointer;
}

.SearchControl input[type='button'] {
    background: url(ImagesCustom/btnSearch.gif) no-repeat top left;
    width: 37px;
    height: 32px;
    vertical-align: top;
}

#Subscribe .Button {
    vertical-align: top;
    cursor: hand;
    cursor: pointer;
}

.AddToCartButton {
  background: url(ImagesCustom/btnAddToCart.gif) no-repeat center;
  width: 93px;
  height: 27px;
}

/*----------------------------------------------------------------------------*/
/* Home
/*----------------------------------------------------------------------------*/

#PageWrapper.Home #Content {
    padding: 0;
}

#PageWrapper.Home #BreadCrumb, #PageWrapper.checkout1 #BreadCrumb, #PageWrapper.shoppingcart #BreadCrumb, #PageWrapper.signin #BreadCrumb, #PageWrapper.Topic #BreadCrumb, #PageWrapper.search #BreadCrumb, #PageWrapper.account #BreadCrumb, #PageWrapper.checkoutreview #BreadCrumb, #PageWrapper.checkoutpayment #BreadCrumb, #PageWrapper.orderconfirmation #BreadCrumb, #PageWrapper.contactus #BreadCrumb {
    display: none;
}

/*----------------------------------------------------------------------------*/
/* Header
/*----------------------------------------------------------------------------*/

#Header {
    height: 130px;
    width: 1200px;
    background-image: url(ImagesCustom/bgHeader.jpg);
}

#Header #Logo {
    position: absolute;
    top: 0px;
    left: 150px;
}

#Header #Logo A {
    display: block;
    height: 120px;
    width: 185px;
}

#MenuHeader {
    padding: 15px 160px 0 0;
    font-size: 11px;
    text-align: right;
    color: #ffffff;
}

#MenuHeader .separator {
    padding: 0 5px 0 5px;
}

#MenuHeader A {
    font-size: 11px;
    color: #ffffff;
}

/* Position container exactly top left with background image. Height not required. */
#Search {
    position: absolute;
    top: 19px;
    left: 458px;
    width: 228px;
}

/* Position text box within container to place in correct area of background. Right button image must be vertical-align: top. */
.SearchControl input[type='text'] {
    width: 162px;
    margin: 12px 0 0 10px;
    border: none;
}

/* Position container exactly top left with background image. Height not required. */
#Subscribe {
    position: relative;
    top: 18px;
    left: 795px;
    width: 228px;
}

/* Position text box within container to place in correct area of background. Right button image must be vertical-align: top. */
#Subscribe .Text {
    width: 161px;
    margin: 12px 0 0 16px;
    border: none;
}

#SafeSubscribe {
    position: relative;
    top: 72px;
    left: 795px;
    width: 228px;
    text-align: center;
}

/*----------------------------------------------------------------------------*/
/* Banner Ad
/*----------------------------------------------------------------------------*/

#BannerAd {
    clear: both;
    font-size: 11px;
    color: #0b548f;
}

#BannerAd {
    background: #EAC591;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EAC591', endColorstr='#E1D8CA'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#EAC591), to(#E1D8CA)); /* Webkit Browsers */
    background: -moz-linear-gradient(top,  #EAC591,  #E1D8CA); /* Firefox */
}

/*----------------------------------------------------------------------------*/
/* Featured Products
/*----------------------------------------------------------------------------*/

#FeaturedProducts {
    background: url(ImagesCustom/bgFeaturedProductsTop.gif) no-repeat top left;
    margin-top: -2px; /* Fix bug with background 2px gap between specials and featured products */
}

#FeaturedProducts .Product {
    float: left;
    width: 270px;
    padding: 20px 0 0 25px;
}

#FeaturedProducts .Product .Name A {
    font-weight: bold;
    color: #000000;
}

#FeaturedProducts .Product .Image {
    margin: 10px 0 0 0;
}

#FeaturedProducts .Product .Price {
    float: right;
    margin: 10px 50px 0 0;
    font-family: Arial;
    font-size: 1.83em;
    font-weight: bold;
    text-align: right;
    color: #adadad;
}

#FeaturedProducts .Product .Price IMG {
    padding: 3px 8px 0 0;
}

/*----------------------------------------------------------------------------*/
/* BreadCrumb
/*----------------------------------------------------------------------------*/

#PageWrapper.Category #BreadCrumb {
    margin: .25em 0 1em 1em;
    font-family: Verdana;
}

#PageWrapper.Product #BreadCrumb {
    margin: 0 0 1em 0;
}

/*----------------------------------------------------------------------------*/
/* Category Grid (XMLPackage)
/*----------------------------------------------------------------------------*/

#PageWrapper.Category #Content {
    padding: 10px 20px 0 0;
}

#PageWrapper.Category .Wrapper TD {
    vertical-align: top;
}

#PageWrapper.Category .Spacer {
    width: 10px;
}

#PageWrapper.Category .Wrapper TD.MenuSubCategory {
    vertical-align: top;
    background: #dbdee2 url(ImagesCustom/bgMenuSubCategory.gif) repeat-x top left;
}

#PageWrapper.Category DIV.MenuSubCategory {
    min-height: 500px;
    height: auto !important;
    height: 500px;
    width: 195px;
    padding: 0 15px 0 5px;
    font-family: Verdana;
    font-size: .92em;
    border-right: 1px solid #e2e2e2;
}

#PageWrapper.Category .MenuSubCategory UL {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}

#PageWrapper.Category .MenuSubCategory LI {
    margin: 0;
    padding: 1.25em 0 0 1em;
}

#PageWrapper.Category .MenuSubCategory LI LI {
    margin: 0;
    padding: .5em 0 0 0;
}

#PageWrapper.Category .MenuSubCategory UL A {
    font-weight: bold;
    color: #000204;
}

#PageWrapper.Category .MenuSubCategory UL UL A {
    font-weight: normal;
}

#PageWrapper.Category .SubCategoryWrapper {
    margin: 1.5em 0 0 0;
}

#PageWrapper.Category TABLE.ProductHeader {
    width: 100%;
    margin: 10px 0 15px 0;
    padding: 1em 0 0 0;
    border-top: 2px solid #e0e2e6;
}

#PageWrapper.Category TABLE.ProductHeader H3 {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
    color: #6B788B;
}

#PageWrapper.Category .Paging {
    font-size: 1.25em;
    text-align: right;
}

#PageWrapper.Category .Paging .Caption {
    padding: 0 .25em 0 0;
}

#PageWrapper.Category .Paging A {
    color: #000000;
    text-decoration: underline;
}

#PageWrapper.Category TABLE.Products {
    padding: 1em 0 1em 0;
    border-top: 2px solid #e0e2e6;
    border-bottom: 2px solid #e0e2e6;
}

#PageWrapper.Category .Summary {
    margin: 1em 0 0 0;
    font-family: Arial;
}

#PageWrapper.Category .Summary H2 {
    font-size: 1.25em;
    border: none;
}

#PageWrapper.Category .ProductImage {
    height: 100px;
    line-height: 100px;
}

/*----------------------------------------------------------------------------*/
/* Product Simple (XMLPackage)
/*----------------------------------------------------------------------------*/

#PageWrapper.Product #Content {
    padding-right: 10px;
}

#PageWrapper.Product .Ads {
    float: right;
    width: 208px;
}

#PageWrapper.Product .Ads H3 {
    margin: 0 0 .5em 0;
    padding: 0;
    font-size: 1.33em;
}

#PageWrapper.Product .Left {
    float: left;
    width: 650px;
}

#PageWrapper.Product .MainImage {
    margin: 0 10px 0 0;
    padding: 1em 0 1em 0;
    border: 1px solid #ececec;
}

#PageWrapper.Product .MainImage BR {
    display: none;
}

#PageWrapper.Product .Name {
    font-family: Trebuchet MS;
    font-size: 24px;
    font-weight: bold;
    color: #637283;
}

#PageWrapper.Product .PriceLeft {
    float: left;
    margin: .5em 75px .5em 0;
}

#PageWrapper.Product .Weight A {
    text-decoration: underline;
}

#PageWrapper.Product .Price {
   float: left;
   margin: 0 0 0.5em 0;
   font-weight: bold;
   font-size: 18px;
   color: #000000;
}

#PageWrapper.Product .Price .RegularPrice {
   text-decoration: line-through;
}

#PageWrapper.Product .Price .variantprice .Caption {
   color: #709fd6;
}

#PageWrapper.Product .Ratings {
   clear: both;
}

#PageWrapper.Product .Ratings A {
    padding: 0 0 0 1em;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
}

#PageWrapper.Product .MenuLink A {
    font-weight: bold;
    text-decoration: underline;
    color: #000000;
}

#PageWrapper.Product .MenuLink A.Selected {
    text-decoration: none;
    color: #dba40f;
}

#PageWrapper.Product .AddToCart {
   margin: 1em 0 2em 0;
}

#PageWrapper.Product .Question {
   margin: 2em 0 1em 0;
}

#PageWrapper.Product .TabWrapper {
   width: 630px;
   float: left;
   margin: 0 0 1em 0;
}

#PageWrapper.Product .Summary {
   clear: both;
}

/*----------------------------------------------------------------------------*/
/* Upsell Products (XMLPackage)
/*----------------------------------------------------------------------------*/

#UpSellProductsWrapper {
    margin: 1em 0 0 0;
    font-size: .92em;
}

#UpSellProductsWrapper .Header {
    padding: 3px 0 3px 5px;
    font-size: 1.18em;
    font-weight: bold;
    background-color: #f5f5f7;
}

#UpSellProductsWrapper .Image {
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin: 5px 0 0 0;
}

#UpSellProductsWrapper A {
    text-decoration: underline;
}

/*----------------------------------------------------------------------------*/
/* Footer
/*----------------------------------------------------------------------------*/

#Footer #BoxLeft {
    float: left;
    height: 145px; /* 165 - padding */
    width: 200px; /* 210 - padding */
    margin: 0 0 0 6px;
    padding: 25px 0 0 10px;
    background-color: #e8e4ce;
    border: 1px solid #e0e2e6;
}

#Footer #BoxRight {
    float: right;
    height: 145px; /* 165 - padding */
    width: 616px; /* 655 - padding */
    margin: 0 6px 0 0;
    padding: 25px 18px 0 21px;
    border: 1px solid #e0e2e6;
}

#Footer TABLE TD {
    vertical-align: top;
}

#Footer A {
    color: #838384;
}

#Footer UL {
    padding: 0;
    margin: .33em 0 0 1em;
}

#Footer LI {
    list-style-image: url(ImagesCustom/BulletArrow.gif);
    padding: 1em 0 0 0;
    margin: 0;
}

#Footer .aydus A {
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #000204;
}

#Footer .Topic {
    padding: 8px 0 0 0;
    clear: both;
}

/*----------------------------------------------------------------------------*/
/* Copyright
/*----------------------------------------------------------------------------*/

#Copyright {
    padding: 18px 0 0 0;
    float: none;
    background-color: #aaafb5;
    font-family: Arial;
    font-size: .92em;
    text-align: right;
    color: #ffffff;
}

/*----------------------------------------------------------------------------*/
/* Constant Contact Subscribe Control
/*----------------------------------------------------------------------------*/

.SubscribeDialog {
    text-align: left;
}

.SubscribeDialog .Content .Title {
    display: block;
    padding: 10px 20px 5px 20px;
    font-size: 1.18em;
    font-weight: bold;
}

.SubscribeDialog .Content .Text {
    display: block;
    padding: 5px 20px 5px 20px;
}

.SubscribeDialog .Content .Image {
    display: block;
    padding: 0 0 0 20px;
}

/*----------------------------------------------------------------------------*/
/* Ask A Question Dialog
*----------------------------------------------------------------------------*/

#QuestionDialog .intro {
    margin: 3px 0 .5em 0;
}

#QuestionDialog TD {
    padding: 2px;
    vertical-align: top;
}

#QuestionDialog INPUT {
    width: 250px;
}

#QuestionDialog TEXTAREA {
    width: 350px;
}