@import "reset.css";
@import "typography.css";
@import "colourscheme.css";
@import "cssmenu_style.css";

body{
	background: #70abb1 url(../images/body-bg.jpg) repeat-x center -6px;
}

.float-lft{
	float:left;
}

.float-rgt{
	float:right;
}

.margin-btm{
	margin-bottom:10px;
}

.margin-top{
	margin-top:10px;
}

#site-wrapper{
	width:958px;
	margin:0 auto;
	position:relative;
}

#header-wrapper{
	position:absolute;
	left:0;
	top:0;
	height:139px;
	overflow:hidden;
	border-bottom:solid 5px #fff;
	width:960px;
	background: url(../images/header-bg.jpg) repeat-x left top;
}

#position-wrapper{
	position:absolute;
	left:0px;
	top:139px;
	width:960px;
	background-color:#70abb1;
	background: url(../images/content-bg.jpg) repeat-y left top;
}

#content-wrapper{
	float:right;
	width:767px;
}

#left-nav-wrapper{
	float:left;
	border-right:solid 5px #fff;
	width:170px;
	overflow:hidden;
}

#footer-wrapper{
	float:left;
	height:150px;
	overflow:hidden;
	background-color:#d4e6e6;
	border-top:solid 5px #fff;
	width:960px;
	margin-top:10px;
}

#headerright{
	position:absolute;
	top:0;
	right:20px;
	text-align:right;
}

#headerright form{
	margin:10px 0 10px 0;
}

.searchBtn, .newsletterBtn{
	height:21px;
}

#search{
	height:40px;
}

#searchInput{
	width:150px;
}

#logo{
	margin:0;
	position:relative;
}

#logo a{
	position:absolute;
	top:0;
	left:0;
	width:420px;
	height:172px;
}

#wedding-awards{
	position:absolute;
	right:225px;
	top:13px;
}

#top-infolinks table{
	width:740px;
	margin:15px 0;
}

#top-infolinks table tr td{
	width:100px;
	text-align:left;
}

a.top-infolinks{
	float:left;
	padding:20px 0 10px 0;
}

#expert-tips, #press, #how-we-are, #praise{
	float:left;
}

#expert-tips{
	width:190px;
}

#press{
	width:150px;
}

#how-we-are{
	width:198px;
}

#praise{
}

img.BannerImg{
	margin:10px 10px 0 10px;
}

#breadcrumb{
	margin:0 0 10px 0;
	float:left;
	width:750px;
}

#departments-menu li, #information-menu li{
	text-align:right;
	line-height:22px;
	background-color:#70ABB1;
}

#departments-menu ul{
	margin-top:45px;
}

#departments-menu ul ul{
	margin-top:0;
}

#departments-menu , #information-menu{
	margin:0 10px 0 0;
}

h1#request-sample, .department-name{
	float:left;
	width:750px;
	margin-bottom:10px;
}

.para{
	float:left;
	width:590px;
	margin:0 0 10px 0;
	clear:both;
}

.testimonials{
	float:left;
	width:590px;
	margin:0 0 10px 0;
}

.testimonials img, .testimonials p{
	float:left;
}

.testimonials img{
	width:96px;
	height:96px;
	margin:0 10px 0 0;
}

.testimonials p{
	width:450px;
}

#first-para{
	width:590px;
	height:225px;
	position:relative;
	float:left;
	margin-bottom:10px;
}

#second-para, #third-para, #forth-para{
	width:590px;
	height:225px;
	position:relative;
	float:left;
	margin-bottom:10px;
}

div.first-para-list{
	position:absolute;
	right:-20px;
	top:20px;
	width:230px;
	overflow:hidden;
}

#first-para .caption{
	font-size:70%;
}

#second-para{
	width:365px;
	margin-right:15px;
	text-align:center;
}

#third-para{
	width:212px;
}

#second-para img, #third-para img, #forth-para img{
	position:absolute;
	left:0;
	top:0;
}

#second-para h3, #third-para h3, #forth-para h3{
	float:left;
	margin:10px;
	margin-left:
}

#first-para p, #second-para p, #forth-para p{
	width:250px;
	float:left;
	margin:10px;
}

#first-para ol, #second-para ol, #third-para ol, #forth-para ol{
	float:left;
	width:250px;
}

#second-para li, #third-para li, #forth-para li{
	list-style: decimal inside;
	margin:5px 10px;
}

#second-para p{
	width:345px;
}

#third-para p{
	width:197px;
	margin:117px 10px 0 10px;
	text-align:center;
}

#forth-para p{
	width:280px;
	margin:10px;
}

#home134422 img{
	margin:0;
}

#footer-wrapper #footertext{
	margin:10px 0 0 175px;
}

#footer-wrapper table tr td{
	padding:0 6px;
}

#footer-wrapper span{
	margin:5px 0 0 5px;
	float:left;
}

.item-listing{
	float:left;
	margin:0 0 6px 6px;
	width:96px;
	height:96px;
	position:relative;
}

.item-listing-five{
	float:left;
	margin:0 0 6px 6px;
	width:85px;
	height:85px;
	position:relative;
}

.item-listing a{
	color:#000;
}

.site-map{
	float:left;
	width:220px;
}

.info-listing{
	float:left;
	width:590px;
}

.info-listing img {
	float:left;
	margin:10px 10px 0 0;
}

p.info-listing-notes{
	margin:10px 0;
	width:590px;
}

.first{
	color:#006665;
}

.first img{
	border:1px solid #006665;
}

#links p{
	margin:10px 0;
}

#links h2{
}

.by-design{
	float:left;
	margin:0 0 6px 6px;
	width:86px;
	height:86px;
	position:relative;
}

.by-design a{
	color:#000;
}

.item-listing-main-design{
	width:490px;
	float:left;
}

.item-listing-ecomain-design{
	width:310px;
	float:left;
}

.item-listing-main-calligraphy{
	width:290px;
	float:left;
}

.item-listing-main-four{
	width:460px;
	float:left;
}

.item-listing-main-five{
	width:470px;
	float:left;
}

#product-holder{
	margin:10px 0 0 0;
}

.item-listing-main-search{
	width:750px;
	float:left;
	margin-top:10px;
}

ol.search-list li{
	width:750px;
	height:85px;
	overflow:hidden;
	border-bottom:1px solid #fff;
	border-top:1px solid #fff;
	float:left;
}

li.infopageText{

}

.dept-listing{
	float:left;
	margin:0 9px 9px 0;
	width:100px;
	height:100px;
}

#main-dept-img{
	float:left;
	clear:left;
}

h3#hover-text{
	float:left;
	width:750px;
	text-indent:307px;
}

#title-heading{
	float:left;
	clear:both;
	width:590px;
}

h3#hover-text-design{
	float:left;
	width:750px;
	text-indent:277px;
}

a.sub-dept-title{
	position:absolute;
	bottom:0;
	left:0;
}

a.product-titles{
	position:absolute;
	bottom:0;
	left:0;
}

.by-colour-text .info-include{
	width:450px;
	float:left;
	margin:-5px 0 0 10px;
}

.colour-wheel-wrapper{
	height:500px;
}

.info-include{
	width:590px;
	float:left;
}

.font-info-include{
	width:750px;
	float:left;
}

.info-include table table{
	margin:5px;
}

.info-include table table tr td{
	padding:3px;
}

.info-include em{
	font-style:italic;
}

.site-width{
	width:590px;
}

.info-include p strong{

}

.info-include p{
	margin:10px 0;
}

.clear{
	float:left;
	clear:both;
	width:700px;
}

.info-include img{
	float:left;
	margin:10px 10px 0 0;
}

.info-include ul, .info-listing ul, .info-include ol, .info-listing ol{
	margin:10px 0;
}

.info-include ul ul, .info-listing ul ul, .info-include ol ul, .info-listing ol ul{
	margin:10px;
}

.info-include li, .info-listing li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0 0 15px;
}

.info-include ol, .info-listing ol, .info-listing ol li, .info-include ol li{
	list-style: decimal inside;
}

.info-include .float-none{
	float:none;
}

form#order-now-form{
	font-family:Arial, Helvetica, sans-serif;
	width:650px;
	float:left;
	margin-top:10px;
	}
	
form#order-now-form fieldset{
	border:1px solid #333;
	padding:5px;
	margin:20px 0;
}

form#order-now-form label{
	float:left;
	height:25px;
	margin:5px 0;
	width:330px;
}

form#order-now-form input{
	float:right;
	width:200px;
	margin:5px 0;
}

form#order-now-form textarea{
	float:right;
	width:200px;
	margin:5px 0;
	height:55px;
}

form#order-now-form select{
	float:right;
	margin:6px 0;
	height:22px;
	clear:right;
}

form#order-now-form label.textarea-label{
	height:55px;
}

fieldset#quantity input, table#quantity input {
	clear:right;
	float:right;
	width:100px;
	margin:6px 0;
}

form#order-now-form input#submitBtn{
	width:150px;
	float:right;
	clear:both;
}

form#order-now-form input#Clear{
	width:150px;
	float:right;
}

#personal-details *{
	vertical-align:top;
}

.item-listing-main{
	width:400px;
	float:left;
}

.sub-dept-theme{
	float:left;
	margin:0 6px 6px 0;
	width:128px;
	height:128px;
	background-color:#fff;
	position:relative;
}

#sub-dept-theme{
	width:700px;
	float:left;
}

#item-listing-main h2{
}

#product-range{
	float:left;
	height:230px;
	width:260px;
}

#product-range img{
	float:left;
	width:70px;
	height:70px;
}

#product-range .item-listing{
	width:96px;
	height:96px;
	overflow:hidden;
	float:left;
}

.productimage{

	}

#product-images{
	float:left;
	margin:15px 0 0 0;
}

#product-details{
	float:left;
	clear:both;
	width:600px;
}

.collectionSwatches{
	float:left;
	clear:both;
	width:600px;
}

h2#dept-title{
	float:left;
	clear:both;
	margin:10px 0;
	display:block;
	width:600px;
}


#department-notes{
	float:left;
	clear:both;
	width:750px;
}

#department-notes-eden,
#department-notes-chorus,
#department-notes-luna,
#department-notes-mia,
#department-notes-narini,
#department-notes-pandora,
#department-notes-paradise,
#department-notes-promise,
#department-notes-stardust,
#department-notes-sweetheart,
#department-notes-titania,
#department-notes-vienna,
#department-notes-viola,
#department-notes-daisy,
#department-notes-tempest,
#department-notes-india,
#department-notes-crystal,
#department-notes-manhattan,
#department-notes-lovesong,
#department-notes-atlantis,
#department-notes-pavlova{
	display:none;
}

#title-eden,
#title-chorus,
#title-luna,
#title-mia,
#title-narini,
#title-pandora,
#title-paradise,
#title-promise,
#title-stardust,
#title-sweetheart,
#title-titania,
#title-vienna,
#title-viola,
#title-daisy,
#title-tempest,
#title-india,
#title-crystal,
#title-manhattan,
#title-lovesong,
#title-atlantis,
#title-pavlova{
	display:none;
}

#department-notes p{
	float:left;
	clear:both;
	width:590px;
	margin:10px 0;
}

#department-notes-guestbook p{
	float:left;
	clear:both;
	width:590px;
	margin:10px 0;
}

.dept-title-img{
	float:left;
	clear:both;
	margin:5px 0 0 0;
}

#depts-holder{
	position:relative;
	float:left;
	width:620px;
}

#depts-holder-colour, #depts-holder-bydesign{
	position:relative;
	float:left;
}

.dept-hover-layer h3{
	position:absolute;
	left:0;
	bottom:2px;
	width:270px;
	text-align:center;
}

.click-popup{
	margin:5px 0;
}

/* validation styles */

/* used to clear an oject to below another */
.clear
{ clear:both; }
.left
{ float:left; margin:0 5px 0 5px; }
.noFloat
{ float: none; }
.block
{ float:left; display: block; }
.block90
{ float:left; display: block; width: 90%; }
.block100
{ float:left; display: block; width: 100%; }
.margin10
{ margin:10px; }
.padding5
{ padding: 5px; }
.nomargin
{ margin: 0; }
.width5
{ width: 5%; }
.width15
{ width: 15%; }
.width100
{ width: 100%; }
.noborder
{ border: none; }
.red
{ color: #FF0000; }
.center
{ text-align: center; float: none; }
input:focus, 
select:focus, 
textarea:focus 
{  }
.validation-advice 
{
	margin: 5px 0;
	padding:5px 0 5px 5px;
	background-color: #006665;
	color : #FFF;
	font-weight: bold;
	float:left;
	width:100%;
}
#updateorderstatusestable, #updateitemstatusestable
{ width: 740px; }
.updateitemstatusestableTitle
{ width: 740px; }

/* validation styles End */

table#diyTable tr td{
	margin:5px;
	padding:5px;
}

.personBtn{
	margin-right:20px;
}

.order-btns{
	margin:10px 21px 0 0;
}

.praise{
clear:both;
font-size:80%;
padding: 10px 0;
}

.info-include h2{
	margin:0 0 0 0;
}

.sifr-titles{
	float:left;
	width:590px;
	text-align:left;
	background-color:#70ABB1;
}

.expert-tips img.infopageImageLeft{
	float:left;
	width:130px;
	height:130px;
	
}

div.caption-holder{
	width:180px;
	margin-right:16px;
	float:left;
}

.expert-tips{
	width:590px;
	float:left;
}

.expert-tips h2{
	float:left;
	width:440px;
}

ul#banners{
	float:left;
	clear:both;
}


#price-calculator-wrapper
{ border-left:1px solid #fff; border-right:1px solid #fff; padding:10px 40px 10px 40px; width:510px; float:left; }

#price-calculator-wrapper img
{ display:none; }

.price-calulator-form, #price-calculator-wrapper
{ float:left; clear:both; }

#price-calculator-wrapper td
{ padding:4px; }

.calculator-text-input
{ width:55px; }

.calculator-qty
{ margin-right:0; }

#price-calculator-wrapper p, #price-calculator-wrapper th, #price-calculator-wrapper h1
{ color:#006665; }

#cal-top
{ background: url(../images/calculator-top.gif) no-repeat left top; float: left; height: 17px; width: 610px; }

#cal-btm
{ background: url(../images/calculator-btm.gif) no-repeat left bottom; float: left; height: 17px; width: 610px; }

.align-centre, #price-calculator-wrapper h1
{ margin-bottom:10px; text-align:center; }