@import url(reset.css);
@import url(jquery.slimbox.css);
@import url(jquery.reset.tabs.css);

body {
	font-family:Verdana, sans-serif;
	font-size:12px;
	color:#666;
}

body#tile {
	background-image:url(../images/sovalli-background-tile.jpg);
}

#background {
	background:#171717 url(../images/bg.jpg) 50% 0 repeat-y;
}

#content-container {
	margin:0 auto;
	padding:361px 0 1em;
	position:relative;
}

#content {
	line-height:18px;
	position:relative;
}

#header {
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:743px;
	height:361px;
	font-family:Arial, sans-serif;
	font-size:12px;
	color:#666;
	background:url("../images/rp01.jpg") top right no-repeat;
	margin:0 5px 0 0;
}

#recent-projects #header {
	background-image:url("../images/blueprint.jpg");
}

#header #logo {
	position:absolute;
	top:0;
	left:-1px;
	border:none;
	z-index:100;
}

#menu #basket {
	padding-top:0.5em;
	font-size:10px;
}

#basket span {
	background:url("../images/shoppingbasket.jpg") top left no-repeat;
	padding:0 0 0 3em;
	height:22px;
	line-height:22px;
	margin:0.5em 0;
	display:block;
}

#menu #basket a {
	background:#112369;
	padding:0.2em 1em;
	color:#fff;
	text-align:center;
	display:inline;
}

div.splitter, div.thin-splitter {
	background:url(../images/grey-splitters.gif) top left repeat-x;
	height:13px;
	margin:10px 0;
}

div.thin-splitter {
	height:6px;
	background:url(../images/thin-grey-slpitter.gif) top left repeat-x;
}

#quick-search {
	position:absolute;
}

#menu {
	text-align:left;;
	font-family:Verdana, sans-serif;
	letter-spacing:-0.03em;
	font-size:9px;
	padding:0 0 0 377px;
	background-repeat:no-repeat;
	background-position:0 79px;
	border-bottom:6px solid #8A8D9C;
	height:100%;
	width:164px;
	position:absolute;
	left:0;
	z-index:99;
}

#menu #page-image {
	position:absolute;
	top:0;
	left:0;
}

#menu ul {
	height:357px;
	width:149px;
	padding:10px 0 0 11px;
	background:#EDEDED url(../images/MenuBg.jpg) repeat-y scroll left top;
	position:relative;
	border-right:2px solid #fff;
	border-left:2px solid #fff;
	z-index:99;
}

#menu ul a, #menu li.active:hover a {
	display:block;
	color:#63646b;
	text-decoration:none;
	text-transform:uppercase;
	line-height:20px;
}

#menu li.active a {
	color:#fff;
}

#menu li {
	padding:0 4px;
	width:141px;
	margin:2px 0 0;
	border-bottom:1px solid #CFD0D5;
	pozition:relative;
}

#menu li.no-border {
	border:none;
}

#menu li.no-border:hover {
	background:none;
}

#menu li.active {
	background:#bf723f;
	color:#fff;
}

#menu li li {
	height:auto;
}

#menu li:hover {
	background:#e1e1e1;
	color:#63646b;
}

#menu li.no-border:hover {
	color:inherit;
}

#menu li ul {
	background:#e1e1e1;
	padding:1px 0 0 0;
	position:absolute;
	right:-203px;
	top:29px;
	visibility:hidden;
	min-height:229px;
	height:auto;
	overflow:hidden;
	width:203px;
	z-index:99;
	border:none;
}

#menu li ul ul {
	position:static;
	margin:0 0 0 1em;
	min-height:1px;
}

#menu li:hover ul {
	visibility:visible;
}

#menu li li {
	width:199px;
	margin:2px;
}

#menu li li a, #menu li.active:hover li a, #menu li.active:hover li li a {
	color:#63646b;
	position:static;
}

#menu li.active:hover li li a {
	font-weight:normal;
	font-size:10px;
}

#menu li li a:hover, #menu li.active li:hover a, #menu li.active:hover li li a:hover {
	background:none;
	color:#BF723F;
}

#menu li li li a {
	font-size:10px;
}

legend span.hidden {
	display:none;
}

#header form, form.newsletter {
	height:18px;
	position:relative;
	width:147px;
}

#header form input {
	border:1px solid #CCCCCC;
	color:#666;
	float:left;
	font-size:11px;
	height:14px;
	padding:2px;
	width:101px;
	background:#fff;
}

#header button, form.newsletter button {
	background:transparent url(../images/GoBtn.jpg) repeat scroll 0 -23px;
	border:1px solid #CCCCCC;
	color:#FFFFFF;
	font-size:9px;
	height:20px;
	width:25px;
	cursor:pointer;
	text-indent:-9999px;
}

#content div.main-column {
	float:left;
	width:520px;
	padding:0 10px 0 15px;
}

#content div.right-column {
	width:202px;
	margin:-108px 0 0 547px;
	position:relative;
	z-index:2;
}

div.right-column a.our-design {
	width:100%;
}

h1, h2, h3, h4, h5, h6 {
	color:#1E398D;
	font-family:Times, serif;
	font-weight:normal;
}

h1 {
	font-size:20px;
	margin:0.5em 0;
}

h2 {
	font-size:1.5em;
}

h3 {
	font-size:1.2em;
	font-weight:bold;
}

body#faqs #content div.right-column {
	margin-top:0;
}

#content, p {
	font-size:11px;
	line-height:1.5em;
	border-top:2em solid #fff;
}

p {
	border:none;
	margin:1em 0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a.orange {
	color:#BF723F;
}

a.blue {
	color:#1E398D;
}

a.right {
	float:right;
}

#footer {
	clear:both;
	padding:33px 219px 0.5em 0;
	width:530px;
	background:url("../images/FootBg.jpg") top left repeat-x;
}

ul.inline li {
	float:left;
	text-align:center;
}

#cta a, a.our-design {
	text-decoration:none;
	font-family:Georgia, sans-serif;
	color:#1E398D;
	font-size:12px;
}

span.title {
	text-decoration:underline;
	display:block;
	font-size:20px;
	line-height:50px;
	color:#1E398D;
	font-family:Georgia, sans-serif;
}

#footer #bottom {
	font-size:10px;
	color:#7e7e7e;
	float:right;
	margin:0 -1em 0 0;
}

#bottom li {
	padding:0 1em;
	border-right:1px solid #7e7e7e;
}

#bottom li.end {
	border:none;
}

#footer #copyright {
	font-size:10px;
	color:#7e7e7e;
	text-indent:1em;
	margin:0.5em 0;
	clear:both;
	float:right;
	white-space:nowrap;
}

#bottom a {
	text-decoration:none;
	color:#7e7e7e;
	line-height:10px;
}

.tabs.textured , #contact-address {
	width:462px;
	height:358px;
	background:url(../images/enquiry-form-back.jpg) top left no-repeat;
	margin:0 5px 10px 0;
	padding:10px;
	position:relative;
	float:left;
}

#contact-address {
	margin:0;
	width:207px;
	background:none;
	position:absolute;
	top:8em;
	right:0.5em;
}

div.full-width {
	padding:0 5px 5px 5px;
}

legend span {
	font-family:Georgia, sans-serif;
	font-size:16px;
	color:#545454;
	display:block;
	padding:0 0 10px 0;
}

label, div.label {
	display:block;
	margin:3px 0;
	clear:both;
}

label span, div.label span {
	display:block;
}

#contact-form {
	padding:0;
}

#contact-form fieldset {
	margin:10px 0;
}

#contact-form fieldset label input, #contact-form fieldset.address label input, #contact-form  label textarea, #contact-form fieldset label select, #contact-form fieldset div.label select {
	background:#fff url("../images/formfield.jpg") top left repeat-x;
	height:13px;
	font-size:10px;
	padding:5px 10px;
	border:none;
	color:#666;
	width:260px;
	display:block;
}

#contact-form fieldset label select, #contact-form fieldset div.label select {
	width:auto;
	height:auto;
}

#contact-form label span {
	color:#1E398D;
}

#contact-form fieldset div.label select {
	float:left;
}

#contact-form fieldset.address input {
	background:url(../images/address-back.gif) top left repeat-x;
}

#contact-form label textarea {
	background-image:url("../images/commentfield.jpg");
	width:341px;
	height:56px;
}

#contact-form button {
	display:block;
	text-indent:-99em;
	width:76px;
	height:38px;
	background:url("../images/send.jpg") top left no-repeat;
	border:none;
	cursor:pointer;
	text-indent:-999em;
	margin:1em 0;
}

#contact-form button:hover {
	background-position:0 0;
}

#contact-address dl {
	text-align:right;
}

#contact-address dt {
	color:#1E398D;
	font-weight:bold;
	margin:5px 0;
	font-family:Times,serif;
	font-size:1.2em;
}

#contact-address dd {
	color:#3860a6;
	font-size:12px;
}

#contact-address a {
	color:#6b6b6b;
	text-decoration:none;
}

#contact-address address {
	text-transform:uppercase;
	line-height:15px;
}

.clearer, .clear {
	clear:both;
}

.tabs.textured.contact ul {
	position:absolute;
	top:-57px;
	left:230px;
	width:100%;
}

.tabs.textured li {
	float:left;
	display:block;
	margin:0 5px;
}

#contact-form-toggle, #contact-map-toggle {
	display:block;
	text-indent:-9999px;
	width:91px;
	height:43px;
	margin:0 0.5em;
	padding:0;
	background:url("../images/enquiryFrom.jpg") top left no-repeat;
	cursor:pointer;
}

#contact-map-toggle {
	background-image:url("../images/googlemap.jpg");
}

#map {
	width:100%;
	height:335px;
	background:#fff;
}

ul.filters {
	font-family:Georgia, sans-serif;
	font-size:14px;
	color:#1E398D;
}

ul.filters li {
	display:block;
	margin:0 10px;
}

ul.filters a {
	font-size:10px;
	font-family:Arial, sans-serif;
	color:#959595;
	text-decoration:none;
	text-transform:uppercase;
}

ul.filters li.active a, ul.filters a:hover {
	color:#040404;
}

ul.products {
	margin:-10px 0 0 -10px;
	width:522px;
	clear:both;
}

ul.products li {
	display:block;
	text-align:center;
	margin:10px;
	width:132px;
	position:relative;
	padding:5px 10px;
	font-family:Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#4b4b4b;
	text-transform:uppercase;
	line-height:15px;
	border-right:1px dotted #1E398D;
}

ul.products a.more-info, ul.products a.buy-now {
	display:block;
	color:#BF723F;
	text-decoration:none;
	text-transform:capitalize;
}

ul.products a.more-info:hover {
	background-position:0 0;
}

ul.products img {
	border:1px solid #EDEDED;
}

ul.products a:hover {
	text-decoration:underline;
}

ul.products a {
	margin:0 0 10px 0;
}

ul.products span {
	display:block;
	margin:5px 0;
}

ul.products span span {
	color:#1E398D;
	margin:0;
}

#wrapper {
	margin:0 auto;
	width:749px;
	background:#fff;
}

ul.pagination {
	float:right;
}

ul.pagination a {
	font-family:Georgia, sans-serif;
	font-weight:bold;
	margin:0 10px;
	color:#1E398D;
	text-decoration:none;
	display:block;
	height:14px;
	line-height:14px;
	font-size:12px;
}

ul.pagination  li.active a, ul.pagination a:hover {
	color:#BF723F;
}

ul.pagination img {
	margin:2px 0 0 0;
}

#content #product {
	margin:3em 0 1em 0;
	position:relative;
}

#product .grey-box {
	background:#f7f7f7;
	border:1px solid #d3d3d3;
	padding:3px 3px 10px 3px;
	position:relative;
	margin:1em 0;
}

div.tabs ul.ui-tabs-nav, #checkout-steps {
	position:absolute;
	top:-5em;
	right:-100%;
	background:none;
	border:none;
	padding:0;
	line-height:12px;
}

#product #main-image {
	float:left;
}

#product div.thumbnails {
	clear:left;
}

div.thumbnails li {
	margin:0 3px;
}

#product div.thumbnails ul {
	margin:20px -26px 0 0;
}

div.tabs h2 {
	z-index:3;
	padding:5px;
	font-size:1.3em;
	font-weight:normal;
	background:#1E398D;
	color:#fff;
}

div.tabs h2 {
	padding-left:4em;
	position:absolute;
	top:11px;
	right:0;
}

div.specification {
	border-left:1px dotted #1E398D;
	float:right;
	width:179px;
	min-height:305px;
	background:#fff;
	margin:-14px -18px -21px 0;
	padding:4em 10px 0;
	text-align:right;
}

div.tabs ul.ui-tabs-nav li a, form.grey-box legend span, #checkout-steps a {
	display:block;
	font-family:Georgia, sans-serif;
	font-size:12px;
	background:#eaebeb;
	padding:5px 25px 5px 5px;
	text-transform:uppercase;
	color:#989898;
	text-decoration:none;
}

div.tabs ul.ui-tabs-nav li.ui-state-active a, div.tabs ul.ui-tabs-nav li:hover a, form.grey-box legend span, #checkout-steps li.active a, #checkout-steps a:hover {
	background:#989898;
	color:#fff;
}

#gallery {
	float:left;
	width:50%;
}

#description {
	float:right;
	width:50%;
}

#description li {
	list-style-color:cyan;
}

#product #main-image, #gallery #main-image {
	margin:0 0 1em 0;
}

#gallery #main-image {
	margin-left:0;
	border:1px solid #1E398D;
}

#product form.grey-box {
	padding:1em 1em 0 1em;
	margin:2em 0 1em 0;
}

#product form.grey-box legend span {
	top:-22px;
	left:-1px;
	position:absolute;
	line-height:12px;
}

table {
	width:100%;
	margin:0 auto;
	font-size:12px;
}

th {
	text-align:center;
	font-family:Georgia, sans-serif;
	text-transform:uppercase;
	padding:0 0 0.5em 0;
}

table td {
	padding:5px;
	background:#EAEBEB;
	vertical-align:middle;
}

table tr.spacer td {
	padding:0;
	height:0.3em;
	background:none;
}

table th.price, table th.quantity, table th.buttons, table th.image {
	width:15%;
}

table td span {
	color:#1E398D;
}

table td.price {
	color:#da0000;
}

table td.center {
	text-align:center;
}

table td input {
	padding:5px 7px;
	width:26px;
	height:16px;
	text-align:center;
	border:none;
	background:url(../images/qty-box.gif) top left no-repeat;
}

form li {
	float:right;
	margin:0.5em 0;
}

#send-friend {
	display:block;
	background:url(../images/send-to-friend-button.gif) 0 -16px no-repeat;
	text-indent:-9999px;
	width:103px;
	height:15px;
	margin:0 1em;
}

#send-friend:hover {
	background-position:0 0;
}

#product form button {
	display:block;
	width:93px;
	height:15px;
	background:url(../images/add-to-basket-button.gif) 0 -16px no-repeat;
	cursor:pointer;
	border:0;
	margin:0;
	padding:0;
}

#product form button:hover {
	background-position:0 0;
}

#product h3 {
	font-size:12px;
	font-family:Georgia, sans-serif;
	text-transform:uppercase;
	margin:1em 0;
	float:left;
	clear:both;
}

div.right-column form.newsletter {
	margin:1em 0;
	background-position:-15px 0;
	border-left:1px solid #ccc;
}

div.right-column form.newsletter input {
	width:171px;
	color:#939598;
	text-transform:none;
	text-align:center;
}

div.right-column form.newsletter button {
	right:0;
}

div.right-column div.news-letter {
	text-align:center;
	color:#1E398D;
	font-family:Georgia, sans-serif;
}

div.right-column span.title {
	text-decoration:none;
}

#dialog {
	line-height:16px;
}

#dialog .ui-icon {
	float:left;
	margin:0 1em 0 0;
}

.ui-dialog-titlebar span.title {
	line-height:20px;
}

#contact-form form.checkout {
	height:378px;
}

button.remove, button.update {
	background:url(../images/remove-button.gif) top left no-repeat;
	border:none;
	width:74px;
	height:15px;
	cursor:pointer;
}

button.update {
	background:url(../images/update-button.gif) top left no-repeat;
	width:84px;
}

blockquote {
	font-size:12px;
}

blockquote span.name {
	color:#1E398D;
	font-size:10px;
	display:block;
	text-align:right;
	margin:1em 0;
}

div.testimonial, div.faq {
	padding:0 0 6px 0;
}

div.faq span.title {
	text-decoration:none;
	font-size:14px;
	line-height:1.5em;
}

div.faq {
	padding:0 0 2em 0;
}

div.faq a.top {
	display:block;
	text-align:right;
}

div.right-column h2 {
	padding:2em 1em 0 1em;
	font-size:18px;
}

div.right-column ul {
	padding:1em 2em;
}

div.right-column li {
	margin:0.5em 0;
}

div.right-column li a {
	text-decoration:none;
	font-family:verdana, sans-serif;
	font-size:12px;
	color:#404040;
	display:block;
}

div.right-column li a.active {
	color:#bf723f;
}

div.right-column li.active a {
	color:#BF723F;
}

div.article {
	margin:1em 0;
	clear:right;
	padding:0 0 2em 0;
}

div.article a.more {
	float:right;
}

#checkout-steps li {
	margin:0;
}

#delivery {
	position:absolute;
	top:38px;
	right:1em;
	width:50%;
}

#checkout-confirm-products {
	height:115px;
	overflow:auto;
	margin:0 1em 0 0;
}

#checkout-confirm-products * {
	background:none;
}

#ajax-search-results {
	position:absolute;
	top:19px;
	left:0;
	background:#fff;
	width:20em;
	display:none;
}

#ajax-search-results .result:hover {
	background:#eee;
	border-color:#ccc;
}

#menu #ajax-search-results a, #menu li:hover #ajax-search-results a {
	position:static;
	background:none;
	padding:0;
	width:auto;
}

div.search-results {
	border:1px solid #ccc;
}

div.search-results .result {
	border:0.5em solid #fff;
	padding:0.5em;
	clear:both;
}

div.search-results img {
	margin:1em 1em 1em 0;
	float:left;
}

div.search-results span {
	display:block;
	margin:1em 0;
}

div.search-results .price {
	font-size:1.8em;
	color:#1E398D;
	font-weight:bold;
}

div.search-results .price span {
	font-size:0.5em;
	font-weight:normal;
	display:inline;
}

div.search-results .title {
	font-size:1.2em;
	font-weight:bold;
	height:auto;
	line-height:1.8em;
	margin:0;
	text-decoration:none;
}

div.search-results span em {
	font-weight:bold;
	color:#404040;
	font-style:normal;
}

.add-basket button {
	text-indent:-9999px;
}

a.arrow {
	text-transform:uppercase;
	background:url("../images/LinkArrow.png") 2px 50% no-repeat;
	padding:0 0 0 15px;
	color:#666;
	text-decoration:none;
	font-size:10px;
}

a.arrow:hover {
	background-position:5px 50%;
}

.two-column .left-column {
	float:left;
	border-right:1px solid #fff;
}

.two-column .right-column {
	float:right;
	border-left:2px solid #fff;
	background:#ccc;
}

#project {
	margin:1em 0;
	background:#F1F1F1;
	width:496px;
	height:227px;
	line-height:1.5em;
}

#content #project p {
	font-size:10px;
	margin:0.4em 0;
}

#project .left-column {
	width:307px;
}

#content #project .right-column {
	width:160px;
	margin:0;
	padding:10px 10px 127px 10px;
	position:relative;
	min-height:90px;
}

#content #project .right-column img {
	position:absolute;
	bottom:0;
	left:0;
}

#content #project .right-column h2 {
	padding:0;
	margin:0;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
}

#home .main-column ul {
	margin:1.5em 0 1.5em -6px;
	height:110px;
}

#home .main-column li {
	margin:0 5px;
}

#page-header-image {
	left:0;
	position:absolute;
	top:79px;
	z-index:99;
}

form.newsletter {
	height:20px;
	position:relative;
	background:url(../images/search-the-site.gif) top left no-repeat;
}

form.newsletter input, form.newsletter button {
	font-size:8px;
	text-transform:uppercase;
	border:none;
	background:none;
	padding:6px 0;
	width:114px;
	position:absolute;
	top:0;
	left:0;
	text-indent:0.5em;
}

form.newsletter button {
	left:auto;
	right:12px;
	width:21px;
	color:#fff;
	cursor:pointer;
	text-indent:0;
}

form.newsletter {
	margin:15px 0 0 0;
	height:26px;
	background-image:url(../images/email-newsletter.gif);
}

form.newsletter input, form.newsletter button {
	padding:8px 0;
	font-size:10px;
}

form.newsletter input {
	width:186px;
}

form.newsletter button {
	right:13px;
	width:27px;
}

div.right-column form.newsletter {
	margin:1em 0;
	background-position:-15px 0;
	border-left:1px solid #ccc;
}

div.right-column form.newsletter input {
	width:171px;
	color:#939598;
	text-transform:none;
	text-align:center;
}

div.right-column form.newsletter button {
	right:0;
}

div.right-column div.news-letter {
	text-align:center;
	color:#2764A8;
	font-family:Georgia, sans-serif;
}

div.right-column span.title {
	text-decoration:none;
}

#product-groups {
	width:500px;
	height:130px;
}

.scrollable {
	overflow:hidden;
	position:relative;
}

.scrollable .items {
	width:9999em;
	position:absolute;
}

form.add-basket th {
	text-align:left;
}

#footer p {
	text-align:right;
}

#product .back {
	position:absolute;
	top:1em;
	right:0;
	font-size:12px;
	text-decoration:underline;
	color:#BF723F;
}

strong {
	font-weight:bold;
}

#content div.full-width {
	padding:0 10px 0 15px;
}

#content div.full-width > * {
	max-width:50%;
}

#skype {
	display:block;
	text-indent:-99em;
	width:106px;
	height:43px;
	background:url("../images/skype.jpg") top left no-repeat;
	cursor:pointer;
	padding:0;
	position:absolute;
	right:-150px;
	top:-55px;
}

.mydeco-bm {
	display:inline-block;
	clear:both;
	margin-top:1em;
}