/* @charset "UTF-8"; Already declared in main.css */
/* CSS Document */

#shopMenuContainer
{
	float: left;
	margin-right: 13px;
}

#shopMenuContainer ul, #info
{
	margin: 0;
}

#shopMenuContainer ul li ul li, #info li
{
	padding-left: 8px;
	background-image: url(../gfx/bg/connector_middle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 1px;
	white-space: nowrap;
}

#shopMenuContainer ul li ul li a, #info li a
{
	background-image: url(../gfx/bg/connector_dot.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	padding-left: 9px;
	line-height: 22px;
	padding-bottom: 1px;
}

#shopMenuContainer ul li ul li a:hover, #shopMenuContainer ul li ul li a#active, ul#info li a:hover, ul#info li a:active, ul#info a#active
{
	background-image: url(../gfx/bg/connector_dot_active.gif);
	color: #3e3e3e;
}

#shopMenuContainer a, #shopMenuContainer a:hover, #shopMenuContainer a:active, #shopMenuContainer a:visited, #info li a, #info li a:hover, #info li a:active, #info li a:visited
{
	color: #797979;
}

#shopMenuContainer ul li ul li.first, #info li.first
{
	background-image: url(../gfx/bg/connector_left_top.gif);
	padding-bottom: 1px;
}

#shopMenuContainer ul li ul li.last, #info li.last
{
	background-image: url(../gfx/bg/connector_left_bottom.gif);
	padding-bottom: 1px;
}

#shopMenuContainer a.highlight
{
	font-weight: bold;
	margin: 8px 0px 8px 0px;
	display: block;
}

#shopMenuContainer a.highlight, #shopMenuContainer a.highlight:hover, #shopMenuContainer a.highlight:active, #shopMenuContainer a.highlight:visited
{
	color: #3e3e3e;
}

#shopContentHeader
{
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#cart
{
	float: left;
	width: 100%;
}

#cart li
{
	padding: 12px 0px 12px 35px;
	opacity: .45;
}

#cart li.active
{
	opacity: 1;
}

#step1
{	
	background-image: url(/gfx/icons/step_1.gif);
	background-repeat: no-repeat;
	background-position: left center;

	float: left;
}

#step1 form, #step1 form div
{	
	display: inline;
}

#step1 form div
{	
	margin-left: 20px;
}

#step1 form div .highlight
{	
	margin-right: 20px;
}

#step1 form input.button
{
	margin: 0;
}

#step2
{
	background-image: url(/gfx/icons/step_2.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	float: right;
	margin-right: 20px;
	margin-top: 2px;
}

#step3
{
	background-image: url(/gfx/icons/step_3.gif);
	background-repeat: no-repeat;
	background-position: left center;
	
	float: right;
	margin-top: 2px;
}

#quickOrderSuccess, #quickOrderFailure
{
	padding: 10px 40px 0px 0px;
	float: left;
	margin-top: -20px;
	margin-bottom: 20px;
}

#quickOrderSuccess
{
	background-image: url(/gfx/bg/connector_right_bottom.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#categoryDescription
{
	width: 600px;
	margin-bottom: 25px;
}

#categoryDescription
{
	width: 690px;
}

#categoryMovie {

	width: 230px;
	height: 130px;
	position: relative;
	display: inline;
	clear: left;
	float: right;
	margin-left: 16px;
}

#categoryDescription #categoryHeadline
{
	font-weight: bold;
	display: block;
}

.productWrap
{
	width: 175px;
	height: 270px;
	float: left;
		
	margin-right: 80px;
	margin-bottom: 30px;
	
	font-style: italic;

	background-image: url(/gfx/bg/connector_right.gif);
	background-repeat: no-repeat;
	background-position: right 80px;
}

.productWrap.lastInRow
{

	margin-right: 0;
}

.product
{
	padding-right: 20px;
}

.product .imgWrap
{
	height: 150px;
	margin-bottom: 10px;
}

.product img
{
	margin: auto;
	display: block;
}


.productWrap h3
{
	font-size: 100%;
	height: 1.3em;
	font-style: normal;
	
	margin: 0px;
	overflow: hidden;
}

.productWrap .info p
{
	font-size: 91%;
	font-style: oblique;
}

.price
{
	text-align: right;
	font-weight: bold;
	
	font-style: normal;
	float: right;
	
	color: #666;
}

.desc
{
	height: 40px;
	display: block;
	overflow: hidden;
	
	font-size: 91%;
	position: relative;
}

.desc select
{
	margin-top: 2px;
	font-size: 91%;
	width: 80px;
	padding: 0;
}

.desc select optgroup
{
	font-style: normal;
	font-weight: normal;
	color: #797979;
}

.desc .groupName
{
	float: left;
	width: 70px;
}

.points
{
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.retailPrice, .productWrap .readMore
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	
	font-style: normal;
}

.productWrap .readMore
{
	font-style: italic;
}

.product .input, .product p
{
	padding-top: 15px;
	clear: both;
	font-style: normal;
}

.product .productID
{
	font-size: 91%;
	float: left;
}

.product .productID span.highlight, .points .highlight, .retailPrice .highlight
{
	color: #666;
	font-size: 91%;
	font-weight: bold;
}

a:hover highlight, .productID a:hover .highlight,  .points a:hover .highlight, a:hover .retailPrice .highlight
{
	color: #000;
}

input.quantity
{
	width: 1.5em;
	text-align: right;
}

.productWrap input.quantity
{
	margin: 0px 5px 0px 5px;
}

#quickOrder
{
	width: 4em;
}

#product
{
	color: #898989;
	padding-bottom: 10px;
/*	margin-bottom: 18px; */
	width: 100%;
}

#product h2
{
	color: #595959;
	display: inline;
	margin-right: 25px;
}

#product h3
{
	color: #666;
	display: inline;
}

#product .leftColumn
{
	width: 330px;
}

#product .leftColumn p
{
	padding-right: 20px;
}

#product .floatRight p img
{
	display: inline;
}

#product .floatRight
{
	width: 340px;
	margin-top: 18px;
}

#product .leftColumn ul
{
	list-style-image: url(/gfx/icons/plus_1.gif);
	list-style-position: outside;
	margin-left: 16px;
	margin-bottom: 18px;
	padding-right: 18px;
}

#product .floatRight p.highlight
{
	color: #595959;
	font-weight: normal;
}

#product .floatRight h2
{
	font-size: 136%;
	font-weight: normal;
	clear: both;
	display: block;
	margin: 0;
	padding-top: 18px;
	padding-bottom: 3px;
}

#product form
{
	margin-top: 18px;
	float: left;
	width: 100%;
		
	background-image: url(/gfx/bg/connector_right_top.gif);
	background-repeat: no-repeat;
	background-position: 140px center;
}

#product img
{
	clear: both;
	display: block;
	margin: auto;
}

a.linkLeft, a.linkLeft :hover, a.linkLeft:active, a.linkLeft:visited
{
	color: #96b400;
	padding-left: 18px;

	background-image: url(/gfx/icons/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left center;

	float: left;
	margin-bottom: 8px;
}

a.linkRight, a.linkRight:hover, a.linkRight:active, a.linkRight:visited
{
	color: #96b400;
	padding-right: 18px;
	
	background-image: url(/gfx/icons/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: right center;

	float: right;
	margin-bottom: 8px;
}

#product a.groupMember
{
	color: #96b400;
}

#product form .quantity, .productList form .quantity
{
	margin: 0px 5px 0px 5px;
}

h2.clearBoth.bottomBorder
{
	padding-bottom: 18px;
	color: #949494;
	margin-bottom: 0;
}

.productList
{
	white-space: nowrap;
}

.productList h2, .productList h2 a
{
	padding-bottom: 14px;
	color: #949494;
	margin-bottom: 0;

}

.productList .thumbnail
{
	width: 50px;
}

.productList img
{
	height: 50px;
	display: block;
	margin: auto;
}

.productList .name, .productList .price
{
	font-size: 110%;
	color: #797979;
}

.productList td.name
{
	white-space: normal;
}

.productList .description
{
	font-size: 91%;
	display: block;
}

.productList .price
{
	font-weight: normal;
	float: none;
	text-align: right;
}

#credit
{
	float: right;
	margin-right: 20px;
	margin-top: -20px;
}

#credit img
{
	margin-left: 10px;
}

.tight
{
	margin-top: 10px;
	margin-bottom: 5px;
}

.address
{
	padding-bottom: 8px;
}

.address h2
{
	padding-top: 18px;
}

.address select
{
	margin-bottom: 8px;
}

.address label, #bank label
{
	display: block;
}

.address input
{
	margin-right: 5px;
	width: 190px;
}

.address #fName, .address #lName, .address #phone, .address #mobile
{
	width: 90px;
}

.address #zip
{
	width: 50px;
}

.address #city
{
	width: 130px;
}

.address img.floatLeft
{
	margin-top: 16px;
}

.address select
{
	margin-right: 4px;
}

div#paymentOptions td img
{
	float: right;
	margin-right: 0;
	margin-left: 5px;
}

div#paymentOptions select
{
	width: 165px;
}

div#paymentOptions table table td
{
	vertical-align: middle;
	padding-right: 0;
}