@charset "UTF-8";
/* CSS Document */

/* site colors
	purple:				6c81c4
	purple dark:		000099
*/

/* HTML */

#contentLeft {
	float:left;
	margin:0; 
	padding:0;
	width:216px;
}

#contentRight {
	float:right;
	margin:0; 
	padding:0;
	width:142px;
}

#contentMain {
	margin:0 148px 0 228px;
}

/* IE6 fix, otherwise the content will show below the sidebars; use on pages with tables */
#ie6fix {
	width:99%;
}

#footer {
	background-image:url(http://www.bluecosmo.com/images/bg-footer.gif);
	background-repeat:repeat-x;
	border-bottom:2px solid #6a6d73;
	border-left:1px solid #ccc;
	border-right:2px solid #7F838A;
	color:#333;
	font-size:11px;
	margin:0 auto 0 auto;
    width:967px;
}

#recommendedTitles {
	background-image:url(../images/recommend-titles-bg.gif);
	background-repeat:repeat-x;
	border-left:1px solid #999;
	border-right:1px solid #999;
}

#wrap {
	background-color: #FFFFFF;
	border-left:1px solid #ccc;
	border-right:2px solid #7F838A;
	display:block;
    margin:0 auto;
    padding:7px 7px;
    width:953px;
}

.corners {
	background-color:#6c81c4;
	border:0 none;
	display:block;
	height:6px;
	margin:0;
	padding:0;
	width:100%;
}

.corners .e {
	display:block;
	float:right;
}

.corners .w {
	border:0 none;
	display:block;
	float:left;
	margin:0;
	padding:0;
}

.leftColDiv {
	padding-bottom:7px;
}

.leftColTitleBar {
	background-color:#6c81c4;
	background-image:url(http://www.bluecosmo.com/images/bg-title-leftcol.gif);
	background-repeat:no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:0;
}

.leftColDivSubTitleBar {
	background-color:#EFF2F8;
	border-left:1px solid #999;
	border-right:1px solid #999;
	font-weight:bold;
	padding:3px 3px 3px 9px;
}

.titleBarRounded {
	background-color:#6c81c4;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	margin:-5px 0 0 0;
	padding:0 7px 2px 7px;
}
/* end test */






body {
	background-image:url(http://www.bluecosmo.com/images/bg.gif);
	background-repeat:repeat;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

form {
	display: inline;
}

h1 {
	font-size:22px;
	font-weight:normal;
	line-height:36px;
	margin-bottom:0px;
	margin-top:10px;
	padding-bottom:5px;
	padding-top:5px;
}

h1.product {
	font-size:20px;
	font-weight:normal;
	line-height:24px;
	margin-bottom:0px;
	margin-top:5px;
	padding-bottom:5px;
	padding-top:0px;
}

h2 {
	color:#6c81c4;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	margin-bottom:0px;
	margin-top:0px;
	padding-bottom:5px;
	padding-top:5px;
}

p {
	margin-bottom:10px;
	margin-top:0px;
	padding-bottom:5px;
	padding-top:5px;
}

/* LINKS */
a:link { text-decoration: underline; color: #000099; } /* 0a2215 */
a:visited { text-decoration: underline; color: #000099; }
a:active { text-decoration: underline; color: #000099; }
a:hover	{ text-decoration: none; color: #000099; }

a.navLink:link, a.navLink:visited, a.navLink:active {
	color: #333;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
a.navLink:hover, a.navLinkOn {
	color: #fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}

a.subNavLink:link, a.subNavLink:visited, a.subNavLink:active {
	color: #fff;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
a.subNavLink:hover, a.subNavLinkOn {
	color: #333;
	padding-left:8px;
	padding-right:8px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}

a.titleBarTDLink:link, a.titleBarTDLink:visited, a.titleBarTDLink:active {
	color:#fff;
	font-weight:normal;
	text-decoration: none;
}
a.titleBarTDLink:hover	{
	color:#fff;
	font-weight:normal;
	text-decoration: none;
}

a.leftNavLink:link, a.leftNavLink:visited, a.leftNavLink:active {
	color: #000099;
	display:block;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
}

a.leftNavLink:hover	{
	background-color:#EFF2F8;
	color: #000099;
	padding-left:8px;
	padding-right:8px;
	text-decoration: none;
}

a.sidenavLink:link, a.sidenavLink:visited, a.sidenavLink:active {
	color: #333;
	display:block;
	padding-left:7px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration: none;
}

a.sidenavLink:hover	{
	color: #fff;
	padding-left:7px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
	text-decoration: none;
}

a.footerLink:link, a.footerLink:visited, a.footerLink:active {
	color: #333;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}
a.footerLink:hover	{
	color: #4951be;
	font-weight:bold;
	padding-left:2px;
	padding-right:2px;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: none;
}


/* FORMS */
.formLabel { font-weight:bold; }


/* GLOBAL DISPLAY */
.mainTable { }

.bg-nav-right {
	/*
	background-image:url(http://www.bluecosmo.com/images/bg-content-r.gif);
	background-position:left;
	background-repeat:repeat-y;
	*/
}


/* LOGO */
.logoMainTD {
	width:970px;
}
/* NAVIGATION */
.navMainTD {
	background-color:#cccccc;
	border-left:1px solid #d0d6e1;
	border-right:2px solid #7f838a;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.navTable {
	border-left:1px solid #d0d6e1;
	/*padding-left: 235px;*/
}
.navTableTD {
	border-left:1px solid #fff;
	font-weight:bold;
}
.navTableTD:hover, .navTableTDOn {
	background-color:#4951be;
	border-left:1px solid #fff;
	font-weight:bold;
}

/* the right-most nav item requires a white border on its right, too */
.navTableTDLast {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-weight:bold;
}
.navTableTDLast:hover, .navTableTDLastOn {
	background-color:#4951be;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-weight:bold;
}


/* SUB-NAVIGATION */
.subNavMainTD {
	background-color:#a0bfd6;
	border-left:1px solid #d0d6e1;
	border-right:2px solid #7f838a;
	border-bottom:1px solid #fff;
}
.subNavTable {
	/*padding-left: 235px;*/
}
.subNavTableTD {
	border-left:1px solid #fff;
}
.subNavTableTD:hover, .subNavTableTDOn {
	background-color:#fffffe; /* weird IE bug, won't show white bg if #fff or #FFF or #FFFFFF ... WTF? */
	border-left:1px solid #fff;
}

/* the right-most subNav item requires a white border on its right, too */
.subNavTableTDLast {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.subNavTableTDLast:hover {
	background-color:#fffffe; /* see weird note above */
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}


/* CONTENT */

.boxThin {
	border:1px solid #999;
	padding:7px;
	width:200px;
}

.boxThinNoPad {
	border:1px solid #999;
	padding:0px;
	width:214px;
}

.boxThinWide {
	border:1px solid #999;
	padding:7px;
	width:550px;
}

.boxThinNewsletter {
	background-color:#eff2f8;
	border:1px solid #999;
	font-weight:bold;
	padding:7px;
	width:200px;
}

.contentTable { }
.contentTableTD {
	background-color:#fffffe; /* see weird note above */
	border-left:1px solid #d0d6e1;
	border-right:2px solid #7f838a;
}

.colLeftTD {
	padding-bottom:9px;
	padding-top:9px;
	width:216px;
}

.colCenterTD {
	padding-bottom:9px;
	padding-top:9px;
}

.colRightTD {
	padding-bottom:9px;
	padding-top:9px;
}

.home3ProductsTable {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
}

.home3ProductsTitleTD {
	background-color:#eff2f8;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:12px;
	padding-left:7px;
	padding-top:6px;
	padding-bottom:7px;
}

.home3ProductsTD {
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.home3ProductsButtonTD {
	background-color:#fafbfd;
	border-right:1px solid #cccccc;
	padding:3px;
	text-align:right;
}

.recommendedTable {
	font-size:9px;
	font-weight:bold;
}

.recommendedTableFooterRow {
	font-size:10px;
	font-weight:bold;
}

.subTitleBar {
	background-color:#EFF2F8;
	border-left:1px solid #999;
	border-right:1px solid #999;	
	font-size:12px;
	font-weight:bold;
	padding-left:7px;
	padding-top:4px;
	padding-bottom:2px;

}

.tableNormal {
	border: 1px solid #999;
}
.tableNormalHeader {
	background-color: #A0BFD6;
	font-weight:bold;
	padding-bottom:10px;
}
.tableNormalAltRow {
	background-color: #EFF2F8;
}

.textBoldColored { 
	color:#6c81c4;
	font-weight:bold;
}

.titleBar {
	background-color:#6c81c4;
	background-repeat:no-repeat;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:0;
}

.titleBarTD {
	background-color:#6c81c4;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:0;
}

.ulPaddedLi li {
	padding-bottom:10px;	
}

/* LEFTCOL */
.leftcolTable {}


/* SIDENAV */
.sidenavTable {
	border-bottom:1px solid #999;
}
.sidenavSubTitleTD {
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#28263f;
	font-size:11px;
	font-weight:bold;
	padding-left:7px;
	padding-top:2px;
	padding-bottom:3px;
}
.sidenavTD {
	background-color:#eff2f8;
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#666;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
}
.sidenavTDalt {
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#666;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
}
.sidenavTDOn {
	background-color:#6c81c4;
	background-image:url(http://www.bluecosmo.com/images/icon-arrow.png);
	background-position:120px 7px;
	background-repeat:no-repeat;
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#fff;
	font-size:12px;
	padding-left:7px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;
}
.sidenavTDPlainText {
	border-left:1px solid #999;
	border-right:1px solid #999;
	font-size:12px;
	padding-left:7px;
	padding-right:0;
	padding-top:6px;
	padding-bottom:6px;

}
.sidenavTDSpacer {
	border-left:1px solid #999;
	border-right:1px solid #999;
}
.sidenavTD:hover {
	background-color:#6C81C4; /*4951be;*/
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#666;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
}
.sidenavTDalt:hover {
	background-color:#6C81C4; /*4951be;*/
	border-left:1px solid #999;
	border-right:1px solid #999;
	color:#666;
	font-size:12px;
	padding-top:0px;
	padding-bottom:0px;
}


/* FOOTER */
.footerTable { }
.footerTableTD {
	background-color:#e1e3e4;
	background-image:url(http://www.bluecosmo.com/images/bg-footer.gif);
	background-repeat:repeat-x;
	border-left:1px solid #d0d6e1;
	border-right:2px solid #7f838a;
	font-size:11px;
}


/* BUTTONS - changed all # prefixes to . on 3/26/08 to assign unique ID to each button if needed */
.BCbutton {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  }
.BCbutton ul {
  margin:0;
  padding:0px 3px 5px;
  list-style:none;
  }
.BCbutton li {
  float:right;
  background:url("../images/buttons/button-left.png") no-repeat left top;
  margin:0;
  padding:0 0 0 9px;
  }
.BCbutton a {
  float:left;
  display:block;
  background:url("../images/buttons/button-right.png") no-repeat right top;
  padding:5px 15px 8px 5px;
  text-decoration:none;
  color:#232323;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.BCbutton a {float:none;}
/* End IE5-Mac hack */
.BCbutton a:hover {
  color:#000099;
  }
.BCbutton #current {
  background-image:url("../images/buttons/button-left.png");
  border-width:0;
  }
.BCbutton #current a {
  background-image:url("../images/buttons/button-right.png");
  color:#333;
  padding-bottom:5px;
  }


/* OTHER STYLES */
.clear {
	clear: both;
}

.clearleft {
	clear:left;
}

.error { 
	background-color: #FFCCFF;
	border: 1px solid #333333;
	font-weight: bold;
	padding: 3px;
}

.message {
	background-color: #eff2f8;
	border: 1px solid #333333;
	font-weight: bold;
	padding: 3px;
}


/*
#ColumnContainer { 
	width: 800px; /*815px; IE6 wacks*//*
}

#contentMain {
	/*background-color:#fff;*//*
	padding-top:9px;
}

#sidebar {
	/*background-color:#fff;*//*
    color:#444;
    float: left;
	height:100%;
	/*list-style:none;*//*
    text-align:left;
    width:235px;
}

#lsidebar {
    text-align:left;
    list-style:none;
    margin-left:9px;
    padding:0;
    margin-right: 9px;
    width: 216px;
    margin-bottom: 10px;
}

#rsidebar {
    color:#444;
    display: block;
    float: right;
    margin: 0 8px 10px 0;
    text-align:left;
    width:142px;
}








.breadcrumbs {
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	background-color: #0a2215;
	padding: 3px;
}

.button-save {
	font-weight: bold;
	font-size: 14px;
}


.photo-links {
	color: #ffffff;
	font-weight: bold;
	font-size: 12px;
}
.small {
	font-size: 11px;
}

.small-light {
	font-size: 11px;
	color: #999999;
}

.smaller {
	font-size: 10px;
}

.small-link {
	font-size: 12px;
}

.table-border {
	border:1px solid #cccccc;
}

.title {
	font-size: 16px;
	font-weight: bold;
	
}
.white {
	color: #ffffff;
}
.white-small {
	color:#ffffff;
	font-size:10px;
}
.img {
  border: 1px solid #333333;
}
*/