@import url(Screen-Forms.css);
@import url(Screen-Navigation.css);
@import url(Screen-Tables.css);

h1
{ display: none; }

html.genericBase
{
	background: #000 url(GenericBase/Background.gif) repeat center top;
	padding: 25px 0;
}

a
{ outline: none !important; }

#pageHolder
{
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
	background-color: #1A1A1A;
	border: solid 1px #000;
	color: White;
}

h2
{ text-align: center; margin: 0; padding: 0; }

h2 div.textArea, h2 div.textArea embed
{ height: 50px; margin: 0; padding: 0; }

h3 div.textArea, h3 div.textArea embed
{ height: 35px; margin: 0; padding: 0; }

#contentHolder
{ margin: 20px; }

#contentHolder p a:link, #contentHolder p a:active, #contentHolder p a:visited
{ color: #FF6; text-decoration: underline; }

#contentHolder p a:hover
{ color: #FF0; }

html.uplevel .downlevel
{ display: none; visibility: hidden; }

html.uplevel .downlevel .uplevel
{ display: block; visibility: visible !important; }

.indented
{ margin-left: 3.0em; }

.inline
{ float: right; margin: 0 0 1em 1em; }

.bordered
{ border: solid 1px black; }

.center
{ text-align: center; }

.left
{ float: left; clear: left; margin: 0 20px 20px 0; }

.right
{ float: right; clear: right; margin: 0 0 20px 20px; }

.cap
{ clear: both; }

.polaroid,
.polaroidLarge,
.polaroidMedium,
.polaroidSmall
{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

.polaroid
{ height: 190px; line-height: 190px; width: 152px; }

.polaroidLarge
{ height: 525px; line-height: 525px; width: 420px; }

.polaroidMedium
{ height: 250px; line-height: 250px; width: 200px; }

.polaroidSmall
{ height: 158px; line-height: 158px; width: 126px; }

.polaroid a,
.polaroidLarge a,
.polaroidMedium a,
.polaroidSmall a
{
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
	text-decoration: none;
}

.polaroid a
{
	height: 190px;
	width: 152px;
	/* background: url(Polaroid.jpg?height=190&width=152&exact=true) no-repeat left top; */
	background: url(Polaroid1.jpg) no-repeat left top;
}

.polaroidLarge a
{
	height: 525px;
	width: 420px;
	/* background: url(Polaroid.jpg?height=525&width=420&exact=true) no-repeat left top; */
	background: url(Polaroid1Large.jpg) no-repeat left top;
}

.polaroidMedium a
{
	height: 250px;
	width: 200px;
	/* background: url(Polaroid.jpg?height=525&width=420&exact=true) no-repeat left top; */
	background: url(Polaroid1Medium.jpg) no-repeat left top;
}

.polaroidSmall a
{
	height: 158px;
	width: 126px;
	/* background: url(Polaroid.jpg?height=158&width=126&exact=true) no-repeat left top; */
	background: url(Polaroid1Small.jpg) no-repeat left top;
}

.polaroid a img,
.polaroidLarge a img,
.polaroidMedium a img,
.polaroidSmall a img
{ border: none; margin: 0; padding: 0; border: solid 1px #AAA; }

.polaroid a img      { margin-top: 9px; }
.polaroidLarge a img { margin-top: 33px; }
.polaroidMedium a img { margin-top: 15px; }
.polaroidSmall a img { margin-top: 7px; }

/* IE7 Only */
*+html .polaroid a img      { margin-top: -25px; }
*+html .polaroidLarge a img { margin-top: -68px; }
*+html .polaroidMedium a img { margin-top: -32px; }
*+html .polaroidSmall a img { margin-top: -20px; }

#categoryLayout,
#productLayout
{
	width: 860px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#productLayout
{ margin-top: 25px; }

#categoryLayout h2
{ display: none; }

#categoryLayout div,
#productLayout div
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#productLayout div
{
	height: 240px;
	width: 215px;
}

#categoryLayout .categoryBlock
{
	height: 265px;
	width: 215px;
	overflow: hidden;
}

#productLayout .polaroid,
#categoryLayout .categoryBlock .polaroid
{ width: 152px; margin: 0 31px; }

/* IE6 and below only */
* html #productLayout .polaroid,
* html #categoryLayout .categoryBlock .polaroid
{ width: 215px; margin: 0; }

#categoryLayout .categoryBlock div.textArea,
#categoryLayout .categoryBlock div.textArea embed
{ height: 50px; width: 215px; margin: 0; padding: 0; text-align: center; }

#productDetail .polaroidLarge
{ float: left; }

#productDetail .content
{ width: 420px; float: right; }

/* IE6 and below only */
* html #productDetail .content { margin-left: 20px; }

#productDetail h2,
#productDetail h3
{
	width: 420px;
}

#productDetail .priceBar
{
	background: url(GenericBase/ToolbarBackground.png) no-repeat top left;
	width: 420px;
	height: 39px;
	line-height: 39px;
	margin: 20px 0 20px 0;
	font-size: 90%;
}

#productDetail .priceBar p
{
	float: left;
	margin: 0 10px;
	padding: 0;
	vertical-align: middle;
}

#productDetail .priceBar form
{
	float: right;
	margin: 0 10px;
}

#productDetail .priceBar input.quantity
{
	width: 30px;
	text-align: center;
}

#productDetail .description
{
	width: 400px;
}

#productDetail .description p
{
}

#productDetail .alternatePhotos
{ margin-top: 20px; margin-left: 0; width: 440px; float: left; clear: left; }

#productDetail .content .alternatePhotos
{ margin-top: 20px; margin-left: 0; width: 440px; float: none; clear: none; }

#productDetail .alternatePhotos .polaroidSmall
{ margin: 0 20px 21px 0; float: left; }

#modelIndex .male, #modelIndex .female
{
	width: 420px;
	float: left;
}

#modelIndex .male { margin-right: 10px; }

#modelIndex .female { margin-left: 10px; }

#modelIndex .polaroidMedium { float: left; margin: 20px 20px 0 0; }

#modelIndex .alternate { margin-right: 0; }