
<link rel="stylesheet" href="styles.css" type="text/css">

.hide
{
        display: none;
}

body
{
	background: url(../../sysskins/Sea%20Foam/graphics/bg.gif);
	
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-align: center;
	
}

/* GENERAL STYLES */


p
{
        font-size: 10px;
}


a
{
        text-decoration: none;
        color: #039;
}

a:link
{
text-decoration: underline;
}

a:visited
{
text-decoration: underline;
}

a:active
{
text-decoration: underline;
}

a:hover
{
color: #cc0000;
font-size: 100%;
text-decoration: underline;
}


h1
{
        padding: 3px 0 3px 0;
        display: block;
        background: #efefef;
        margin-top: 0;
        font: bold 16px/20px Verdana, Arial, Helvetica, Sans-Serif;
        color: #6A85A4;
        border: 1px solid #ccc;
}

h3
{
        margin-bottom: 10px;
        font: bold 12px/16px Verdana, Arial, Helvetica, Sans-Serif;
}

h4
{
        padding: 5px;
        margin: 0px;
        font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        background: url(../../sysskins/Sea%20Foam/graphics/Caedegories.gif) no-repeat;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-top: 1px solid #ccc;
}

/* The container is used to control to overall width of the site content */
#container
{
        width: 757px;
        margin: 0 auto;
        text-align: left;
}

/* Used by popup windows */
#popupContainer
{
        width: 100%;
        padding: 10px;
}

/* START HEADER TAGS */

#header, #Header
{
        width: 757px;
        height: 120px;
        background: url(../../images/misc/header+phone.gif) no-repeat;
        position: relative;
        text-align: right;
}

/* LOGO AREA */
#BrandingArea
{
        height: 110px;
        width: 735px;
}

#Logo
{
        position: absolute;
        top: 60px;
        left: 40px;
}

/* Sections within Main Header Areas */
#SiteMenu ul
{
        position: relative;
        top: 5px;
        right: 165px;
        white-space: nowrap;
}

#SiteMenu li
{
        display: inline;
        list-style-type: none;
}

#SiteMenu a
{
        font-size: 10px;
        padding: 0 0 0 45px;
}

#SiteMenu a:hover
{
        text-decoration: underline;
        color: #44547A;
}

#MiniCart
{
        position: absolute;
        top: 85px;
        right: 50px;
        color: #44547A;
        font: 10px/10px Verdana, Arial, Helvetica, Sans-Serif;
}

#ShoppingCartLink
{
        position: absolute;
        top: 70px;
        right: 50px;
        color: #666;
}

#ShoppingCartLink a
{
        color: #666;
}

#ShoppingCartLink a:hover
{
        text-decoration: underline;
}

/* Tags for main menu */
/*
#MainMenu
{
}
*/

/* Controls Tabs for top level categories */

/*
#MenuLevel1
{
}
*/

#MenuLevel1 table
{
    position: absolute;
        top: 138px;
        left: 10px;

}

/*.MenuItem
{
        color: #44547A;
        height: 25px;
        text-align: center;
}
*/

/*
.MenuItemActive
{
        font-weight: bold;
}
*/

#MenuLevel1 a
{
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
        padding: 0px 15px 0px 15px;
        color: #44547A;
}

#MenuLevel1 a:hover
{
        text-decoration: underline;
}

/* Controls sub category level menu */
<!--
#MenuLevel2
{
        position: relative;
        top: 25px;
        width: 757px;
}
-->
#MenuLevel2
{
        position: relative;
        top: 0px;
        width: 757px;
}

#MenuLevel2 .MenuItem
{
        width: 100px;
        background: transparent;
        color: #000;
}

#MenuLevel2 table
{
        margin-left: auto;
        margin-right: auto;
}

#MenuLevel2 a
{
        font: 2px/2px Verdana, Arial, Helvetica, Sans-Serif;
        color: #fff;
        text-decoration: none;
}

#MenuLevel2 a:hover
{
        text-decoration: none;
}

/* END HEADER TAGS */

/* START MAIN LAYOUT TAGS */



/* NavColumn and ContentColumn are used on pages with a sidebar - product pages, etc. */
#navcolumn
{
        width: 145px;
        vertical-align: top;
        padding-top: 20px;
        padding-right: 10px;
}

#contentcolumn
{
        width: 610px;
        vertical-align: top;
}

/* #ProductPageContainer,#ProductImageColumn and #ProdutContentColumn are used on the product page */
#ProductPageContainer
{
        width: 100%;
        padding-right: 30px;
        padding-bottom: 10px;
        line-height:100%
}

#ProductPageImageColumn
{
        vertical-align: top;
        text-align: center;
}

#ProductPageContentColumn
{
        line-height:100%
		display: block;
        width: 100%; /*345px;*/
        font: 12px/15px Verdana, Arial, Helvetica, Sans-Serif;
}

/* #page is used by pages without a sidebar, ie shopping cart */
/*
#page
{
}
*/

/* #maincontent is a DIV that wraps the content area on every page */
/*
#maincontent
{
        font: 11px Verdana, Arial, Helvetica, Sans-Serif;
        margin: 0px;
        padding: 0px;
}
*/

/* END MAIN LAYOUT TAGS */

/* START FOOTER ELEMENTS */
#footer
{
        width: 757px;
        padding-top: 5px;
        text-align: center;
        background: url(../../sysskins/Sea%20Foam/graphics/footer.gif) top left no-repeat;
        border: 1px solid #ccc;
}

#footermenu a {
        font-size: 10px;
}

#footermenu a:hover {
    text-decoration: underline;
        color: #036;
}

#copyright
{
        font-size: 10px;
        position: relative;
        font-weight: bold;
        color: #666;
        padding-top: 5px;
        padding-bottom: 5px;
        text-align: center;
}

#poweredby
{
        padding-top: 5px;
        padding-bottom: 5px;
}

/* END FOOTER ELEMENTS */

/* START HOMEPAGE TAGS */
/*
#PageHome #MainContent
{
        padding: 0px;
        margin: 0px;
}
*/

#HomeTable
{
        margin-top: 20px;
}

#HomeColumn1
{
        vertical-align: top;
        width: 145px;
}

#HomeColumn2
{
        vertical-align: top;
        text-align: left;
        padding: 2px 10px 0 10px;
        width: 445px;
}

#HomeColumn3
{
        vertical-align: top;
        width: 145px;
}

/*
#HomepageSample1
{
}
*/

#HomepageSample2
{
        vertical-align: top;
        background: url(../../sysskins/Sea%20Foam/graphics/homepageblock.gif) top no-repeat;
        text-align: left;
        vertical-align: middle;
        height: 100px;
        width: 420px;
        padding: 25px 5px 5px 5px;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 1px solid #ccc;
        font-size: .8em;
}

#HomeColumn1 .SingleProductDisplay{
        border: 0px;
}
 #HomeColumn2 .SingleProductDisplay{
        border: 0px;
}
 #HomeColumn3 .SingleProductDisplay{
        border: 0px;
}

#HomeColumn1 .SingleCategoryDisplay{
        border: 0px;
}
 #HomeColumn2 .SingleCategoryDisplay{
        border: 0px;
}
 #HomeColumn3 .SingleCategoryDisplay
{
        border: 0px;
}

/* END HOMEPAGE TAGS */

/* START NAV COLUMN BLOCK TAGS */
#navColumn ul
{
        padding: 0;
        margin: 0 0 0 10px;
        list-style-type: none;
}

.CategoryList ul
{
        padding: 0;
        margin: 0 0 0 10px;
        list-style-type: none;
}

.NavColumnBlock
{
        width: 145px;

}

.NavColumnBlockContent
{
        font: 10px Verdana, Arial, Helvetica, Sans-Serif;
        padding: 5px;
        background: #FFFFFF url(../../sysskins/Sea%20Foam/graphics/ContentColumnbg.gif) no-repeat 50% top;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}

.MailingListSignupForm{
        width: 145px;
        padding: 2px 0 20px 0;
}
 .SearchBoxForm{
        width: 145px;
        padding: 2px 0 20px 0;
}
 .CategoryList
{
        width: 145px;
        padding: 2px 0 20px 0;
}

.CategoryListContent{
        padding: 5px;
        background: #FFFFFF url(../../sysskins/Sea%20Foam/graphics/ContentColumnbg.gif) no-repeat 50% top;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}
 .MailingListSignupFormContent{
        padding: 5px;
        background: #FFFFFF url(../../sysskins/Sea%20Foam/graphics/ContentColumnbg.gif) no-repeat 50% top;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}
 .SearchBoxFormContent
{
        padding: 5px;
        background: #FFFFFF url(../../sysskins/Sea%20Foam/graphics/ContentColumnbg.gif) no-repeat 50% top;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
}

/* END NAV COLUMN BLOCK TAGS */

/* START PRODUCT CONTROLS AND CATEGORY CONTROLS */
.SingleProductDisplay
{
        text-align: center;
        width: 145px;
        margin: 10px 10px 10px 0;
}

.SingleCategoryDisplay
{
        text-align: center;
        width: 145px;
        margin: 10px 10px 10px 0;
}

/* Special Tag to shrink single product margins when inside nav column */
.RelatedItemsBlock
{
        display: block;
        border: 1px solid #ccc;
        background: #efefef;
        width: 145px;
        margin: 0px;
}

.RelatedItemsBlockContent
{
        padding: 0px;
        text-align: center;
}

.NavColumnBlock .SingleProductDisplay{
        margin: 0px;
}
 .NavColumnBlock .SingleCategoryDisplay
{
        margin: 0px;
}

/*
.SingleProductDisplayImage
{

}

.SingleCategoryDisplayImage
{

}
*/

.SingleProductDisplayName a{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .SingleCategoryDisplayname a{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .ListCategoryDisplay a
{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.SingleProductDisplayPrice a
{
        font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #900;
}

.ListProductDisplay
{
        width: 500px;
}

.ListCategoryDisplay
{
        width: 500px;
}

.ListProductDisplayPrice
{
        text-align: right;
}

.ListCategoryDisplayDescription
{
        margin: 3px 10px 10px 0;
        font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.DetailProductDisplay
{
        border-top: solid 1px #cccccc;
        padding: 10px;
        width: 575px;
}

.DetailProductDisplayImage
{
        vertical-align: top;
        width: 120px;
        height: 110px;
        float: right;
}

.DetailProductDisplayName
{
    /*vertical-alignment: middle;*/
    font-size: 12px;
    font-weight: bold;
    /*height: 20px;
    background: url(/images/misc/ViewDetailsButton.gif) no-repeat;*/

}

.DetailProductDisplayPrice
{
    font-size: 11px;
        color: #f30;
}

/* END PRODUCT CONTROLS AND CATEGORY CONTROLS */

/* Shopping Cart Page */
#CartTitle
{
        width: 750px;
}

/*
#CartSubTitle
{
}
*/

#CartContainer
{
        width: 750px;
}

/*
#CartItemBlock
{
}
*/

#CartItemBlock table
{
        margin: 0px;
        width: 750px;
}

#CartUpdateBlock
{
        width: 500px;
        text-align: center;
        border-left: solid 1px #039;
        border-bottom: solid 1px #039;
        border-right: solid 1px #039;
}

#CartTotalBlock
{
        border-bottom: solid 1px #039;
        border-right: solid 1px #039;
        width: 250px;
        padding: 5px;
        text-align: center;
}

#CartCheckoutButtons
{
        width: 750px;
        text-align: right;
        margin-top: 10px;
}

/* START VISUAL STYLES */

/* quote box, etc. */
.BVText
{
        font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
        background: #efefef;
        display: block;
        padding: 5px;
        border: 1px solid #ccc;
}

.CartText
{
        font: 14px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.BVSmallText
{
        font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
}

.Header
{
        color: #036;
        background: #ccc;
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        padding: 5px;
}

.Item{
        padding: 5px;
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .CartItem{
        padding: 5px;
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .AlternateItem{
        padding: 5px;
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .CartAlternateItem
{
        padding: 5px;
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.CartItem{
        border-bottom: 1px solid #708090;
}
 .CartAlternateItem
{
        border-bottom: 1px solid #708090;
}

.FormInput
{
        border: 1px solid #ccc;
        background: #F9F9F9;
}

.FormInputError
{
        border: 1px solid #ccc;
        background: #ffb5b5;
}

.formlabel
{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #036;
        vertical-align: middle;
}

.FormLabelStrong
{
        font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #069;
}

.ErrorMessage
{
        background: #F17777;
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        border: 1px solid #F00;
        padding: 3px;
}

.SuccessMessage
{
        background: #9f0;
        font: 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.indent
{
        margin-left: 20px;
}

.Padded
{
        margin: 10px;
}

.ProductPropertyLabel
{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        text-decoration: underline;
}

.ProductProperty {
    font-size: 10px;
        color: #000;
}

.SitePriceDiscounted{
        font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .YouSave{
        font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .ListPrice{
        font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .SitePrice{
        font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}
 .DiscountText{
        font: bold 11px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

/*
.SitePrice
{
}

.ListPrice
{
}
*/

.ListPrice
{
        text-decoration: line-through;
}

.SitePriceDiscounted{
        color: #f00;
}
 .YouSave
{
        color: #f00;
}

/* START BREADCRUMB TAGS */
#BreadCrumbs
{
        font: 10px/11px Verdana, Arial, Helvetica, Sans-Serif;
        color: #036;
        padding: 8px 0 10px 10px;
}

.BreadCrumbTrailSpacer
{
        background-repeat: no-repeat;
}

.BreadCrumbTrailNoLink
{
    visibility: hidden;
}

#BreadCrumbs a
{
        color: #009;
}

#BreadCrumbs a:hover
{
        color: #00f;
}

/* END BREADCRUMB TAGS */

/* CATEGORY LIST CONTROL TAGS */
.OtherCategory a{
        font: 10px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        text-decoration: none;
}
 .SubCategory a{
        font: 10px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        text-decoration: none;
}
 .SubCategory a:visited{
        font: 10px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        text-decoration: none;
}
 .SubCategory a:active
{
        font: 10px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        text-decoration: none;
}

.CurrentCategory a
{
        font: bold 10px Verdana, Arial, Helvetica, Sans-Serif;
        text-decoration: none;
}

.OtherCategory a:hover
{
        border-bottom: 3px solid #ccc;
}

.SubCategory a:hover
{
        text-decoration: underline;
}

/* END CATEGORY LIST CONTROL TAGS */

/*
#ProductProperties
{
}
*/

#ProductProperties ul
{
        margin-top: 5px;
        list-style-type: none;
}

#ProductProperties ul li
{
        margin-top: 3px;
}

#ProductProperties ul ul
{
        margin: 5px 0 0 50px;
        list-style-type: disc;
}

/* Category Page */
#CategoryListHeader
{
    padding: 10px 0 10px 10px;
}

#CategoryListHeader #LayoutTable
{
        width: 575px;
}

#Pager{
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
}
 #Sorter{
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
}
 #Sorter td {
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
}

#RecordsFound
{
    padding-left: 3px;
        font-weight: bold;
        color: #666;
}

/*
#Sorter Table
{
}
*/

#tblItems
{
        border: 1px solid #708090;
        width: 720px;
        margin: 5px;
}

#CheckoutTable
{
        width: 720px;
}

#CheckoutSteps
{
        margin: 5px;
}

.CheckoutStep
{
        font: 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

#CheckoutSteps a
{
        padding-right: 25px;
        color: #666;
}

.CheckoutStep .CheckoutStepCurrent
{
        font: bold .9em;
        color: #036;
}

.CheckoutDescription
{
        font: bold 12px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

#AddressBookPanel
{
        margin-bottom: 10px;
}

.ContentBox
{
        margin: 3px 0 5px 20px;
        background: #fff;
        border: solid 1px #708090;
        padding: 10px;
}

#CheckoutTotals
{
        text-align: center;
        background: #fc6;
        border: 1px solid #708090;
        padding: 5px;
}

#PlaceOrderCell
{
        padding: 5px;
        text-align: center;
        background: #fff;
        border: 1px solid #708090;
}

#CheckoutCoupons{
        border: 1px solid #708090;
        padding: 5px;
}
 .ControlArea{
        border: 1px solid #708090;
        padding: 5px;
}
 #ProductControls{
        border: 1px solid #708090;
        padding: 5px;
}
 #CheckoutPayment
{
        border: 1px solid #708090;
        padding: 5px;
}

#ProductControls
{
        margin-top: 20px;
}

#lblSKU
{
    font-size: 10px;
}

/* START PRODUCT REVIEWS */

#ProductReviews
{
        margin: 20px 0 10px 0;
}

#ProductReviewNew
{
        margin: 20px 0 10px 0;
}

#ProductReviews h3
{
        padding: 5px 3px 12px 0;
        background-position: center bottom;
        border-bottom: 1px solid #ccc;
        color: #666;
}

#ProductReviews a
{
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
}

.ProductReviewRating
{
        font: bold 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        color: #c60;
}

.ProductReview
{
        font: 10px/14px Verdana, Arial, Helvetica, Sans-Serif;
        margin: 10px;
        padding: 3px;
}

.ProductReviewKarma
{
        font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
        position: relative;
        top: 10px;
        padding-bottom: 10px;
}

/* END PRODUCT REVIEWS */

.RelatedItemsBlock h3
{
        padding: 5px 3px 12px 0;
        background-position: center bottom;
        border-bottom: 1px solid #ccc;
        color: #666;
}

#VolumeDiscounts
{
        margin: 5px;
}

.VolumePricingHeader
{
        font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
        color: #036;
        font-weight: bold;
}

.VolumePricingText
{
        font: 10px/12px Verdana, Arial, Helvetica, Sans-Serif;
        color: #666;
        padding: 2px;
}

/*
.NewProductBadge
{
}
*/

.NewProductBadge img
{
        position: relative;
        top: -110px;
        left: -35px;
}

/* use extra divs to insert custom graphics or elements
#extraDiv2
{
        display: none;
}

#extraDiv3
{
        display: none;
}

#extraDiv4
{
        display: none;
}

#extraDiv5
{
        display: none;
}

#ExtraDiv1
{
        display: none;
}

#ExtraDiv6
{
        display: none;
}
*/

/* START ERROR MESSAGE BOXES */
.WebPageMessage
{
        width: 500px;
        border: solid 1px #000;
        background: #fff;
        margin: 5px 0 5px 0;
}

.WebPageMessageError{
        padding: 5px;
        background-position: 5px 5px;
        background-repeat: no-repeat;
}
 .WebPageMessageWarning{
        padding: 5px;
        background-position: 5px 5px;
        background-repeat: no-repeat;
}
 .WebPageMessageInformation{
        padding: 5px;
        background-position: 5px 5px;
        background-repeat: no-repeat;
}
 .WebPageMessageQuestion{
        padding: 5px;
        background-position: 5px 5px;
        background-repeat: no-repeat;
}
 .WebPageMessageOK{
        padding: 5px;
        background-position: 5px 5px;
        background-repeat: no-repeat;
}

.WebPageMessageError
{
        background-image: url(../../images/WebPageMessageError.gif);
}

.WebPageMessageWarning
{
        background-image: url(../../images/WebPageMessageWarning.gif);
}

.WebPageMessageInformation
{
        background-image: url(../../images/WebPageMessageInformation.gif);
}

.WebPageMessageQuestion
{
        background-image: url(../../images/WebPageMessageQuestion.gif);
}

.WebPageMessageOK
{
        background-image: url(../../images/WebPageMessageOK.gif);
}

.WebPageMessage .Message
{
        font: .7em;
        padding: 0 0 15px 40px;
}

/* END ERROR MESSAGE BOXES */