/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/bg_pattern.jpg);
}

#outerContainer {
	background: url(../images/pagestretchdown_pattern.jpg) repeat-y;
}

#container {
	background: url(../images/side_bg.jpg) repeat-x;
}

#container h1 a {
	position: absolute;
	top: 10px;
	left:50px;
	display: block;
	width: 125px;
	height: 0px;
	padding: 105px 0 0 0;
	background: url(../images/moby_logo.jpg) no-repeat;
	overflow: hidden;
}

#productinfo_container {
	background: url(../images/productinfo_main.jpg) no-repeat;
	width: 800px;
}

#productinfo_content {
	width: 400px;
	padding: 160px 0 5px 315px;
}

#productinfo_content h4, #mobywrap_colors h4 {
	font: 14px Geneva, Arial, Helvetica, sans-serif;
	color: #6666CC;
	padding: 0 0 5px 0;
}

#productinfo_content p {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color:#333366;
	padding: 0 0 20px 0;
}

#navbar {
	padding: 88px 0 0 250px;
}

#navbar ul {
	list-style-type: none;
}

#navbar h3 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;	
}

#navbar li#productinfo_nav a {
	position: absolute;
	top: 88px;
	left: 240px;
	background:url(../images/productinfo_lo.jpg) no-repeat;
	width: 202px;
	height: 0px;
	padding: 90px 0 0 0;
	overflow: hidden;
}

#navbar li#productinfo_nav.selected a {
	background: url(../images/productinfo_hi.jpg) no-repeat;
}

#navbar li#productinfo_nav a:hover {
	background: url(../images/productinfo_over.jpg) no-repeat;
}

#navbar li#colorspatterns_nav a {
	position: absolute;
	top: 88px;
	left: 443px;
	background: url(../images/colorspatterns_lo.jpg) no-repeat;
	width: 177px;
	height: 0px;
	padding: 90px 0 0 0;
	overflow: hidden;
}

#navbar li#colorspatterns_nav.selected a {
	background: url(../images/colorspatterns_hi.jpg) no-repeat;
}

#navbar li#colorspatterns_nav a:hover {
	background: url(../images/colorspatterns_over.jpg) no-repeat;
}

#navbar li#locations_nav a {
	position: absolute;
	top: 88px;
	left: 620px;
	background: url(../images/retaillocations_lo.jpg) no-repeat;
	width: 150px;
	height: 0px;
	padding: 90px 0 0 0;
	overflow: hidden;
}

#navbar li#locations_nav.selected a {
	background: url(../images/retaillocations_hi.jpg) no-repeat;
}

#navbar li#locations_nav a:hover {
	background: url(../images/retaillocations_over.jpg) no-repeat;
}

#header_locations {
	text-indent: -9000px;
	background: url(../images/heading_locations.jpg) no-repeat;
	height: 36px;
	width: 203px;
	position: absolute;
	top: 200px;
	left: 303px;
}

#header_cp {
	text-indent: -9000px;
	background: url(../images/heading_c&p.jpg) no-repeat;
	height: 36px;
	width: 203px;
	position: absolute;
	top: 200px;
	left: 303px;
}

#header_prodinfo {
	text-indent: -9000px;
	background: url(../images/heading_prodinfo.jpg) no-repeat;
	height: 38px;
	width: 225px;
	position: absolute;
	top: 200px;
	left: 310px;
}

#models {
	position: absolute;
	top: 0px;
	left: 0px;
}

#mobywrap_colors {
	position: absolute;
	top: 165px;
	left: 315px;
	height: 300px;
	width: 420px;
}

#mobywrap_colors {
	padding: 8px 0 0 0;
}

#mobywrap_colors h4{
	padding: 0 0 140px 0;
}

#black_swatch {
	position: absolute;
	width: 50px;
	height: 50px;
	left: 0px;
	top: 30px;
	background:url(../images/swatches/black.jpg);
}

#chocolate_swatch {
	position: absolute;
	top: 30px;
	left: 60px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/chocolate.jpg);
}

#forest_swatch {
	position: absolute;
	top: 30px;
	left: 120px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/forest.jpg);
}

#lilac_swatch {
	position: absolute;
	top: 30px;
	left: 180px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/lilac.jpg);
}

#moss_swatch {
	position: absolute;
	top: 30px;
	left: 240px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/moss.jpg);
}

#navy_swatch {
	position: absolute;
	top: 30px;
	left: 300px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/navy.jpg);
}

#olive_swatch {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/olive.jpg);
}

#red_swatch {
	position: absolute;
	top: 90px;
	left: 60px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/red.jpg);
}

#sand_swatch {
	position: absolute;
	top: 90px;
	left: 120px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/sand.jpg);
}

#sienna_swatch {
	position: absolute;
	top: 90px;
	left: 180px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/sienna.jpg);
}

#turquoise_swatch {
	position: absolute;
	top: 90px;
	left: 240px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/turquoise.jpg);
}

#indigo_swatch {
	position: absolute;
	top: 90px;
	left: 300px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/indigo.jpg);
}

#natural_swatch {
	position: absolute;
	top: 90px;
	left: 360px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/natural.jpg);
}

#mobyd_1_swatch {
	position: absolute;
	top: 190px;
	left: 0px;
	width: 50px;
	height: 50px;
	background: url(../images/swatches/mobyd_1.jpg);
}

#mobyd_2_swatch {
	position: absolute;
	top: 190px;
	left: 60px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_2.jpg);
}

#mobyd_3_swatch {
	position: absolute;
	top: 190px;
	left: 120px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_3.jpg);
}

#mobyd_4_swatch {
	position: absolute;
	top: 190px;
	left: 180px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_4.jpg);
}

#mobyd_5_swatch {
	position: absolute;
	top: 190px;
	left: 240px;
	width: 50px;
	height: 50px;
	background: url(../images/swatches/mobyd_5.jpg);
}

#mobyd_6_swatch {
	position: absolute;
	top: 190px;
	left: 300px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_6.jpg);
}

#mobyd_7_swatch {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_7.jpg);
}

#mobyd_8_swatch {
	position: absolute;
	top: 250px;
	left: 60px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_8.jpg);
}

#mobyd_9_swatch {
	position: absolute;
	top: 250px;
	left: 120px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_9.jpg);
}

#mobyd_10_swatch {
	position: absolute;
	top: 250px;
	left: 180px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_10.jpg);
}

#mobyd_11_swatch {
	position: absolute;
	top: 250px;
	left: 240px;
	width: 50px;
	height: 50px;
	background:url(../images/swatches/mobyd_11.jpg);
}

#black_swatch a, #chocolate_swatch a, #forest_swatch a, #lilac_swatch a, #moss_swatch a, #navy_swatch a, #olive_swatch a, #red_swatch a, #sand_swatch a, #sienna_swatch a, #turquoise_swatch a, #indigo_swatch a, #natural_swatch a, #mobyd_1_swatch a, #mobyd_2_swatch a, #mobyd_3_swatch a, #mobyd_4_swatch a, #mobyd_5_swatch a, #mobyd_6_swatch a, #mobyd_7_swatch a, #mobyd_8_swatch a, #mobyd_9_swatch a, #mobyd_10_swatch a, #mobyd_11_swatch a {
	height: 50px;
	display: block;
	width: 100px;
}

#black, #chocolate, #forest, #lilac, #moss, #navy, #olive, #red, #sand, #sienna, #turquoise, #indigo, #natural, #mobyd_1, #mobyd_2, #mobyd_3, #mobyd_4, #mobyd_5, #mobyd_6, #mobyd_7, #mobyd_8, #mobyd_9, #mobyd_10, #mobyd_11 {
	position: absolute;
	top: 54px;
	left: 0px;
	visibility: hidden;
}



#black {
	visibility: visible;
}

#colorspatterns_container {
	background:url(../images/subpage_main.jpg) no-repeat;
	width: 800px;
}

#colorspatterns_content {
	position: relative;
	width: 20px;
	height: 530px;
}

#retailers_container {
	background: url(../images/retaillocations_main.jpg) no-repeat;
	width: 800px;
}

#retailers_content {
	width: 720px;
	padding: 160px 0 40px 350px;
}

#retailers_content h6 {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #333366;	
	padding: 0 0 5px 0;
}

#retailers_content h5 {
	font: 12px Geneva, Arial, Helvetica, sans-serif;
	color: #333366;
	padding: 5px 0 0 0;
}

#retailers_content h4 {
	padding: 25px 0 0 0;
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #663366;	
	
}

#retailers_content h4 a {
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #663366;	
	text-decoration:none;
}

#retailers_content h4 a:hover {
	font: normal 14px Geneva, Arial, Helvetica, sans-serif;
	color: #666666;	
	text-decoration:underline;
}


#retailers_content p {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #333366;
	padding: 0 0 5px 0;
}

#footer {
	background: url(../images/footer.jpg) no-repeat;
	width: 801px;
	height: 73px;	
}

#footer p {
	font: 10px Geneva, Arial, Helvetica, sans-serif;
	color: #6633CC;
	padding: 0 0 0 480px;
}