/* CSS Document */

/****************************************************/
/*             Reset Style Settings                 */
/****************************************************/
* {
	margin: 0;
	padding: 0;
}
html {
	font-family: "Times New Roman", Times, serif;
	color: #8188A9;
}
/*body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #8188A9;
	font-size: 12px;
	line-height: 100%;
}*/
div, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family:inherit;
	font-size: inherit;
	color: inherit;
}
h2, h3, h4, h5, h6 {
	margin: 0 0 15px 0;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-style: italic;
	line-height: 1.1;
}
h2 {
	font-size: 18px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10px;
}
td, p, li {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.1;
}
a:link, a:visited {
	text-decoration: none;
	color: #8188A9;
	outline: none;
}
a:hover {
	color: #E3007B;
}

a.underline {
	border-bottom: 1px dotted #8188A9;
}
a.underline:hover {
	border-bottom: 1px dotted #E3007B;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/****************************************************/
/*                     Clearfix                     */
/****************************************************/
.ClearFix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.ClearFix {
	display: inline-block;
}
 
html[xmlns] .ClearFix {
	display: block;
}
 
* html .ClearFix {
	height: 1%;
}

/****************************************************/
/*            Layout Style Settings                 */
/****************************************************/
#Wrapper {
	width: 960px;
	height: 600px;
	margin: 20px auto;
	padding: 0;
}
#Content {
	float: left;
}
#Footer {
	width: 960px;
	margin: 10px auto;
	font-size: 12px;
	color: #8188A9;
	text-align: center;
}

/** Main Navigation **/
ul#Navigation {
	width: 600px;
	margin: 0 auto 0 auto;
	list-style: none;
	text-align: center;
}
#Home ul#Navigation {
	width: 520px;
}
ul#Navigation li {
	/*display: inline;*/
	float: left;
	font-size: 24px;
	width: auto;
	margin: 0 0 0 30px;
	text-align: center;
}
ul#Navigation li a:link, ul#Navigation li a:visited {
	font-size: 24px;
	color: #8188A9;
	text-decoration: none;
}
ul#Navigation li a:hover {
	color: #E3007B;
}
ul#Navigation li.LastItem {
	margin-right: 0;
}

/** Home Page **/
#Home {
	background: #D0F6DF;
}
#Home #Wrapper {
	background: #D0F6DF url(../images/bg_home.jpg) top left no-repeat;
}
#Home #Content {
	width: 960px;
	margin: 70px 0 0 0;
}
#Home h1 a {
	display: block;
	width: 370px;
	height: 104px;
	margin: 0 auto 25px auto;
	text-indent: -9999px;
	background: url(../images/logo_home.png);
}

/** About Siobhan Page **/
#About {
	background: #C1C5D7;
}
#About #Wrapper {
	background: #C1C5D7 url(../images/bg_siobhan.jpg) top left no-repeat;
}
#About #Content {
	width: 305px;
	margin: 125px 0 0 475px;
}
#About h1 {
	display: block;
	width: 155px;
	height: 45px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
	background: url(../images/header_about.png) no-repeat;
}
#About p {
	font-size: 12px;
}

/** Shop Page **/
#Shop {
	background: #FFD4C9;
}
#Shop #Wrapper {
	background: #FFD4C9 url(../images/bg_shop.jpg) top left no-repeat;
}
#Shop #Content {
	width: 680px;
	margin: 150px 0 0 140px;
}
#Shop h1 {
	display: block;
	width: 250px;
	height: 75px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
	background: url(../images/header_shop.png);
}
#Shop p {
	text-align: left;
	line-height: 1.1;
}

/** Main Navigation **/
#Shop ul.LocalNav {
	margin: 25px auto 0 auto;
	list-style: none;
	text-align: center;
}
#Shop ul.LocalNav li {
	display: inline;
	font-size: 24px;
	width: auto;
	margin: 0;
	text-align: center;
}
#Shop ul.LocalNav li a {
	margin: 0 10px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}


/** Collections Pages **/
#Collection {
	background: #CFE2E5;
}
#Collection #Wrapper {
	margin: 0 auto 20px auto;
}
#Collection #Content {
	width: 680px;
	margin: 170px 0 0 140px;
}
#Collection h1 {
	display: block;
	width: 250px;
	height: 75px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
}
#Collection p {
	text-align: left;
	line-height: 1.1;
}

#Collection.Wedding {
	background: #CFE2E5;
}
#Collection.Wedding #Wrapper {
	height: 605px;
	background: #CFE2E5 url(../images/bg_wedding.jpg) -30px -90px no-repeat;
}
#Collection.Wedding #Content {
	margin: 80px 0 0 140px;
}
#Collection.Wedding h1 {
	background: url(../images/header_wedding.png);
}
#Collection.Wedding p {
	margin-top: 380px;
	text-align: center;
}

/** Designer Collection Page **/
#Collection.Designer {
	background: #B1C3D3;
}
#Collection.Designer #Wrapper {
	height: 638px;
	margin: 40px auto 20px auto;
	background: #B1C3D3 url(../images/bg_designer.jpg) top left no-repeat;
}
#Collection.Designer #Content {
	margin: 40px 0 0 140px;
}
#Collection.Designer h1 {
	background: url(../images/header_designer.png);
}
#Collection.Designer ul.DesignerLogo {
	margin: 25px auto 0 auto;
	list-style: none;
	text-align: center;
}
#Collection.Designer ul.DesignerLogo.Top {
	margin: 25px auto 20px auto;
}
#Collection.Designer ul.DesignerLogo li {
	display: inline;
	font-size: 24px;
	width: auto;
	margin: 0;
	text-align: center;
}
#Collection.Designer ul.DesignerLogo li a {
	display:block;
	float: left;
	height: 75px;
	margin: 0 15px 30px 15px;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-indent: -9999px;
}
#Collection.Designer ul.DesignerLogo li a#Default {
	display:none;
}
#Collection.Designer ul.DesignerLogo li a#PhobeColeman {
	width: 100px;
	margin-left: 45px;
	background: url(../images/designers/logo_phobe_coleman.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#Redline {
	width: 100px;
	background: url(../images/designers/logo_redline.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#Kamofie {
	width: 74px;
	background: url(../images/designers/logo_kamofie.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#RosaMaria {
	width: 75px;
	background: url(../images/designers/logo_rosa_maria.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#AlexMonroe {
	width: 150px;
	margin-left: 0;
	background: url(../images/designers/logo_alex_monroe.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#BeccaJewellery {
	width: 75px;
	margin-left: 90px;
	background: url(../images/designers/logo_becca.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#BrookeGregson {
	width: 75px;
	background: url(../images/designers/logo_brooke_gregson.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#TomBinns {
	width: 150px;
	background: url(../images/designers/logo_tom_binns.png) center center no-repeat;
}
#Collection.Designer ul.DesignerLogo li a#LauraLee {
	width: 125px;
	background: url(../images/designers/logo_laura_lee.png) center center no-repeat;
}

#Collection.Designer  ul.DesignerLogo li.panes {
	display: block;
	clear: both;
	width: 540px;
	height: 200px;
	margin: 0 0 30px 70px;
}
#Collection.Designer  ul.DesignerLogo li.panes p {
	line-height: 1.3;
}
#Collection.Designer  ul.DesignerLogo li.panes p.Default {
	display: block;
	text-align: center;
	padding-top: 70px;
}
#Collection.Designer  ul.DesignerLogo li.panes p img {
	float: right;
	margin: 0 0 0 20px;
}


/** Contact Page **/
#Contact {
	background: #C9E5E8;
}
#Contact #Wrapper {
	height: 550px;
	background: #C9E5E8 url(../images/bg_contact.jpg) top left no-repeat;
}
#Contact #Content {
	width: 730px;
	margin: 175px 0 0 115px;
	background: #C9E5E8 url(../images/bg_maps.jpg) top left no-repeat;
}
#Contact h1 {
	display: block;
	width: 250px;
	height: 75px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
	background: url(../images/header_contact.png);
}
#Contact p {
	text-align: center;
}

/** Newsletter Signup Page **/
#Newsletter {
	background: #CBFEDF;
}
#Newsletter #Wrapper {
	height: auto;
	margin: 0 auto 20px auto;
	background: #CBFEDF url(../images/bg_newsletter.jpg) top left no-repeat;
}
#Newsletter #Content {
	width: 500px;
	margin: 50px 0 0 75px;
}
#Newsletter h1 {
	display: block;
	width: 250px;
	height: 75px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
	background: url(../images/header_newsletter.png) no-repeat;
}
#Newsletter p {
	font-size: 12px;
}


/**Static Pages **/
#Static {
	background: #C9E5E8;
}
#Static #Wrapper {
	height: auto;
	background: #C9E5E8 url(../images/bg_static_top.jpg) top left no-repeat;
}
#Static #Wrapper .inner {
	background: url(../images/bg_static_bottom.jpg) bottom left no-repeat;
}
#Static #Content {
	width: 600px;
	margin: 100px 0 75px 180px;
}
#Static h1 {
	display: block;
	width: 250px;
	height: 75px;
	margin: 0 auto 15px auto;
	text-indent: -9999px;
}
#Static h1.terms {
	background: url(../images/header_terms.png) top left no-repeat;
}
#Static h1.privacy {
	background: url(../images/header_privacy.png) top left no-repeat;
}
#Static h1.disclaimer {
	background: url(../images/header_disclaimer.png) top left no-repeat;
}
#Static h1.news {
	background: url(../images/header_news.png) top left no-repeat;
}
#Static p {
	margin: 0 0 15px 0;
	text-align: left;
}
#Static #Content ul {
	padding: 0 0 0 25px;
}
#Static #Content ul li {
	padding: 0 0 15px 0;
}

/****************************************************/
/*            Content Styles                        */
/****************************************************/
.align_left {
	float: left;
	margin: 0 20px 0 0;
}


/****************************************************/
/*            Form Styles                           */
/****************************************************/
#SignUpForm td {
	padding: 2px 0;
}
#SignUpForm td.alignTop {
	vertical-align: top;
}
.inputbox {
	width: 240px;
	padding: 2px 1px;
	border: 1px solid #8188A9;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	line-height: 1.3;
	color: #8188A9;
}
.inputbox.short {
	width: 120px;
}
textarea.inputbox {
	width: 240px;
	height: 80px;
	overflow: hidden;
	overflow-y: hidden;
	overflow-x: hidden;
}
.button {
	padding: 2px 10px;
	border: none;
	background: #E8008C;
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: #FFFFFF;
	text-align: center;
}

/** Form Error Styles **/
#errorMessage {
	color: #E8008C;
}
.inputbox.error {
	border: 1px solid #E8008C;
}
label.error {
	color: #E8008C;
}
#errorMessage label.error {
	display: block;
	clear: both;
}


/****************************************************/
/*            News Page Content Styles              */
/****************************************************/
.alignLeft {
	float: left;
	margin: 0 15px 15px 0;
}
.alignRight {
	float: right;
	margin: 0 0 15px 15px;
}
.highlightPink {
	color: #E3007B;
}

/****************************************************/
/*            CMS Page Styles                       */
/****************************************************/
/** News Edit Page **/
#Static.CMS h1.news {
	background: url(../images/header_news_cms.png) top left no-repeat;
}
#Static.CMS #Content {
	width: 680px;
	margin: 100px 0 75px 140px;
}
#Static.CMS #Content #Preview {
	width: 600px;
	margin: 15px 0 15px 40px;
}