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


	Browser test complete:

	Internet explorer/Win: 6+
	Firefox: 1.5+
	Opera: 8.54+
	Netscape browser: 8.0.2+
	Safari 3 beta/Win
	Safari 2.0.4 /Mac

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

@import url("reset.css");

body {font:62.5%  Arial, Helvetica,sans-serif; color:#000;}

	#skiplinks {position:absolute; left:-9999px;}

	a {text-decoration:none;}
	/* a:hover {text-decoration:underline;} */

	/* 	General
	-------------------------------------------------------*/

	#wrapper {width:902px; margin:0 auto; padding:0 15px; background:#FFF; overflow:hidden;}

		#masthead {width:100%; height:88px; overflow:hidden;}
			#masthead h1 {float:left; margin-top:15px; text-indent:-9999px; width:205px;}
				#masthead h1 a:link, #masthead  h1 a:visited {background:url('../images/logo.png') no-repeat; display:block; height:60px; width:230px;}

			#masthead p {float:right; margin-top:16px; background:url('../images/header-text.png') no-repeat; text-indent:-9999px; width:557px; height:16px;}

			#masthead a.basket {clear:right; float:right; display:block; margin-top:18px; padding-left:30px; background:url('../images/icons/basket.png') no-repeat left; color:#000; font-size:1.4em; line-height:1.9em; white-space:nowrap;}

		#sidebar {float:left; width:177px; padding-bottom:50px;}

			/* 1st level */
			#navigation li {margin-bottom:0.1em;}
				#navigation li p {background:#00ADEF; cursor:pointer;}
					#navigation li a {color:#fff; padding:0.5em 0 0.4em 10px; font-size:1.2em; font-weight:bold; line-height:1.6em;}

					#navigation li.selected p {background:#00529F}


					/* 2nd level */
					#navigation li ul {padding:1em 0 1.1em;}
						#navigation li ul li {color:#363636; background:#fff; padding:0 0 0.5em 10px;}
							#navigation li ul li a {color:#363636; line-height:1em; padding:0;}
							#navigation li ul li a:hover {color:#ED1C24;}

							#navigation li ul li.selected a {color:#ED1C24;}

							/* 3rd level */

							#navigation li ul li ul {padding:0.7em 0 0 0; margin-bottom:1.7em;}
								#navigation li ul li ul li {color:#363636; background:#fff; padding:0 0 0 10px;}
									#navigation li ul li ul li a, #navigation li ul li.selected ul li a  {color:#898989; font-size:1.1em; line-height:1.1em; font-weight:normal;}

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

									#navigation li ul li ul li.selected a {color:#ED1C24;}


			#sidebar img {display:block; margin-bottom:1px;}
			#sidebar a {display:block;}

		#content {float:right; width:715px; overflow:hidden;}
			#content a:hover {color:#22B9F1}

		
		#quicksearch {display:none} /*hide the quick search forthe moment*/
		#quicksearch {clear:both; height:8.6em; border-bottom:3px solid #E9E9E9; border-top:1px solid #BFBFBF; display:none}
			#quicksearch div {
	text-align:center;
	margin:2.8em auto 0 auto;
	width:365px;
	overflow:hidden;
}
				#quicksearch div label {float:left; display:inline; font-size:1.4em; margin-right:20px; padding-top:0.5em;}
			#quicksearch p {float:left; margin-right:10px; padding-top:0.4em;}
			#quicksearch p.button {padding:0; margin-right:0;}

		#footer {clear:both; height:60px; line-height:1.2em; overflow:hidden; margin-bottom:50px;}
			#footer div {float:right; margin-top:25px; overflow:hidden; width:320px;}
				#footer div p {float:right; margin-left:7px;}
				#footer p {clear:left; color:#00ADEF; font-size:1.2em; font-weight:bold;}
			#footer ul {float:left; margin-bottom:0.7em; margin-top:2em; overflow:hidden; width:550px;}
				#footer li {display:inline; color:#000; font-size:1.2em;  margin-right:1em;}
					#footer li a {color:#000; font-weight:bold;}
					#footer li a:hover {color:#22B9F1; font-weight:bold;}


	/* 	Universal Blocks
	-------------------------------------------------------*/

	.simple-listing {margin-bottom:2.7em;}

	.simple-listing .row {width:100%; padding:1em 0 1em 0; overflow:hidden;}

		.simple-listing .row .item {float:left; width:143px; overflow:hidden;}

			.simple-listing .row .item .image {width:143px; height:180px;}
				.simple-listing .row .item .image div {display:table; height:180px;}
					.simple-listing .row .item .image div div {display:table-cell; text-align:center; vertical-align:middle; width:143px;}

						.simple-listing .row .item img {border:1px solid #F5F5F5;}

			.simple-listing .item p {font-size:1.1em; line-height:1.2em; color:#000; text-align:center;}

			.simple-listing .item p a {font-family: Verdana, Arial, sans-serif; color:#00ADEF;}


	/* Homepage
	-------------------------------------------------------*/

	#homepage #content {padding-bottom:3em;}
		#homepage #content h2 {font-size:1.8em; font-weight:bold; padding-bottom:0.5em; border-bottom:1px solid #BFBFBF; margin-bottom:0.7em}

	#homepage #showcase {margin-bottom:0.9em; overflow:hidden;}
		#homepage #showcase div {float:left; width:504px;}
		#showcase #flash {border: 1px solid #BFBFBF;}


		#homepage ul#categories {float:right; width:197px; border-top:1px solid #CCC; margin-right:2px; }
			#homepage ul#categories li {height:43px; padding:7px 0 0 0; background:url('../images/icons/hp-pack.png') no-repeat right top; border-bottom:1px solid #CCC; cursor:pointer;}
				#homepage ul#categories li a {font-size:1.4em; line-height:1em; font-weight:bold; text-decoration:none;}

				#homepage #categories li.item-1 {background-position:right 0}
					#homepage #categories li.item-1 a {color:#ED1C24;}

				#homepage #categories li.item-2 {background-position:right -51px;}
					#homepage #categories li.item-2 a {color:#95C323;}

				#homepage #categories li.item-3 {background-position:right -102px}
					#homepage #categories li.item-3 a {color:#F7931D;}

				#homepage #categories li.item-4 {background-position:right -153px}
					#homepage #categories li.item-4 a {color:#EC008C;}

				#homepage #categories li.item-5 {background-position:right -204px}
					#homepage #categories li.item-5 a {color:#00ADEF;}

				#homepage #categories li.item-6 {background-position:right -255px}
					#homepage #categories li.item-6 a {color:#E7DA05;}

				#homepage #categories li.item-7 {background-position:right -306px;}
					#homepage #categories li.item-7 a {color:#377DBE;}


				#homepage #categories li a:hover,#homepage #categories li a.hover {color:#898989;}

		#homepage .featured {float:left; /*width:429px;*/}
			#homepage .featured h2 {margin-right:10px;}

		#homepage .just-arrived {float:left; /*width:286px;*/}
		
		#homepage #foot-banner { clear:both; width:100%; overflow:hidden}
			#homepage #foot-banner .left { float:left}
			#homepage #foot-banner .right { float:right}

#homepage .simple-listing .row {padding:0;}
			


	/* Listing Page
	-------------------------------------------------------*/

	#listing #sidebar {padding-bottom:1.7em;}

	#listing #content {padding-bottom:1.7em; padding-top:0px;}
		#listing #content p {font-size:1.2em;color:#898989;margin-bottom:1em;line-height: 1.3em;}
			#listing #content p span {color:#00ADEF; font-weight:bold;}
			#listing #content p span.enchanted {color:#e55b92; font-weight:bold;}
			#listing #content p strong {font-weight:bold;}
		
		#listing #content h2 {font-size:2.4em; font-weight:bold; color:#ED1C24; padding-bottom:0.3em; border-bottom:1px solid #BFBFBF; margin-bottom:0.7em}

	#listing .simple-listing .row {background:url(../images/bkg/dotted-hr.png) repeat-x bottom}

	#listing .simple-listing .row .item {width:332px; overflow:hidden}
		#listing .simple-listing .row .item .image {float:left;}
		#listing .simple-listing .row .item .info {float:right; width:160px; padding-top:2.8em;}
			#listing .simple-listing .row .item .info h3 {font:1.1em Verdana,Arial, sans-serif; font-weight:bold; color:#ED1C24; margin-bottom:0.1em;}
			#listing .simple-listing .row .item .info p {font-size:1.1em; color:#898989; text-align:left; margin-bottom:1.2em;}
			
			#listing .listing-banner { margin-bottom:20px;}
			


	/* Details Page
	-------------------------------------------------------*/

	#detail #content {padding-bottom:3em;}
		#detail #content h2 {font-size:1.8em; font-weight:bold; padding-bottom:0.5em; border-bottom:1px solid #BFBFBF; margin-bottom:0.7em}

	.product {margin-bottom:2.2em; overflow:hidden;}
		.product .image {float:left; width:320px; padding-top:3em; text-align:center;}

			.product .image img {border:1px solid #F5F5F5;}

		.product .panel {float:right; width:379px;}

			.product .panel .info {background:#F5F5F5; padding:1.2em 19px 0.9em 15px; margin-bottom:1px; overflow:hidden;}

				#detail #content .product .info h2 {font-size:2.4em; font-weight:bold; color:#00529F; margin-bottom:0.5em; border:none;}
				#detail #content .product .info h3 {font-size:1.2em; font-weight:bold; color:#00529F; padding-bottom:0.3em; border-bottom:1px solid #C4C4C4; margin-bottom:0.7em}

				.product .info p {font-size:1.2em; color:#898989; line-height:1em; margin-bottom:1em;}
				.product .info p.code {font-size:1.1em; margin-bottom:1em;}
				.product .info p.note {font-size:1.1em; margin-bottom:1em;}

				.product .info table {margin-bottom:1.6em;}
					.product .info table td {width:70px; font-size:1.2em; height:1.1em; color:#898989; line-height:1em;}

			.product .form {padding:1.5em 20px 1.3em 20px; background:#E8F7FE;}

				.product .form li {height:2.4em;}
					.product .form li label {float:left; width:135px; font-size:1.2em; color:#000; line-height:1em; padding-top:0.2em;}
					.product .form li p {padding:0px;}

				.product .form p.button {text-align:right;}



	/* Basket
	-------------------------------------------------------*/

	#basket #content {width:687px; padding-bottom:3em;}
		#basket #content h2 {font-size:2.4em; font-weight:bold; color:#00529F; padding-bottom:0.3em; border-bottom:1px solid #BFBFBF; margin-bottom:1.25em}

		#basket table {margin-bottom:2.7em;}

			#basket table th {font-size:1.4em; font-weight:bold; color:#00529F; border-bottom:3px solid #BFBFBF; padding-bottom:0.6em;}

			#basket table td {vertical-align:top; padding-bottom:1em; background:url('../images/bkg/dotted-hr.png') repeat-x left bottom;}

			#basket table td.image {width:129px; padding-top:2em;}
			#basket table td.desc {width:237px; padding-top:2.9em;}
			#basket table td.info {width:249px; padding-top:2.9em;}
			#basket table td.action {width:70px; padding-top:2.9em;}

			#basket table td h3 {font:1.1em Verdana,Arial, sans-serif; font-weight:bold; color:#00ADEF; margin-bottom:0.1em;}
			#basket table td p {font-size:1.1em; line-height:1.2em; color:#898989; margin-bottom:1.15em;}

			#basket table td img {border:1px solid #F5F5F5;}

			#basket p.update {float:left;}
			#basket p.submit {float:right;}


	/* Register
	-------------------------------------------------------*/

	#register #content {width:687px; padding-bottom:3em;}
		#register #content h2 {font-size:2.4em; font-weight:bold; color:#00529F; padding-bottom:0.3em; border-bottom:1px solid #BFBFBF; margin-bottom:0.85em}

		#register #content p {font-size:1.2em; color:#898989; margin-bottom:1em;}

		#register #content span {color:#ED1C24;}

		#register .form {padding-top:3.7em;}

		#register .form p {height:2em; overflow:hidden;}
		#register .form p.textarea {height:14em;}

			#register .form p label {display:block; clear:left; float:left; width:178px; padding-top:0.2em;}
			#register .form p input {width:235px;}
			#register .form p textarea {width:235px; height:150px;}
			#register .form p.button {text-align:right; height:3em;}
				#register .form p.button input {width:auto;}
				
	
	/* General (basic text pages, contact about etc)
	-------------------------------------------------------*/

	#general #content {width:687px; padding-bottom:3em;}
		#general #content h2 {font-size:2.4em; font-weight:bold; color:#00529F; padding-bottom:0.3em; border-bottom:1px solid #BFBFBF; margin-bottom:1.25em}
		
		#general #content p {font-size:1.2em;color:#898989; margin-bottom:1em; line-height: 1.3em;}
		
		#general #content ul {list-style: disc; font-size:1.2em; line-height: 1.3em; color:#898989; margin-bottom:1em;}
		
		#general #content ol {	list-style: decimal; font-size:1.2em; color:#898989; margin-bottom:1em; }
			#general #content ol li { line-height: 1em;	margin-left: 30px; margin-bottom:1em; list-style: outside; }