/* CSS Document */
html,body,input,textarea {font-family:Arial, Helvetica, sans-serif;}
html {color: #FFFFFF;
	width: 100%; height:100%;
	font-size: 12px; }
	
body{ background: url(../assets/images/cushionsbg.jpg) repeat-y left #FFECC6;
	min-height: 100%;
	width: 100%; }
	
	
/* ELEMENTS */
a { color: #FFFFFF;
	text-decoration: none;}
a:hover { color: #FFECC6;}
h1, .h1 {font-size: 1.8em;}
.h1 {float:left; margin:5px 4px 0px 0px;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1.08em;}
p {font-size: 100%; clear:both; line-height:1.45em;}
input[type=text],select,textarea {background-color:#FFEDC3; border:none; padding:2px;}
input[type=submit] {padding:5px 10px 5px 10px; float:right; margin:10px 0px 5px 0px;}
textarea {margin:2px;}

#contentWhole p.error {background:url(../assets/images/shadowBottom.png) no-repeat top #990000; margin-bottom:10px; padding:5px; text-align:center;}


/* USEFUL CLASSES */
.clear {clear:both;}
.right {text-align:right;}
	
/* PAGE */
#fixedWidthContent {width: 900px; margin-left: 20px;}

#contentWhole {overflow: hidden; width: 700px;}
#contentWhole h1 {color: #FFFFFF; padding: 5px 0px 4px 0px;}
#contentWhole h2 {color: #FFFFFF; padding: 4px 0px 0px 0px; }
#contentWhole p {text-align: justify; color: #FFFFFF; padding: 0px 1px 6px 1px; }

#contentLeft {width: 220px; float: left; height: 100%; background: #6F6656; }
#contentLeft h2 {color: #FFFFFF; padding-left: 10px; padding-right: 10px; padding-top:6px; background: url(../assets/images/shadowBottom.200.png) no-repeat top;}
#contentLeft p {color: #FFFFFF; text-align: left; padding-left: 10px; padding-right: 10px;}
#contentLeft li {padding-bottom:4px;  }
#contentLeft li:hover {background-color: #9C9079;}
#contentLeft li .details {background-color: #222222;}


#contentRight {width: 450px; float: right; overflow:hidden; padding: 10px 15px 20px 15px; background:#000000; min-height:765px;}
#contentRight h2 {padding-bottom: 4px; }

#section1 {width: 700px; position:relative; top:0px; float:left;}

#section2 {width: 200px; position:relative; top:0px; float:right;}


/* EXPANDER */
.expander {background: url(../assets/images/press/paper.bottom.jpg) no-repeat bottom left #FFFFFF;
	color: #000000;
	font-size: 11px;
	padding: 0px 10px 16px 10px;}
.expanderMain {display: none;	}

.expander a {color: #6F6656;}
.expander a:hover {color: #000000;}


/* HEADER */
#header {width: 900px; margin-left: 20px; background:url(../assets/images/shadowBottom.png) no-repeat bottom #9C9079;
	padding-bottom: 9px; overflow:hidden;}
	
#header #logo {float:right; padding:0px 15px 0px 0px;}

#header div {background-color:#222222; overflow: hidden;}

#header #headerImage {float:left; width:700px; height:240px; background: url(../assets/images/header.jpg) no-repeat top left;}


/* MENU */
#menu {background: url(../assets/images/shadowBottom.200.png) no-repeat top #433D34;
	font-weight: bold;
	font-size:1em;
	padding: 7px 0px 10px 0px;
	color: #999999;}
#menu a {color: #FFFFFF; text-decoration:none;}
#menu ul {padding-top:2px;}
#menu li {	padding: 2px 0px 3px 14px; oveflow:hidden;}
#menu li:hover {background-color: #222222;}
#menu li.selected {background: #000000; padding-top:4px; padding-bottom:5px;}
#menu li li {background: url(../assets/images/tree.png) no-repeat 0px 2px; }
#menu li li:hover {background-color: #111111;}

#menu .submenuitem {margin-left: 16px;
	background: url(../assets/images/tree.png) no-repeat 0px 2px; }
#menu .specialoffermenuitem {background-color: #660000;}
#menu .btypmenuitem {background-color: #006633;}


/* SIDE ITEMS */
#links {padding: 10px 13px 0px 13px;}

#sideevents {padding: 0px 0px 6px 0px; border-bottom: 1px solid #9C9079;
	background:#782547;}
#sideevents h1 {font-size: 12px; font-weight: bold; color: #FFECC6; padding: 0px 12px 0px 12px;}
#sideevents img {padding: 0px 0px 5px 0px;}
#sideevents h2 {font-size: 10px; font-weight: bold; color: #FFFFFF; padding: 0px 12px 0px 12px;}
#sideevents p {padding: 0px 12px 0px 12px;}

#availabilityLink {padding: 10px 17px 10px 12px; clear:both;
	background:url(../assets/images/shadowBottom.200.png) no-repeat top #433D34; text-align:right;}

#joinTheFamilyLink {padding: 10px 17px 10px 12px; clear:both;
	background:url(../assets/images/shadowBottom.200.png) no-repeat top #433D34; text-align:right;}


#downloads {padding: 8px 0px 12px 12px;
	background:#5A5246; text-align:right;
	font-size: 11px; text-align: left; font-weight: bold;}
#downloads h3 {font-size: 140%; font-weight: bold; padding-bottom: 5px;}
	
.downloadItem {float: left; padding-right: 12px; text-align: center; padding-bottom: 5px;}
.downloadItem a {text-decoration: none;}
	
#social {text-align: center; padding: 0 0 10px 0; background:#433D34;}
#social img {padding: 0;}



/* PERSISTENT */

#specialOffers { position:absolute; left: 770px; top: 330px;}
#btypLink { position:absolute; left: 770px; top: 253px;}

#strap {width: 950px; padding: 15px 0px 10px 0px; clear:both; text-align:center;}

#miniContact {padding: 8px 12px 12px 12px; overflow:hidden;
	background:#6F6656; text-align:center; color:#FFECC6;
	font-size: 25px;}
#miniContact a {font-size: 14px;
	color:#FFECC6;
	text-decoration:none;}
#miniContact a:hover {color: #FFFFFF;}

#haveYouTried {padding: 10px 12px 0px 12px;
	background:url(../assets/images/shadowBottom.200.png) no-repeat top; text-align:center; color:#FFECC6;
	font-size: 16px;}
#haveYouTried li {padding-top:8px; padding-bottom:6px;}

#signup {background:url(../assets/images/shadowBottom.200.png) no-repeat top; color:#222222;}

#anchortext {width: 850px; padding: 0px 50px 10px 50px; font-size: 10px; text-align:center;}
#anchortext a {text-decoration:none; color:#666666;}
#anchortext a:hover {color:#FFFFFF;}

.blockText {margin:5px 0px 10px 0px;}

#subForm {background:#FFEDC3; color:#222222; padding:0px;}
#subForm h2 {color:#222222; background:none;}
#subForm .form {padding:0 10px;}
#subForm input[type=text] {background:#FFFFFF; border: 1px solid #999999;}
#subForm td {padding:4px;}


/* PRETTY HTML STUFF */
#htmlcontent {width:920px;}
#htmlcontent #section1 {margin:10px 0px 20px 40px; float:left; width:650px;}
#htmlcontent #section1 h1 {margin-bottom:10px; font-size:26px;}
#htmlcontent #section1 p {margin:0px 0px 5px 1px;  font-size:13px;}
#htmlcontent #contentleft {width: 220px; float: left; height: 100%; background: #6F6656; overflow:hidden; }
#htmlcontent #contentleft h2 {color: #FFFFFF; padding-left: 10px; padding-right: 10px; }
#htmlcontent #contentleft p {color: #FFFFFF; text-align: left; padding-left: 10px; padding-right: 10px;}
#htmlcontent #contentleft li:hover {background: #9C9079;}
#htmlcontent #contentleft li .details {background-color: #222222;}