/*
 *	General
 */
body, div { margin: 0; padding: 0; }

body {
	/*text-align: center;*/
}


/*
 *	Layout
 */
#container {
	width: 92%;
	min-width: 760px;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
}

#masthead {
	height: 135px;
	position: relative;
}

#masthead h1 {
	margin: 0;
}

#masthead a#homeLink {
	height: 130px;
	left: 0;
	position: absolute;
	text-indent: -9999px; /* Phark image replacement */
	text-decoration: none; /* Because of FF 1.x/Win */
	top: 0;
	width: 440px;
}

	#masthead a#homeLink:hover {
		background: transparent !important;
	}

#menu {
	height: 40px;
	line-height: 40px;
	margin-bottom: 5px;
	text-align: center;
}

#footer {
	clear: both;
	padding: .5em 1em;
}

#innerContainer {
	width: 84.6%;
	float: left;
	margin-bottom: 20px;
}

#main {
	width: 81.8%;
	text-align: left;
	float: right;
	padding: 0;
	margin-bottom: 20px;
}

#leftcol {
	width: 17.73%;
	float: left;
	min-width: 110px;
}

#rightcol {
	width: 15%;
	float: right;
	min-width: 110px;
}


/* Column contents */
.box {
	margin-bottom: 5px;
	padding: 5px 5px 10px;
	position: relative;
}

#leftcol .box {
	margin-left: 5px;
}

#rightcol .box {
	margin-right: 5px;
}

	.box h4, .box .top {
		font-size: 100%;
		margin: 0 0 5px;
		padding: 4px 6px;
		text-align: left;
	}

#userMenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#userMenu h4 {
	font-size: 80%;
}

#mainContainer {
	padding: 0 1em;
}

h1 {
	font-size: 200%;
	padding: 0 .5em;
}

#mainContainer h1 {
	padding: 0;
}
#simpleSearch {
	text-align: center;
}

#simpleSearch form p {
	margin: 0 0 8px 0;
	padding: 0;
}

#simpleSearch form input.text {
	width: 70%;
}

#simpleSearch form input.submit {
	background: url('/images/site/icons/24x24/search.png') center top no-repeat;
	border-color: #aaa;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	width: 24px;
}



#categoryMenu ul {
	margin: .6em 0;
	padding: 0;
	list-style: none;
}

#categoryMenu ul ul {
	margin-left: .6em;
}

#categoryMenu ul li {
	margin-bottom: 0.5em;
}
a#newItemsLink {
	display: block;
	color: #d42e2e;
	font-weight: bold;
	height: 1.6em;
	line-height: 1.6em;
	/*padding-left: 30px;
	background: url('/images/site/icons/24x24/important-bg.png') left center no-repeat;*/
}
/*
 *	General
 */

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.clear { clear: both; }
.hidden { display: none; }

/* Show only when JavaScript is enabled. */
.JSE {
	display: none;
}


/*
 *	Forms
 */

fieldset {
	margin: 1em 0;
}

#main form {
	padding: 0 '0';
	text-align: left;
}

/*form.horizontal {
	text-align: left;
}*/

form.horizontal label {
	float: left;
	line-height: 140%;
	padding-right: 1em;
	text-align: left;
	width: 11em;
}

form.horizontal label.standard {
	float: none;
	line-height: inherit;
	padding-right: 0;
	text-align: inherit;
	width: auto;
}

form.horizontal p.submit {
	padding-left: 12em; /* The width of the labels. */
}

form.horizontal p {
	clear: both;
}

form.horizontal .hint {
	display: block;
	padding-left: 12em;
}

form.full p.submit {
	text-align: right;
}

form.full p.submit a.button {
	float: left;
}

form.centered {
	width: 50%;
	padding: 0;
	margin: 0 auto;
}

form.centered label {
	width: 9em;
}

.submitFailure {
	text-align: left;
}


/*
 * Tables
 */

th.row {
	width: 20%;
}
/*
 * Folding Blocks
 */

.foldCtrl {
	margin: 1.3em 0 0;
	text-align: left;
	width: 9em;
}

	.foldCtrl span {
		padding-right: 9px;
		margin: 0 .4em 0 4px;
		cursor: pointer;
	}

.foldBody {
	padding: .5em;
}

/*
 * Flash Messenger
 */
.flashMessage {
	margin: 1em 10%;
	padding: 1.6em 20px 1.6em 70px;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}


/*
 * Action Chain
 */
/*.actionChain {
	margin: 0 auto;
	float: left;
	border: 1px dotted red;
}
.actionChain * {
	display: block;
	float: left;
	text-align: left;
	padding: .3em;
	width: 10em;
}*/

.actionChain {
	margin: 2em 0;
	padding: 0 1em;
}

	.actionChain * {
		padding: .3em 1.8em .3em 1em;
	}

	.actionChain .last {
		padding-right: 1em;
	}

/*
 * idTabs
 */
ul.idTabs {
	list-style: none;
	padding: 0;
	margin: 1em 0 0;
}

ul.idTabs li {
	display: block;
	float: left;
	margin: 0 3px 0 0;
}

ul.idTabs li a {
	display: block;
	padding: .5em;
	outline: none;
}

/*
 * lockedFields
 */
.fieldLock {
	padding: 1px 8px;
	margin-left: 1em;
	text-decoration: none;
}



.breadcrumbs {
	padding: 0 1em;
	text-align: left;
}
/*
 * Address blocks
 */

.addressBlock {
	float: left;
	border: 1px solid #ccc;
	margin: .3em;
	padding-top: .1em;
	height: 7.3em;
}

	.addressBlock input[type="radio"] {
		float: left;
		margin-right: .6em;
		cursor: pointer;
	}

	.addressBlock label {
		float: left;
		cursor: pointer;
	}

	.addressBlock p {
		margin-left: .6em;
	}

.emptyAddressBlock label {
	text-align: center !important;
}

.newAddressBlock label.primary {
	display: block;
	text-align: center !important;
}

.newAddressBlock.expanded {
	clear: both;
	float: none;
	height: auto !important;
	width: auto !important;
}

	.newAddressBlock.expanded * {
		cursor: default;
	}

	.newAddressBlock.expanded label.primary {
		display: none;
	}

	.newAddressBlock.expanded div {
		display: block !important;
	}/*.pageLinks {
	padding-left: 10em;
	text-align: center;
}*/

	.pageLinks .counter {
		float: right;
		text-align: right;
		width: 10em;
	}


/*
 *	Panels
 */
.itemPanel {
	text-align: center;
	margin: 10px 0;
	padding: 5px 0 0 0;
}

	.itemPanel .discount {
		font-size: 170%;
		font-weight: bold;
		display: block;
	}

	.itemPanel h2 {
		margin: 4px 0 !important;
		text-align: center !important;
		font-size: 110%;
	}

	.itemPanel img {
		width: 100%;
	}

/*
 *	Detailed blocks
 */
.detailedBlock {
	position: relative;
	padding: 1%;
	margin: 0;
	text-align: center;
	width: 31%;
	float: left;
}

	.detailedBlock h2 {
		height: 2.7em; /* enough for two lines */
	}

	.detailedBlock .main {
		height: 17em;
		position: relative;
	}

	.detailedBlock img {
		height: 17em;
	}

	.detailedBlock p {
		margin: 0;
		padding: 0;
	}

	.detailedBlock em.new {
		position: absolute;
		left: 0;
		top: 0;
		text-indent: -9999px;
	}

	.detailedBlock p.price {
		margin-top: .5em;
	}

		.detailedBlock p.price a {
			display: block;
			text-align: center;
		}

.listingTable {
	width: 100%;
}

/*
 *	Controls
 */
.controls {
	margin: 1.5em 0;
	padding: 1em .5em;
	position: relative;
}

.controls h4 {
	margin: 0;
	text-align: left;
	position: absolute;
	top: -12px;
}

.controls div.clear {
	float: none !important;
}

#displayFoldBody div {
	float: left;
	margin-right: 2.4em;
}

#displayFoldBody div.clear {
	float: none;
	height: .3em;
}body {
	/*background: url('/images/site/design/body.png');*/
	background: #fff;
}

#container {
	background: #fff;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

#masthead {
	background: url('/images/site/design/masthead.jpg') left top no-repeat;
}

#menu {
	background: url('/images/site/design/menu.png') left top no-repeat;
	border-top: 1px solid #999;
}

#footer {
	background: #444;
	color: #ddd;
	font-size: 80%;
}

	#footer a { text-decoration: none; }
	#footer a:hover { text-decoration: underline; }


/* Column contents */
.box {
	background: #E9EFCB;
}

	.box h4, .box .top {
		background: #99A807;
		color: #fff;
	}

a#cartButton {
	background: #444 url('/images/site/icons/other/cart-empty.png') 5px 50% no-repeat;
	color: #b7c848;
	display: block;
	font-size: 110%;
	font-weight: bold;
	padding: .4em 1em .4em 45px;
	position: absolute;
	right: 0;
	text-align: right;
	text-decoration: none;
	top: 0;
	width: 14em;
}

	a#cartButton.empty {
		height: 40px;
		line-height: 40px;
	}

	a#cartButton.full {
		background-image: url('/images/site/icons/other/cart-full.png');
		height: 66px;
	}

		a#cartButton.full span {
			display: block;
			font-size: 140%;
		}

		a#cartButton.full small {
			display: block;
			font-size: 100%;
			padding-top: .6em;
		}

	a#cartButton:hover {
		/*background-image: url('/images/site/icons/other/basket-40x35-open.png');*/
	}

#mainWebLink a {
	background: url('/images/site/out.gif') right top no-repeat;
	color: #F08D03;
	font-size: 150%;
	padding-right: 17px;
}
/*
 *	General
 */

body {
	font-family: Tahoma, 'Lucida Grande CE', lucida, sans-serif;
	font-size: small;
}

.even {
	background-color: #eee;
}

/*
 *	Links
 */

a {
	color: #99A807;
	font-weight: bold;
	text-decoration: underline;
}

	a:hover {
		color: #99A807;
	}

#main a {

}

	#main a:hover {

	}

#menu a {
	color: #b7c848;
	display: block;
	float: left;
	font-size: 110%;
	height: 40px;
	padding: 0 1.5em;
	text-decoration: none;
}

	#menu a:hover {
		background: #444;
		text-decoration: underline;
	}


a.img, a.img img {
	border: none !important;
	background: none !important;
}

a.node {
	font-weight: bold;
}

a.button {
	background: #f4f6e5 url(/images/site/design/button-gradient.png) left top repeat-x;
	border: 1px solid #555;
	color: #000;
	font-weight: bold;
	padding: .2em .4em;
	text-decoration: none;
}

/*a.button.full {
	font-size: 105%;
	margin: 1em 0;
	padding: .3em .8em;
}*/

/*
 *	Forms
 */
input.submit, input.text, input.password, textarea.text {
	border: 1px solid #555;
	border-right-color: #999;
	border-bottom-color: #999;
	color: #000;
	font-size: 105%;
}

input.text, textarea.text {
	margin: 0;
}

input.password {
	background: #ffeaea;
}

input.text:focus, textarea.text:focus, input.password:focus {
	background: #fff;
	border-color: #000;
}

input.text[disabled] {
	color: #666;
}

input.submit {
	background: #f4f6e5 url(/images/site/design/button-gradient.png) left top repeat-x;
	border-color: #555;
	cursor: pointer;
	font-weight: bold;
	margin: 1em 0;
	padding: .3em .8em;
}

input.submit.dangerous:hover {
	background: #d00;
	color: #fff;
}

form p {
	margin: .3em 0;
}

form .required {
	font-weight: bold;
}

form .required strong {
	color: #f00;
	font-size: 130%;
	font-family: serif;
}

.requiredNotice {
	font-size: 90%;
	color: #777;
}

.requiredNotice strong {
	font-size: 100%;
}

form .hint {
	color: #777;
}

form .alert {
	background: #fffbb8;
}

fieldset {
	border: 1px solid #aaa;
}

form.heavy {
	border: 1px solid #aaa;
	background: #eee;
}


/*
 *	Tables
 */
table {
	border-collapse: collapse;
	margin: 1em 0;
	text-align: left;
	width: 100%;
}

table th {
	text-align: left;
	font-size: 90%;
	background: #bcbcbc;
	font-weight: bold;
}

table td, table th {
	border: 1px solid #fff;
	background: #eee;
}

table.clear td, tr.clear td, td.clear,
table.clear th, tr.clear th, th.clear {
	border: none;
	background: none;
}
/*
 * Folding Blocks
 */

.foldCtrl {
	font-size: 100%;
	color: #555;
	border: 1px solid #bbb;
	border-bottom: none;
	padding: .2em 0;
}

	.foldCtrl span {
		background: url('/images/site/ui/expanded.png') center center no-repeat;
		Xborder: 1px solid red;
	}

	.foldCtrl span.collapsed {
		background-image: url('/images/site/ui/collapsed.png');
	}

.foldLine {
	border-bottom: 2px solid #999;
}

.foldBody {
	border: 1px solid #ccc;
}


/*
 * Flash Messenger
 */

.flashMessage {
	border-width: 1px;
	border-style: solid;
}

.flashMessage.info {
	background-color: #E4FCFF;
	background-image: url('/images/site/icons/48x48/info.png');
	border-color: #748c8f;
}

.flashMessage.warning {
	background-color: #fffcd2;
	background-image: url('/images/site/icons/48x48/alert.png');
	border-color: #8f8c62;
}

.flashMessage.error {
	background-color: #ffdddc;
	background-image: url('/images/site/icons/48x48/error.png');
	border-color: #af7d7c;
}

/*
 * Action Chain
 */
.actionChain * {
	background: url('/images/site/arrow-right-gray.png') 98% 50% no-repeat;
	border: 1px solid #999;
	text-decoration: none;
}

	.actionChain .last {
		background: none;
	}

	.actionChain strong, .actionChain a {
		background-image: url('/images/site/arrow-right.png');
		border-color: #000;
	}

	.actionChain span {
		color: #555;
	}


/*
 * idTabs
 */
ul.idTabs li {

}

ul.idTabs li a {
	border: 1px solid #ddd;
	border-bottom: none;
	text-decoration: none;
	color: #000;
}

ul.idTabs li a.selected {
	font-weight: bold;
	border-color: #000;
	background: #eee;
}

ul.idTabs li.alert a {
	background: #fffcd2;
}


/*
 * lockedFields
 */
.fieldLock {
	background: #fff url('/images/site/icons/16x16/lock.png') center center no-repeat;
}

a.fieldLock {
	border: 1px solid #ddd;
	outline: none;
}

.fieldLock.active {
	border-color: #000;
	background-color: #fffcd2;
}.addressBlock.checked {
	border-color: #000;
}

	.addressBlock.checked label.savedAddress {
		font-weight: bold;
	}

.newAddressBlock label.primary {
	padding-top: 58px;
	background: url('/images/site/icons/48x48/new-document.png') 50% 5px no-repeat;
}

.emptyAddressBlock label {
	padding-top: 58px;
	background: url('/images/site/icons/48x48/cross.png') 50% 5px no-repeat;
}
.pageLinks {
	font-size: 85%;
	margin-top: 3em;
}

	.pageLinks a, .pageLinks strong, .pageLinks span.disabled {
		border: 1px solid #fff;
		padding: .1em .4em;
		margin: 0;
		text-decoration: none;
	}
		.pageLinks a:hover {
			border-color: #99A807;
		}

	.pageLinks strong {
		background: #eee;
		border-color: #555;
		color: #555;
	}

	.pageLinks span.disabled {
		color: #777;
	}


/*
 *	Panels
 */
.itemPanel .discount {
	color: #d42e2e;
}


/*
 *	Detailed blocks
 */

.detailedBlock {
	border: 1px solid #ccc;
	border-top: none;
}

	.detailedBlock.first {
		border-top: 1px solid #ccc;
	}

	.detailedBlock.left {
		border-right: none;
	}

	.detailedBlock.right {
		border-left: none;
	}

	.detailedBlock.last {
		border-right: 1px solid #ccc;
	}

	.detailedBlock h2 {
		font-size: 130%;
		margin-top: 0;
	}

		.detailedBlock h2 a {
			color: #000;
			text-decoration: none;
		}

			.detailedBlock h2 a:hover {
				border-bottom: 1px solid;
			}

	.detailedBlock em.new {
		display: block;
		color: #d42e2e;
		width: 70px;
		height: 70px;
		background: url('/images/site/new-stripe.png') no-repeat;
	}

	.detailedBlock p.price {
		font-size: 110%;
	}


/*
 *	Table
 */
.listingTable th, .listingTable td {
	padding: .4em;
}

.listingTable a.addToCart {
	font-size: 90%;
}

/*
 *	Controls
 */

#ascOrderLink, #descOrderLink {
	margin-right: 5px;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}

a#ascOrderLink { background-image: url('/images/site/arrow-up.png'); }
strong#ascOrderLink { background-image: url('/images/site/arrow-up-gray.png'); }
a#descOrderLink { background-image: url('/images/site/arrow-down.png'); }
strong#descOrderLink { background-image: url('/images/site/arrow-down-gray.png'); }


/*
 * Admin controls
 */
.adminBox {
	border: 1px solid #aaa;
	font-size: 90%;
	margin-top: 2em;
	padding: 0 1em 0 2.1em;
	text-align: left;
}

.adminBox.admin {
	background: url('/images/site/icons/16x16/lock.png') 5px 50% no-repeat;
}

.adminBox.hiddenItem {
	background: url('/images/site/icons/16x16/red-dot.png') 5px 50% no-repeat;
}

	.adminBox span, .adminBox a {
		padding: .7em 0;
	}

	.adminBox span {
		color: #555;
		float: left;
	}

	.adminBox a {
		float: right;
	}

		.adminBox a.editIcon {
			background: url('/images/site/icons/24x24/edit.png') left center no-repeat;
			padding-left: 26px;
		}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------- global settings needed for thickbox --------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------- thickbox specific link and font settings ---------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------- thickbox settings --------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 2px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}