/*	-------------------------------------------------------------

	MEDUSE BIKINI

	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Desc:			Base cascading style sheet
	Nom:			screen.css
	Version:		1.0
	Date:			21 Août 2007
	Auteur:			Simon Bouchard
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	BODY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/* Start Overrides */
	html,
	body {
		font-family: helvetica, verdana, arial, sans-serif;
		font-size: 12px;
		color: #666;
		margin: 0;
		line-height: 1.5em;
		background: #333; }


	img {
		border: none; }
	/* End Overrides */

/*	-------------------------------------------------------------
	LINKS
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	a {
		text-decoration: none;
		background: transparent; }

	a:link, a:visited, a:active {
		color: #fff; }

	a:hover {
		color: #368df7;
		text-decoration: none; }

	a.links, input.submit {
		border: 1px solid #000000;
		font-size: 9px;
		text-transform: uppercase;
		padding: 4px;
		padding-left: 8px;
		padding-right: 8px;
		margin: 0 5px 0 0;
		color: #dbdac6;
		line-height: 20px;
		background-image: url("/images/link_bg.gif");
		background-repeat: repeat-x;
		background-position: top;
		background-color: #000000; }

	a.links:hover, input.submit:hover  {
		color: #368df7;
		text-decoration: none; }

/*	-------------------------------------------------------------
	COMMON
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	.clear {
		clear: both; }

	.clearer {
		height: 0.1em;
		clear: both; }

	.clearspace {
		height: 20px;
		clear: both; }

	ul {
		margin: 10px 0 0 0px;
		padding: 0;
		font-size: 12px;
		list-style: none; }

		ul li {
			margin: 0;
			padding: 0;
			color:#fff; }

		ul li.alert {
			margin: 5px 0 0 0;
			padding: 0;
			text-indent:20px;
			color:#fff;
			list-style:none;
			background: url(/images/icon_alert.gif) no-repeat 0 0; }

	.error {
		margin: 0 0 20px 0;
		padding:0;
		border:1px solid #ce8787;
		background:#f6c7c7 url(../../images/icon_exclamation.png) no-repeat 10px; }

	.error p {
		text-indent: 32px;
		margin:0 0 17px 0;
		color:#8f2020; }

	.error span {
		color:#000; }


	#text p {
		color:#FFFFFF;
		margin: 0 30px 0 0;
		padding: 0px 0px 5px 0px;}

	#text p a:link, #text p a:visited {
		text-decoration:underline;
		color:#FFFFFF;}

	#text p a:hover {
		text-decoration:none;
		color:#368df7;}

	#text ul {
		margin: 0px 0px 0px 25px;
		padding: 0;}

	#text ul li {
		color:#FFFFFF;
		margin:0px;
		padding: 0px 0px 5px 4px;
		list-style-type:square; }


/*	-------------------------------------------------------------
	TYPOGRAPHY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	p {
		margin: 0 30px 0 0;
		color: #eee; }

/*	-------------------------------------------------------------
	SIFR
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	h1 {
		margin: 20px 0 10px 0;
		font-size:24px;
		color:#368df7;
		font-weight:normal;
		height:29px; }

	h2 {
		margin: 0 0 10px 20px;
		font-size:18px;
		color:#368df7;
		font-weight:normal;
		height:26px; }

	h3 {
		margin: 20px 0 10px 0;
		font-size:24px;
		color:#368df7;
		font-weight:normal;
		height:29px; }

	span.sIFR-alternate {
		display:none; }

/*	-------------------------------------------------------------
	INTERFACE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#container {
		width: 999px;
		margin: 75px auto; }

	#header {
		width: 999px;
		margin: 0 0 40px 0;
		background-image:url("/images/bg_globalnav.gif");
		background-repeat:repeat-x;
		background-position:left bottom; }

	#logo {
		margin-bottom: 7px;
		float: left; }

	#main-content {
		width: 999px;
		padding: 0;
		margin: 0; }

		#subpage #main-content {
			width: 999px;
			overflow: auto;
			padding: 0;
			margin: 0;
			background-image: url("/images/bg_subpage.gif");
			background-repeat: repeat-y;
			background-position: bottom left; }

		#single-col {
			width: 919px;
			min-height:350px;
			float: left;
			padding: 20px 40px 20px 40px;
			background: #222222; }

		#single-col2 {
			width: 999px;
			float: left;
			padding: 0;
			background: #222222; }

		#single-col3 {
			width: 999px;
			float: left;
			overflow:auto;
			padding: 0;
			background:none; }

		/* Left Col */
		#left-col {
			width: 640px;
			float: left; }

		#left-col2 {
			width: 500px;
			float: left;  }

		#left-col3 {
			width: 630px;
			float: left;
			background:#fff;  }

			#subpage #left-col {
				width: 751px;
				float: left; }


		/* Right Col */
		#right-col {
			width: 359px;
			height: 361px;
			float: right;
			background-image: url("/images/right-col_image_2.jpg");
			background-repeat: no-repeat;
			background-position: bottom left; }

		#right-col2 {
			width: 350px;
			height: 380px;
			float: right;
			background: #222 }

		#right-col3 {
			width: 305px;
			height:394px;
			float: right;
			background: transparent url(/images/bg_aboutus.jpg) no-repeat center right;  }

			#subpage #right-col {
				width: 248px;
				float: right;
				background: none; }

				#right-col #paypal {
					width: 115px;
					height: 44px;
					position: relative;
					top: 300px;
					left: -15px;
					float: right; }

				#right-col #dropdown {
					width: 200px;
					height: 44px;
					position: relative;
					top: 320px;
					left: 10px;
					float: left; }

				#right-col #menu {
					width: 248px;
					position: relative;
					top: 22px;
					left: 0;
					float: left; }

	/* Models */
	#models {
		padding: 0;
		margin: 0;
		background:#222222; }

		#models .details {
			background: #222;
			width:350px;
			letter-spacing: 1px;
			margin: 0;
			padding: 0 20px 0 20px;
			float:right; }

		#models .details h1 {
			background: #141414;
			padding: 13px 13px; }

		#models p {
			padding: 0 ;
			margin:0 10px 0 10px; }

		#models ul li {
			padding: 7px 0px 7px 7px;
			border-bottom: 1px solid #444;
			font-size:1em;
			color: #fff;
			letter-spacing: 1px;
			margin: 0; }

		#models ul li.first {
			background: none;
			margin:0; }

		#models .thumbnail {
			margin:0;
			padding:0;
			float:left; }

		#models img.thumbnail {
			border: 4px solid #fff; }

		#models .minithumb {
			margin:10px 10px 0 10px;
			padding:0;
			border:1px solid #fff; }


	/* Gallery */
	#gallery {
		float: left;
		clear: both;
		width:100%;
		margin: 0;}

		#gallery h3 {
			margin: 20px 0 10px 0;
			font-size:24px;
			color:#368df7;
			font-weight:normal;
			height:29px; }

		#gallery .thumbnail {
			float: left;
			margin: 0 30px 10px 0;}

		#gallery .thumbnail img {
			border:0px solid #fff; }

		#gallery .title {
			padding: 7px 20px 7px 13px;
			background: #333333;
			width:165px;
			margin: 10px 0 0 0;
			letter-spacing: 2px;
			color: #fff; }

		#gallery .detail {
			padding: 2px 20px 2px 13px;
			background: #fff;
			margin: 0;
			color: #333;
			font-size: 0.8em; }

	/* Showroom */
	#showroom {
		padding: 0;
		margin: 0; }

		#showroom p {
			padding: 20px;
			margin: 0; }

		#showroom ul li {
			padding: 7px 0px 7px 7px;
			border-bottom: 1px solid #444;
			font-size:1em;
			color: #fff;
			letter-spacing: 1px;
			margin: 0; }

		#showroom ul li.first {
			background: none;
			margin:0; }

		#showroom .details {
			background: #222;
			width:350px;
			letter-spacing: 1px;
			margin: 0;
			padding: 0 20px 0 20px;
			float:right; }

		#showroom .details h1 {
			background: #141414;
			padding: 13px 13px; }

		#showroom select {
			background: #3d3d3d;
			padding: 0px;
			width: 125px; }

		#showroom .addtocart {
			text-align: left;
			margin:20px 0 40px 0; }

		#showroom .thumbnail {
			width:600px;
			float:left; }

		#showroom img.thumbnail {
			border: 4px solid #fff; }


	/* Tips */
	div#sizes {
		padding: 10px 10px;
		margin: 0 0 20px 0;
		background:#222; }

	div#sizes h2 {
		margin: 10px 0 10px 0px;
		font-size:18px;
		color:#368df7;
		font-weight:normal;
		height:26px; }

		div#sizes table {
		  border-collapse: collapse;
		  border: 1px solid #333;
		  width:100%;
		  color: #fff;
		  font-size:1em; }

		div#sizes caption {
		  text-align: left;
		  background: transparent; }

		div#sizes td, div#sizes th {
		  border: 1px solid #333;
		  padding: 1.1em;
		  vertical-align:middle; }

		div#sizes td.sub, div#sizes th.sub {
		  border: none;
		  padding: 1.1em;
		  vertical-align:middle; }

		div#sizes thead th {
		  text-align: left;
		  color: #fff;
		  padding:15px 13px; }

		div#sizes tbody th, div#sizes tbody td {
		  vertical-align:top;
		  text-align: left; }

		div#sizes .odd {
		  background: #292929; }

		div#sizes tbody tr:hover {
		  background: #141414; }

		div#sizes tbody tr.sub:hover {
		  background: transparent; }

		div#sizes tbody tr:hover th, div#sizes tbody tr.odd:hover th {
		  background: #141414; }

		div#sizes tbody tr.sub:hover th {
		  background: transparent; }

	/* View Cart */
	#viewcart {
		float: left;
		clear: both;
		margin: 0;}

		#viewcart h1 {
			margin: 0 0 10px 0; }

		#viewcart table, #sizes table {
		  border-collapse: collapse;
		  border: 1px solid #333;
		  width:100%;
		  color: #fff;
		  font-size:0.9em; }

		#viewcart caption, #sizes caption {
		  text-align: left;
		  background: transparent; }

		#viewcart td, #viewcart th, #sizes td, #sizes th {
		  border: 1px solid #333;
		  padding: 1.1em;
		  vertical-align:middle; }

		#viewcart td.sub, #viewcart th.sub, #sizes td.sub, #sizes th.sub {
		  border: none;
		  padding: 1.1em;
		  vertical-align:middle; }

		#viewcart th.total {
		  padding: 1.1em;
		  vertical-align:middle; }

		#viewcart thead th, #sizes thead th {
		  text-align: left;
		  color: #fff;
		  padding:15px 13px; }

		#viewcart tbody th, tbody td, #sizes tbody th, #sizes tbody td {
		  vertical-align:top;
		  text-align: left; }

		#viewcart .odd, #sizes .odd {
		  background: #292929; }

		#viewcart tbody tr:hover, #sizes tbody tr:hover {
		  background: #141414; }

		#viewcart tbody tr.sub:hover, #sizes tbody tr.sub:hover {
		  background: transparent; }

		#viewcart tbody tr:hover th, #viewcart tbody tr.odd:hover th, #sizes tbody tr:hover th, #sizes tbody tr.odd:hover th {
		  background: #141414; }

		#viewcart tbody tr.sub:hover th, #sizes tbody tr.sub:hover th {
		  background: transparent; }

		#viewcart tbody th.checkout {
		  text-align: right; }

		#viewcart input {
			color: #fff;
			font-size:0.9em;
			background: #3d3d3d;
			padding:3px 0;
			width:28px;
			text-align:center; }

		#viewcart .checkout, #viewcart .paypal {
			border: none;
			vertical-align:middle; }

		#viewcart .paypal {
			padding: 5px 0 0 15px; }


/*	-------------------------------------------------------------
	NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	/*  Top Navigation   */
	#globalnav {
		padding-bottom: .55em;
		float: right; }

		#globalnav ul {
			margin-left: 0;
			padding-left: 0;
			display: inline; }

			#globalnav ul li {
				margin-left: 0;
				padding-right: 23px;
				list-style: none;
				display: inline; }

				#globalnav ul li.last {
					margin-left: 0;
					padding: 0;
					list-style: none;
					display: inline; }

					#globalnav ul li a {
						color: #fff;
						padding-bottom: 11px;
						text-decoration: none;
						font-size: 1em;
						letter-spacing: 1px; }

					#globalnav ul li a:hover {
						color: #666;
						padding-bottom: 11px;
						text-decoration: none; }

					#globalnav ul li a.selected {
						color: #FFF;
						padding-bottom: 11px;
						text-decoration: none;
						border-bottom: 1px solid #368df7; }

	/*  Subpages Navigation   */
	#submenu {
		width: 999px;
		margin: 0;
		padding: 0; }

		#submenu ul {
			float: left; }

		#submenu li {
			display: inline; }

		#submenu li a {
			float: left;
			color: #fff;
			margin:0px;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding: 9px 14px 9px 14px;
			background: #3d3d3d; }

		#submenu li a:hover{
			color: #fff;
			text-decoration: none;
			padding: 9px 14px 9px 14px;
			background: #222222; }

		#submenu li.first a  {
			border-left: none; }

		#submenu li.current a  {
			background: #368df7; }

		#submenu li.current a:hover  {
			background: #368df7; }

		#submenu li.addtocart a  {
			float: left;
			color: #fff;
			margin:0px;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding: 9px 14px 9px 14px;
			background: #3d3d3d url("/images/cart-bkg.png") no-repeat 3px 7px;
			text-indent: 30px; }

		#submenu li.addtocart a:hover  {
			background: #222222 url("/images/cart-bkg.png") no-repeat 3px 7px; }

		#submenu li.mycart a  {
			float: left;
			color: #fff;
			margin:0px;
			text-decoration: none;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding: 9px 14px 9px 14px;
			background: #3d3d3d url("/images/cart-bkg.png") no-repeat 3px 7px;
			text-indent: 30px; }

		#submenu li.mycart a:hover  {
			background: #222222 url("/images/cart-bkg.png") no-repeat 3px 7px; }


/*	-------------------------------------------------------------
	RIGHT NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		#rightnav {
			margin: 17px 0 0 0;
			padding:0;
			width:100%; }

			#rightnav ul {
				margin: 0px;
				padding: 0px;
				width: 100%; }

			#rightnav li {
				list-style: none;
				text-indent: 40px; }

			#rightnav a.nav:link, a.nav:visited {
				padding:5px 0 5px 0;
				margin:0;
				color: #fff;
				font-size: 1em;
				display: block;
				text-decoration: none;
				width: 100%;
				background: transparent url("/images/arrow-right.gif") no-repeat 20px 6px; }

			#rightnav a.nav:hover {
				color: #fff;
				background: #368df7 url("/images/arrow-right.gif") no-repeat 20px 6px; }

			#rightnav ul#nav li#menu_selected {
				background-color: #fff; }

/*	-------------------------------------------------------------
	FORM
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

		form {
			margin: 0;
			padding: 0;
			display: inline; }

		input, select, textarea {
			color: #cecece;
			background: #3d3d3d;
			border: 1px solid #3d3d3d; }

		textarea {
			line-height: 1.40; }

		.contact-form {
			width: 655px;
			padding: 20px;
			margin: 10px 0 20px 0; }

		.contact-form input.textbox {
			width: 300px;
			height: 15px;
			padding: 4px; }

		.contact-form input.textboxERR {
			width: 300px;
			height: 15px;
			padding: 4px;
			border: 1px solid #990000; }

		.contact-form textarea.textbox {
			width: 300px;
			height: 71px;
			padding: 4px;
			background: #3b3b3b;
			border: 1px solid #3d3d3d; }

		.contact-form textarea.textboxERR {
			width: 300px;
			height: 71px;
			padding: 4px; }

		.contact-form ul {
			list-style: none;
			margin: 0px;
			padding: 0px;
			width: 300px; }

		.contact-form ul li {
			margin: 0px 0px 6px 0px;
			padding: 0px; }

		.contact-form ul li p {
			margin: 0px 0px 3px 0px;
			padding: 0px;
			font-size: 1em;
			color: #bdbdbd; }

		.contact-form div.left {
			width: 300px;
			float: left;
			margin-right: 45px; }

		.contact-form div.right {
			float: left;
			width: 300px; }

		.contact-form a.send-button {
			display: block;
			margin: 0;
			font-size:1.2em;
			font-weight:bold;
			text-transform:uppercase; }

		.contact-form-sent {
			margin: 0;
			padding: 0; }

		.btn {
			width:70px;
			font: 1em Georgia, "Times New Roman", Times, serif;
			color: #cecece;
			background: #3b3b3b;
			border: 1px solid #3b3b3b;
			float: right;
			padding: 4px;
			margin: 0;
			text-align:center; }

/*	-------------------------------------------------------------
	FOOTER
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		clear: both;
		width: 999px;
		margin: 30px auto;
		padding: 20px 0;
		border-top:1px solid #444444; }

		#footer div#left {
			float: left;
			padding: 0;  }

		#footer div#right {
			float: right;
			padding: 0;  }