﻿div {
     border: 0px red solid;
}

body {
     margin: 20px 0 0;
     min-width: 920px;
     background-color: #ffffff;
}

body, p, .content li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666666;
}

.baseFormMessage {
     color: red;
     font-weight: 700;
}

span.baseFormControl {
     padding-left: 40px;
}

.baseFormControl, .baseFormControlMedium {
     background-color: white;
     width: 200px;
     border: 1px #639 solid;
}

.baseFormControlText {
     background-color: white;
     width: 300px;
     border: 1px #639 solid;
     height: 150px;
}

span.baseFormCaption {
     width: 270px;
     margin-right: 10px;
     float: left;
     clear: right;
     display: block;
}

.headerLeft {
     width: 162px;
     height: 80px;
     padding: 0;
     margin: 0;
     float: left;
}

.headerLeft ul {
     margin: 0;
     padding: 0;
     list-style-type: none;
}

.headerLeft li {
     float: left;
     margin: 0 0 4px;
     padding: 0;
}

.homewareButton, .cosmeticsButton, .jewelleryButton {
     margin: 0;
     padding: 0;
}

.homewareButton a {
     background: url(http://shop.vieathome.com/Assets/Images/Site/Button1Off_h.gif) top left no-repeat;
     background-color: #c4a0dc;
}

.homewareButton a:hover {
     background-image: url(http://shop.vieathome.com/Assets/Images/Site/Button1On_h.gif);
}

.cosmeticsButton a {
     background: url(http://shop.vieathome.com/Assets/Images/Site/Button1Off_c.gif) top left no-repeat;
     background-color: #c4a0dc;
}

.cosmeticsButton a:hover {
     background-image: url(http://shop.vieathome.com/Assets/Images/Site/Button1On_c.gif);
}

.jewelleryButton a {
     background: url(http://shop.vieathome.com/Assets/Images/Site/Button1Off_j.gif) top left no-repeat;
     background-color: #c4a0dc;
}

.jewelleryButton a:hover {
     background-image: url(http://shop.vieathome.com/Assets/Images/Site/Button1On_j.gif);
}

.cosmeticsButton a span, .homewareButton a span, .jewelleryButton a span {
     display: none;
}

.homewareButton a, .cosmeticsButton a, .jewelleryButton a {
     display: block;
     width: 162px;
     height: 24px;
     margin: 0;
     padding: 0;
     text-decoration: none;
     background-position: center left;
}

.headerCentre {
     width: 668px;
     height: 80px;
     padding: 0px;
     float: left;
     padding: 0px 5px;
}

.headerRight {
     width: 80px;
     height: 80px;
     padding: 0px;
     float: left;
     background-color: #639;
}

.stripTop {
     margin-top: 5px;
     width: 920px;
     height: 38px;
     padding: 0px;
     float: left;
     background-color: #639;
}

.background {
     float: left;
     width: 920px;
     background-image: url(http://shop.vieathome.com/Assets/Images/Site/back.gif);
     background-repeat: repeat-y;
}

.topnavcontainer h1 {
     display: none;
     font-size: 11px;
     text-align: left;
     text-transform: uppercase;
}

ul.topnavlist {
     text-align: left;
     list-style: none;
     padding: 0;
     margin: 0;
     width: 100%;
}

ul.topnavlist li {
     display: block;
     margin: 0;
     padding: 0;
     float: right;
}

ul.topnavlist li.active a {
     color: #639;
     font-weight: 700;
}

.topnavcontainer {
     width: 920px;
     height: 38px;
     padding: 0;
     display: block;
     float: left;
     background-repeat: no-repeat;
     background-position: left;
     margin-top: 5px;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     text-align: left;
     text-transform: uppercase;
     background-color: #c4a0dc;
}

ul.topnavlist li a {
     display: block;
     padding: 12px 0;
     margin: 0 12px 0 0;
     text-decoration: none;
     color: #663399;
     background: #c4a0dc;
}

.navcontainer {
     width: 160px;
     margin: 0 auto;
     padding: 0;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     text-align: left;
     text-transform: uppercase;
}

ul.navlist1 {
     text-align: left;
     list-style: none;
     padding: 0;
     margin: 0;
}

ul.navlist1 li {
     display: block;
     margin: 0;
     padding: 0;
     margin-bottom: 2px;
     list-style: none;
}

ul.navlist2, ul.navlist3, ul.navlist4 {
     text-align: left;
     list-style: none;
     padding: 0;
     margin: 0;
     font-size: 10px;
     margin-bottom: 5px;
}

ul.navlist2 li, ul.navlist3 li, ul.navlist4 li {
     display: block;
     margin: 0;
     padding: 0;
}

ul.navlist2 li a, ul.navlist3 li a, ul.navlist4 li a {
     display: block;
     text-decoration: none;
}

ul.navlist1 li span.active, ul.navlist2 li span.active, ul.navlist3 li span.active, ul.navlist4 li span.active {
     color: #fff;
     font-weight: bolder;
}

.navLeft {
     width: 162px;
     padding: 0;
     float: left;
     display: block;
     background-color: #c4a0dc;
}

ul.navlist1 li a {
     display: block;
     width: 150px;
     margin: 2px 0 2px 10px;
     padding: 2px 0;
     text-decoration: none;
     list-style: none;
     color: #663399;
}

ul.navlist2 li a, ul.navlist3 li a, ul.navlist4 li a {
     color: #663399;
}

ul.navlist2 li a {
     width: 140px;
     margin: 2px 0 2px 20px;
     padding: 2px 0;
     color: #663399;
}

ul.navlist3 li a {
     width: 130px;
     margin: 2px 0 2px 30px;
     padding: 1px 0;
     color: #663399;
}

ul.navlist4 li a {
     width: 120px;
     margin: 2px 0 2px 40px;
     padding: 1px 0;
     color: #663399;
}

ul.navlist4 li a:hover, ul.navlist4 li a:hover span.active, ul.navlist3 li a:hover, ul.navlist3 li a:hover span.active, ul.navlist2 li a:hover, ul.navlist2 li a:hover span.active, ul.navlist1 li a:hover, ul.navlist1 li a:hover span.active, ul.topnavlist li a:hover, ul#topnavlist li.active a:hover, ul {
     color: #333;
}

.content {
     width: 756px;
     padding: 0;
     margin: 0;
     float: left;
     border: 0;
}
.content p {
     padding: 0 0 10px;
     margin: 0;
}

.contentPadding {
     width: 725px;
     margin-left: 15px;
     margin-top: 15px;
}
.content h1, .content h2,{
     color: #666;
     padding: 5px 0 0;
     margin: 2px 0 0;
     font: normal 100 Verdana, Arial, Helvetica, sans-serif; 
     font-weight: lighter;
     }
.content h3, .content h4, .content h5 {
	color: #666;
	padding: 5px 0 0;
	margin: 2px 0 0;
	font-weight: 100;
}

.content h1 a, .content h2 a, .content h3 a, .content h4 a, .content h5 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #639;
	text-decoration: none;
	padding: 2px 0 0;
	margin: 2px 0 0;

}
.mainHeading h1, h1 {
     color: #639;
     width: 700px;
     padding: 0;
     margin: 0;
     font: normal 100 210% Verdana, Arial, Helvetica, sans-serif;
}
.mainHeading h2 {
	color: #666;
	width: 100%;
	padding: 0;
	margin: 10px 0 5px 0 ;
	font: normal 100 140% Verdana, Arial, Helvetica, sans-serif;
}
 .content ul, {
	list-style: square outside;
	margin-top: 0px;
}

.search {
     width: 139px;
     height: 82px;
     padding: 0px;
     padding-left: 13px;
     padding-top: 28px;
}

.navSpacer {
     width: 162px;
     height: 10px;
     padding: 0px;
     float: left;
     overflow: hidden;
}

.searchTextBox {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #639;
     border: solid #fff;
     line-height: normal;
     width: 95px;
     height: 13px;
}

.searchSubmit {
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #fff;
     border-style: solid;
     background-color: #639;
     border-color: #639;
     line-height: normal;
     width: 25px;
     height: 19px;
}

img.floatLeft {
     float: left;
     margin: 20px;
}

img.floatRight {
     float: right;
     margin: 20px;
}

.ms-siteactionsmenu div div div {
     background-image: none;
     background-repeat: repeat-x;
     border: 1px solid #639;
     background-color: #333;
     padding: 2px;
     margin-left: 8px;
     text-decoration: none;
}

.ms-siteactionsmenu div div div.ms-siteactionsmenuhover {
     background-image: none;
     border-top: 1px solid #639;
     background-color: red;
     text-decoration: none;
}

TD.ms-consoletitleareaframe {
     background-image: none;
     background-repeat: repeat-x;
     background-position: left top;
     background-color: #ffffff;
     text-align: center;
}

.ms-consoletitleareaframebottom {
     background-color: #ffffff;
     text-align: center;
     padding: 0px;
}

.vv-console, .wrap {
     margin: 0 auto;
     padding: 0 auto;
     width: 920px;
}

.vv-console-spacer {
     width: 920px;
     height: 10px;
     padding: 0px;
}

.ms-SpLinkButtonActive {
     border: #ffffff 1px solid;
     vertical-align: top;
     background-color: #ffffff;
     background-image: none;
}

.contentImage {padding: 0px 0px 10px 10px;}
.floatRight {float: right;}
.floatLeft  {float: left;}