/* General Element Styling
--------------------------*/
*
	{
		height:100%;
	}
* * *
	{
		height:auto;
	}
html
	{
		min-height:100%;
		padding:0;
		margin:0;
	}
body 
	{
		min-height:100%;
		padding:0;
		margin:0;
		background:#4B9CFF url("../img/sidebar.png") repeat-x fixed bottom left;
		background-color:#4B9CFF;
	}
img
	{
		border-width:0;
	}
tr:nth-child(2n+0)
	{
		background-color:#EEF7FF;
	}
#news h2
	{
		margin-top:0.8em;
	}
#news h3
	{
		margin-top:0;
	}


/* Item Classes
---------------*/
.item
	{
		width:31%;
		max-width:16.4em;
		min-width:13.7em;
		height:11em;
		float:left;
		padding:0;
		margin:0.3em;
		background-image:url("../img/sheen.png");
		position:relative;
		border:0.12em solid #CCCCCC;
	}
* html .item
	{
		width:15.2em;
	}
.item h3 a
	{
		padding:0;
		margin:0;
		line-height:1em;
		font-family:helvetica, arial, sans-serif;
		font-size:1em;
		color:#662200;
		text-decoration:none;
	}
.item h3 a:hover
	{
		text-decoration:underline;
	}
.item h3
	{
		padding:0;
		margin:0;
		line-height:1em;
		color:#662200;
	}
.item h4
	{
		padding:0;
		margin:0;
		line-height:1em;
		font-size:0.9em;
		color:#225500;
	}
.itemOpt
	{
		width:100%;
	}
.itemColor
	{
		position:relative;
		right:20px;
		margin-right:-20px;
		border:0.12em dashed #999999;
		width:1.1em;
		height:1.1em;
	}
.itemColor:hover
	{
		border:0.12em solid #007FFF;
	}
.itemColor:active
	{
		border:0.12em solid #FF0000;
	}
.item input[type=radio]:checked + label img
	{
		border:0.12em solid #FF7F00;
	}
.item h6
	{
		padding:0;
		margin:0;
		line-height:1em;
		font-weight:bold;
		font-size:0.75em;
		position:absolute;
		bottom:1em;
	}
.itemContainer
	{
		position:absolute;
		bottom:0;
		left:0;
		height:7em;
		padding-left:5.8em;
	}
.itemContainer div
	{
		float:left;
	}
* html .itemContainer div
	{
		width:9.2em;
	}
.cart
	{
		position:absolute;
		bottom:0;
		right:0;
	}
.itemImg
	{
		float:left;
		position:relative;
		width:5.8em;
		right:5.8em;
		height:auto;
		margin-right:-100%;
	}
.itemImg:hover
	{
		opacity:0.8;
		cursor:pointer;
		border:0 solid #996633;
		border-bottom-width:0.2em;
	}
.contact span
	{
		cursor:pointer;
	}
.itemOpt input[type=radio]
	{
		opacity:0;
	}
	
	
.bface
	{
		background-color:buttonface;
	}
.wrong
	{
		color:#DD0000;
	}

/* Classes
------------------*/
.article
	{
		border:0 solid #0E76CF;
		border-left-width:0.15em;
		border-bottom-width:0.15em;
		padding:0.2em 0.6em;
		margin:1.4em 0;
	}
.error
	{
		color:#EE3311;
	}
.new-look
	{
		position:relative;
		border:0 dotted #B5464F;
		border-width:0 1px 1px 0;
		min-width:8em;
		max-width:27%;
		float:left;
		
		padding:1.8%;
		margin:0.8em 1%;
	}
.new-look h3
	{
		text-align:center;
	}
.new-look ul
	{
		padding:0.4em 0 0 0.8em;
		margin:1em 0;
		border:0 dotted #AAAAAA;
		border-top-width:1px;
		width:auto;
		display:inline-block;
	}
.new-look img
	{
		width:100%;
		max-width:300px;
		height:auto;
		max-height:400px;
	}
.new-look div
	{
		text-align:right;
		border:0px solid black;
		border-bottom-width:1px;
	}

/* Page Elements
----------------*/
#container
	{
		position:relative;
		overflow:hidden;
		min-height:100%;
		padding:0;
		padding-right:12em;
		margin:0;
	}
#newBrowser
	{
		position:absolute;
		top:-8em;
		left:0.5em;
		width:12em;
		font-size:0.9em;
		font-weight:bold;
		z-index:9;
		opacity:0;
		filter:alpha(opacity=0);
	}
* html #newBrowser
	{
		filter:alpha(opacity=40);
	}
#newBrowser a
	{
		color:#333333;
	}

#header
	{
		width:88%;
		position:absolute;
		text-align:left;
		height:9.5em;
		padding:3em 90em 4em 12%;
		margin:0 -90em 0 0em;
		background:#4B9CFF url("../img/clouds.jpg") no-repeat;
		overflow:hidden;
	}
* html #header
	{
		height:13.5em;
		padding:3em 90em 1em 3.5%;
		margin:0;
		width:340%;
		overflow:visible;
	}
#header img
	{
		position:relative;
		margin-left:-3em;
		height:100%;
		width:auto;
	}
	
		/* Navigation Tabs
		------------------*/
		#linkbar
			{
				width:100%;
				position:relative;
				top:13.3em;
				left:10em;

				padding:0;
				margin:0;
				
				list-style:none;
				border:0 solid black;
				z-index:11;
				clear:both;
			}
		* html #linkbar
			{
				top:14.3em;
			}
		#linkbar li
			{
				float:left;
				background:url("../img/tab-l.png") no-repeat left top;
				margin:0;
				padding:0;
				border:0 solid black;
				border-bottom-width:0.17em;
				display:-moz-inline-box;
				display:inline-block;			
			}
		* html #linkbar li
			{
				margin-bottom:0;
			}
		#linkbar a
			{
				display:block;
				background:url("../img/tab-r.png") no-repeat right top;
				padding:8px 16px 0 0;
				margin-left:16px;
				text-decoration:none;
				font-weight:bold;
				color:#002940;
			}
		#linkbar a:hover
			{
				color:#008FFF;
			}
		.cur-home #n1, .cur-looks #n2, .cur-cloth #n3, .cur-emb #n4, .cur-logo #n5, .cur-forum #n6
			{
				background-image:url("../img/tab-l-c.png");
				bottom:-0.17em;
				border-bottom:0.17em solid #4B9CFF;
			}
		.cur-home #n1 a, .cur-looks #n2 a, .cur-cloth #n3 a, .cur-emb #n4 a, .cur-logo #n5 a, .cur-forum #n6 a
			{
				background-image:url("../img/tab-r-c.png");
				color:#FF8F00;
				margin-bottom:0;
			}

#contentBody
	{
		width:100%;
		position:relative;
		top:13.3em;
		float:right;

		margin-right:-12em;
		padding-right:1em;
		padding-left:1em;
		margin-bottom:-650.7em;
		padding-bottom:666em;
		text-align:left;
		background:#FFFFFF url("../img/fade.png") repeat-x left top;
	}
* html #contentBody
	{
		top:15em;
		left:10em;
		float:right;
		padding-right:11em;
		z-index:0;
	}
#contentBody a[href ^="image"] img
	{
		padding:1em;
	}
#news
	{
		position;relative;
		padding:0;
		text-align:left;
		padding-left:1em;
		margin:0 2em;
		padding:1em;
		padding-bottom:0;
	}
#news h3
	{
		margin-bottom:0;
	}
#news h4
	{
		margin-top:0;
		font-style:oblique;
		font-size:0.9em;
	}
#news img
	{
		float:right;
		width:4em;
		height:auto;
		padding-right:2em;
	}
#sidebar
	{
		position:relative;
		top:15.3em;
		width:8em;
		margin-right:-9em;
		text-align:left;
		padding:1em;
		padding-bottom:666em;
		margin-bottom:-648.7em;
		/*background:url("../img/sidebar.png") repeat-x top;*/
		z-index:4;
	}
* html #sidebar
	{
		float:left;
		left:1em;
		margin-right:-100%;
		padding-right:0;
		padding-left:0;
	}
#sidebar img
	{
		width:100%;
	}
#sidebar a
	{
		color:#FF8F00;
	}
#infobar
	{
		position:absolute;
		visibility:hidden;
		top:0;
		right:0;
		margin:0;
	}
#infobar ul
	{
		list-style:none;
		padding:0;
		margin:0;
	}
#infobar li
	{
		float:left;
		display:block;
		padding:0.4em 1em;
		margin:0;
	}
#footer
	{
		position:absolute;
		top:0.4em;
		right:0.4em;
		margin:0;
		text-align:right;
	}
#footer a
	{
		text-decoration:none;
		font-weight:bold;
		color:#FF8F00;
	}
#footer a:hover
	{
		text-decoration:underline;
	}
#footer h5
	{
		position:fixed;
		right:0;
		bottom:-0.4em;
		padding:0.4em;
		margin:0;
		font-size:1em;
		background-color:#FFFFFF;
	}
* html #footer h5
	{
		position:absolute;
		right:110%;
		width:100%;
		background-color:transparent;
	}
#login
	{
		position:absolute;
		top:19.6em;
		left:0.6em;
		width:13em;
		padding:0;
		font-size:0.7em;

		z-index:9;
		opacity:0.4;
		filter:alpha(opacity=40);
	}
#login input
	{
		padding:0;
		padding-bottom:0.2em;
		margin:0;
		width:5em;
		font-size:1em;
	}
#login input.submit
	{
		width:6px;
		height:14px;
	}
#login-tab
	{
		position:relative;
		float:right;
		left:0.2em;
		width:0.8em;
		cursor:pointer;
		display:block;
		line-height:0.9em;
		font-size:0.9em;
		text-align:center;
		z-index:10;
	}
#logout-tab
	{
		position:relative;
		float:right;
		left:0.2em;
		width:0.8em;
		cursor:pointer;
		display:block;
		line-height:0.9em;
		font-size:0.9em;
		text-align:center;
		z-index:10;
	}
#btnLogout
	{
		height:1.7em;
		line-height:0.8em;
	}

#showMap:hover
	{
		text-decoration:underline;
		cursor:pointer;
	}
#mapFrame
	{
		width:99%;
		height:99%;
	}
#gMap
	{
		position:relative;
		left:0;
		top:0;
		width:100%;
		height:400px;
		margin:0;
		padding:0;
		overflow:visible;
	}
#signup
	{
		position:relative;
		width:15em;
	}
#signup label
	{
		line-height:1.8em;
	}
#signup label:after
	{
		content:": ";
	}
#signup input, #signup select
	{
		position:absolute;
		margin-top:0.1em;
		margin-bottom:-0.4em;
		right:0;
		width:10em;
	}
#signup button
	{
		position:absolute;
		margin-top:0;
		margin-bottom:0;
		right:-10em;
		width:9em;
	}
#image-view img
	{
		max-width:100%;
		height:auto;
	}

#qty
	{
		width:4em;
	}
	
#color-chart
	{
		width:70%;
		max-width:400px;
		background-color:rgba(197,226,255,0.5); 
		margin:0 auto;
		text-align:center;
	}
#color-chart br
	{
		clear:both;
	}
#color-chart .color
	{
		width:70px;
		height:60px;
		float:left;
		padding:0.4em;
		text-align:center;
	}
	
#info h3
	{
		text-align:center;
		margin:0 auto;
	}
#info img
	{
		margin:0 auto !important;
	}
#info div + div
	{
		background-color:#DDEEFF;
		border:0.27em solid #CCDDEE;
	}
#info div
	{
		float:left;
		position:relative;
		max-width:17em;
		min-width:6em;
		width:40%;
		margin:0.6em;
		padding:1em;
	}
#cartlog
	{
		float:none !important;
		margin:0 !important;
		padding:0 !important;
	}
#info b + ul
	{
		padding-left:1.8em;
		margin-top:0;
	}
#info hr
	{
		visibility:hidden;
		clear:both;
	}
#cart
	{
		text-align:right;
	}
#cart thead
	{
		font-weight:bold;
	}
#cart td
	{
		padding:0.1em 0.8em;
	}