/* House of Cotton stylesheet May 2009 - btober*/

html * {
margin: 0;
padding: 0;
}

* {
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
font-size: 9pt;
color: #667794;
}

html {
height: 100%;
}

body {
height: 100%;
overflow: hidden;

}

img {
border: 0px;
}

img, div, li, a {
behavior: url(iepngfix.htc);
}

a {
color: inherit;
text-decoration: none;
font-size: inherit;
}

a:hover {
color: #000;
text-decoration: underline;
}

a.active {
outline: none;
}

:focus {
-moz-outline-style: none;
}

span.nobr {
white-space: nowrap;
}

strong {
color: #455368;
font-size: inherit;
}

.clear {
clear: both;
}

li {
list-style-type: none;
}

#supersize {
position: fixed;
}

#supersize img.super, #supersize a.super {
height: 100%;
width: 100%;
position: absolute;
z-index: 0;
cursor: default;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto;
z-index: 10;
}

#container {
position: absolute;
left: 50%;
top: 50%;
width: 910px;
height: 536px;
margin-left: -455px;
margin-top: -268px;
}

#navcontainer {
float: left;
width: 163px;
height: 536px;
background: url(../images/nav_bkgd.png) no-repeat;
}

#contentcontainer {
float: left;
width: 747px;
height: 536px;
background: url(../images/content_bkgd.png) no-repeat;
}

a#home {
width: 163px;
height: 150px;
display: block;
}

#nav {
margin: 0 auto;
width: 125px;
height: auto;
line-height: 13pt;
}

#nav a {
display: block;
width: 125px;
color: #667794;
}

#nav a:hover {
color: #061835;
}

#nav .navhead {
width: 125px;
font-size: 10pt;
font-weight: bold;
color: #061835;
}

#nav .navsection, #nav .navsectionlast {
width: 125px;
padding-bottom: 10px;
margin-bottom: 10px;
}

#nav .navsection {
border-bottom: 1px dotted #667794;
}

#frontcontent {
margin: 0 auto;
width: 714px;
height: 315px;
margin-top: 15px;
}

#maincontent {
margin: 0 auto;
width: 714px;
height: 476px;
margin-top: 15px;
padding-top: 30px;
}

#maincontent p {
padding: 10px 15px 0 15px;
line-height: 13pt;
}

#maincontent p.halfp {
padding: 10px 0px 0 15px;
line-height: 13pt;
width: 280px;
float: left;
}

img.aboutimg {
float: right;
margin-right: 15px;
}

#brands, #thirds {
margin-top: 8px;
}

#thirds.notop {
margin-top: 0;
}

#brands li {
float: left;
width: 153px;
height: 78px;
border: 1px solid #667794;
margin: 14px 6px 0 15px;
}

p.brandtip {
color: #fff;
font-size: 8pt;
line-height: 11pt;
text-align: center;
}

#thirds li {
float: left;
width: 211px;
margin: 14px 6px 0 15px;
}

#thirds li img.imgborder {
border: 1px solid #667794;
}

#thirds li p {
padding: 0;
font-size: 8pt;
line-height: 11pt;
}

#promo {
width: 734px;
height: 135px;
padding: 10px 0;
margin: 0 auto;
border-top: 1px dotted #ccd2db;
background: url(../images/promo_bkgd.png) repeat-x;
}

.promoitem, .promoitemlast {
width: 146px;
height: 135px;
float: left;
}

.promoitem p, .promoitemlast p {
text-align: center;
color: #667794;
font-size: 8pt;
margin: 0 5px;
}

.promoitem {
border-right: 1px dotted #ccd2db;
}

#bottomlinks {
margin: 0 auto;
border-top: 1px dotted #ccd2db;
width: 734px;
height: 35px;
line-height: 35px;
background: url(../images/bl_bkgd.png) repeat-x;
text-align: center;
}

#bottomlinks a {
font-size: 8pt;
color: #667794;
}

#bottomlinks a:hover {
color: #061835;
}

/* Footer Styles */

#footer {
width: 900px;
height: 100px;
margin: 20px 0px 0px 0px;
border-top: 1px solid #c3d6f1;
}

#footercontent {
width: 900px;
padding: 5px 0px;
height: 95px;
z-index: 100;
margin: 10px 0px 7px 0px;
border-bottom: 1px solid #c3d6f1;
}

#footer1, #footer2, #footer3, #footer4 {
margin-bottom: 7px;
float: left;
height: 85px;
}

#footer1, #footer2, #footer3 {
margin-right: 20px;
padding-right: 10px;
border-right: 1px dotted #c3d6f1;
}

#footer1 {
width: 225px;
}

#footer2 {
width: 350px;
}

#footer3 {
width: 85px;
}

#footer4 {
width: 135px;
text-align: center;	
}	

#footer4 p {
font-size: 9pt;
line-height: 11pt;
font-weight: bold;
margin-top: 7px;
color: #061835;	
}

.footerhead, .footerhead2 {
width: 100%;
height: 10pt;
font-size: 9pt;
line-height: 10pt;
font-weight: bold;
color: #061835;
margin-bottom: 2px;
}

.footerhead2 {
clear: both;
margin-top: 40px;
}

.footerlinks1, .footerlinks2, .footerlinks3 {
float: left;
margin-right: 5px;
}

.footerlinks1 li, .footerlinks2 li, .footerlinks3 li {
height: 12pt;
width: 100%;
float: left;
}

#footer a {
font-size: 8pt;
line-height: 10pt;
color: #6a8eb4;
}

#footer a:hover {
color: #000;
}

.footerlinks1 {
width: 105px;
}

.footerlinks2 {
width: 105px;
}

.footerlinks3 {
width: 125px;
}

#copyright {
clear: both;
width: 900px;
height: 15px;
font-size: 7pt;
text-align: right;
margin-top: 5px;
color: #6a8eb4;
}

#copyright a {
font-size: 7pt;
color: #6a8eb4;
}

#copyright a:hover {
color: #061835;
}

#showfooter, #hidefooter {
float: left;
height: 15px;
font-size: 7pt;
color: #6a8eb4;
}

#showfooter img, #hidefooter img {
margin-right: 4px;
}

#hidefooter {
display: none;
}

form#ycwmo {
width: 684px;
margin: 10px 6px 0 15px;
line-height: 11pt;
}

form#ycwmo fieldset {
padding: 5px 10px;
border: 1px solid #667794;
}

form#ycwmo fieldset.two {
margin-top: 7px;
}

form#ycwmo fieldset.two div.formrow {
padding: 0 5px;
}

form#ycwmo fieldset.two div.formrow input {
width: 174px;
}

form#ycwmo fieldset fieldset {
margin-top: 20px;
border: 1px solid #aeb7c6;
}

form#ycwmo fieldset p{
padding: 0;
font-weight: normal;
font-size: 8pt;
line-height: 10pt;
margin-bottom: 5px;
}

form#ycwmo fieldset p.contact2{
padding: 0;
font-weight: normal;
font-size: 8pt;
line-height: 10pt;
margin-bottom: 5px;
margin-top: 15px;
}

form#ycwmo fieldset legend {
padding: 0 5px;
font-size: 10pt;
}

form#ycwmo fieldset div.formcol {
width: 320px;
margin: 5px;
float: left;
}

form#ycwmo fieldset div.formrow {
margin-bottom: 5px;
}

form#ycwmo fieldset div.formrow label {
display: inline-block;
width: 100px;
font-size: 9pt;
}

form#ycwmo fieldset div.formrow input {
width: 205px;
height: 14px;
}

form#ycwmo fieldset div.formrow label.small {
display: inline-block;
width: 30px;
}

form#ycwmo fieldset div.formrow label.medium {
display: inline-block;
width: 50px;
}

form#ycwmo fieldset div.formrow label.medlg {
display: inline-block;
width: 80px;
margin-left: 5px;
}

form#ycwmo fieldset div.formrow label.auto {
display: inline-block;
width: auto;
margin-right: 10px;
}

form#ycwmo fieldset div.formrow input.radio {
width: 15px;
}

form#ycwmo fieldset div.formrow input.half {
width: 98px;
}

form#ycwmo fieldset div.formrow select#gender {
width: 90px;
}

form#ycwmo fieldset div.formrow input.third {
width: 75px;
}

form#ycwmo div#submitform {
margin-top: 10px;
text-align: right;
}

form#ycwmo div#submitform .button::-moz-focus-inner{padding:0;border:none}

form#ycwmo div#submitform .button{
padding: 6px;
font-size: 8pt;
line-height: 10px;
background: #667794;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight: bold;
margin-left: 10px;
border: none;
}

/* showcase */

div.scrollable {
width: 684px;
border: 1px solid #667794;
background: url(../images/showcasebg.gif) bottom left no-repeat #fff;
margin: 22px 6px 0 15px;
position: relative;
overflow: hidden;
height: 250px;
padding: 10px 0;
}

ul#thumbs {
height: 250px;
width: 3420px;
position: absolute;
clear: both;

}

ul#thumbs li {
float: left;
width: 228px;
height: 250px;
text-align: center;
}

ul#thumbs li p {
padding: 0;
}

ul#thumbs li p.small {
font-size: 8pt;
line-height: 10pt;
}

ul#thumbs li img {
width: 218px;
height: auto;
}

div#scrollnav {
width: 128px;
margin: 10px auto;
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/arrow/left.png) no-repeat;
	float:left;
	cursor:pointer;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/arrow/right.png);
	clear:right;	
}



/*********** navigator ***********/

/* position and dimensions of the navigator */
div.navi {
	float:left;
	padding: 0 10px;
	height:20px;
	margin-top: 2px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin: 3px;
	background:url(../images/arrow/navigator.png) 0 0 no-repeat;     
	cursor:pointer;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


.gmap {
border: 1px solid #667794;
margin-top: 15px;
}

/* calendar */

#calendar {
width: 684px;
margin: 10px 6px 0 15px;
}

#calendar .day {
width: 90px;
height: 72px;
border: 1px solid #aeb7c6;
position: relative;
float: left;
margin: 0 5px 5px 0;
}

#calendar .two {
width: 187px;
}

#calendar .three {
width: 284px;
}

#calendar .four {
width: 381px;
}

#calendar .five {
width: 478px;
}

#calendar .six {
width: 575px;
}

#calendar .seven {
width: 672px;
}

#calendar .day a {
display: block;
width: 90px;
height: 72px;
}

#calendar .day a:hover {
z-index: 20;
}

#calendar .day a img {
position: absolute;
width: 90px;
height: 72px;
}

#calendar .three a img {
position: absolute;
width: 284px;
height: 72px;
}

#calendar .day a:hover img, #calendar .day a:active img, #calendar .day a:focus img {
width: 180px;
height: 144px;
left: -45px;
top: -36px;
z-index: 10;
border: 1px solid #aeb7c6;
}

#calendar .three a:hover img, #calendar .three a:active img, #calendar .three a:focus img {
width: 540px;
height: 144px;
left: -128px;
top: -36px;
z-index: 10;
border: 1px solid #aeb7c6;
}

#maincontent p.title {
margin-top: -3px;
}

#videos {
display: none;
}

a.vidlink {
font-style: italic;
color: #aeb7c6;
}

form#frmsignup {
margin-top: 5px;
}

form#frmsignup label {
display: inline-block;
text-align: right;
width: 95px;
margin: 0 10px 0 0;
color: #061835;
font-weight: bold;
}

form#frmsignup input {
width: 265px;
margin: 0 0 0 0;
}

form#frmsignup input.inputshort {
width: 160px;
margin: 0 0 0 0;
}

form#frmsignup input.inputshorter {
width: 105px;
margin: 0 0 0 0;
}

form#frmsignup div.formrow {
margin: 0 0 5px 0;
}

form#frmsignup div.formrow input.button {
padding: 5px;
background: #667794;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
font-weight: bold;
margin: 5px 0 0 105px;
width: 100px;
border: none;
}

div.guide {
width: 684px;
border: 1px solid #667794;
background: url(../images/showcasebg.gif) bottom left no-repeat #fff;
margin: 22px 6px 0 15px;
position: relative;
overflow: hidden;
height: 172px;
}

div.guide div.logo {
width: 120px;
height: 172px;
float: left;
}

div.guide div.text {
width: 260px;
height: 172px;
float: left;
}

#maincontent div.guide div.text p {
font-size: 8pt;
line-height: 12pt;
padding-left: 5px;
}

div.guide div.diagram {
width: 304px;
height: 172px;
float: left;
}

/*
*	My Zoom
*/
#introvideo				{ position:absolute; top:50%; left:0; z-index:10000; width:100%; height:1px; overflow:visible; }
#introvideoinner		{ width:568px; height:360px; margin-left:-284px; position:absolute; top:-180px; left:50%; }
#introvideoClose		{ position:absolute; cursor:pointer; right:-14px; top:-14px; z-index:10002; }