@charset "UTF-8";

/* TINYMCE STYLES LIST */
.highlight, .photo, .jPhotoScaled, .jPhotoFull {}

/* CONTAINERS */
body {margin: 0; padding: 0;}
body.web {background: #FFF9FF;}
body, table, input, textarea, select, button, legend {font-family: tahoma; font-size: 11px;}
#cont1 {margin: 0 auto; width: 990px; text-align: left;}
#cont2 {}

/* DESIGN */
#head {clear: both; position: relative; background: url('../images/head-bg.png') no-repeat;}
	#head .subtitle {padding: 97px 0 0 40px; color: #710F49;}
	#head .user {position: absolute; top: 25px; right: 10px; padding: 0 5px; color: #FFF;}
	#head .user label, #head .user a, #head .user span {text-shadow: 1px 1px 1px #5E2754;}
	#head .price .priceValue {color: #FFF; text-shadow: #5E2754 1px 1px 1px; font-size: 16px;}
	#head .menu {margin: 8px 0; border-radius: 3px 0 3px 3px; background: url('../images/menu-bg.png') repeat-x #E294C2;}
	#head ul {margin: 0; padding: 0; list-style-type: none;}
	#head li {float: left; background: url('../images/menu-separator-bg.png') no-repeat;}
	#head li.first {background: none;}
	#head li.last {float: right; background: none;}
	#head li a {display: block; margin-left: 1px; padding: 7px 14px; color: #420B2B; font-weight: bold; text-shadow: 1px 1px 1px #F2B5D9; text-decoration: none;}
	#head li a:hover {background: url('../images/menu-hover-bg.png') repeat-x #828282; color: #FFF; text-shadow: 1px 1px 1px #2E001B}
	#head li.first a {margin-left: 1px; border-radius: 3px 0 0 3px;}
  #head li.last a {border-radius: 0 0 3px 0;}
  #head li.active a {background: url('../images/menu-active-bg.png') repeat-x #828282; color: #FFF; text-shadow: 1px 1px 1px #2E001B;}
.banners {margin-bottom: 8px;}
  .banners img.new-line {width: 100%; height: 6px; border-radius: none; box-shadow: none;}
  .banners img.delimiter {width: 6px; border-radius: none; box-shadow: none;}
  .banners img {border-radius: 3px; box-shadow: 0 0 6px #ECB3EC;}
  .banners a:hover img {box-shadow: 0 0 6px #CB66CB;}
#main {clear: both; border: 1px solid #FFDAFF; border-radius: 3px; background: #FFF;}
	#left {float: left; width: 237px; padding: 15px 7px; border: 1px solid #FFDAFF; border-top: 0 none; border-left: 0 none; border-radius: 3px 0 3px 0; background: #FFEAFF;}
	  #left input {margin-right: -6px; padding: 3px 4px 4px 4px;}
	  #left button {top: 0px; border-radius: 0 3px 3px 0;}
		#left ul {margin: 0; padding-left: 8px; list-style: none;}
		#left li.inactive {display: none;}
		#left li a {color: #333;}
		#left li a.active {color: #D5169D;}
		#left li .count {color: #AAA;}
	#body {float: left; width: 720px; padding: 5px 5px 5px 10px; font-size: 12px;}
		#body .supply {color: #CE4F15;}
#foot {clear: both; margin-bottom: 5px; padding: 5px; color:#333;}
	#foot .left {float: left;}
	#foot .right {float: right; text-align: right;}
	#foot a {color: #333; text-decoration: none;}
	#foot a:hover {text-decoration: underline;}
	#foot .invisible {color: #FFF9FF;}

/* LINKS */
#head .user a, #main a {color: #D5169D; border-bottom: 1px solid transparent; text-decoration: none;}
#head .user a {color: #FCE2F3;}
#head .user a:hover, #main a:hover {border-bottom: 1px solid #D5169D;}
#main a.plain {padding: 0; border: 0 none; background: transparent;}

/*#head .user a, #main a {padding: 0 2px; border-bottom: 1px solid transparent; color: #D5169D; text-decoration: none;}
#head .user a {color: #FCE2F3;}
#head .user a:hover, #main a:hover {background: #EEE; border-bottom: 1px solid #CCC;}
#head .user a:hover {color: #D863AE;}
#main a.plain {padding: 0; border: 0 none; background: transparent;}
	
/* COMMON */
form {margin: 0;}
button.plain {margin: 0; padding: 0; border: 0 none; background: transparent; cursor: pointer; cursor: hand;}
label {cursor: pointer; cursor: hand;}
a img {border: 0 none;}
img {vertical-align: middle;}
hr {margin: 1px 0; height: 3px; border: 0 none; background-color: #EEE;}
p {text-align: justify;}
.clear {clear: both;}
.l {text-align: left;}
.c {text-align: center;}
.r {text-align: right;}
.t {vertical-align: top;}
.m {vertical-align: middle;}
.b {vertical-align: bottom;}
.fl {float: left;}
.fr {float: right;}
.s {font-weight: bold;}

/* HEADINGS */
h1, h2, h3 {font-family: trebuchet ms;}
h1 {margin: 0 0 10px 0; font-size: 19px; color: #761A70;}
h2 {font-size: 15px; color: #AE418F;}
h3 {font-size: 14px; color: #F13DBE;}
#banners-left h3 {margin-bottom: -8px;}
#banners-left h3 .price {color: #EB97D3;}
#banners-left h3 .price strong {color: #888;}

/* TABLES */
.table {margin: 10px 0; border-collapse: collapse;}
.table caption {text-align: left;}
.table thead th, .table td {padding: 4px; border: 1px solid #DDD;}
.table tfoot td {border: 0 none;}
.table thead th {color: #888; text-align: center;}
.table tbody tr.light td {background: #FFF;}
.table tbody tr.dark td {background: #EEE;}
.table tbody tr:hover td {background: #CCC;}
.table tbody tr.separator td {background: #DDD; padding: 2px;}

/* FORMS */
input[type=text], input[type=password], textarea {padding: 2px 4px; border: 1px solid #F3BBF3; border-right-color: #DD8EDD; border-bottom-color: #DD8EDD; border-radius: 2px;}
button, #cont1 a.button {
    position: relative;
    display: inline-block;
    padding: 4px 6px;
    border: 0 none;
    border-bottom: 1px solid #222;
    border-radius: 3px;
    background: url(../images/button-overlay.png) #a9014b repeat-x;
    box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #222;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
}
button:hover, #cont1 a:hover.button {background-color: #630030; border-bottom-color: #222;}
.quantityCheck {width: 20px;}

/* LISTS */
ul.sitemap {margin: 0; padding-left: 30px; }
ul.sitemap li {list-style-type: square;}
ul.sitemap li.sub {list-style-type: none;}

/* IMAGES */
img.photo {margin: 2px; padding: 3px; border: 1px solid #CCC; background: #FFF;}
img.photo:hover {border-color: #888;}
#main a.jPhotoFull, #main a.jPhotoFull:hover, #main a.jPhotoScaled, #main a.jPhotoScaled:hover {border: 0 none; background: transparent;}
#banners-left {margin-top: 5px; text-align: center;}
#banners-left img.photo {margin-top: 10px; border-color: #FFDAFF;}
#banners-left img.photo:hover {border-color: #DD8EDD;}

/* MAP */
#google-maps {padding: 2px; height: 400px; border: 1px solid #CCC; background: #FFF;}

/* MESSAGES */
.message {margin-bottom: 10px; padding: 5px;}
.message img {margin-right: 5px;}
.message.warning {border: 1px solid #E2E36C; background: #FEFF99; color: #855513;}
.message.error {border: 1px solid #E69D9D; background: #FFEEEE; color: #990000;}

/* GOODS */
.goods {font-size: 11px;}
.goods .item {position: relative; float: left; margin: 4px; width: 160px; height: 344px; padding: 5px; border: 1px solid #DDD; background: #FDFDFD; text-align: center;}
.goods .item:hover {background: #F4F4F4;}
.goods .item a img {padding: 2px; border: 1px solid #EEE; background: #FFF;}
.goods .item .image {position: relative; width: 160px; height: 156px; margin: 4px 0;}
.goods .item .image .label {position: absolute; right: 0; bottom: -10px;}
.goods .item .image .label img {border: 0 none; background: transparent;}
.goods .item h2 {margin: 0;}
.goods .item p {margin: 2px 0;}
.goods .item .price {position: absolute; bottom: 4px; right: 4px;}
#body .goods .item a {padding: 0; border: 0 none; background: none;}
#body .goods .item h2 a {color: #444;}
#body .goods .item:hover h2 a {color: #D5169D;}
#body .goods .item p a {color: #333;}
#body .goods .item:hover p a {color: #555;}

/* GOODS FILTER */
.filter {margin: 5px 3px; padding: 5px; border: 1px solid #EEE; background: #FAFAFA; font-size: 11px;}
.filter strong {color: #333;}
.filter .count {color: #AAA;}
.filter table {float: left; border-collapse: collapse;}
.filter input {margin: 0 0 0 4px;}
#body .filter a.new {color: #309A00;}
#body .filter a:hover.new {border-bottom-color: #309A00;}
#body .filter a.discount {color: #B80B0B;}
#body .filter a:hover.discount {border-bottom-color: #B80B0B;}
#body .filter a.sale {color: #CB6B12;}
#body .filter a:hover.sale {border-bottom-color: #CB6B12;}

/* GOODS TOOLBOX */
.toolbox {margin: 5px 3px; padding: 3px 1px; font-size: 11px;}
.toolbox.top {border-bottom: 3px solid #DDD;}
.toolbox.bottom {border-top: 3px solid #DDD;}
.toolbox .paging {float: left;}
.toolbox .ordering {float: right;}
#body .toolbox a, .toolbox strong {padding: 3px 6px;}
#body .toolbox a {border: 0 none; background: none;}
#body .toolbox a:hover {background: #EEE; color: #666;}
.toolbox strong {background: #DDD;}
.toolbox.top a, .toolbox.top strong {border-radius: 3px 3px 0 0;}
.toolbox.bottom a, .toolbox.bottom strong {border-radius: 0 0 3px 3px;}
.toolbox span {padding: 3px 6px 3px 0; color: #888;}

/* GOOD */
.highlight {color: #CB220E;}
.good strong {color: #333;}
.good .image {float: right; position: relative; right: -2px;}
#body .good .image a {border: 0 none; background: transparent;}
.good .image a img {padding: 2px; border: 1px solid #CCC; background: #FFF;}
.good .image a:hover img {border-color: #888;}
.good .image hr {margin: 6px 0;}
.good .image table {border-collapse: collapse;}
.good .description {margin: 0 0 20px 0; font-size: 12px;}
.good .category {margin: 5px 0;}
.good .category strong {font-size: 12px;}
.good .material {margin: 5px 0; font-size: 12px;}
.good .bundle {margin: 5px 0; font-size: 12px;}
.good .table {margin: 10px 5px 10px 0;}
.good .table th {background: #FFF;}
.good .table .colour, .good .table .size {color: #333;}
.good .table .corner {border-top: 0 none; border-left: 0 none; border-right: 0 none;}

/* PRICES */
.price {font-size: 12px;}
.price.previous {margin-bottom: 5px;}
.price .priceValue {color: #CB220E; font-family: arial; font-size: 14px; font-weight: bold;}
.price .priceTemp {color: #888; font-size: 11px;}
.price.previous .priceValue, .price.previous .priceTemp {text-decoration: none;}

/* FORMS */
.tab-form {border-collapse: collapse;}
.tab-form.border {border: 1px solid #CCC;}
.tab-form td {padding: 3px 5px;}
.tab-form tbody > tr:hover > td {background: #FAFAFA; color: #A63292;}
.tab-form tbody > tr.separator > td {padding: 0; height: 10px; background: transparent;}
.tab-form tbody > tr.part > td {padding: 5px; border-bottom: 1px solid #DDD; background: #F4F4F4; color: #333; font-weight: bold;}
.tab-form .error {color: #CE4F15;}

/* JQUERY */
#body .jTabs.ui-widget {border: 0 none; font-size: 1em;}
#body .jTabs.ui-widget a {padding: 5px 10px 3px 10px; border: 0 none; background: transparent; color: #333;}
#body .jTabs .ui-tabs-panel {padding: 0;}