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

/* RESET CSS DATA*/

body {
	margin: 0 0;
	padding: 0 0;
	text-align: left;
	background-color: #1a4465;
	font: 67.5% Helvetica, Arial, sans-serif; /* This sets your font em size to a relative pixel size: example 1.4em = 14px */
	color: #fff;
}

#bodyCont {
	margin: 0 0;
	margin-bottom: 20px;
	padding: 0;
	background: url(images/background/backGradFull.jpg) top left repeat-x;
}

p,h1,h2,h3,h4,h5,h5,ol,ul,img {
		margin: 0px;
		padding: 0px;
}

img {
	text-decoration: none;
	border: none;
}

a {
	text-decoration: none;
	color: #fff;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
}

/* WRAPPER */

#wrapper {
	width: 888px;
	margin: 0 auto;
	background: url(images/background/shadowLeftNoLines.jpg) top left repeat-y;
}

#wrapperRShad{
	width: 888px;
	margin: 0 auto;
	background: url(images/background/shadowRightNoLines.jpg) top right repeat-y;
}

#bedContTop {
	 background: url(images/background/wrapTallLeft.jpg) top left no-repeat;
}

#bedContTopRShad {
	background: url(images/background/wrapTallRight.jpg) top right no-repeat;
}

#bedContBot {
	 background: url(images/background/wrapFadeL.jpg) bottom left no-repeat;
}

#bedContBotRShad {
	background: url(images/background/gradShadowRight.jpg) bottom right no-repeat;
}

#bed {
	margin: 0 auto;
	width: 848px;
	lida:768px;
 	height:auto !important;
  	height:768px;
}

/* HEADER */

#bedHead /* Home page head with different shaows for tabs*/ {
	position: relative;
	margin: 0 auto;
	width: 848px;
	background: url(images/background/head2.jpg) top left no-repeat;
	height: 163px;
}

#bedHeadTabs {
	position: relative;
	margin: 0 auto;
	width: 848px;
	background: url(images/background/headTabs.jpg) top left no-repeat;
	height: 163px;
}

/* WELCOME */

#welcomeWrapper {
	position: absolute;
	top: 65px;
	left: 400px;
	width: 400px;
	height: 15px;
	padding-top: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}	

ul#welcome {
	list-style: none;
	height: 15px;
	letter-spacing: 1px;
}

ul#welcome li {
	float: right;
}

ul#welcome li#name {
	padding: 0 10px;
	padding-top: 2px;
}

ul#welcome li#signout {
	border-left: 1px solid #b0998f;
	padding: 0 10px;
	padding-top: 2px;
}

ul#welcome li#searchCont /* IE6 */ {
	display: block;
	padding-left: 10px;
	height: 15px;
	width: 3em;
}

html>body ul#welcome li#searchCont {
	display: block;
	padding-left: 17px;
	height: 15px;
	background: url(images/welcome/searchMag.png) center left no-repeat;
	
}

ul#welcome li#searchCont a {
	padding-top: 2px;
	display: block;
	font-weight: bold;
}

* html ul#welcome li#searchCont a {
	height: 1px;
}

/* NAV */

#navWrapper {
	background: url(images/background/navWrapperBedClean.jpg) bottom left no-repeat;
	width: 818px;
	height: 76px;
	position: absolute;
	top: 87px;
	left: 15px;
}
 
#navContainer {
	width: 800px;
	height: 76px;
	margin: 0 auto;
}

ul#nav {
	list-style: none;
}

ul#nav li {
	font-family: Helvetica, Arial sans-serif;
	font-size: 1.3em;
	text-align: center;
	display: block;
	float: left;
	height: 44px;
	background: url(images/nav_home/navBackNormHov.jpg) repeat-x; 
}

ul#nav li:hover {
	background: url(images/nav_home/navBackNormHov.jpg) repeat-x;
	background-position: bottom;
}

ul#nav li a {
	display: block;
	padding-top: 14px;
	padding-bottom: 10px;	
}

* html ul#nav li a {
	height: 1px;
}
/* NAV IMAGE ROLLOVER Classes */

.tabDivider {
	background: url(images/nav_home/tabDivider.jpg) top right no-repeat;
	height: 44px;
}

ul#nav li .tabShadowRight {
	background: url(images/nav_home/homeTabShadRightPlusHov.jpg) top left no-repeat;
	height: 44px;
}

ul#nav li .tabShadowRight:hover {
	background: url(images/nav_home/homeTabShadRightPlusHov.jpg) bottom left no-repeat;
	height: 44px;
}

ul#nav li .tabShadowRightNoRoll {
	background: url(images/nav_home/homeTabShadRightPlusHov.jpg) top left no-repeat;
	height: 44px;
}

ul#nav li .tabShadowLeft {
	background: url(images/nav_products/homeTabShadLeftPlusHov.jpg) top right no-repeat;
	height: 44px;
}

ul#nav li .tabShadowLeft:hover {
	background: url(images/nav_products/homeTabShadLeftPlusHov.jpg) bottom right no-repeat;
	height: 44px;
}

/* HOME NAV */

ul#nav li#navProducts {
	width: 95px;
}

#navCommunity {
	width: 113px;
}

#navVideo {
	width: 81px;
}

#navAccount {
	width: 115px;
}

#navHelp {
	width: 138px;
}

ul#nav li#navBlank {
	background-image: url(images/nav_home/navRightSpaceShadow.jpg);
	width: 169px;
}

ul#nav li#navHomeActive {
	background-image: url(images/nav_home/homeActive.jpg);
	width: 89px;
}

/* PRODUCTS NAV */

ul#nav li#navHome {
	width: 84px;
	border: none;
}

ul#nav #homeLeft {
	background: url(images/nav_products/homeLeftPlusHov2.jpg) top left no-repeat;
	height: 44px;
}

ul#nav #homeLeft:hover {
	background: url(images/nav_products/homeLeftPlusHov2.jpg) bottom left no-repeat;
	height: 44px;
}

ul#nav li#navProductActive {
	background-image: url(images/nav_products/productTab.jpg);
	width: 100px;
}

ul#nav #scootHome {
	padding-left: 5px;
}

/* COMMUNITY NAV */

ul#nav li#navComActive {
	background-image: url(images/nav_com/comActive.jpg);
	width: 115px;
}

ul#nav li#navProductScoot {
	width: 98px;
}

/* VIDEO NAV */

ul#nav li#navVideoActive {
	background-image: url(images/nav_video/videoActive.jpg);
	width: 83px;
}

/* ACCOUNTS NAV */

ul#nav li#navAccountActive {
	background-image: url(images/nav_accounts/accountsActive.jpg);
	width: 117px;
}

/* HELP NAV */

ul#nav li#navHelpActive {
	background-image: url(images/nav_help/helpActive.jpg);
	width: 138px;
}

ul#nav li#navAccountScoot {
	width: 117px;
}

/* SUBNAV */

#subNavWrapper {
	background: #122d42 url(images/sub_nav/sub_back/subNavBack.gif) top left no-repeat;
	width: 786px;
	height: 30px;
	position: absolute;
	top: 130px;
	left: 31px;
	overflow: hidden; 
}

ul#subNav {
	list-style: none;
}

ul#subNav li a {
	display: block;
	padding: 10px 15px 10px 15px;
	color: #79b8e5;
}

ul#subNav li a:hover {
	color: #fff;
}

ul#subNav li {
	font-family: Helvetica, Arial sans-serif;
	font-size: 1.2em;
	text-align: center;
	display: block;
	float: left;
	height: 30px;
	padding: 0;
	border-right: 1px #1f4766 solid;
}

ul#subNav li#active {
	background: #1b3b54 url(images/sub_nav/sub_back/activeArrow.gif) bottom center no-repeat;
	height: 30px;
}

ul#subNav li#active a {
	color: #fff;
}

#subNavCommentCont {
	width: 220px;
	height: 30px;
	float: right;
	padding-right: 10px;
	
}

#subNavCommentCont p {
	padding-top: 8px;
	font-size: 1.1em;
	font-style: italic;
	color: #72b5e5;
}

/* CONTENT */

#wrapContentWithShadow {
	background: url(images/background/brownShadowLR.jpg) top left repeat-y;
	width: 848px;
	min-height:605px;
 	height:auto !important;
  	height:605px;
}

#bedSandL {
	background: url(images/background/sandLeft.jpg) top left no-repeat;
	width: 848px;
	min-height:567px;
 	height:auto !important;
  	height:567px;
}

#bedSandR {
	background: url(images/background/sandRight.jpg) top right no-repeat;
	width: 848px;
	min-height:567px;
 	height:auto !important;
  	height:567px;
}

#bedContentWrapper /* main content area */ {
	margin-left: 24px;
	padding-top: 20px;
	width: 798px;
	min-height:605px;
 	height:auto !important;
  	height:605px;
	border-left: 1px #296a99 solid;	
	border-right: 1px #296a99 solid;
}

#sampleTextCont /* sample area inside main content area */ {
	width: 780px;
	margin: 0 auto;
}

/* FOOTER */

#footer {
	clear: both;
	width: 888px;
	height: 52px;
	background: url(images/background/footerB.jpg) top left no-repeat;
}

#footerWrapper {
	height: 18px;
	padding: 16px 0 0 0;
	margin: 0 auto;
}

ul#footLink {
	width: 40em;
	list-style: none;
	margin: 0 auto;
}

ul#footLink li {
	border-right: 1px #ce8843 solid;
	float: left;
	padding: 0 8px;
}

ul#footLink li#first {
	padding-left: 30px;
}

ul#footLink li#last {
	border-right: none;
}

ul#footLink li a {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #ce8843;
	text-align: center;
}

#copyright {
	clear: left;
	margin: 0 auto;
	padding: 8px 0 0 0;
	width: 888px;
	color: #88cafa;
	background: #1a4465 url(images/background/copyBack.jpg) top left no-repeat;
	height: 18px;
}

/* TOOLS */

.bold {
	font-weight: bold;
	letter-spacing: 0;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

#activeImages /* Preload and Cache Images on Home Page Landing*/ {
	position: absolute;
	top: -60000px;
	left: -60000px;
}
