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

body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	color: #999999;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
}

div.container {
	position: relative;
	float: right;
	width: 860px;
	height: 560px;
	background: url(images/border2b.png) no-repeat;
	margin: 0px 80px 0px 0px;
	padding: 0px;
}

div.mediapages {
	background: url(images/border2b_media.png) no-repeat;
	height: 1000px;
}

div.profile {
	background: url(images/border2b_profile.png) no-repeat;
}

div.presentation {
	background: url(images/border2b_video.png) no-repeat;
}




div#address {
	position: absolute;
	left: 728px;
	top: 463px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#address img {
	border: none;
}

#address p {
	font-size: 9px;
	color: #999999;
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

#address p a {
	color: #999999;
}



/*div#animation {
	position: absolute;
	left: 60px;
	top: 100px;
	margin: 0px;
	padding: 0px;
}*/

div#new_animation {
	position: absolute;
	left: 60px;
	top: 80px;
	margin: 0px;
	padding: 0px;
}

div#video {
	position: absolute;
	left: 58px;
	top: 80px;
	margin: 0px;
	padding: 0px;
}

div#video_itv {
	position: absolute;
	left: 200px;
	top: 160px;
	margin: 0px;
	padding: 0px;
}



div#bottom_left {
	position: absolute;
	left: 94px;
	top: 455px;
	margin: 0px;
	padding: 0px;
}

#bottom_left a {
	color: #fff;
	background-color: #669933;
	text-transform: uppercase;
	font-size: 12px;
	padding: 3px 7px;
	margin: 0px 0px 7px 0px;
	display: block;
}



div#contact_details {
	position: absolute;
	left: 90px;
	top: 90px;
	margin: 0px;
	padding: 0px;
	width: 350px;
	height: 400px;
}

#contact_details h1 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 18px;
}
	
#contact_details h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	font-size: 14px;
}

#contact_details p {
	margin: 0px 0px 20px 15px;
	padding: 0px;
	font-size: 12px;
}

#contact_details a {
	color: #999999;
}

img#contact_img {
	margin: 0px 0px 20px 0px;
	border: none;
}

span.bold {
	font-weight: bold;
}


div#controls {
	position: absolute;
	left: 65px;
	top: 70px;
	margin: 0px;
	padding: 8px 12px;
	background: url(images/screen2.png);
	border: 1px #fff solid;
	z-index: 100;
}

div#controls p {
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding: 0px;
}

span#prev, span#next {
	cursor: pointer;
}




div#flex {
	position: absolute;
	left: 540px;
	top: 120px;
	margin: 0px;
}

#flex p {
	margin: 10px 0px 0px 0px;
	padding: 0px;
	text-align: justify;
	font-size: 10px;
	width: 130px;
}

div#flex_home {
	position: absolute;
	left: 220px;
	top: 445px;
	margin: 0px;
}

#flex_home p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 10px;
}

div#flex_info {
	position: absolute;
	left: 100px;
	top: 90px;
	margin: 0px;
}

#flex_info table {
	clear: left;
}

#flex_info table td {
	border-top: 1px #333 dashed;
	font-size: 12px;
	color: #333;
}

td.figures {
	text-align: right;
}

td.bottom {
	border-bottom: 1px #666 dashed;
}

div#flex_stockists {
	position: absolute;
	left: 100px;
	top: 90px;
	margin: 0px;
}

#flex_stockists h1 {
	font-size: 16px;
	color: #333333;
}

#flex_stockists p {
	font-size: 14px;
}

#flex_stockists a {
	color: #999999;
}		



div#googlecart-widget {
	position: absolute;
	left: 60px;
	top: 82px;
	margin: 0px;
}




div#navigation {
	position: absolute;
	left: 702px;
	top: 120px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none outside;
}

#navigation ul li {
	margin: 0px 0px 8px 0px;
	padding: 0px 0px 0px 24px;
}

#navigation ul li a {
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}

#navigation ul li a:hover {
	color: #669933;
}

li#current {
	background: url(images/grey_arrow.png) no-repeat;
}

li#contactwsub {
	position: absolute;
	top: 306px;
	left: 0px;
}

li#mediawsub {
	position: absolute;
	top: 278px;
	left: 0px;
}

li#steponwsub {
	position: absolute;
	top: 250px;
	left: 0px;
	width: 130px;
}

li#toyswsub {
	position: absolute;
	top: 207px;
	left: 0px;
	width: 130px;
}

p.online_link {
	position: absolute;
	top: 70px;
	left: 0px;
}

p.retail_link {
	position: absolute;
	top: 200px;
	left: 0px;
}

p.stockists_links {
	background-color: #669933;
	text-transform: uppercase;
	padding: 20px;
	margin: 60px 0px 0px 0px;
	text-align: center;
	width: 200px;
}

p.stockists_links a {
	color: #fff;
	font-size: 18px;
}

p#submenu {
	position: absolute;
	left: 30px;
	top: 80px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	width: 120px;
	line-height: 170%;
}

p#submenu a {
	color: #666;
	text-decoration: none;
}

p#submenu a:hover {
	color: #669933;
}

p#submenu_media {
	position: absolute;
	left: 30px;
	top: 183px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	width: 120px;
	line-height: 170%;
}

p#submenu_media a {
	color: #666;
	text-decoration: none;
}

p#submenu_media a:hover {
	color: #669933;
}

p#submenu_stepon {
	position: absolute;
	left: 30px;
	top: 153px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	width: 120px;
	line-height: 170%;
}

p#submenu_stepon a {
	color: #666;
	text-decoration: none;
}

p#submenu_stepon a:hover {
	color: #669933;
}

p#submenu_toys {
	position: absolute;
	left: 30px;
	top: 130px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	width: 120px;
	line-height: 170%;
}

p#submenu_toys a {
	color: #666;
	text-decoration: none;
}

p#submenu_toys a:hover {
	color: #669933;
}



div.product {
	position: absolute;
	left: 540px;
	top: 240px;
	margin: 0px;
	width: 200px;
}

div.product2 {
	position: absolute;
	left: 540px;
	top: 440px;
	margin: 0px;
	width: 200px;
}

select {
	width: 130px;
	margin-bottom: 15px;
}



div#slideshow {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	margin: 0px;
}


div#stepon {
	position: absolute;
	left: 80px;
	top: 150px;
	margin: 0px;
	padding: 0px;
	width: 290px;
}

div#stepon_home {
	position: absolute;
	left: 500px;
	top: 120px;
	margin: 0px;
}

#stepon_home img {
             border: none;
              }


h1 {
	float: left;
	background: url(images/flexibathlogo.png) no-repeat;
	width: 110px;
	height: 24px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
}

h1#clear {
	float: left;
	clear: right;
	background: url(images/flexibathlogo.png) no-repeat;
	width: 310px;
	height: 24px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	text-indent: -9999px;
}

h1#clear2 {
	float: left;
	clear: right;
	background: url(images/flexibath-toys-logo.png) no-repeat;
	width: 201px;
	height: 63px;
	margin: 0px 5px 10px 0px;
	padding: 0px;
	text-indent: -9999px;
}

h1#no_bg {
	background: none;
	text-indent: 0px;
	width: 400px;
}




iframe#information_text {
	position: absolute;
	left: 400px;
	top: 108px;
	margin: 0px;
	padding: 0px;
}

iframe#online_text {
	position: absolute;
	left: 90px;
	top: 160px;
	margin: 0px;
	padding: 0px;
	border: none;
}

iframe#profile_text {
	position: absolute;
	left: 90px;
	top: 110px;
	margin: 0px;
	padding: 0px;
	background: url(images/screen.png);
	border: 1px #bbb solid;
}

iframe#stockists_text {
	position: absolute;
	left: 0px;
	top: 120px;
	margin: 0px;
	padding: 0px;
	border: none;
}


img#awards {
	position: absolute;
	left: 520px;
	top: 310px;
	margin: 0px;
}

img#contact_bath {
	position: absolute;
	left: 390px;
	top: 160px;
	margin: 0px;
}

img#info_image {
	position: absolute;
	left: 58px;
	top: 275px;
	margin: 0px;
}

img#info_image2 {
	position: absolute;
	left: 63px;
	top: 200px;
	margin: 0px;
}

img.media {
	border: none;
	margin: 0px 14px 30px 0px;
}

img.tv {
	margin-bottom: 5px;
}

img#stockists_map {
	position: absolute;
	left: 300px;
	top: 60px;
}


p#price {
	position: absolute;
	left: 540px;
	top: 160px;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

p#price2 {
	position: absolute;
	left: 540px;
	top: 325px;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
}

span#price_smaller {
	font-size: 10px;
	font-weight: normal;
	color: #666;
}



/* Gallery Styles */

div#gallery_content {
	position: absolute;
	left: 60px;
	top: 90px;
	width: 620px;
	margin: 0px;
	padding: 0px;
	
}

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	position: absolute;
	left: 200px;
	top: 40px;
	width: 415px; 
	height: 305px;
}

/*div.controls {
	margin-top: 5px;
	height: 23px;
}

div.controls a {
	padding: 5px;
}

div.ss-controls {
	float: left;
}

div.nav-controls {
	float: right;
}*/

div.loader {
	width: 415px;
	height: 305px
}

div.slideshow {
	clear: both;
}

div.slideshow span.image-wrapper {
	float: left;
	padding: 0px;
}

div.slideshow a.advance-link {
	padding: 0px;
	display: block;
	border: 1px solid #fff;
}

div.slideshow img {
	border: none;
	display: block;
	width: 415px;
	height: 305px;
}

div.download {
	float: right;
}

div.embox {
	clear: both;
	padding: 0px;
	width: 415px;
	margin: 0px;
}

div.caption {
	margin: 0px;
	padding: 0px;
}

.embox p {
	padding: 0px;
	margin: 0px;
	color: #666666;
	font-size: 14px;
}

/*div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}*/

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}

ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 0px 8px 0px;
	list-style: none;
}

a.thumb {
	padding: 2px;
	display: block;
	border: none;
}

ul.thumbs li.selected a.thumb {
	background: #fff;
}

a.thumb:focus {
	outline: none;
}

ul.thumbs img {
	border: none;
	display: block;
}

/*div.pagination {
	clear: both;
}

div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}

div.navigation div.bottom {
	margin-top: 12px;
}

div.pagination a, div.pagination span.current {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #fff;
}

div.pagination a:hover {
	color: #00ff33;
	text-decoration: none;
}

div.pagination span.current {
	font-weight: bold;
	background-color: #ccc;
	border-color: #fff;
	color: #333;
}*/