/* reset code */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin:0px;
	padding:0px;
}
/* firefox scrollbar 'hack' */
html {
overflow: -moz-scrollbars-vertical;
}

/*hiding class for degradeability */

.hideMe {
	display: none;
}
/* Global styles */

body {
	background-color: #fff;
	color: #7e8083;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	margin:10px 0px 0px 0px;
	padding:0px;
}
h1 {
	background-image:url(../images/cottonsHeader.gif);
	background-position: 85px bottom;
	background-repeat: no-repeat;
	position: relative;
	/*margin: 70px 0 0 84px;*/

	margin: 0px;
	height: 121px;
	width:838px;
	margin-bottom: 1px;
}
h2 {
	color: #fff;
	font-size: 10pt;
	text-transform: uppercase;
	padding-left: 3px;
}
h3 {
	background-position: left;
	background-repeat: no-repeat;
	position: relative;
	height: 51px;
}
h4 {
	/*display: inline;*/

color: #a1a1a1;
}
form {
	display: inline;/*background-color: #00CC00*/
}
/* Persistent and structural elements */

#container {
	background-image:url(../images/containerBg.gif);
	background-position: left;
	background-repeat: repeat-y;
	width: 840px;
	margin: 10px auto;
	position:relative;
	border: 1px auto #f00;
}
#header {
	background-image:url(../images/headerBg.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 147px;
	position: relative;
}
#topNav {
	display: block;
	margin: 0;
	padding:0;
	width: 838px;
	height: 25px;
	position:relative;
	border: 0px solid #f00;
}
#topMenu {
	float: right;
	padding-right: 104px;
}
#topMenu ul {
	left:0px;
	top:0px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	display: inline;
	height: 24px;
	position:relative;
	border: 0px solid #f00;
}
#topMenu li {
	float: left;
	display: inline;
	padding: 0px;
	margin: 0px;
	left:0px;
	top:0px;
}
#topMenu a {
	height:24px;
	text-decoration:none;
	display: block;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: top;
	padding: 0;
	margin: 0;
}
#topMenu a:hover {
	color: #666;
	background-position: bottom;
}
#productsLink {
	background-image: url(../images/btn_products.gif);
	padding: 0px 42px;
}
#shoppingCartLink {
	background-image: url(../images/btn_shoppingCart.gif);
	padding: 0px 54px;
}
#faqLink {
	background-image: url(../images/btn_faq.gif);
	padding: 0px 24px;
}
#linksLink {
	background-image: url(../images/btn_links.gif);
	padding: 0px 30px;
}
#contactLink {
	background-image: url(../images/btn_contactus.gif);
	padding: 0px 45px;
}
#homeLink {
	background-image: url(../images/btn_home.gif);
	padding: 0px 45px;
}
.shoppingCart {
	background-image:url(../images/cartHeader.gif);
	border-bottom: 1px solid #ccc;
}
.usefulLinks {
	background-image:url(../images/linksHeader.gif);
}
.questionsHeader {
	background-image:url(../images/faqHeader.gif);
}
.contactUs {
	background-image:url(../images/contactHeader.gif);
}
.disclaimerHeader {
	background-image:url(../images/disclaimerHeader.gif);
}
.privacyHeader {
	background-image:url(../images/privacyHeader.gif);
}
.detailsHeader {
	background-image:url(../images/detailsHeader.gif);
	border-bottom: 1px solid #ccc;
}
.thankyouHeader {
	background-image:url(../images/thankyouHeader.gif);
	border-bottom: 1px solid #ccc;
}
#disclaimerText {
	color: #fff;
	font-size: 7pt;
	padding-bottom: 3px;
	position: relative;
	left: 84px;
	width: 300px;
}
#disclaimerText a {
	color: #fff;
	text-decoration:none;
}
#disclaimerText a:hover {
	color: #893762;
}
#copyRightTextMain {
	clear: both;
	text-align: right;
	font-size: 7pt;
	padding-right: 10px;
	color: #bebfc1;
	float: right;
	position: relative;
	right: 172px;
}
.clearMe {
	clear: both;
}
.searchBox {
	border: 0px solid #fff;
	/*background: transparent;*/

	background-color: #fff;
	width: 130px;
	height: 16px;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#searchBar {
	position: relative;
	float: right;
	width: 175px;
	padding-top: 4px;
}
#searchButton {
	position: relative;
	left: 142px;/*top: -19px;*/
}
.buttonBox {
	padding-left: 5px;
}
.searchTable {
	width:165px;
}
/* Other page elements */

#headerShadowMain {
	background-image: url(../images/headerShadowMain.gif);
	background-position: top;
	background-repeat: no-repeat;
	height: 29px;
	width: 840px;
	position: relative;
	left: 0px;
}
#breadcrumb {
	float: left;
	color: #fff;
	position: relative;
	left: 85px;
	top: 9px;
	font-size: 8pt;
}
#breadcrumb a {
	color: #fff;
	text-decoration: none;
}
#breadcrumb a:hover {
	color: #893762;
}
#rightHandHeader {
	float: right;
	font-size: 9px;
	width: 150px;
	position: relative;
	top: 6px;
	right: 20px;
	padding: 0px 5px;
	text-align: center;
}
#rightHandHeader a, #siteRegion a {
	color:#7e8083;
}
#siteRegionPink {
	 color:#e98cb5;
}
#contentBackground {
	border: 1px solid #fff;
}
#content {
	background-color: #fff;
	border: 1px solid #bebfc1;
	width: 564px;
	position: relative;
	left: 52px;
	float: left;
	padding-left: 30px;
	padding-top: 10px;
	min-height: 250px;
	padding-right: 10px;
}
*html #content {
	height:250px;
}
#mainRightPanel {
	float: right;
	position: relative;
	right: 20px;
}
.genLink a {
	color: #e98cb5;
	text-decoration:none;
}
.genLink a:hover {
	text-decoration: underline;
}
.threepxhigh {
	height: 3px;
}
.textHeader {
	font-weight: bold;
	color: #e98cb5;
}
.formLabel {
	width: 150px;
	float: left;
}
.textInput, .textAreaInput, .checkboxInput, .selectInputLong {
	margin-bottom: 5px;
}
.textInput, .textAreaInput {
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.selectInputLong {
	width: 205px;
}
.textAreaInput {
	height: 75px;
}
/*javascript 'popup' */

#noJSCover {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
#noJavaScript {
	border: 2px solid #f00;
	width: 300px;
	height: 130px;
	background-color: #fff;
	z-index: 10;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -65px; /* half of the height */
	margin-left: -150px; /* half of the width */
	padding: 25px 10px 5px 10px;
	color: #f00;
	font-weight: bold;
}