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

#container
{
	margin: 0 auto;
	width: 480px;
	background:#fff;
}

#header
{
	padding: 0px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius_topleft: 15px;
	-webkit-box-shadow: 0 4px 5px #f3f3f3;
	-moz-box-shadow: 0 4px 5px #f3f3f3;
}

#header h1 { margin: 0; }

#loginband
{
	float: left;
	width: 460px;
	background:#f3f3f3;
	padding: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	-webkit-box-shadow: 0 4px 5px #f3f3f3;
	-moz-box-shadow: 0 4px 5px #f3f3f3;
}

#box
{
	width: 400px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	white-space:inherit;
}

#navigation
{
	float: left;
	width: 480px;
	background:#333;
	-webkit-box-shadow: 0 4px 5px #f3f3f3;
	-moz-box-shadow: 0 4px 5px #f3f3f3;
}

#navigation ul
{
	margin: 0;
	padding: 0;
}

#navigation ul li
{
	list-style-type: none;
	display: inline;
}

#navigation li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	color:#fff;
	text-decoration: none;
	border-right: 1px solid#fff;
}

#navigation li a:hover { background:#383; }

#producttitle
{
	display: block;
	width: 450px;
	float: left;
	padding: 10px;
	color:#fff;
	-webkit-box-shadow: 0 4px 5px #f3f3f3;
	-moz-box-shadow: 0 4px 5px #f3f3f3;
	text-align:center;
}

#content
{
	clear: left;
	padding: 2px;
}

div.imageholder
{
	position: inherit;
	margin: 0px;
	padding: 0px;
	width: 57px;
	height: 57px;
	z-index: 2;
}

div.itemdescriptor
{
	position: inherit;
	margin: 0px;
	padding: 0px;
	width: 440px;
	height: 57px;
	z-index: 1;
}

#contentbottom
{
	clear: left;
	padding: 20px;
	background-color:#F3F3F3;
	-webkit-box-shadow: 0 4px 5px #f3f3f3;
	-moz-box-shadow: 0 4px 5px #f3f3f3;
	box-shadow: 0 4px 5px #f3f3f3;
}

#content h2
{
	color:#000;
	font-size: 160%;
	margin: 0 0 .5em;
}

#searchbox
{
	display:block;
	width: 250px;
	height: 30px;
	vertical-align:middle;
}

#footer
{
	background:#66ccff;
	opacity: 0.8;
	text-align: left;
	padding: 10px;
	height: 1%;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius_bottomleft: 15px;
	-webkit-box-shadow: 0 4px 5px #777;
	-moz-box-shadow: 0 4px 5px #777;
	box-shadow: 0 4px 5px #777;
}

header.bggradient
{
	-webkit-gradient(
    	linear,
    	left bottom,
   		left top,
    	color-stop(0.31, rgb(102,204,255)),
    	color-stop(0.66, rgb(220,249,250)),
    	color-stop(0.83, rgb(255,255,255))
		)
	-moz-linear-gradient(
    	center bottom,
    	rgb(102,204,255) 31%,
    	rgb(220,249,250) 66%,
    	rgb(255,255,255) 83%
		)
}

.p
{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	white-space: inherit;
}

@font-face {
	font-family: 'Lobster1.1Regular';
	src: url('Lobster_1.1_-webfont.eot');
	src: local('☺'), url('Lobster_1.1_-webfont.woff') format('woff'), url('Lobster_1.1_-webfont.ttf') format('truetype'), url('Lobster_1.1_-webfont.svg#webfont30G9S4nm') format('svg');
	font-weight: normal;
	font-style: normal;
}

h1.fontface 
{
	/*font: 18px/28px 'Lobster1.1Regular', Arial, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #09C;
	letter-spacing: 0;
}

p.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6CF;
}

.h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6CF;
}

.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}