body {
	background-color:#f5f5f5;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	text-decoration:none;
	color:#564b47;
	padding:0px;
	margin:0px;
	text-align: left;
	overflow-y:scroll;
}

#prw {
	display:none;
	cursor:pointer;
	position:fixed;
	width:100%;
	height:100%;
	z-index:1000;
}

#prw div {
	position:absolute;
	width:100%;
	height:100%;
	background:#000;
	opacity:0.85;
}

#prw img {
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	border: 8px solid #000;
	border-radius:15px;
	box-shadow: 0px 0px 22px #000;

}

#home {
	height:502px;
	width:692px;
	margin:5px;
	position:relative;
}

#home ul {
	list-style-position: inside;
	position:absolute;
	/*margin:180px 10px 10px 10px;*/
	left:0;
	bottom:0;
}

#home li {
	float:none;
	padding:5px;
	font-size:14px;
	color:#333;
	font-weight:bold;
}

#home img {
	height:500px;
	width:690px;
}

.prwb {
	cursor:pointer;
	border: 2px solid #666;
	border-radius:15px;
	padding:1px 4px 1px 4px;
	width:48px;
	font-size:10px;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
	background:#ddd;
	box-shadow: 0px 0px 6px #888;
	color:#666;
}

.prwb:hover {
	border: 2px solid #933;
	color:#933;
}
	
#content {
	padding-top:10px;
	margin: 0px auto 10px auto;
	width: 900px;
	border: 0px dashed #564b47;
}

#content div {
	overflow:hidden;
}

.conv {
	color: #933;
}

.right {
	text-align:right;
}

img, a {
	display:block;
	padding:0px;
	margin:0px;
}

img {
	border:none;
}

a {
	text-decoration:none;
	color:#444;
	font-weight:bold;
	text-align:center;
	border-radius:10px;
}

ul {
	margin:0px;
	padding:0px;
	overflow:hidden;
}

li {
	float:left;
}
	
input, select, fieldset, textarea {
	margin: 0;
	border: 1px solid #564b47;
	background: #eee;
	padding: 2px;
	font-weight:bold;
	color:#504;
	margin: 2px 2px 2px 2px;
	border-radius:5px;
}

select {
	font-size:11px;
	color:#333;
}

input[type=submit] {
	box-shadow: 1px 1px 2px #888888;
}

input[type=submit]:hover {
	border: 2px solid #564b47;
	padding: 1px;
	cursor:pointer;
}

fieldset {
	background: #e8e8e8;
	padding:4px 8px 9px 8px;
	font-weight:normal;
	color:#222;
}

legend {
	height:16px;
	font-weight:bold;
}

.tc {
	display:inline;
	border:none;
	font-size:12px;
	text-decoration:underline;
	font-weight:normal;
	padding:0px;
	margin:0px;
}

.tc:hover {
	border:none;
	padding:0px;
	margin:0px;
	color:#933;
}

#top > div {
	float:left;
	width:224px;
	height:27px;
}

#top img {
	width:137px;
	height: 25px;
	margin-left: 19px;
}

#top div a {
	float:left;
	width:13px;
	height:13px;
	background: #ccc;
	font-size: 10px;
	border: 1px solid #555555;
	padding:1px;
	vertical-align:middle;
	margin: 8px 0px 0px 2px;
}

#top a:hover {
	border: 2px solid #933;
	padding:0px;
}

#top .loginf a {
	float:right;
	width:auto !important;
	border-width: 0px;
	background:none;
}

#top .loginf a:hover {
	border-width:0px;
	padding:1px;
	color:#933;
}

#top .h {
	border: 2px solid #933;
	padding:0px;
}

.cdt {
	position:absolute;
	margin-top:10px;
	margin-left:-10px;
	font-size:10px;
}

#header {
	background: #888888;
	border: 2px solid #555555;
	border-radius:5px;
	box-shadow: 2px 2px 3px #888888;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#888888');
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#888888));
	background: -moz-linear-gradient(top,  #cccccc,  #888888);
    white-space: nowrap;
}

#header ul {
	list-style-type:none;
}

#header li {
	float:none;
	display:inline-block;
}

#header a {
	color:#eee;
	padding:5px 31px 5px 32px;
	text-transform:uppercase;
	border-radius:0px;
	font-size:11px;
}

#header a:hover {
	background-color:#666666;
}

#menu {
	float:left;	
	min-height:400px;
	width:160px;
	margin: 10px 15px 10px 15px;
}

.pay {
	position:absolute;
	margin-top:-30px;
	margin-left:10px;
}

#menu ul {
	list-style-type:none;
	margin-top:5px;
}

#menu ul a {
	background-color:#ffffff;
	margin:1px;
	width:140px;
	box-shadow: 2px 2px 3px #eee;
	color:#444444;
	text-align:left;
	padding:5px 5px 5px 10px;
	text-transform:uppercase;
	border-left: 5px solid #cccccc;
}

#menu ul a:hover, #menu ul a:active {
	background-color:#ccc;
	border-left: 5px solid #333333;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
	background: -moz-linear-gradient(top,  #eee,  #aaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#aaa');
}

#menu ul a:active {
	color:#FFFFFF;
}

#menu .extra {
	margin-top:25px;
}

#menu .extra a {
	background-color:#EBEBDD;
	font-size: 10px;
	
}

#menu .basket {
	margin:25px 0px 0px 0px;
	background-color:#999;
	font-weight:bold;	
	color:#444;
	box-shadow: 2px 2px 3px #dddddd;
	padding:5px 0px 5px 0px;
	border-top: 2px solid #555555;
	border-bottom: 2px solid #555555;
	text-align:center;
	border-radius:10px;
}

#menu a.basket:hover {
	background-color:#bbb;
}

#menu .basket b {
	display:block;
	text-align:left;
}

#menu .basket img {
	width: 20px;
	float: left;
	margin:0px 5px 0px 5px;
}

#menu .basket div div{
	font-size: 10px;
	padding:15px 5px 15px 5px;
	border-top: 2px solid #555555;
	border-bottom: 2px solid #555555;
	background-color:#e3e3e3;
	margin: 5px 0px 5px 0px;
}

#main {
	float:left;
	width:704px;
	margin: 10px 0px 10px 0px;
	border: 0px solid #cccccc;
}

#main .view {
	width: 200px;
	margin: 5px;
	float: left;
	border: 10px solid #e2e2df;
	text-align: center;
	box-shadow: 2px 2px 3px #aaa;
	background-color:#ccc;
	color: #222;
	padding:5px 0px 5px 0px;
	border-radius:16px;
}

#main .view img {
	width:200px;
	height:150px;
	margin: 5px 0px 5px 0px;
}

#main .view:hover {
	border: 4px solid #444;
	padding:11px 6px 11px 6px;
}
	
#main .view:active {
	border: 4px solid #933;  
	padding:11px 6px 11px 6px;
}
	
#item {
	width:700px;
	margin: 0px;
	float:left;
}

#item .photof {
	width:346px; 
	float:left;
	margin-right:5px;
}

#item .photof div img {
	width:340px;
	height:340px;
	border: 1px solid #999;
	margin:2px;
	border-radius:10px;
}

#item ul {
	list-style-type:none;
}

#item .photof ul img {
	width:45px;
	height:45px;
	margin:2px 1px 1px 1px;
	border: 1px solid #999;
	border-radius:10px;
}

#item .photof ul img:hover {
	border: 3px solid #222;
	width:41px;
	height:41px;
}

#item .description div {
	height:310px;
	overflow-y:auto;
}

#item .summary {
	height:36px;
}

#item .preview {
	color:#222;
	font-size:10px;
}

#item .preview #loader {
	width:690px;
	height:471px;
	position:absolute;
	border: 2px solid #000;
	border-radius:10px;
	margin:3px;
	background:#000;
	opacity:0.9;
}

#item .preview #loader img {
	margin:190px 10px 10px 290px;
}

#item .preview > img {
	width:690px;
	height:471px;
	border: 2px solid #555;
	border-radius:10px;
	box-shadow: 0px 0px 6px #aaa;
	margin:3px;
}

#item .preview > b {
	position:absolute;
	margin:10px;
}

#item .preview label {
	position:absolute;
	margin:450px 10px 10px 10px;
}

#item .preview input {
	width:20px;
}

#item .preview a {
	position:absolute;
	border: 2px solid #555;
	background:#eee;
	padding:1px 5px 1px 5px;
	margin:450px 10px 10px 634px;
	box-shadow: 0px 0px 4px #888;
}

#item .preview a:hover {
	border: 2px solid #933;
	background:#ddd;
}

#item .summary {
	background: #efe3c4;
}

#item .summary b {
	font-weight:bold;
}

#item .summary input {
	float:right;
	margin-top:0px;
}

#item .summary div {
	float:left;
	margin-top:2px;
}

#item .size {
	clear:both;
	margin-top:10px;
}

#item .size div {
	margin-bottom:10px;
}

#item .size div div {
	width:280px;
	min-height:180px;
	float:left;
	margin-right:8px;
}

#item .size div div + div {
	text-align:right;
	width:200px;
}

#item .size img {
	float:left;
}

#item .size select {
	margin-left:5px;
}

#item .size > p {
	clear:both;
	display:block;
	margin:0px auto 0px auto;
	text-align:center;
	width:250px;
	border-radius:10px;
	box-shadow: 0px 0px 4px #888;
	padding:2px;
	background:#ddd;
	border: 1px solid #999;
}

#item .custom {
	margin-top:10px;
	margin-bottom:20px;
}

#item .custom .cf, .cm, .cb  {
	min-height:175px;
	width:130px;
	float:left;
}

#item .custom .cf img {
	width:128px;
	height:128px;
	border: 1px solid #999;
	border-radius:10px;
}

#item .custom .cf li img {
	width:39px;
	height:39px;
	border: 1px solid #999;
	margin:1px;
	border-radius:10px;
}

#item .custom .cf li img:hover {
	border: 3px solid #222;
	width:35px;
	height:35px;
}

#item .custom .cm {
	width:290px;
	margin-left:10px;
}

#item .custom .cm div {
	width:56px;
	height:56px;
	float:left;
	margin:1px;
	box-shadow: 0px 0px 4px #bbb;
	z-index:99900;
}
	
#item .custom .cm img {
	width:56px;
	height:56px;
	opacity:0.8;
	cursor:pointer;
}

#item .custom .cm label:hover {
	background:#333;
}
	
#item .custom .cm input[type="radio"] {
	position:absolute;
	opacity:0;
}
	
#item .custom .cm input[type="radio"]:checked+label{ background:#933; } 

#item .custom .cm input[type="radio"]:checked+label img{ opacity:0.3; } 

#item .custom .cm label {
	display:block;
}

#item .custom .cm span {
	display:none;
}

#item .custom .cm div:hover span {
	display:block;
	position:absolute;
	padding:5px;
	border:2px solid #333;
	background:#eee;
	z-index:900;
	border-radius:10px;
	box-shadow: 0px 0px 4px #999;
	margin:-5px 0px 0px 10px;
	font-size:10px;
}

#item .custom .cm div span:hover {
	display:none;
}

#item .custom .cb {
	width:236px;
	margin-left:10px;
}

#item .custom .cb > div {
	border: 1px solid #564b47;
	background: #e8e8e8;
	padding: 2px;
	font-weight:bold;
	text-align:center;
	width:236px;
	position:absolute;
}

#item .custom .cb .product {
	margin: -22px 0px 0px 0px;
	border-radius:5px;
	background:#d6d6cc;
}

#item .custom .cb .price {
	margin: -2px 0px 0px 76px;
	width:160px;
	background: #efe3c4;
	border-radius:5px;
}

#item .custom .cb fieldset {
	min-height:150px;
	margin-bottom:10px;
	background:#d6d6cc;
}

#item .custom .cb fieldset > div {
	height:40px;
	font-weight:bold;
	margin-bottom:5px;
	overflow:visible;
}

#item .custom .cb fieldset .imgc {
	width:40px;
	height:40px;
	float:right;
	overflow:visible;
}

#item .custom .cb fieldset img {
	width:40px;
	height:40px;
	border-radius:10px;
	cursor:pointer;
}

#item .custom .cb fieldset img:hover {
	border:2px solid #222;
	width:36px;
	height:36px;
	box-shadow: 0px 0px 4px #444;
}


#item .custom .cb fieldset select {
	width:160px;
}

#item #comments textarea {
	margin:0px 0px 5px 0px;
	width:670px;
	height:100px;
	background: #ddd;
	border: 4px solid #564b47;
	resize:none;
	border-radius:10px;
	padding:10px;
}

#item #related {
	margin:5px 0px 5px 0px;
	height:auto;
	width:696px;
	border-top: 4px solid #564b47;
	border-bottom: 4px solid #564b47;
	background: #ccc;
}

#item #related .view {
	width: 108px;
	height: auto;
	font-size:9px;
}

#item #related .view img {
	width: 108px;
	height: 81px;
	margin: 2px 0px 2px 0px;
}

#item #related div {
	width:100%;
	padding:2px 2px 2px 6px;
	border-bottom: 4px solid #564b47;
	font-weight:bold;
	background: #888;
	color: #eee; 
}

#login {
	width:700px;
	margin: 0px;
	float:left;
}

#login fieldset {
	width:325px;
	height:325px;
	float:left;
}

#login input {
	width:140px;
}

#login div {
	text-align:center;
	padding:20px 5px 20px 5px;
}

#login div.form {
	text-align:right;
	height:150px;
	margin:0px 15px 0px 15px;
	background: #e1e1cf;
	border: 2px solid #564b47;
	border-radius:5px;
	box-shadow: 2px 2px 3px #888888;
}

#login fieldset:first-child div.form {
	padding-top:60px;
	padding-right:25px;
	height:110px;
}

.error {
	border: 2px solid #933 !important;
	padding: 1px !important;
	background: #dcc !important;
	color:#222;
}

#account fieldset > div {
	float:left;
	width:338px;
}

#account fieldset {
	width:680px;
}

#account .hg, .sum {
	background:#eee;
	font-weight:bold;
	width:90%;
	border-radius:5px;
	border: 2px solid #ddd;
	padding:2px 4px 2px 4px;
}

#account fieldset div.b {
	border-radius:10px;
	padding:5px 0px 5px 0px;
	background:#f1f1f1;
	box-shadow: 0px 0px 8px #aaa;
	border: 2px solid #aaa;
}

#account table {
	width:90%;
	margin:0px;
}

#account .b table {
	width:100%;
}

#account .b table td {
	width:50%;
}

#account .b table td.x {
	width:60%;
}

#account .b table td.y {
	width:40%;
}

#account table td {
	vertical-align:middle;
}

#account table td:first-of-type {
	text-align:right;
}

#account .f > div {
	width:30%;
	min-height:100px;
}

.wx {
	width:30% !important;
}

.wy {
	width:39% !important;
}

.sz {
	font-size:11px;
	margin:0px;
}

.sz table {
	font-size:9px;
	margin:0px;
}

.sz td {
	border:1px solid #333;
	padding:3px 2px 3px 2px;
}

#chc {
	width:700px;
	clear:both;
}

#chc > div > div {
	float:left;
	width:350px;
}

#chc select, #chc input[type="text"] {
	width:160px;
}

#chc textarea {
	width:650px;
	height:60px;
	resize:none;
	padding:11px;
}

#chc .adr {
	height:360px;
}

.mstep {
	border-bottom: 2px solid #999;
	margin: 5px 0px 10px 0px;
	background-color:#ddd;
	font-weight:bold;	
	color:#444;
	box-shadow: 2px 2px 3px #dddddd;
	padding:2px;
	text-align:center;
	border-radius:10px;
	width:200px;
}

.f {
	float:left;
}

.arrow {
	float:left;
	margin: 0px 0px 0px 0px;
	font-weight:bold;	
	color:#933;
	padding:2px;
	text-align:center;
	width:30px;
	font-size:20px;
}

.fad {
	opacity:0.4;
}

table {
	margin: auto;
	margin-bottom:15px;
	width: 100%;
	border-collapse:collapse;
}

td, th {
	padding:4px;
	vertical-align:top;
}

table tr.alt td {
	background: #eee;
}

table tr.altd td {
	border-top: 1px solid #222;
}

table tr.altc td {
	background: #eee;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	vertical-align:middle;
}

table tr th {
	background: #efe3c4;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	font-weight:bold;
}

table tr th.gr {
	background: #ccc;
}

table li {
	float:none;
}

table td > ul > li {
	margin-bottom:5px;
}

table ul {
	list-style-position: inside;
	padding-left:5px;
}

table li li {
	margin-left:10px;
	font-size:10px;
	font-weight:normal;
	color: #777;
}

table a, a.gbutton {
	padding:2px 4px 2px 4px;
	border: 1px solid #aaa;
	margin:3px 0px 3px 0px;
	font-size:10px;
	min-width:60px;
}

table a:hover, a.gbutton:hover {
	border: 2px solid #933;
	padding:1px 3px 1px 3px;
	background-color:#e5e5e5;
}

table a.contb {
	background: #efe3c4;
}

table tr.e td {
	width:33%;
}

.r {
	float:right;
}

.l {
	float:left;
}

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

.ar {
	text-align:right;
}

.button {
	margin:3px 0px 3px 0px;
	padding:2px;
	background: #efe3c4;
	border: 1px solid #aaa;	
	font-size:10px;
	border-radius:10px;
	color: #444;
	font-weight:bold;
	box-shadow: 1px 1px 2px #bbb !important;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
}

.button:hover {
	border: 2px solid #933 !important;
	padding:1px;
	background: #efe3c4;
}

.w {
	width:150px;
	margin:3px auto 3px auto;
}

.w2 {
	width:300px;
	margin:3px auto 3px auto;
}


#conf table.w3 {
	width:342px;
	float:left;
	margin:2px;
}

#conf table td:first-child {
	width:120px;
	font-weight:bold;
}

.lwarning {
	width:675px;
	padding:10px;
	background: #dcc;
	font-size: 12px;
	font-weight:bold;
	color:#933;
	border-radius:5px;
}

#account .lwarning {
	margin:5px 5px 0px 4px;
}

#account input[type="text"], #account input[type="password"], #account select {
	width:160px;
}

#account select.sm {
	width:70px;
}

.b {
	font-weight:bold;
}

.bl div {
	font-weight:bold;
	padding:2px;
}

.newsw {
	width:140px;
	height:16px;
	padding:10px;
	background: #dcc;
	color:#933;
	font-size: 10px;
	font-weight:bold;
	border-radius:5px;
}

.newsp {
	background: #cdc;
	color:#363;
}

.newsanim {
	animation:anim 5s forwards;
	animation-delay:2s;
	-moz-animation:anim 5s forwards;
	-moz-animation-delay:2s;
	-webkit-animation:anim 5s forwards;
	-webkit-animation-delay:2s;
	-o-animation:anim 5s forwards;
	-o-animation-delay:2s;
}

.lconf {
	background: #cdc;
	color:#363;
	height:16px;
	padding:10px;
	margin:0px;
	animation:anim 5s forwards;
	animation-delay:2s;
	-moz-animation:anim 5s forwards;
	-moz-animation-delay:2s;
	-webkit-animation:anim 5s forwards;
	-webkit-animation-delay:2s;
	-o-animation:anim 5s forwards;
	-o-animation-delay:2s;
}

@keyframes anim
{
90% {opacity:0;height:16px; padding:10px;}
100% {opacity:0;height: 0px; padding:0px;}
}

@-moz-keyframes anim
{
90% {opacity:0;height:16px; padding:10px;}
100% {opacity:0;height: 0px; padding:0px;}
}

@-webkit-keyframes anim
{
90% {opacity:0;height:16px; padding:10px;}
100% {opacity:0;height: 0px; padding:0px;}
}

@-o-keyframes anim
{
90% {opacity:0;height:16px; padding:10px;}
100% {opacity:0;height: 0px; padding:0px;}
}

.s8 {
	font-size:10px;
}

.s7 {
	font-size:9px;
	white-space: nowrap;
}

.red {
	color:#933;
}

.sum {
	background:#f9f9f9;
	border:2px #e9e9e9 solid;
	box-shadow: 0px 0px 8px #aaa;
	font-weight:normal;
}

.sum table td:first-child {
	width:120px;
}

.sum th {
	font-weight:bold;
	background:#e9e9e9;
	border:0px;
}

.sum table th {
	background:none;
}

.sum .h td, .sum .h th {
	border-bottom:1px #eee solid;
}

.sum .tp td {
	border:none;
	font-weight:bold;
}

table .w5 {
	width:100%;
	box-shadow: 0px 0px 6px #eee;
}

a.fix {
	width:60px;
}

.com2 {
	border: 1px solid #ddd;
	border-radius:10px;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
	margin:0px 0px 5px 0px;
	color:#777;
	padding:2px 8px 2px 8px;
	box-shadow: 1px 1px 2px #ccc;
	white-space:normal;
}

.com3 {
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
	padding:2px 8px 2px 8px;
	font-size:10px;
	white-space:normal;
}

.com4 {
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
	white-space:pre-wrap;
}

.com5 {
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
	margin:2px;
	white-space:normal;
}

.hidden {
	display:none;
}

.nob td {
	border:none !important;
}

.forgot {
	font-weight:normal;
	font-size:10px;
	text-decoration:underline;
	color:#444;
	margin-top:50px;
	text-align:right;
}

.av {
	position:absolute;
	display:inline-block;
	width:10px;
	height:10px;
	border:1px solid #999;
	box-shadow: 0px 0px 2px #888;
	margin-left:2px;
	font-size:8px;
	padding:1px;
	text-align:center;
	cursor:pointer;
	border-radius:10px;
	background:#ddd;
	font-weight:bold;
}

.avr {
	background:#f99 !important;
}

#message {
	display: table-cell;
	width:660px;
	height:330px;
	border: 1px solid #dadad7;
	padding:10px;
	margin: 10px 10px 10px 10px;
	background-color:#e9e9e9;
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	border-radius:10px;
}

#payment {
	display:block;
	width:660px;
	min-height:400px;
	border: 1px solid #dadad7;
	padding:10px;
	background-color:#e9e9e9;
	text-align:center;
	border-radius:10px;
}

#payment .paym {
	margin:20px;
}

#payment .paym > div > div {
	width: 290px;
	height: 100px;
	float:left;
	margin:5px;
	border:2px solid #ddd;
	border-radius:10px;
	box-shadow: 0px 0px 6px #aaa;
	cursor:pointer;
}

#payment .paym > div > div:hover {
	border:2px solid #933;
}

#payment input {
	border:none;
	padding:0px;
	margin:0px;
}

#payment #przelew table td:first-child {
	text-align:right;
	font-weight:bold;
	padding:10px;
}

#payment #przelew {
	position:absolute;
	display:none;
	width:575px;
	height:260px;
	border:2px solid #ddd;
	border-radius:10px;
	box-shadow: 0px 0px 12px #999;
	margin:-20px 0px 0px 0px;
	background:#333;
	text-align:left;
	cursor:auto;
	padding:20px;
	color:#eee;
}

#payment #przelew input, #payment #przelew textarea {
	width:340px;
	padding:10px!important;
	resize: none;
	border:none;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif !important;
	font-size:12px;
}

#payment #przelew .close {
	position:absolute;
	margin:255px 0px 0px 570px;
	border:2px solid #999;
	border-radius:10px;
	font-weight:bold;
	color:#333;
	background:#ccc;
	width:18px;
	height:18px;
	text-align:center;
	cursor:pointer;
}

#colors > div > div {
	width:160px;
	height:160px;
	float:left;
	background:#ccc;
	border:2px solid #333;
	border-radius:10px;
	box-shadow: 0px 0px 4px #888888;
	margin:6px;
}

#colors img {
	width:160px;
	height:160px;
	cursor:pointer;
}

#colors .name {
	position:absolute;
	margin:-8px 0px 0px 6px;
	border:2px solid #333;
	background:#eee;
	width:140px;
	height:14px;
	font-size:10px;
	font-weight:bold;
	padding:1px;
	border-radius:10px;
	text-align:center;
}

#colors .avb {
	position:absolute;
	margin:-22px 0px 0px 14px;
	font-size:9px;
	background:#eee;
	border-radius:10px;
	text-align:center;
	width:130px;
	height:14px;
	box-shadow: 0px 0px 6px #666;
}

#cont li {
	float:none;
	margin-left:20px;
}

#cont ul {
	list-style-type: disc;
}

#cont .b {
	margin-bottom:3px;
	margin-top:14px;
}

#cont img {
	margin-top:10px;
	border:1px solid #333;
	border-radius:15px;
}

.xx {
	clear:both !important;
}

.cform {
	margin:10px 0px 20px 6px;;
	padding:10px;
	width:400px;
	height:240px;
	border-radius:15px;
	box-shadow: 0px 0px 6px #aaa;
}

.cform input {
	width:380px;
}

.cform textarea {
	width:374px;
	height:100px;
	resize:none;
	padding:5px;
}

.cform input[type=submit] {
	width:100px;
}

.cnf {
	background:#ddd;
}

.cnf div {
	margin-top:110px;
	text-align:center;
	font-weight:bold;
}

.dt {
	width:100%;
	background:#ddd;
	padding:5px;
	margin-bottom:10px;
	margin-top:-10px;
	text-align:center;
}

.delv label {
	font-weight:bold;
}

.delv input {
	margin-right:10px;
}

.delv div {
	font-size:11px;
	padding:5px;
}

#footer {
	clear:both;
	background-color: #888888;
	border: 2px solid #555555;
	border-radius:15px;
	box-shadow: 2px 2px 3px #888888;
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#888888');
	background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#888888));
	background: -moz-linear-gradient(top,  #cccccc,  #888888);
}

#footer div {
	width:250px;
	float:left;
	text-align:left;
}

#footer div.l {
	padding:3px 3px 3px 8px;
	height:18px;
}

#footer .co {
	font-size:11px;
}

#footer .co a {
	display: inline;
	text-decoration:underline;
}

#footer .co a:hover {
	color:#933;
}

#footer div.r {
	width:365px;
	text-align:right;
	height:24px;
}

#footer input {
	font-size:10px;
	color:#444;
	background:#ddd;
}

#footer input[type="submit"]:hover {
	background:#EBEBDD;
}

.or1, .or2 {
	float:left;
	margin-top:5px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	margin-bottom:5px;
}

.or1 {
	width:90px;
	height:60px;
	border:2px solid #999;
	border-radius:10px;
	padding:40px 10px 10px 10px;
	background:#eee;
	box-shadow: 0px 0px 6px #aaa;
}

.or2 {
	width:20px;
	height:60px;
	font-size:20px;
	padding:40px 2px 2px 2px
}

@media print {
    #top, #header, #menu, #footer, #prw, .arrow, .mstep { display: none; }
    * { box-shadow: none !important;}
    .sum { display: block !important; float:left; }
}