/***********************************************************************/
/*                                                                     */
/* Screen style sheet for Gymgear Leotards                             */
/*                                                                     */
/* created by: Andy Creed - C2K										   */
/*       date: 20th March 2006                                         */
/*                                                                     */
/***********************************************************************/


body{font-family: Arial, Verdana; font-size:12px; margin:0px; padding:0px; text-align:left;background-color:#fff5ff;color: #333333;line-height: 1.4em;}
	form{margin:0px;padding:0px}
	input{border:1px #cccccc solid; height:15px;font-size:12px;width: 300px;}
	textarea {border:1px #cccccc solid; font-size:12px;width: 300px;}
	select {border:1px #666666 solid; font-size:12px;width: 300px;}
	file {height:24px;}
	h1{font-family:Arial,Verdana,  Helvetica, sans-serif;font-size:medium;font-weight:bold;background-position: right bottom;background-repeat: no-repeat;padding-top:10px; padding-bottom:2px; color:#BD57A9;margin-top:0px;color:#2e7636;}
	h2{font-size:1.5em;font-weight:bold;color:#BD57A9; margin:0px;}
	p div{font-family: Arial,Verdana, Helvetica, sans-serif; font-size:small;color:#000000;}
	a:link{color:#BD57A9;text-decoration:none;}
	a:visited{ color:#BD57A9;text-decoration:none; }
	a:hover{color:#800080; text-decoration:none;}
	a:active{color:#BD57A9; text-decoration:none; }
	th {line-height: 20px;font-size: 11px;text-transform: uppercase;background: #808080;color: #FFF;padding-left: 3px;}
	.buttons {border:none; background-color: #1689D9; width: 110px; float:none; color:#333333; height: 18px;}

#container{margin: 20px auto 20px auto;text-align:left;padding:0px;width:754px;background-color: #FFFFFF;}

	#header{width: 100%;border: 2px solid #ffd1ff; border-bottom:none;padding:0px;margin:0px;}
		#hdrleft{float:left; width: 25%; margin: 15px;}
		#hdrleft h1 {
	/*		background: url(../images/logo.gif) top left no-repeat;*/
		}
		#hdrleft h1 a {
			margin: 0; padding 0;
			display: block;
			position: relative;
			background: url(../images/logo.gif) top left no-repeat;
			width: 144px;
			height: 80px;
		}

		#hdrleft h1 a span { position: absolute; left: -1000em; top: -1000em; }

		#hdrright{padding: 0px 10px 0px 0px;width: 65%; text-align:right; float:right;}
			#hdrright ul {list-style-type: none;}
			#hdrright li {display:inline; font-size: .9em;}
			
	#content{width:754px;margin-left:0px; margin-right:0px;text-align:left;padding:0px;border-left: 2px solid #ffd1ff;border-right: 2px solid #ffd1ff;padding-bottom:10px;}

		#contentwrapper {margin: 0px 10px 10px;}

			#leftcol{float:left;margin-top:0px;width:140px;margin-left:0px; text-align:left; height: 100%; border-top: 4px solid #9adcdc;}
				#minibasket {width:99%; height: 125px;background-color: #9adcdc; border-bottom: 1px solid #9adcdc; border-left: 1px solid #9adcdc; vertical-align:middle;}
					#minibasket table {color: #FFFFFF; font-weight:bold; font-size:1.1em;}
					#minibasket a {color:#FFFFFF;}
					#minibasket a:hover {text-decoration:none; color:#800080;}
					#checkout {font-weight: bold; padding:2px 5px 0px 0px; text-align:right;border-top:1px dashed #ffffff;}
				#leftcol ul {margin:0px; padding:0px;list-style-type:none;border-top: 4px solid #ffd1ff; border-left: 1px solid #ffd1ff; border-right: 1px solid #ffdfff;}
					#leftcol ul a{display:block; padding: 3px 0px 3px 0px; font-weight:bold; color:#68CACA;}
					#leftcol ul a:hover{ text-decoration:none;background-color: #ffdfff; background-image:url(../images/arrowblue.gif); background-position:left; background-repeat:no-repeat;  display:block; color: #800080; border-left: 1px solid #9adcdc;margin-left:-1px;}
					#leftcol li.selected a{ text-decoration:none;background-color: #ffdfff; background-image:url(../images/arrowblue.gif); background-position:left; background-repeat:no-repeat;  display:block; color: #333333; border-left: 1px solid #9adcdc;margin-left:-1px;}
					#leftcol li { text-indent: 20px; border-bottom:1px solid #ffdfff; display:block; background-color:#fff0ff;}
				#subscribeform {padding:0px 8px 0px 0px; background-color:#fff0ff;  text-align:right; border-bottom:1px solid #ffdfff;  color: #333333;border-top: 4px solid #ffd1ff;}
					#subscribeform p {margin:0px; text-align:left; padding: 10px 0px 0px 10px; font-size:.9em; line-height:1.1em;}						
					#subscribeform input{width:120px; margin:3px 0px 0px 0px; border: 1px solid #ca77b9;color: #ca77b9;}						
					#subscribeform input.btn{width:80px; height:18px; margin:3px 0px 3px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}
				#fadeout {background-image:url(../images/fadeout.jpg);height: 80px; }
				#worldpay {color: #333333; margin:0px 0px 0px 0px; line-height:1em;font-size: .85em;}
				
			#rightcol{float:right;margin:0px;width:580px;text-align:left;}
				#midcontent{float:left;width:426px; border-top: 4px solid #ffdfff; margin:0px;}
					#midcontent h1 {background-color: #fff0ff; color: #BD57A9; margin: 0px; padding:2px 0px 2px 0px;text-align:center; font-size: 1.5em; border-bottom: 1px solid #ffd1ff;}
					#midcontent h2 {color: #72cdcd;font-size: 1.2em; padding: 3px 0px 2px 0px; margin:0px;}
					#midcontent h2 img { text-align:right; border:none;}
					#midcontent h3 {color: #ca77b9;font-size: 1.1em; padding: 3px 0px 2px 0px; margin:0px;}
					#midcontent p {border-bottom: 1px solid #d8f1f1; margin: 0px;padding:2px 0px 2px 0px;}
					#midcontent img {border-bottom: 4px solid #ffd1ff;}
					#midcontent input.btn{width:80px; height:20px; margin:3px 0px 3px 0px; padding:0px 0px 5px 0px;background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9; font-size:1.1em; font-weight:bold;}

						#breadcrumb p {border:none; .95em; font-weight:bold;}

						#featured img, #offers img, #product img, #products img {border: 3px solid #ffdfff;}
						
						#products td {text-align:left;padding: 0px 0px 0px 10px;}


						#product input {width:115px; margin-top:3px; border: 2px solid #9adcdc; text-align:right; font-size:1.1em;}
						#product select{width:120px; border: 2px solid #9adcdc;margin: 0px 0px 0px 33px;}
						#product input.btn{width:80px; height:18px; margin:3px 0px 3px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}
						#product span.indent{margin:0px 0px 0px 33px;}

						#basket input{width:40px; border: 2px solid #9adcdc; text-align:right; font-size:1.1em; font-weight:bold;}
						#basket td{padding: 2px 2px 2px 2px;}
						#basket input.btn{width:90px; height:20px; margin:3px 0px 5px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}

						#login input {width:200px; margin-top:3px; border: 2px solid #9adcdc; text-align:left; font-size:1.1em;}
						#login input.btn{width:120px; text-align:center; height:20px; margin:3px 0px 3px 3px; padding:0px 0px 3px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}

						#checkout input {width:200px; margin-top:3px; border: 2px solid #9adcdc; text-align:left; font-size:1.1em;}
						#checkout select{width:120px; border: 2px solid #9adcdc;margin: 0px 0px 0px 33px;}
						#checkout input.btn{width:120px; text-align:center; height:20px; margin:3px 0px 3px 3px; padding:0px 0px 3px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}
						#checkout checkbox{border: 1px solid #9adcdc;}

						#yourorder input {width:40px; margin-top:3px; border: 2px solid #9adcdc; text-align:left; font-size:1.1em;}
						#yourorder select{width:120px; border: 2px solid #9adcdc;margin: 0px 0px 0px 33px;}
						#yourorder input.btn{width:120px; text-align:center; height:20px; margin:3px 0px 3px 3px; padding:0px 0px 3px 0px; background-color:#fff0ff; border: 1px solid #ca77b9; color: #ca77b9;}
						#yourorder checkbox{border: 1px solid #9adcdc;}


				#rightcontent{float:right; width: 140px;border-top: 4px solid #9adcdc; color:#333333;}
				#rightcontent a{color:#359797;}
				#rightcontent a:hover{color:#800080;}
					#searchbox {width:100%; height: 125px;background-color: #9adcdc; border-bottom: 4px solid #ffd1ff; }
						#searchbox input{width:120px; margin-top:3px; border: 1px solid #9adcdc;}						
						#searchbox input.btn{width:80px; height:18px; margin:3px 0px 3px 0px; background-color:#9adcdc; border: 1px solid #ffffff; color: #FFFFFF;}
						#searchbox table {color: #FFFFFF; font-weight:bold; font-size:1.1em;}
						#searchbox a {color:#FFFFFF;}
						#searchbox a:hover {text-decoration:none; color:#800080;}
						#sizechart {font-weight: bold; padding:4px 5px 0px 0px; text-align:right;border-top:1px dashed #ffffff;}
					#rightcontent h2 {background-color: #fff0ff; font-size: 1.2em;margin:0px;padding:5px 0px 0px 10px;color: #333333;}
					#rightcontent p {background-color: #fff0ff; font-size: .9em;margin:0px;padding:0px 0px 0px 10px;color: #333333;}
					#rightcontent ul {margin:0px; padding:0px 0px 0px 0px;list-style-type:none; border-left: 1px solid #ffd1ff; border-right: 1px solid #ffd1ff;}
						#rightcontent ul a{display:block; padding: 0px 0px 0px 0px; color:#359797;}
						#rightcontent ul a:hover{ text-decoration:none;background-color: #ffdfff;  background-image:url(../images/arrowblue.gif); background-position:left; background-repeat:no-repeat;  display:block; color: #800080; border-left: 1px solid #9adcdc;margin-left:-1px;}
						#rightcontent li { text-indent: 8px; border-bottom:1px solid #ffdfff; display:block; background-color:#fff0ff;}
					#resellers {border-bottom: 1px solid #ffdfff; border-top: 4px solid #ffd1ff;padding:0px 0px 0px 0px; line-height:1.0em;}
						#resellers h2 {padding:10px 0px 5px 10px;}
					#fadeoutright {background-image:url(../images/fadeout.jpg) ; background-repeat: no-repeat;height: 180px; }

			#rightcol br {clear:both;}

	#footer {width:754px;clear: both;font-size: .9em;color: #666666; border: 2px solid #ffdfff; border-top: none;}
		#footer a { text-decoration: none; margin-right: 6px; margin-left: 6px; }
		#footer a:hover { text-decoration: none; }
		#footerleft{float: left;width: 240px;text-align: left; margin-left:10px;}
		#footerright{float: right;width: 400px;text-align: right;}
		#footer br {clear:both;}

.white{color: #ffffff;}
.greysep {border-bottom: 3px solid #e1e1e1;margin: 0px;padding:0px;}
.normal {font-size:.9em; font-weight:normal;}
.rj {text-align: right;}
.backblue {background-color:#9adcdc;padding:0px 2px 0px 2px;}
.price {color: #72cdcd;font-size: 1.4em; font-weight:bold;}
.bold {font-weight:bold;}
.leftborderblue {border-left: 1px solid #d8f1f1;}
.topborderblue {border-top: 1px solid #9adcdc;}
div.row {clear: both;padding-top: 5px;}
div.row span.label {float: left;width: 30%;text-align: right; font-weight:normal;}
div.row span.formw {float: right;width: 65%;text-align: left;font-size:small; font-weight:normal;} 
.red {color:#FF0000;}
.printblue {color:#72cdcd; line-height:1em; text-align:right; font-weight:bold;}
.errormsg {color:#FF0000; font-weight:normal;}
.success { color:#00CC00; font-weight:normal;}