@import url(/webappresource.axd?q=app_files/default/css/common.css);
@import url(/webappresource.axd?q=app_files/default/css/controls.css);
/*****************************
GLOBAL
*****************************/
body {
	margin: 0;
	padding: 0 15px;
	text-align: center;
	background: #D8D3CD url(/webappresource.axd?q=app_files/default/img/bg/bg.jpg) no-repeat center top;
}

body.popup {
	padding: 15px;
	text-align: left;
	background: #FFF;
}

body, td, th, input, select, textarea {
	color: #000;
	font: normal 12px/1.25em Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	color: #000;
	margin: 0 0 0.5em 0;
	letter-spacing: -1px;
	font: normal 26px/1.1em Tahoma, Arial, Helvetica, sans-serif;
}

h2 {
	color: #C60;
	margin: 1em 0 0.5em 0;
	font: normal 20px/1.1em Tahoma, Arial, Helvetica, sans-serif;
}

h3 {
	color: #000;
	margin: 0.5em 0;
	letter-spacing: -1px;
	font: bold 14px/1.1em Arial, Helvetica, sans-serif;
}

big, .big {
	font-size: 14px;
	line-height: 1.2em;
}

p, .p {
	margin: 0.5em 0;
}

small, .small {
	font-size: 11px;
	line-height: 1.2em;
}

input, select, textarea {
	line-height: 1.17em !important;
}

optgroup {
	font-style: normal;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

input.qty {
	width: 25px;
	text-align: center;
}

div.dot {
	clear: both;
	height: 25px;
	margin: 0 !important;
	padding: 0 !important;
	background: url(/webappresource.axd?q=app_files/default/img/bg/dot.gif) repeat-x left center;
}

ul.links, ul.menu {
	padding: 0;
	margin: 0.5em 0;
	list-style: none;
}

.links li, .menu li {
	padding: 0;
	margin: 0.25em 0;
}

.menu a {
	zoom: 1;
	display: block;
	padding: 0 0 1px 16px;
	background: url(/webappresource.axd?q=app_files/default/img/icons/arrow.gif) no-repeat left top;
}

.menu a.big {
	padding: 0 0 1px 17px;
	background-position: left 1px;
}

.menu a.active {
	background-image: url(/webappresource.axd?q=app_files/default/img/icons/arrow-down.gif);
}

.menu ul {
	list-style: none;
	margin: 0 0 10px 17px;
}

.menu ul a {
	padding: 0;
	display: inline;
	background: none;
}

/*****************************
LINKS
*****************************/
a, a:visited {
	color: #06C;
	cursor: pointer;
	text-decoration: underline;
}

a:hover, a:active {
	color: #C30;
}

a.black, a.black:visited, .ablack a, .ablack a:visited {
	color: #000 !important;
}

a.black:hover, a.black:active, .ablack a:hover, .ablack a:active {
	color: #777 !important;
}

a.blue, a.blue:visited, .ablue a, .ablue a:visited {
	color: #369 !important;
}

a.blue:hover, a.blue:active, .ablue a:hover, .ablue a:active {
	color: #036 !important;
}

a.white, a.white:visited, .awhite a, .awhite a:visited {
	color: #FFF !important;
}

a.white:hover, a.white:active, .awhite a:hover, .awhite a:active {
	color: #FE9 !important;
}

a.gray, a.gray:visited {
	color: #666 !important;
}

a.gray:hover, a.gray:active {
	color: #000 !important;
}

a.red, a.red:visited {
	color: #C00 !important;
}

a.red:hover, a.red:active {
	color: #F60 !important;
}

/*****************************
LAYOUT
*****************************/
.wrapper {
	width: 986px;
	margin: 0 auto;
	text-align: left;
}

.header {
	top: 0;
	left: auto;
	width: 986px;
	position: absolute;
	border-bottom: 10px solid #FFF;
}

.popup table.header {
	width: 100%;
	position: static;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
}

.popup table.header td {
	padding: 0 0 10px 0;
	white-space: nowrap;
}

table.roof {
	border: 0;
	width: 100%;
	height: 100px;
	margin-bottom: 260px;
	background: url(/webappresource.axd?q=app_files/default/img/bg/header.png) no-repeat center top;
	filter:alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
}

* html table.roof {
	background-image: url(/webappresource.axd?q=app_files/default/img/bg/header.gif);
}

.roof th {
	padding: 0 20px;
	text-align: left;
	white-space: nowrap;
}

.roof td {
	padding: 0 7px;
	text-align: left;
	white-space: nowrap;
}

.roof td.last {
	padding: 0 20px 0 7px;
	text-align: left;
	white-space: nowrap;
}

.roof img.png {
	width: 156px;
	height: 74px;
}

.roofbox, .roofbox .r {
	margin-right: 10px;
	padding-left: 10px;
	background: url(/webappresource.axd?q=app_files/default/img/bg/roofbox.png) no-repeat left top;
}

.roofbox .r {
	color: #F90;
	height: 50px;
	text-align: right;
	margin: 0 -10px 0 0;
	padding: 10px 10px 0 0;
	background-position: right top;
}

* html .roofbox, * html .roofbox .r {
	background-image: url(/webappresource.axd?q=app_files/default/img/bg/roofbox.gif);
}

.roofbox p {
	margin: 0;
	font-size: 18px;
	padding: 2px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
}

.roofbox p b {
	color: #FFF;
	font-size: 24px;
	font-weight: bold;
}

table#menu {
	margin: 0;
	border: 0;
}

#menu .tab, #menu .tab:visited, #menu .tab span {
	background-image: url(/webappresource.axd?q=app_files/default/img/bg/menutab.png);
}

* html #menu .tab, * html #menu .tab:visited, * html #menu .tab span {
	background-image: url(/webappresource.axd?q=app_files/default/img/bg/menutab.gif);
}

#menu .tab span, .search span {
	color: #333;
	height: 31px;
	letter-spacing: -1px;
	text-decoration: none;
	font: bold 14px/30px Arial, Helvetica, sans-serif;
}

#menu .tab:hover span, #menu .tab:active span, #menu .active .tab span {
	color: #000;
}

.search {
	height: 33px;
	overflow: hidden;
}

.search form {
	zoom: 1;
	top: -5px;
	position: relative;
}

.content {
	background: #FFF;
	margin-top: 400px;
	padding: 0 10px 20px 10px;
}

.path {
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.path b {
	color: #555;
	font-weight: normal;
}

table.cols {
	border: 0;
	width: 100%;
}

td.lcol, td.ccol, td.rcol {
	padding: 1em 0 0 0;
	vertical-align: top;
}

td.lcol {
	width: 180px;
	padding: 0 20px 0 0;
}

td.rcol {
	width: 180px;
	padding: 0 0 0 20px;
}

.footer {
	padding: 0 15px 0 10px;
	background: url(/webappresource.axd?q=app_files/default/img/bg/footer.png) no-repeat center top;
}

.footer table {
	height: 100px;
	margin-bottom: 15px;
}

.footer li {
	margin: 3px 0;
}

/*****************************
TABLES
*****************************/
table.itemgrid {
	width: 100%;
	border-color: #EEE;
	border-style: solid;
	border-width: 2px 2px 1px 1px;
}

table.itemlist, table.itemspec {
	width: 100%;
	border: none;
}

.itemgrid p, .itemlist p {
	margin: 5px 0;
	line-height: 1.18em;
}

.itemgrid small, .itemlist small {
	display: block;
}

.itemgrid td {
	text-align: center;
	border-color: #EEE;
	border-style: solid;
	vertical-align: top;
	border-width: 0 0 1px 1px;
	padding: 10px 5px 5px 5px;
	background: url(/webappresource.axd?q=app_files/default/img/bg/itemgrid.png) repeat-x left bottom;
}

.itemlist th {
	border: 0;
	text-align: left;
	padding: 10px 0 5px 0;
	border-bottom: 2px solid #DDD;
}

.itemlist td {
	padding: 5px;
	border-bottom: 1px solid #EEE;
}

.compact td {
	padding: 2px 5px;
}

a.itemname {
	height: 2.5em;
	display: block;
	margin-top: 5px;
	overflow: hidden;
	font-weight: normal;
	text-decoration: underline;
}

.bundles .item {
	float: left;
	width: 120px;
	padding: 0 30px 0 5px;
	background: url(/webappresource.axd?q=app_files/default/img/misc/big-plus.gif) no-repeat right 30px;
}

.itemspec th, .itemspec td {
	padding: 5px 10px;
	border-bottom: 1px solid #EEE;
}

.itemspec th {
	color: #777;
	text-align: left;
	white-space: nowrap;
}

.itemspec td {
	width: 100%;
	padding-left: 0;
}

.itemspec .title {
	border: 0;
	background: none;
	padding: 10px 0 5px 0;
	border-bottom: 2px solid #DDD;
}

table.shiprates {
	width: 100%;
	margin: 2px 0;
	border-color: #FFF;
	border-style: solid;
	border-width: 2px 0;
	border-collapse: collapse;
}

.shiprates th {
	text-align: left;
	padding: 10px 0 5px 0;
	border-bottom: 3px solid #EEE;
}

.shiprates td {
	padding: 0 0 3px 0;
	vertical-align: middle;
	border-bottom: 1px dotted #CCC;
}

.shiprates label {
	display: block;
	padding: 4px 0 0 0;
	white-space: normal;
}

table.grid {
	border-collapse: collapse;
	border-bottom: 1px solid #DDD;
}

.grid th {
	padding: 7px;
	text-align: left;
	background: #DDD;
	font-weight: bold;
	white-space: nowrap;
	border-right: 1px solid #FFF;
}

.grid td {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}

table.personal {
	margin: 1em 0;
	border: 2px solid #DDD;
	border-right: 0;
}

.personal td {
	width: 33%;
	padding: 5px 10px;
	vertical-align: top;
	border-right: 2px solid #DDD;
}

/*****************************
CONTAINERS
*****************************/
.promo {
	border: 2px solid #DDD;
	padding: 10px 10px 5px 10px;
	background: #F0F0F0 url(/webappresource.axd?q=app_files/default/img/bg/promo.png) repeat-x left center;
}

.title, .title h1 {
	margin-bottom: 1px;
	padding: 0 15px 0 0;
	background: url(/webappresource.axd?q=app_files/default/img/bg/title.png) no-repeat right top;
}

.title h1 {
	margin: 0;
	line-height: 30px;
	padding: 10px 0 10px 15px;
	background-position: left top;
}

.title div {
	float: right;
	margin-top: 18px;
}

.navmenu dd {
	padding-top: 5px;
}

.listbar {
	margin-bottom: 1px;
	background: #F6F6F6;
	border: 2px solid #DDD;
}

.refine {
	z-index: 9999;
	position: relative;
}

.refine .frame {
	padding: 2px 8px 0 8px;
	margin: -3px -8px 0 -8px;
}

.refine .expand {
	top: -2px;
	left: 162px;
	padding: 2px;
	display: none;
	z-index: 9999;
	position: absolute;
	background: #F0F0F0;
}

.refine .expand .frame {
	zoom: 1;
	position: relative;
	margin: 0 0 0 -10px;
	padding: 5px 0 10px 10px;
}

.expanded .frame {
	background: url(/webappresource.axd?q=app_files/default/img/bg/refine.png) repeat-x left top;
}

.expanded .expand {
	display: block;
}

.params div {
	font-size: 14px;
	padding-bottom: 5px;
}

.params select {
	width: 160px;
	display: block;
	margin-top: 2px;
}

.params p {
	font-size: 12px;
	margin: 2px 0 3px 0;
}

.attr {
	float: left;
	padding-right: 10px;
	white-space: nowrap;
}

dl.buybox {
	margin-top: 0;
	background: #FEA;
}

dl.buybox dt i {
	background-image: url(/webappresource.axd?q=app_files/default/img/corners/rbox-buybox.gif);
}

dl.buybox dd {
	padding: 12px;
	border-color: #FC6;
}

dl.buybox .ibox {
	width: 75px;
}

#pricebox .show, #pricebox.hidden .hide {
	display: none;
}

#pricebox.hidden .show {
	display: block;
}

.shipping {
	margin: 10px 0;
	line-height: 17px;
	background: #FFF9D6;
	padding: 7px 0 10px 10px;
}

.tooltip {
	float: left;
	cursor: help;
}

.tooltip u {
	zoom: 1;
	text-decoration: none;
	border-bottom: 1px dotted;
}

.tooltip .pb {
	top: 18px;
	color: #000;
	width: 250px;
	z-index: auto;
	white-space: normal;
	background: #F9F9F9;
	border: 2px solid #CCC;
	padding: 10px 15px 7px 15px;
}

#freeshipping .pb {
	width: 300px;
	background: #FFD;
	border-color: #FC6;
}

.images {
	margin-top: 15px;
}

.images a, .images a:visited {
	float: left;
	padding: 5px;
	margin-right: 9px;
	margin-bottom: 9px;
	text-decoration: none;
	border: 2px solid #EEE;
}

.images a:hover, .images a:active, .images a.selected, .images a:focus {
	outline: none;
	border-color: #FC6;
}

.images img {
	vertical-align: top;
}

.gallery .images {
	height: 160px;
	overflow: auto;
	margin-top: 10px;
}

.productgallery {
	height: 272px !important;
	overflow: auto !important;
}

.gallery .viewport {
	width: 100%;
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.zoomtoolbar {
	left: 50%;
	bottom: 20px;
	z-index: 9999;
	position: absolute;
}

.zoomtoolbar p {
	zoom: 1;
	margin: 0;
	left: -50%;
	opacity: 0.6;
	background: #FFF;
	position: relative;
	padding: 5px 10px 8px 10px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.itotals div {
	float: right;
}

.itotals .plus, .itotals .equal {
	padding-right: 33px;
	background: url(/webappresource.axd?q=app_files/default/img/misc/big-plus.gif) no-repeat right 3px;
}

.itotals .equal {
	background-image: url(/webappresource.axd?q=app_files/default/img/misc/big-equal.gif);
}

.itotals small {
	color: #777;
	display: block;
}

.disclaimer {
	color: #999;
	display: block;
	padding: 0 15px;
}

.rmareq li {
	margin: 0.7em 0;
	font-weight: bold;
}

.rmareq small {
	display: block;
	font-weight: normal;
}

dl#coupon {
	margin: 10px 0;
	padding: 5px 0;
	background: none;
	border-color: #FC6;
	border-style: solid;
	border-width: 1px 0;
}

dl#coupon, dl#coupon dt, dl#coupon dd {
	border: 0;
	margin: 0;
	padding: 0;
}

dl#coupon.hidden dd, dl#coupon dt {
	display: none;
}

dl#coupon.hidden dt {
	display: block;
}

#divTabReviews iframe {
	border: 0;
	width: 100%;
	height: 500px;
	display: none;
}

#divTabReviews.write iframe {
	display: block;
}

#divTabReviews.write .reviews {
	display: none;
}

.trackinfo {
	margin: 1em 0 0 0;
	padding: 5px 10px;
	border: 2px solid #FEA;
}

.ordertotal {
	float: right;
	padding: 10px 0;
	margin: 0 0 5px 20px;
}

.ordertotal td {
	padding-right: 5px;
	white-space: nowrap;
}

.soldribboncontainer {
	width: 150px;
	height: 115px;
	position: relative;
}

.soldribbon {
	top: -4px;
	right: -4px;
	width: 102px;
	height: 105px;
	display: block;
	position: absolute;
	text-align: center;
	background: url(/webappresource.axd?q=app_files/default/img/misc/soldribbon.gif) no-repeat left top;
	cursor: pointer;
}

/*****************************
CHECKOUT
*****************************/
.stepbox {
	zoom: 1;
	position: relative;
	padding: 10px 0 10px 40px;
}

.stepno {
	left: 0;
	top: -10px;
	color: #CCC;
	position: absolute;
	font: bold 70px Arial, Helvetica, sans-serif;
}

.stepbox h2, .stepbox p {
	margin: 0 0 4px 0;
	position: relative;
}

.stepbox h2 {
	color: #000;
}

.activestep h2 {
	color: #C30;
}

.activestep .stepno {
	color: #F90;
}

.stepbox h3 {
	margin-bottom: 0.2em;
}

.payment td.option {
	padding: 5px 10px;
	background: #F9F9F9;
	vertical-align: top;
	border: 2px solid #DDD;
}

.payment td.active {
	border-color: #FC6;
	background: #FFF6C6;
}

.payment h3 label {
	zoom: 1;
	color: #777;
	padding-top: 3px;
}

.payment td.active h3 label {
	color: #C30;
}

/*****************************
COLORS
*****************************/
.red {
	color: #C00 !important;
}

.green {
	color: #390 !important;
}

.blue {
	color: #06C !important;
}

.orange {
	color: #C60 !important;
}

.white {
	color: #FFF !important;
}

.gray {
	color: #666 !important;
}

.black {
	color: #000 !important;
}

.bgwhite {
	background-color: #FFF !important;
}

.bglitegray {
	background-color: #F9F9F9 !important;
}

.bggrayblue {
	background-color: #E0E6EB !important;
}

.bgyellow {
	background-color: #FFE !important;
}

.bggreen {
	background-color: #EFB !important;
}

.bgblue {
	background-color: #CCDCEE !important;
}

.bgpink {
	background-color: #FFE9E9 !important;
}

.bgorange {
	background-color: #FEA !important;
}

/*****************************
PRINT STYLES
*****************************/
.print, .print td {
	font-size: 11px;
}

.print h1, .print h3 {
	margin: 0;
	color: #000;
}

.print p {
	margin: 0.2em 0;
}

.print big, .print .big {
	font-size: 12px;
}

.print small, .print .small {
	font-size: 10px;
}

.print .msg {
	border-color: #999;
	background: #F5F5F5;
}

.print table.personal {
	border-color: #999;
}

.print table.personal td {
	padding: 5px;
	border-color: #999;
}

.print table.grid {
	border: 2px solid #999;
	border-collapse: separate;
}

.print table.grid th {
	border: 0;
	padding: 3px 5px;
}

.print table.grid td {
	border: 0;
	padding: 3px 5px;
	border-top: 1px solid #999;
}

.print .ordertotal {
	padding: 5px 0 5px 5px;
	border: 2px solid #999;
	border-top: 0;
}

.print .price b {
	color: #000;
}