body {
	background: #59a2c8 url(body-background.jpg) no-repeat fixed;
	color: #00314b;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	margin: 10px;
	padding: 0;
	width: 850px;
}
img {
	border: 0;
}
p {
	line-height: 1.3em;
}
a {
	color: #00314b;
}



div.menu {
	float: left;
	left: 20px;
	position: fixed;
	top: 10px;
	width: 300px;
}
div.menu ul {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 300px;
}
div.menu ul li {
	float: left;
	margin: 0;
	padding: 0;
}
div.menu ul li a {
	background: #000;
	border-bottom: 3px solid #000;
	color: #dff3ff;
	display: block;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
	padding: 0 7px;
	text-decoration: none;
}
div.menu ul li a:hover {
	border-color: #fff;
}
/*
div.menu ul li.m11 a {
	background-color: #4AABD3;
}
div.menu ul li.m10 a {
	background-color: #47A3CA;
}
div.menu ul li.m9 a {
	background-color: #439CC1;
}
div.menu ul li.m8 a {
	background-color: #3F91B3;
}
div.menu ul li.m7 a {
	background-color: #3B87A7;
}
div.menu ul li.m6 a {
	background-color: #357C99;
}
div.menu ul li.m5 a {
	background-color: #30708B;
}
div.menu ul li.m4 a {
	background-color: #2B647A;
}
div.menu ul li.m3 a {
	background-color: #26576C;
}
div.menu ul li.m2 a {
	background-color: #245266;
}
div.menu ul li.m1 a {
	background-color: #000000;
}
*/
div.menu ul li.m6 a {
	background-color: #245266;
}
div.menu ul li.m5 a {
	background-color: #245266;
}
div.menu ul li.m4 a {
	background-color: #2D657E;
}
div.menu ul li.m3 a {
	background-color: #357896;
}
div.menu ul li.m2 a {
	background-color: #3D8AAD;
}
div.menu ul li.m1 a {
	background-color: #000;
}
div.menu fieldset {
	border: 1px solid #4AABD3;
	width: 220px;
}
div.menu a.email {
	left: 58px;
	letter-spacing: -99999em;
	position: absolute;
	text-indent: -99999em;
	top: 185px;
	width: 110px;
}
div.menu p.address {
	left: -9999em;
	letter-spacing: -99999em;
	position: absolute;
	top: 20px;
	width: 300px;
}
div.menu div.wrapper {
	margin-top: 310px;
	width: 210px;
}



button {
	background: #FFF;
	border: 3px double #65A8DF;
	border-bottom-color: #2D657E;
	border-right-color: #2D657E;
	color: #000;
	cursor: pointer;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	margin: 0;
	overflow: visible;
	padding: 0 6px;
	position: relative;
	width: auto;
}
button::-moz-focus-inner {
	border: none;
	padding: 0;
}
button:hover {
	border-color: #938DED;
	border-bottom-color: #4137D1;
	border-right-color: #4137D1;
}
div.row button {
	margin-right: 5px;
}


div.adminbutton {
	position: relative;
}
div.adminbutton a {
	background: #F33;
	border: 2px solid #C00;
	color: #FFF !important;
	font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 999;
}




div.row {
	padding: 2px 5px;
}
* html div.row,
*:first-child+html div.row
{
	height: 1%;
}
div.row:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
div.row label {
	font-style: italic;
	float: left;
	width: 150px;
}
div.row input.text {
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	float: left;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	padding: 2px;
	width: 282px;
}
div.row input.short {
	width: 50px;
}
div.row textarea {
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	width: 100%;
}



div.main {
	float: left;
	background: url(csik.png);
	margin-bottom: 10px;
	margin-left: 290px;
	padding: 20px;
	width: 510px;
}
div.main h1 {
	color: #484F6D;
	font-size: 19px;
	font-weight: normal;
	margin-top: 0;
}
div.main h2 {
	color: #484F6D;
	font-size: 15px;
	font-weight: bold;
}
div.main h3 {
	color: #484F6D;
	font-size: 1em;
	font-weight: bold;
}
div.main a {
	color: #484F6D;
}
div.main a:hover {
	text-decoration: none;
}
div.main div.items {
	clear: both;
	overflow: auto;
}
div.main a.item {
	float: left;
	margin: 0 5px 7px 0;
	position: relative;
}
div.main a.item img {
	border: 1px solid #D9EAF2;
}
div.main a.item:hover img {
	border-color: #484F6D;
}
div.main a.item img.preorder {
	border: none;
	position: absolute;
	right: -4px;
	top: -3px;
}

div.main img.left {
	float: left;
	margin-right: 1.5em;
}
div.main img.right {
	float: right;
	margin-left: 1.5em;
}
div.main img.border {
	background: #FFF;
	border: 1px solid #3D8AAD;
	padding: 2px;
}



div.go-back {
	text-align: right;
}
	* html div.go-back {
		position: relative;
	}
div.item {
	/*position: relative;*/
}
div.item div.infobox {
	background: #F8F8F8;
	float: right;
	margin-bottom: 2em;
	margin-left: 2em;
	padding: 10px;
	/*position: relative;*/
}
div.item div.infobox img {
	background: #FFF;
	border: 1px solid #3D8AAD;
	margin-bottom: 10px;
	padding: 2px;
}
div.item div.infobox img.preorder {
	background: none;
	border: 0;
	position: absolute;
	right: -2px;
	top: -2px;
}
div.infobox div.row {
	padding: 0;
}
div.infobox span.preorder {
	color: #3578AF;
	font-weight: bold;
	margin-left: 1em;
}
div.infobox div.desc {
	color: #3578AF;
	font-weight: bold;
	margin-top: 1em;
}
div.item h1 {
	color: #4588BF;
	font-size: 25px;
	font-weight: normal;
	margin-bottom: 0;
	margin-top: 0;
}
div.item h2 {
	color: #65A8DF;
	font-size: 20px;
	font-weight: normal;
	margin-top: 0;
}



body.shielded {
	overflow: hidden;
}
body.shielded div.go-back {
	margin-top: 20px;
}
body.shielded div.go-back a {
	color: #FFFFBE;
	text-decoration: none;
}
div.item h1.title {
	display: none;
}
body.shielded div.item h1.title {
	color: #FFFFBE;
	font-size: 14px;
	font-weight: normal;
	left: 311px;
	position: fixed;
	top: 10px;
}
body.shielded div.menu button {
	visibility: hidden;
}
div.ajaxTarget {
	background: url(black-70.png);
	left: 0;
	height: 100%;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
	* html div.ajaxTarget {
		background: #333;
		position: absolute;
	}
body.shielded div.plain {
	margin-left: 300px;
	width: 550px;
}
body.shielded div.infobox {
	left: -10px;
	position: fixed;
	top: 20px;
	width: 251px;
}
	* html body.shielded div.infobox {
		position: absolute;
	}
body.shielded div.item {
	background: #FFF;
	border: 10px solid #FFF;
	margin-bottom: -150px;
	margin-top: 20px;
	opacity: 0;
	overflow: auto;
	padding: 10px;
}
/*
body.shielded div.item {
	background: #FFF;
	left: 340px;
	height: 10px;
	overflow: hidden;
	padding: 10px;
	position: fixed;
	top: 60px;
	width: 470px;
}
body.shielded div.item div.pane {
	height: 100%;
	overflow: auto;
	padding: 10px;
}
body.shielded div.infobox {
	left: 10px;
	position: fixed;
	top: 20px;
}
*/


form.cart legend a {
	background: url(site-icons/cart.png) no-repeat;
	display: block;
	line-height: 32px;
	padding-left: 32px;
}
form.cart table {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
form.cart td {
	padding: 3px 0;
}
form.cart p {
	font-weight: bold;
	margin: .5em 0 0 0;
	overflow: auto;
}
form.cart p span {
	float: left;
}
form.cart p span.sum {
	float: right;
}

table.cart {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
table.cart td {
	border: 1px solid #FFF;
	padding: 5px;
}
table.cart td.item {
	width: 100%;
}
table.cart td.qty {
	text-align: right;
	white-space: nowrap;
}
table.cart td.price {
	text-align: right;
	white-space: nowrap;
}
table.cart td.price div.old-price {
	color: #999;
	text-decoration: line-through;
}
table.cart input {
	background: #FFF;
	border: 1px solid #CCC;
	color: #00314B;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	padding: 1px;
	text-align: right;
	width: 20px;
}
div.total {
	background: #FFF;
	padding: 10px;
	text-align: right;
}

div.main div.buttons {
	margin: 1em 0;
	text-align: right;
}

div.main fieldset {
	border: 1px solid #FFF;
	padding: 20px;
}
div.main legend {
	color: #00314b;
}

div.main div.row {
	padding: 5px 0;
}
div.main div.error {
}
div.main div.error label {
	color: #F33;
	font-weight: bold;
}
div.main div.error input {
	border-color: #F33 !important;
}
div.main div.row label {
	float: left;
	width: 150px;
}
div.main div.row div.info {
	font-size: 11px;
	font-style: italic;
	margin: 3px 0 0 150px;
}
div.main div.row input {
	background: #FFF;
	border: 1px solid #CCC;
	color: #00314B;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	padding: 1px;
	width: 310px;
}
div.main div.row input#zip,
div.main div.row input#b_zip
{
	width: 50px;
}
div.main div.row select,
div.main div.row option
{
	background: #FFF;
	border: 1px solid #CCC;
	color: #00314B;
	font: normal 12px "Lucida Grande",Tahoma,sans-serif;
	padding: 1px;
}
ul.errors {
	list-style: none;
	margin: 3px 0 0 150px;
	padding: 0;
}
ul.errors li {
	color: #F33;
	font-weight: bold;
}

fieldset.shipping-address p,
fieldset.billing-address p
{
	margin-top: 0;
}
fieldset.shipping-address p.error,
fieldset.billing-address p.error
{
	color: #F33;
	font-weight: bold;
}
fieldset.billing-address {
	margin-top: 1em;
}

button.recalc {
	background: #FFF url(site-icons/cancel.gif) no-repeat 2px 50%;
	float: left;
	height: 40px;
	padding-left: 40px;
}
button.checkout {
	background: #FFF url(site-icons/ok.gif) no-repeat 2px 50%;
	float: right;
	height: 40px;
	padding-left: 40px;
}
