/* Classes */
*{margin:0px; padding:0px;}
html{margin:0px; padding:0px;}
body {margin:0px; padding:0px; font-family:"Lucida Sans Unicode","Lucida Grande", arial, san-serif; font-size:62.5%;color:Black; background-color:#F4FAFA;}
h1,h1 a{color:#f6742d; font-size:24px; font-weight:normal; margin-bottom:5px; padding-top:10px; margin-left:10px;}
h3{color:#f6742d; font-size:18px; margin:0px; padding:0px;}
a {text-decoration:none;color:#006EB2;}
a:hover{text-decoration:underline; color:#8B1921;}
img{border:none;}

a.productLink:hover{}
/* Error Page Title*/
h1.ErrorTitle {font-family:Verdana;font-size:xx-large;font-weight:bold;color:Red;}
/* Error Page Message Text */
h1.ErrorMessage {font-family:Verdana;font-size:medium;color:Maroon;}
/* The main container for contentPlaceHolder in the Master Page */
.TemplateBodyWrapper {width:800px; background-color:#FFF; height:100%; float:left;}

/* The footer container */
.TemplateFooter {width:100%;font-size:12px;color:#FFF;text-align:center; background-color:#2457a1; float:left; padding:3px 0px;}
.TemplateFooter a{color:#FFF; text-decoration:none;}
.TemplateFooter a:hover{text-decoration:underline;}
.TemplateFooter ul{float:left; margin:0px; padding:0px; list-style-type:none;}
.TemplateFooter li{font-size:12px; color:#fff; padding-right:15px; float:left;}
.TemplateFooter span{float:right;}

.bodyContainer{text-align:left; margin:0px 10px 10px 10px; float:left; background-color:#FFF;}
/* Left nav container */
.MasterPageLeftNavigation {float:left; height:500px;width:140px;}
/* The contentPlaceHolder container */
.MasterPageContent {float:left; padding:10px 10px 30px; width:98%;}
/* Breadcrumbs container */
.MasterBreadcrumbsContainer{width:100%;background-color:#f4f7fb;}
/* The product panel title */
.productPanelTitle{font-weight:bold; font-size:14px; color:#2457a1; border-bottom:solid 1px #ef5601; margin-bottom:0px;}
table.LeftNavigation /* table style inside left nav */
{
    width:125px;
    vertical-align:top;
}
tr.LeftNavigation /* table row inside left nav */
{
    width:125px;
    vertical-align:top;
}
td.LeftNavigation /* table cell inside left nav */
{
    vertical-align:top;
}
div.CheckoutError /* Error box that appears during checkout */
{
    background-color:#f2c1b6;
    border:solid 2px #f3736d;
    vertical-align:middle;
    padding: 4px 4px 4px 4px;
    width:98%;
    margin-top:2px;
}
.CheckoutError p /* The message inside the Error box */
{
    font-family:Arial;
    font-size:11px;
    color:black;
}
.CheckoutError a /* A link inside the error box */
{
    font-family:verdana;
    font-weight:normal;
    font-size:11px;
    padding:2px 3px 2px 3px;
    border:solid 1px black;
    color:white;
    background-color:#fb6a6a;
}
.CheckoutError a:hover /* A link inside the error box:hover */
{
    text-decoration:underline;
}
.AttentionBox /* Shipping Note in CustomerInfo */
{
    width:98%;
    border:solid 2px orange;
    background-color:#fdeed3;
    font-size:11px;
    font-weight:bold;
    padding:2px 0px 2px 4px;
    text-align:center;
}
.NavBoxWrapper /* Container for widgets in Left Nav */
{
    background-color:White;
    width:119px;
    padding-bottom:3px;
}
.NavHeader /* Background for widget titles in left nav */
{
    background-image:url(images/Layout/NavHeader_Bg.jpg);
    background-repeat:repeat-x;
    color:#f9fafb;
    font-size:14px;
    font-weight:bold;
    width:100%;
    text-align:center;
}
.NavLinks /* Plain Text Links on the left nav*/
{
    padding-left:4px;
    font-family:Arial;
    font-size:11px;
}
.NavLinks a:hover
{
    text-decoration:underline;
}
table.MainDisplay /* wrapper for some child pages */
{
    width:100%;
    height:100%;
    border:none;
    margin-bottom:30px;
}
.categoryGrid /* used for the old category grid, not used with tree view */
{
    width:119px;
}
.categoryGrid a /* used for the category navigation widget */
{
    display:block;
    width:100%;
}
.categoryGrid a:hover /* used for the category navigation widget:hover */
{
    background-color:#cdf9e0;
}
.categoryFooter /* used for the old category grid, not used with tree view */
{
    display:block;
    width:100%;
    font-size:10px;
    padding-left:3px;
    background-color:#d5dfeb;
}
.categoryFooter:hover /* used for the old category grid, not used with tree view */
{
    color:#3c6190;
}
.ExampleText /* used for examples like phone number format, also used as subtext for checkout totals */
{
    font-size:8pt;
    font-weight:normal;
}

/* Cart Grid Control - Used for Shopping Cart Grid */
.cartGridHeader
{
    font-family:Arial;
    font-size:small;
    font-weight:bold;
    color:White;
    background-color:#507CD1;
    padding-bottom:2px;
}
.cartGridItem
{
    font-family:Verdana;
    font-size:11px;
}
.cartGridItem a
{
    display:block;
    width:100%;
}
.cartGridItem a:hover
{
    text-decoration:underline;
}
.cartGridAlternateItem
{
    background-color:#f1f2f3;
    font-family:Verdana;
    font-size:11px;
}
.cartGridAlternateItem a
{
    display:block;
    width:100%;
}
.cartGridAlternateItem a:hover
{
    text-decoration:underline;
}
.cartGridProductAttribute
{
    font-size:smaller;
    font-style:italic;
    color:#0d591d;
}
/* End Cart Grid Control */

.WelcomeHeader /*The welcome text header on the cart homepage */
{
    color:Black;
}
.WelcomeText  /* the welcome text on the cart homepage */
{
    background-color:#FFF;
    font-size:12px;
    color:#002B55;
}
.product /* a product object container on the homepage */
{
    width:180px;
    float:left;
    margin-right:10px;
    margin-top:10px;
}

.product_image /* the product image inside the product container on the homepage */
{
    border:solid 1px #c0c0c0;
    height:180px;
    width:180px;
    vertical-align:middle;
    text-align:center;
}

.product_info /* the wrapper for the name,price,specialPrice inside the product container on the homepage */
{
    text-align:center;
    border-top-style:ridge;
    border-top-width:1px;
    width:100%;
    margin-top:3px;
    display:none;
}
.product_price /* the product price inside the product container on the homepage*/
{
    font-weight:bold;
    color:Red;
        display:none;
}
.product_special_price /*the product special price*/
{
    text-decoration: line-through;
    color:Black;
        display:none;
}
.product_name /*the products short name */
{
    font-family:Verdana;
    font-size:8pt;
        display:none;
}
.product_buynow /* the wrapper for the add to cart button in the product container */
{
    text-align:center;
    font-size:10pt;
    font-weight:bold;
    color:White;
    vertical-align:bottom;
    padding-top:6px;
        display:none;
}
    
.View_Product_Image /* The product image on ViewProduct.aspx */
{
    width:400px;
    text-align:center;
    vertical-align:middle;
    border-style:solid;
    border-width:1px;
}

.View_Product_Price /* The cell on ViewProduct.aspx that holds the price,,attributes,add to cart, etc */
{
    width:200px;
    text-align:left;
    vertical-align:top;
    margin-left:40px;
}
.View_Product_Description /* The product description text in ViewProduct.aspx */
{
    text-align:left;
    width:100%;
}
.View_product_normal_price /* The normal product price in the Price Box */
{
    color:Green;
}
.View_Product_InfoBox /* The div box holding the price,attributes, add to cart etc. in ViewProduct.aspx */
{
    font-size:14px;
    position:relative;
    float:right;
    text-align:left;
    padding:5px 5px 5px 5px;
    border:solid 1px black;
    background-color:#eff3f8;
    width:250px;
}
.attributeName /* The attribute name in ViewProductsaspx */
{
    font-size:14px;
    font-weight:bold;
}
.ShoppingBasketTotal /* The cart total in the nav shopping basket widget */
{
    font-family:Arial;
    font-size:11px;
    text-align:right;
    padding-right:2px;
    padding-bottom:2px;
    border-top:solid 1px gray;
}
.ShoppingBasketLinkViewCart /* the view cart link in the nav shopping basket widget */
{
    font-family:Arial;
    font-size:11px;
    padding:0px 2px 0px 2px;
    background-color:#e9f1fc;
    border:solid 2px #2457A1;
    margin-right:1px;    
    text-align:center;
    width:50px;
}
.ShoppingBasketLinkViewCart:hover /* the view cart link:hover in the nav shopping basket widget */
{
    background-color:#ccffd2;
    border:solid 2px #50B800;
}

.ShoppingBasketLinkCheckout /* the checkout link in the nav shopping basket widget */
{
    font-family:Arial;
    font-size:11px;
    border:solid 2px #F45803;
    padding:0px 3px 0px 3px;
    background-color:#fff0db;
    margin-left:2px;
    text-align:center;
    width:50px;
}
.ShoppingBasketLinkCheckout:hover /* the checkout link:hover in the nav shopping basket widget */
{
    background-color:#ccffd2;
    border:solid 2px #50B800;
}
.ShoppingBasketGrid /* the grid in the nav shopping basket widget */
{
    border:0px;
}
.ShoppingBasketGrid a /* the grid:a in the nav shopping basket widget. Makes the whole row selectable */
{
    display:block;
    width:100%;
}
.ShoppingBasketGrid a:hover /* the grid:hover in the nav shopping basket widget. Makes the whole row selectable */
{
    text-decoration:underline;
}
.ShoppingBasketProductAttribute /* the attribute text for a grid item in the nav shopping basket widget */
{
    font-size:xx-small;
    font-style:italic;
    padding-left:2px;
    color:#0d591d;
}
.CartSubTotal /* the subtotal text on the shopping cart page */
{
    padding-bottom:8px;
    font-weight:bold;
}
.CustomerInfo_Header /* The header text and background for the customer info control */
{
    width:300px;
    padding-left:10px;
    padding-top:5px;
    text-align:left;
    vertical-align:middle;
    font-family:Arial Black;
    font-size:medium;
    background-image:url(images/Controls/Customer_Info_Header.gif);
    background-repeat:no-repeat;
}
.CustomerInfo_Problems li /* The list of missing data items on the customer address page */
{
    color:Red;
    display:block;
    font-family:Arial;
    font-variant:small-caps;
}
.ShippingEstimatorBox /* The shipping estimator container on the ShoppingCart page */
{
    width:300px;
    vertical-align:top;
    padding:3px 3px 3px 3px;
    text-align:left;
    border-color:gray;
    border-width:medium;
    background-color:#ebf2f9;
    font-size:smaller;
    color:Black;
    font-size:12px;
}
.ShippingEstimatorBox li /* Shipping estimator result list */
{
    color:Black;
    display:block;
}
/* Special Instructions Box during checkout */
.SpecialInstructionsContainer
{
    width:98%;
    border:solid 1px #2081c5;
    padding:3px 5px 3px 5px;
    font-family:Verdana;
    font-size:10px;
}
.SpecialInstructionTextBox
{
    width:97%;
    height:60px;
    font-family:Verdana;
    font-size:10px;
}

/* Authorize.Net module styles */
.AuthorizeNet_Container
{
    width:300px;
    border:solid 1px #2081c5;
    padding:3px 5px 3px 5px;
}
.AuthorizeNet_Title
{
    font-size:medium;
    font-weight:bold;
    width:100%; 
}
.AuthorizeNet_CCLogos
{
    width:202px;
    height:32px;
    padding: 0px 0px 3px 0px;
    margin: 0px 0px 0px 0px;
    background-image:url(images/Controls/Authorize.net-CCLogos.png);
    background-repeat:no-repeat;
}
div.AuthorizeNet_MessageBox
{
    width:100%;
    background-color:#ff7077;
    font-size:small;
    background-repeat:no-repeat;
    background-position:left;
    padding: 2px 0px 2px 0px;
    margin-bottom:4px;
}
/* Coupon Code Control */
.CouponCodeContainer
{
    width:300px;
    padding: 4px 5px 4px 5px;
    background-color:#fdfbe8;
    border:dashed 2px #f8f1b4;
}
.CouponCodeRedeemButton
{
    background-color:#e4f9e1;
    color:gray;
    padding: 2px 3px 2px 3px;
    border:solid 2px #b3ecac;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    margin-left:10px;
}
.CouponCodeRedeemButton:hover
{
    background-color:#b3ecac;
    color:gray;
    padding: 2px 3px 2px 3px;
    border:solid 2px gray;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
}
.CouponCodeRemoveButton
{
    background-color:#fde3e3;
    color:gray;
    padding: 2px 3px 2px 3px;
    border:solid 2px #f6b1b1;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
    margin-left:10px;
}
.CouponCodeRemoveButton:hover
{
    background-color:#fccfcf;
    color:gray;
    padding: 2px 3px 2px 3px;
    border:solid 2px gray;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
}
.CouponCodeMessageInvalid
{
    background-color:#f2c1b6;
    border:solid 2px #f3736d;
    vertical-align:middle;
    padding: 2px 4px 2px 4px;
    margin-top:4px;
    font-size:smaller;
}
.CouponCodeMessageValid
{
    background-color:#e4f9e1;
    border:solid 2px #b3ecac;
    vertical-align:middle;
    padding: 2px 4px 2px 4px;
    margin-top:4px;
    font-size:smaller; 
}

/******Checkout Review Controls ******/
/* These are the boxes that show the customers cart, address info, payment etc. during checkout */
.ReviewContainer
{
    width:98%;
    padding: 4px 4px 4px 4px;
    border-width:1px;
    border-style:solid;
    border-color:#2081c5;
}
.ReviewContainer h2
{
    color:#355a73;
    font-size:small;
    padding-bottom:5px;
    margin-bottom:0;
}
.ReviewContainer h3
{
    font-family:Arial;
    font-size:small;
    font-weight:bold;
    color:Black;
    padding-bottom:2px;
    margin-bottom:2px;
    text-decoration:underline;
}
.ReviewEditButton a
{
    background-color:#f5f7fa;
    color:gray;
    padding: 2px 3px 2px 3px;
    border-color:#d0deec;
    border-style:solid;
    border-width:2px;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
}
.ReviewEditButton a:hover
{
    background-color:#d3e0ee;
    color:White;
    padding: 2px 3px 2px 3px;
    border-color:#acb5be;
    border-style:solid;
    border-width:2px;
    text-align:center;
    font-family:Arial;
    font-weight:bold;
    font-size:11px;
}
/* Review Cart Items */
.ReviewCartItemsTotals
{
    padding-top:8px;
    text-align:right;
    font-family:Verdana;
    font-size:11px;
    min-height:100%;
}
.ReviewCartItemsTotals table
{   
    border-top:solid 1px gray;
    background-color:#eff5fb;
    text-align:right;
}
/* Review Address Info */
.ReviewAddressText
{
    font-family:Verdana;
    font-size:12px;
    background-color:#fbfbf4;
}
/* Review Payment Info */
.ReviewPaymentText
{
    font-family:Verdana;
    font-size:12px;
}
.OrderReceiptContainer
{
    padding-left:3px;
    font-family:Verdana;
    font-size:12px;
}
.ReviewSpecialInstructionText
{
    font-size:11px;
    background-color:#f6fafe;
    padding:1px 1px 1px 3px;
}
.ReviewOrderDetails
{
    font-size:11px;
}
.ReviewEmphasizeLarge
{
    font-size:medium;
    font-weight:bold;
}
.ReviewEmphasizeMedium
{
    font-size:small;
    font-weight:bold;
}
.ReviewEmphasizeSmall
{
    font-size:smaller;
    font-weight:bold;
}
.ReviewStatus
{
    color:Green;
}
.ReviewEmail
{
    font-weight:bold;
}
.ReviewShipping
{
    font-weight:bold;
}
.UPSShippingDiv
{
    background-color:#330000;
    color:White;
    width:98%;
    border:solid 3px #6c4a01;
}
.UPSShippingExtraInfo
{
    clear:both;
    background-color:#fff2ac;
    color:Black;
    font-size:12px;
    padding:3px 3px 3px 3px;
    margin:1px 5px 3px 5px;
    border:solid 1px black;
}
.UPSShippingExtraInfo a
{
    color:Blue;
    text-decoration:underline;
}
.BadgesWrapper
{
    text-align:center;
    background-color:Transparent;
}
/* Used for Category Accordion if enabled */
.CategoryAccordionHeader /*the category name */
{
  font-weight:bold;
  background-color:navy;
  cursor: pointer;
  color:White;
  font-size:12px;
}
.CategoryAccordionContent /*the products in the categories */
{
    font-family:Arial;
    font-size:11px;
}
.CategoryAccordionContent a /* product links */
{
    display:block;
    width:100%;
}
.CategoryAccordionContent a:hover /*product links hover */
{
   background-color:Menu;
}

/***************** PROGRESS METER ****************************/
#youAreHere{width:838px; float:left; padding:3px 2px; position:relative;}
#youAreHere div.Stages{font-family:Arial; font-size:12px;}
#youAreHere span.Active,#youAreHere span.Active a{}
#youAreHere span.Active a:hover{text-decoration:underline;}
#youAreHere span.Future{color:#fff; text-transform:lowercase;}
#youAreHere span.Past a{text-decoration:underline;}
#youAreHere span.Title{}

/**************************************USA SAILING GEAR***************************************/
#container{
	width:840px;
	margin:0px auto;
	padding:0px 70px 20px 70px;
}

#navContainer{
	width:980px;
	margin:0px auto;
	margin-top:10px;
}

ul#siteNav{float:right; color:#006EB2; margin-right:10px;}
ul#siteNav li{float:left; padding-left:10px;}

#productNav{
clear:both;
	background:transparent url('images/logo-header.gif') no-repeat scroll 0px 0;
	height:114px;
	width:980px;
}
#productNav a.logo{width:435px; height:120px; display:block; cursor:pointer; float:left;}
#productNav ul{
	float:left;
	margin-left:10px;
	margin-top:35px;
}
#productNav ul li{
	float:left;
	padding-left:25px;
}
#productNav ul li span{display:block;font-size:1.9em;margin-top:10px;}
#productNav ul li a{
	float:left;
	color:#fff;
}

ul{list-style-type:none;}

#headImage{
	width:800px;
	height:286px;
	margin:0px 20px;
	background:url('images/headImage.jpg') no-repeat scroll 0px 0;
}
#headImage a{width:100%; height:100%; display:block; cursor:pointer;}
#contentContainer{
 margin-top:0px;
	background:#fff;
	border:1px solid #cacecf;
	width:840px;
}
#productsContainer{float:left; width:840px;}
#productsContainer h4{clear:left; float:left; font-size:18px; color:#8B1921; margin:4px 0px; width:100%;}
.productsHolder{clear:both;}
.productsHolder h2{color:#8B1921;padding:10px;}
.productsHolder h2.title{ float:left;}

.productListing{
	float:left;
	width:150px;
	padding:25px;
}

.productListing h3{height:35px;}
.productListing h3 a{color:#333; text-align:center; font-size:.85em;}
.productListing p{color:#666;line-height:1.5em;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #999; height:95px;}
.productListing span a{display:block;color:#8B1921;text-decoration:none;float:right;}
.productListing a{display:block;padding-top:5px;font-weight:bold;color:#006EB2;}
.productListing .buyNow{text-transform:uppercase;font-size:1.2em;}
.productListing .addToCart{text-decoration:none;font-weight:normal;color:#666;font-size:1em;}

.redRoundedBG{
    clear:right;
	background:url('images/redRoundedBG.gif') no-repeat;
	width:200px;
	height:300px;
	float:right;
	color:#fff;
	line-height:1.2em;
	margin-bottom:20px;
}

.redRoundedBG h2{font-weight:normal;border-bottom:1px solid #fff;color:#fff;}
.redRoundedBG p, .redRoundedBG a, .redRoundedBG h3{padding:5px;color:#fff;}
.redRoundedBG h3{margin-top:15px;}
.redRoundedBG a{float:right;}

#footer{clear:both; height:30px; color:#fff; text-align:center; background:url('images/usg-footer-logo.gif') no-repeat #8B1921 10px 0px;}
#footer a.logo{float:left; width:145px; height:30px; cursor:pointer; display:block;}
#footer ul#footerNav{float:left; margin-left:10px;}
#footer ul#footerNav li{float:left; padding-left:10px; margin-top:8px;}
#footer ul#footerNav li a{color:#fff;}
#footer span{float:right;margin-top:8px; margin-right:5px;}

/****Inner Styles****/
#cartContainer{background:url('images/cartIcon.gif') no-repeat center left;float:right;display:block;margin:10px;padding-left:40px;}
#cartContainer p{color:#666;}

#apparelContainer{padding:20px 0px;margin:20px;}
#apparelContainer div.viewLeft{float:left; width:300px;}
#apparelContainer div.viewRight{float:left; width:480px;}
#apparelContainer div.viewRight p.ViewSizeChart{clear:left; float:left; margin-top: 35px; font-weight: bold; font-size: 14px; height:32px; background-image:url(images/ico-sizeChart.gif); background-repeat:no-repeat; background-position:left center;}
#apparelContainer div.viewRight p.ViewSizeChart a{padding-left:35px; float:left; height:30px; margin-top:5px;}
#apparelContainer h2{display:block;border-bottom:1px solid black;padding-bottom:10px;margin-bottom:20px;}
#apparelContainer h4{margin-bottom:10px; font-size:1.5em;}
#apparelContainer #productCopy{font-size:1.3em;line-height:1.5em;border-bottom:1px dashed #999;padding-bottom:20px;}
#apparelContainer #productImage{float:left;padding-right:20px;width:300px;}

#apparelContainer #productShotsContainer{clear:both;float:left;width:300px;}
#apparelContainer #productShotsContainer a:hover{text-decoration:none;}
#apparelContainer #productShotsContainer h4{margin-top:20px;}

#apparelContainer #buyOptions{width:250px;float:left;margin-top:20px;padding-bottom:20px;}
#apparelContainer #buyOptions span.attrName{clear:left; width:60px; float:left; font-size:1.4em; margin-top:.5em;}
#apparelContainer #buyOptions span.attrValue{margin-top:.5em; float:left; width:185px;}
#apparelContainer #buyOptions p{padding:10px 0px;font-size:1.5em;}
#apparelContainer #buyOptions p input,#apparelContainer #buyOptions p select{margin-left:20px;}

#apparelContainer #buyItContainer{width:200px;float:right;margin-top:20px;padding-bottom:20px;}
#apparelContainer #buyItContainer span,#apparelContainer #buyItContainer a{display:block;}
#apparelContainer #buyItContainer #regularPrice{color:#999;font-size:1em;line-height:100%;padding-bottom:5px;margin-bottom:10px;display:block;border-bottom:1px dashed #e2e2e2;}
#apparelContainer #buyItContainer #price{font-size:4em;color:#666;font-weight:bold;line-height:100%;padding-bottom:10px;}
#apparelContainer #buyItContainer a.buyNowButton{background:url('images/buyNow.gif') no-repeat top left;width:150px;height:57px;text-indent:-9999px;font-size:2.5em;line-height:100%;}
#apparelContainer #buyItContainer a.buyNowButton:hover{background:url('images/buyNow.gif') no-repeat top right;}
#apparelContainer #buyItContainer #viewCart{font-size:1.3em;line-height:100%;margin-left:10px;}

#youMightLikeContainer{clear:both;padding-top:20px;}
#youMightLikeContainer h2{margin-bottom:0px;}
#youMightLikeContainer .productListing{padding:22px;}