﻿body {
    background: #000000;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: normal;
    text-transform: none;
    word-spacing: normal;
    margin: 0;
    padding: 0;
}
a, a:hover { font-size: 11px; text-decoration: none; }
fieldset { padding-right: 0; }
h1 { font-size: 16px; margin-bottom: 16px; }
h1.large { font-size: 29px; }
h2 { font-size: 14px; margin-bottom: 14px; }
h2.description { font-size: 11px; margin-bottom: 11px; margin-top: 0; }
h3 { font-size: 11px; margin-bottom: 11px; }
h4 { font-size: 11px; }
input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
legend 
{
	font-weight: bold;
	color: #000;
	margin-left: -5px;
}
select { font-family: Arial, Helvetica, sans-serif; font-size: 11px;  }

/* Layout */
#main, #header, #tabs, #subnav { width: 100%; }
#headertable, #categorylinkstable, #fship, #tabs div,
#contenttable, #subnavtable, #copyright table { 
    width: 972px; 
    margin-left: auto; 
    margin-right: auto;
}
#header { border-top: 1px solid #FFFFFF; }
#header, #copyright { background: #333333; color: #ffffff; }
#headerlinkstable { margin-right: 16px; }
#tabs div a { float: left; }
#fship { padding: 3px 0 3px 0; color: #ffffff; }
#fship div { padding-left: 10px; }
#content { background-color: #000000; border-bottom: solid 1px #FFFFFF; }
.maincontent { background-color: #ffffff; width: 811px; }
a.bagcolor { 
    color: #1aa3a8; 
    font-weight: bold; 
	font-size: 10px;
	text-decoration: none;
}
a.bagcolor:hover { color: #1aa3a8; font-size: 10px; text-decoration: underline; }
a.partnership, a.partnership:hover { color: White; font-weight: bold; }
#subnav { background: #000; }
.footer { color: White; }
.footer a, .footer a:hover { color: White; }

/* Menu */
#menu { background: #000000; border-top: solid 1px #FFFFFF; height: 30px; }
a.menu { color: #fff; font-weight: bold; text-transform: uppercase; }
a.menu:hover { color: #1aa3a8; text-decoration: none; }
a.menusale, a.menuclearance { color: #0B1249; font-weight: bold; text-transform: uppercase; }
a.menusale:hover, a.menuclearance:hover { color: #1aa3a8; text-decoration: none; }
#menu a.active { color: #1aa3a8; }

/* Side Bar */
#sidebar { width:157px; height: 400px; padding-top: 11px; }
#sidenav
{
	list-style-type: none;
	margin: 0;
	margin-right: 5px;
	padding: 0;
	padding-bottom: 5px;
}
#sidenav li
{
	
	font-size: 13px;
	color: #ffffff;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
    font-family: Verdana, Arial, Sans-Serif;
}
#sidenav li span { width: 100%; white-space: nowrap; padding-right: 10px; }
#sidenav .narrow span
{
	width: 100%;
	white-space: nowrap; 
	padding-right: 10px;
	font-size: 11px;
	margin-top: 20px;
	display: block;
}
#sidenav .narrow span.label { font-size: 13px; margin-top: 0; }
#sidenav a { text-decoration: none; color: #ffffff; padding-right: 10px; white-space: nowrap; }
#sidenav a:hover, #sidenav a.activecategory { color: #1aa3a8; }
#sidenav a:hover, #sidenav a.currentcategory 
{
	background-image: url('../../images/siteimages/COS_Menu_Marker.gif');
	background-position: right;
	background-repeat: no-repeat;	
}
#sidenav .narrow a:hover, #sidenav .narrow a.currentcategory { background: none; }
/* Category Level */
#sidenav ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: 3px;
}
#sidenav li li { font-size: 11px; font-weight: normal; }
#sidenav li li a { font-weight: normal; text-transform: capitalize; }
#sidenav .ml1 span { margin: 0; }
/* SubCategory Level */
#sidenav li li ul { margin-right: 15px; margin-top: 0; }
#sidenav .ml1 ul { margin-right: 0; }
#sidenav .ml2 a { text-transform: lowercase; }

/* Categories.aspx */
.category { background-position: right top; background-repeat: no-repeat; width: 811px; height: 272px; vertical-align: top;}
.category div { width: 325px; margin-left: 30px; margin-top: 210px; font-size: 11px; text-align: justify; }
.category div h2  
{
    font-family: Century Gothic, Verdana, Arial, Sans-Serif; 
    color: #7b461c; 
    font-size: 14px; 
    margin: 0;
    font-weight: normal;
}
.feature { background-repeat: no-repeat; width: 811px; height: 227px; vertical-align: top; }
.feature div  { width: 325px; margin-left: 50px; margin-top: 162px; font-size: 11px; text-align: justify; }
.feature div h2  { font-family: Century Gothic, Verdana, Arial, Sans-Serif;  color: #482908;  font-size: 14px;  margin: 0; font-weight: normal;}
.subcategory { width: 322px; height: 438px; vertical-align: top; padding-right: 10px; }
.subcategory div { width: 300px; height: 409px; border: 1px solid #D1D1D1; }
.subcategory div div {
	white-space: normal;
	background-repeat: no-repeat;
	border: none;
	height: 79px;
	overflow: hidden;
	padding: 0 5px 5px 5px;
	vertical-align: middle;
}
.subcategory div h2 { font-size: 11px; margin: 0; padding-right: 5px; }
.subcategorybar  
{
	background: #d1d3d4; 
	font-size: 12px; 
	text-transform: uppercase;
	padding: 1px 5px 1px 5px;
}
.subcategorybar h1 { margin: 0; }
.subcategorybar a, .subcategorybar a:hover { color: #1aa3a8; }
.subcategorybar h3 { font-size: 12px; margin: 0; padding: 0; }
hr.subcategorybar  
{
	margin: 0;
	margin-bottom: 7px;
	padding: 0;
	height: 1px;
	border: 0;
	background-color: #d1d3d4;
}

/* Product Listing */
.clearance, .clearance:hover, .new, .new:hover { color: #ed094F; font-weight: bold; text-transform: uppercase; text-decoration: none; }
.sale, .sale:hover { color: #be0808; font-weight: bold; text-transform: uppercase; text-decoration: none; }
/* Product Page */
#productimagetable { width: 225px; }
#productordertable { width: 580px; }
.strikeout { font-size: 12px; text-decoration: line-through; }
.backordered { color: Red; }
.cartboxes { width: 25px; }
.sizebutton { border: 1px solid #CCCCCC; color:#333; }
.activesizebutton { border: 1px solid #CCCCCC; background-color: #333; color: #fff; }
.icons { background: url('../../images/siteimages/ProductPageIcons.gif') no-repeat; padding-left: 20px; height: 20px; float:left; cursor:pointer; }
.icons span { display: block; background: #fff; height: 100%; padding-left: 5px; line-height: 20px; }
.share { background-position: -40px 0px; }
.tellafriend { background-position: -60px 0px; float: right; }
.video { background-position: -20px 0px; float: right; }

/* Size Charts */
.c1 { background: #E3E3E3; }
.c2 { background: #cccccc; }
.c3 { background: #999999; }
.c4 { background: #666666; color: #fff; }
.c5 { background: #333333; color: #fff; }
.caption { background: #d1d3d4; text-align: center; font-weight: bold; }

/* Homepage */
#MainWindow { width: 780px; vertical-align: top; }
#Ad2 { height: 210px; }
.login {
    background: url(images/COS_home_Ad2_loggedout.jpg);
    background-repeat: no-repeat; 
    height: 160px;
    color: #ffffff;
    font-size: 11px;
    padding-top: 50px;
}
.login table { margin-left: 5px; }
.narrowtextboxes { width: 75px; }
.white a, .white a:hover, a.white, a.white:hover { color: White; }

/* Customer Service */
.CSHeading { font-family: Verdana; margin-bottom: 0px; margin-top: 5px; }
.CSTable { margin-left: 20px; margin-top: 20px; margin-right: 20px;  }
.withHeading { margin-top: 0px; }
.caption { background: #c9bdb1; text-align: center; font-weight: bold; }

/* Checkout */
#placeorderdisclaimer { width: 475px; text-align: left; }
.checkouttextboxes { width: 250px; }
.checkout2textboxes { width: 125px; }
select.checkouttextboxes { width: 255px; }
select.checkout2textboxes { width: 130px; }
.disclaimer { color: #ff0000; }
.discount { color: #ff0066; }
.paymentoption { text-align: right; padding-left: 20px; }
.shopbag th  { text-transform: uppercase; font-weight: bold; }
.shopbag td.bordertop { padding-top: 10px; }
.subtotal td { background-color: #ccc; font-weight: bold; }


/* Misc */
.red { color: Red; }
.reg { color: #000000; text-decoration: none; }
.reg:hover { color: #000000; text-decoration: underline; }
.regbold, .regbold:hover { color: #000000; font-weight: bold; text-decoration: none; }
.reggray { color: gray; }
.regular, .regular:hover { color: #000000; text-decoration: underline; }
.borderall { border: 1px solid #3e230b; }
.borderbottom { border-bottom: solid 1px #3e230b; }
.borderbottomleft { border-left: solid 1px #3e230b; border-bottom: solid 1px #3e230b; }
.borderbottomright { border-right: solid 1px #3e230b; border-bottom: solid 1px #3e230b; }
.borderleft { border-left: solid 1px #3e230b; }
.borderright { border-right: solid 1px #3e230b; }
.bordertop { border-top: solid 1px #3e230b; }
.bordertopbottom { border-top: solid 1px #3e230b; border-bottom: solid 1px #3e230b; }
.bordertopleft { border-left: solid 1px #3e230b; border-top: solid 1px #3e230b; }
.bordertopright { border-right: solid 1px #3e230b; border-top: solid 1px #3e230b; }

/* Ajax Tabs */
.tabs .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url('../../images/siteimages/tab-line.gif') repeat-x bottom;}
.tabs .ajax__tab_outer {
    padding-right:7px;
    background:url('../../images/siteimages/tab-right.gif') no-repeat right;
    height:31px;
}
.tabs .ajax__tab_inner {
    padding-left:7px;
    background:url('../../images/siteimages/tab-left.gif') no-repeat;
}

.tabs .ajax__tab_tab {
    height:31px;
    padding:4px;
    padding-bottom:0;
    margin:0px;
    background:url('../../images/siteimages/tab.gif') repeat-x;
}
.tabs .ajax__tab_hover .ajax__tab_outer {
    cursor:pointer;
    background:url('../../images/siteimages/tab-hover-right.gif') no-repeat right;
}
.tabs .ajax__tab_hover .ajax__tab_inner {
    cursor:pointer;
    background:url('../../images/siteimages/tab-hover-left.gif') no-repeat;
}
.tabs .ajax__tab_hover .ajax__tab_tab {
    cursor:pointer;
    background:url('../../images/siteimages/tab-hover.gif') repeat-x;
    color: #ffffff;
}
.tabs .ajax__tab_active .ajax__tab_outer {
    background:url('../../images/siteimages/tab-active-right.gif') no-repeat right;
}
.tabs .ajax__tab_active .ajax__tab_inner {
    background:url('../../images/siteimages/tab-active-left.gif') no-repeat;
}
.tabs .ajax__tab_active .ajax__tab_tab {
    background:url('../../images/siteimages/tab-active.gif') repeat-x;
    color: #000000;
}
.tabs .ajax__tab_disabled { color: #A0A0A0;}
.tabs .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    padding:8px;
    background-color:#ffffff;
}

/* Ajax Modal Popup */
.modalBackground 
{
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
	cursor: wait;
}

/* Add This */
.addthis_toolbox.addthis_pill_combo a {float: left;}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet {margin-top: -2px;}
