html
{
   margin: 0;
   padding: 0;
   height: 100%;
}

body
{
	font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 12px;
}

a:visited		{ color: #672877; text-decoration: underline; }
a:active		{ color: #672877; text-decoration: underline; }
a:link 	  		{ color: #672877; text-decoration: underline; }
a:hover 		{ color: #cc2c6f; text-decoration: underline; }

h1, .h1
{
	color: #672877;
	font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica;
	font-weight: bold;
	display: block;
	font-size: 17px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	line-height: normal;
}

h2, .h2
{
	color: #672877;
	font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica;
	font-weight: normal;
	display: block;
	font-size: 14px;
	padding: 0px 0px 20px 0px;
	margin: 0px;
}

h3, .h3
{
	color: #672877;
	font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica;
	font-weight: normal;
	display: block;
	font-size: 14px;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 15px 0px;
	background: url('../img/bg-title.png') repeat-x 0% 100%;
}

h1 span, .h1 span, h3 span, .h3 span { color: #767676; }

form { padding: 0px; margin: 0px; }
strong, b { font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica; }
p { padding: 0px; margin: 0px; }
table { order-collapse: collapse; margin: 0px; padding: 0px; }
td { font-size: 12px; margin: 0px; padding: 0px; }
a img { border: 0px; }
ul { margin: 5px 0px; padding: 0px; }
ul li { list-style: none; background: url(../img/bg-li.png) 0px 5px no-repeat; padding: 0px 0px 0px 20px; margin: 0px; }
ol { margin: 5px 26px; padding: 0px; }
iframe { width: 593px; height: 360px; clear: both; border: 0px; margin: 20px 0px 0px 0px; padding: 0px; border: 3px solid #FFF; }

#logo a { text-decoration: none; }

#mailChimp { position: absolute; top: 50px; left: 440px; float: left; z-index: 100; }
#mailChimp input[type="email"] { font-size: 11px; padding: 6px; background: #f3f6f6 url('../img/bg-tab.png'); border: 1px solid #e5e8e8; width: 210px; color: #606060; }
#mailChimp input[type="submit"]{ font-size: 11px; text-transform: uppercase; padding: 5px; background: #f2811c url('../img/bg-slider.png'); border: 1px solid #cf670b; color: #FFF; }

#socialIco { top: 50px; right: 0px; padding: 0px; margin: 0px; overflow: hidden; position: absolute; }
#socialIco ul { float: right; padding: 0px; margin: 0px; }
#socialIco li { display: inline; float: left; padding: 0px; margin: 0px 1px 0px 0px; overflow: hidden; background: none; list-style: none; }
#socialIco a { text-decoration: none; display: block; width: 30px; height: 30px; padding: 0px; margin: 0px; }
#socialIco span { visibility: hidden; }

#fb a { background-image: url(../img/bg-social.png); background-position: 0px 0px; }
#fb a:hover { background-position: 0px -30px; }
#gplus a { background-image: url(../img/bg-social.png); background-position: -30px 0px; }
#gplus a:hover { background-position: -30px -30px; }
#twitter a { background-image: url(../img/bg-social.png); background-position: -60px 0px; }
#twitter a:hover { background-position: -60px -30px; }
#youtube a { background-image: url(../img/bg-social.png); background-position: -90px 0px; }
#youtube a:hover { background-position: -90px -30px; }
#rss a { background-image: url(../img/bg-social.png); background-position: -120px 0px; }
#rss a:hover { background-position: -120px -30px; }

#body {
	padding: 30px 0px 0px 0px;
	margin: 0px auto;
	width: 980px;
	text-align: left;
	position: relative;
	clear: both;
}

#header {
	margin: 0px 0px 30px 0px;
	clear: both;
	position: relative;
}

#slider {
	width: 930px;
	background: url(../img/bg-slider.png) 50% 0%;
	color: #FFF;
	font-size: 13px;
	clear: both;
	padding: 25px 25px 0px 25px;
	margin: 0px;
}

#pageTitle {
	width: 929px;
	background: #FFF url(../img/bg-slider.png) 50% 100%;
	border-top: 25px solid #FFF;
	color: #FFF;
	font-size: 13px;
	clear: both;
	padding: 0px 25px;
	margin: 0px;
}

#mainSeparator {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: url(../img/bg-main-separator.png) 50% 100% no-repeat;
	width: 980px;
	height: 36px;
}

#main {
	position: relative;
	clear: both;
	margin: 0px;
	padding: 0 25px 110px 25px;
	background: url(../img/bg-main.png) 50% 100% no-repeat;
	width: 930px;
	min-height: 300px;
	color: #313131;
	font-size: 14px;
}

#sectionMenu, #eshopTree {
	width: 200px;
	padding: 25px 25px 75px 25px;
	margin: 0px 25px 0px 0px;
	float: left;
	font-weight: bold;
}

#sectionMenu h2 { padding: 0px; margin: 0px 0px 15px 0px; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #782a67; }
#sectionMenu ul { margin: 0px 0px 15px 0px; }
#sectionMenu li, #eshopTree li { background: none; border-top: 1px solid #f7e2ef; border-bottom: 1px solid #ddc7db; line-height: 30px; font-size: 12px; padding: 0px; margin: 0px; }
#sectionMenu li:first-child, #eshopTree li:first-child { border-top: none; }
#sectionMenu li:last-child, #eshopTree li:last-child { border-bottom: none; }
#sectionMenu li a { text-decoration: none; color: #cc2c6f; text-transform: uppercase; padding: 0px 10px; margin: 0px; display: block; }
#sectionMenu li a:hover { background: url(../img/bg-slider.png) -50px -50px; color: #FFF; }
#sectionMenu .active { background: url(../img/bg-slider.png) -340px -900px; color: #FFF; }

#eshopTree ul { margin: 0px 0px 15px -10px; }
#eshopTree li ul { margin: 0px 10px 15px 20px; }
#eshopTree li a { text-decoration: none; color: #cc2c6f; text-transform: uppercase; padding: 0px 10px; margin: 0px; display: block; }
#eshopTree li li a { color: #782a67; text-transform: none; padding: 0px; margin: 0px; display: block; }
#eshopTree li a:hover { text-decoration: underline; }

.swatch { background: #fff; padding: 20px 0px; margin: 20px 0px 0px 0px; }

#catalogueCategory { width: 660px; }
#catalogueCategory div { width: 175px; background: #FFF; height: 290px; float: left; margin: 0px 10px 10px 0px; padding: 10px; position: relative; border-radius: 2px; }
#catalogueCategory div h2 { padding: 0px; margin: 0px; }
#catalogueCategory div h2 a { text-decoration: none; display: block; margin: 5px 0px; padding: 0px; font-size: 13px; }
#catalogueCategory div span { display: block; margin: 0px; padding: 0px; font-size: 11px; }

#catalogueCategory div em { display: block; position: absolute; bottom: 10px; width: 165px; background: #cc2c6f; color: #fff; font-style: normal; font-size: 11px; text-align: center; padding: 5px; border-radius: 2px; }

#catalogueLeft { float: left; width: 340px; }
#catalogueRight { float: right; width: 260px; }

#catalogueLeft img { border: 5px solid #fff; }
.catalogueDesc { margin: 0px 0px 20px 0px; }

#catalogueRight td { font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 5px 0px; }
#catalogueRight input[type="text"] { padding: 10px 5px; font-size: 12px; text-align: center; font-weight: bold; border: 1px solid #DDC7DB; border-radius: 2px; }

#catalogueRight select {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
    -moz-outline: none;
    color: #000;
    padding: 5px;
    margin: 0px;
    font-size: 12px; 
    border: 1px solid #DDC7DB; 
    border-radius: 2px;
    text-transform: none !important;
    
}

#catalogueRight option {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	outline: none;
    -moz-outline: none;
    color: #000;
    padding: 2px 0px;
    margin: 0px;
    text-transform: none !important;
}

#catalogueRight input[type="submit"] { padding: 10px 5px; font-size: 12px; text-align: center; text-transform: uppercase; background: #782a67; color: #fff; border: none; width: 270px; margin: 5px 0px; }
#catalogueRight input[type="submit"]:hover { background: #cc2c6f; }

.catalogueParams {
	clear: both;
	border-top: 3px solid #fff;
	padding: 20px 0px;
	margin: 20px 0px !important;
}

#content {
	width: 600px;
	padding: 25px;
	margin: 0px;
	float: left;
}

#pageTitle h1 { display: block; text-transform: uppercase; line-height: 60px; padding: 0px 20px; margin: 0px; color: #FFF; font-weight: normal; font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica; font-size: 20px; }
#slider h2 { display: block; text-transform: uppercase; padding: 0px 0px; margin: 0px; color: #FFF; font-weight: normal; font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica; font-size: 18px; }
#slider h3 { display: block; text-transform: uppercase; padding: 0px 0px 30px 0px; margin: 0px; color: #ffaff3; font-weight: normal; font-family: Segoe UI, Arial, Verdana, Tahoma, Helvetica; font-size: 16px; }
#slider h2 a { display: block; float: left; text-decoration: none; padding: 5px; border-radius: 2px; background: url('../img/bg-alpha25b.png'); color: #FFF; line-height: normal; width: 20px; text-align: center; margin: 0px 0px 0px 2px; }

#about { width: 475px; overflow: hidden; float: left; padding: 25px 25px 15px 25px; margin: 0px; text-align: justify; }
#calendarPanel { width: 375px; float: left; padding: 25px 25px 0px 0px; margin: 0px; text-align: justify; }

#calendarPanel h4 { text-transform: none; padding: 0px 0px; margin: 0px; color: #4b125a; font-weight: bold; font-size: 13px; }
#calendarPanel div { font-size: 13px; padding: 0px 0px 12px 80px; margin: 0px 0px 8px 0px; background: url(../img/bg-calendar.png) 0% 100% repeat-x; position: relative; }
#calendarPanel p { text-align: center; padding: 0px; margin: 0px; position: absolute; left: 0px; top: 0px; background: #FFF; color: #313131; font-weight: bold; border-radius: 2px; overflow: hidden; box-shadow: inset 0 0 5px #d6d6d6; width: 60px; }
#calendarPanel p em { font-style: normal; color: #FFF; display: block; background: #672877; box-shadow: inset 0 0 5px #4b125a; padding: 3px 5px; font-size: 9px; text-transform: uppercase; font-weight: normal; }
#calendarPanel div:first-child { border-top: none; }
#calendarPanel div:last-child { border-bottom: none; }
#calendarPanel a { text-decoration: none; color: #4b125a; }

#calendar h4 { text-transform: none; padding: 0px 0px; margin: 0px; color: #4b125a; font-weight: bold; font-size: 13px; }
#calendar div { font-size: 12px; padding: 0px 0px 20px 120px; margin: 0px 0px 10px 0px; position: relative; }
#calendar p { text-align: center; padding: 0px; margin: 0px; position: absolute; left: 0px; top: 0px; background: #FFF; color: #313131; font-weight: bold; font-size: 12px; text-transform: uppercase; border-radius: 2px; overflow: hidden; box-shadow: inset 0 0 5px #d6d6d6; width: 90px; line-height: 20px; }
#calendar p em { font-style: normal; color: #FFF; display: block; background: #672877; box-shadow: inset 0 0 5px #4b125a; padding: 3px 5px; font-size: 9px; text-transform: uppercase; font-weight: normal; line-height: 20px; } 

#menu { background: #FFF; width: 930px; height: 100px; padding: 0px 25px 0px 24px; clear: both; }
#menu ul { background: #eeeeee; width: 100%; list-style: none; padding: 0px; margin: 0px; float: left; font-size: 0; }
#menu li { display: inline-block; width: 25%; padding: 0px; margin: 0px; background: none; list-style: none; }
#menu li a { display: block;  height: 75px; color: #555555; text-decoration: none; font-size: 13px; padding: 25px 25px 0px 25px; margin: 0px; border-left: 1px solid #f7f7f7; border-right: 1px solid #d9d9d9; }
#menu li:first-child a { border-left: none; }
#menu li:last-child a { border-right: none; }
#menu li a h4 { padding: 0px; margin: 0px 0px 3px 0px; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #424142; }
#menu li a:hover h4 { color: #782a67; }
#menu li a:hover { background: url('../img/bg-menu.png'); box-shadow: inset 0 0 25px #d4d4d4; }

#footer { position: absolute; bottom: 60px; right: 25px; font-size: 10px; padding: 0px; margin: 0px; text-transform: uppercase; }
#footer a { text-decoration: none; }

.subPages { margin: 30px 0px 0px 0px; width: 455px; }
.subPages li img { border: 1px solid #fff; padding: 1px; margin: 0px 15px 0px 0px; float: left; }
.subPages li { font-size: 12px; margin: 0px 0px 1px 0px; padding: 15px; background: #f3f6f6 url('../img/bg-tab.png'); list-style: none; }
.subPages li a { text-decoration: none; color: #a5a5a5; }
.subPages li a:hover { color: #cc2c6f; }
.subPages h2 { font-size: 14px; color: #672877; display: block; padding: 0px; margin: 0px 0px 3px 0px; cursor: pointer; }
.subPages h2 a { color: #672877; }

#copyright { margin: 0px auto 30px auto; width: 1000px; text-align: right; font-size: 9px; text-transform: uppercase; color: #d9d9d9; }
#copyright a { color: #FFF; text-decoration: none; }
#copyright a:hover { color: #ff9639; }

#contact { float: left; }
#contact img { margin: 0px 0px 20px 0px; }
#contact strong { font-weight: normal; font-size: 14px; display: block; }
#contact .dataCol { width: auto; }

.dataCol { float: left; padding: 0px 10px 0px 0px; }

.gallery { padding: 20px 0px 0px 0px; margin: 0px; background: url(../img/bg-sp02.png) 50% 0% no-repeat; }
.gallery img { border: 0px; border: 1px solid #ddc7db; background: #fff0f5; padding: 3px; margin: 1px; }
.gallery span { display: block; background: #cc2c6f; font-size: 9px; color: #FFF; text-align: right; margin: 0px 3px 10px 0px; float: right; padding: 5px; text-transform: uppercase; }

.mainImg { margin: 0px; }
.mainImg img { margin: 0px 0px 20px 0px; }

.downloads { clear: both; margin: 20px 0px; }
.downloads h2 { margin: 5px 0px; padding: 0px; }
.downloads ul { width: 460px; }
.downloads li { background: url('../img/bg-alpha75b.png'); padding: 10px; margin: 0px 0px 1px 0px; line-height: 28px; }
.downloads li a { background:  url(../img/bg-downloads.png) 0% 50% no-repeat; display: block; text-decoration: none; padding: 0px 0px 0px 36px; color: #FFF; }
.downloads li a:hover { text-decoration: underline; }

.cart { background: #fff; }
.cart table { width: 100%; border-collapse: separate; border-spacing: 1px; }
.cart th { background: #672877; font-size: 11px; text-transform: uppercase; text-align: center; color: #fff; padding: 7px 2px; }
.cart td { font-size: 11px; padding: 7px 10px; margin: 2px; }
.cart td em { font-size: 10px; font-style: normal; }
.cart tr:nth-child(odd) td { background: #f6f6f6; }
.cart tr:nth-child(even) td { background: #fafafa; }
.cart input[type="text"], .cart textarea { font-family: Segoe UI; font-size: 11px; color: #000; background: #fff; border: 1px solid #EDEDED; padding: 7px; margin: 1px 0px 5px 0px; }
.cart input[type="text"] { text-align: center; } 
.cart a { text-decoration: none; }
.cart td strong { color: #672877; font-size: 14px; }

.cart input[type="submit"] {
	background-color:#cc2c6f;
	border:1px solid #A51C55;
	display:inline-block;
	color:#ffffff;
	font-family:Segoe UI;
	font-size:9px;
	text-transform: uppercase;
	font-weight:bold;
	padding:4px 3px;
	margin:1px 0px;
	text-decoration:none;
	width: 90px;
}
.cart input[type="submit"]:hover {
	background: #424242;
	border: 1px solid #000;
}
.cart input[type="submit"]:active {
	position:relative;
	top:1px;
}

#billingAddress { width: 300px; text-transform: uppercase; float: left; margin: 0px 0px 0px 0px; }
#billingAddress span, #deliveryAddress span { text-transform: none; }
#deliveryAddress { width: 300px; text-transform: uppercase; float: left; margin: 0px; }
#billingContact { width: 282px; text-transform: uppercase; float: right; margin: 0px 0px 0px 0px; }

#cartForm table { width: 100%; }
#cartForm td { text-align: left; vertical-align: top; text-transform: uppercase; font-size: 10px; }
#cartForm input[readonly="readonly"] { font-weight: bold; font-size: 13px; }
#cartForm .strike { color: #6d6d6d; }
#cartForm .price { color: #ec280e; }
#cartForm span { display: block; text-align: center; }
#cartForm span a { text-decoration: none; }

#cartForm { margin: 10px 0px 0px 0px; }

.pageImg { padding: 5px; text-align: center; background: #FFF; }
.pageImg img { border: 0px; }

.cDiv1 { border-bottom: 3px solid #fff0f5; padding: 0px 0px 25px 0px; margin: 0px 0px 25px 0px; }
.cDiv2 { border-bottom: 3px solid #fff0f5; padding: 0px 0px 25px 0px; }
.cDiv3 { border-top: 3px solid #fff0f5; padding: 0px; line-height: 0px; height: 0px; margin: 0px; }

.col1 { color: #672877; }
.col2 { color: #cc2c6f; }

.clear { clear: both; width: 0px; height: 0px; font-size: 0; line-height: 0px; overflow: hidden; }