/******* General *******/
body {background: white; color:#666; margin: 0px; padding: 0px; min-width: 550px;}
td,div {font-family: Georgia, Times New Roman; font-size: 12px; color: #666666; vertical-align: top; }
input, select, textarea { font-size: 11px; font-family: arial }
img {margin: 0px; padding: 0px; border-width: 0px; width: auto; height: auto; display: ;}
hr {height: 1px; color: #cccccc; }
p {padding: 5px 0px; line-height: 22px;}
a {cursor: pointer; }
ul {margin-left: 20px; padding: 0px;}
li {list-style-image: url('http://www.poppyjo.co.uk/Images/bullet.gif'); padding-bottom: 6px; font-weight: bold;}
h1, td#statCo1bigPay h1 span.h1title {font-family: Georgia, Times New Roman; color: #990066; font-weight: normal; padding-top: 30px; font-size: 26px; line-height: 30px; }
h2 {font-family: Trebuchet MS, Arial, helvetica; color: #666666; font-size: 16px; padding: 0px; font-weight: bold; line-height: 22px; margin: 0px;}
h3 {font-size: 18px; margin: 35px 0px 5px 0px; line-height: 24px; font-weight: normal;}
.tag {position: absolute; width: 150px; height: 112px; background-image: url('/images/pricelabels/smalltag2.png'); left: 720px; top:100px;}
.tag a {display: block; width: 100%; height: 100%;}

li {text-decoration: none; color: rgb(153, 0, 102); font-family: Georgia, 'Times New Roman';} 

/******* links *******/
a:link {text-decoration: none; color: #666; font-family: Trebuchet MS, Arial, helvetica;}
a:visited {text-decoration: none; color: #929292; font-family: Trebuchet MS, Arial, helvetica;}
a:hover {text-decoration: underline; color: #990066; font-family: Trebuchet MS, Arial, helvetica;}
a:active {text-decoration: none; color: #929292; font-family: Trebuchet MS, Arial, helvetica;}

ul.toplink {position: absolute; top: 5px; right: 0px; width: 580px; padding: 0px; margin: 0px; z-index: 160;}
ul.toplink li {list-style: none; display: inline; color: #929292;}
ul.toplink a {color: #929292; font-family: Trebuchet MS, Arial, helvetica; font-size: 11px; padding: 0px 6px;} 
ul.toplink a:hover {color: #990066;}

.copyStyle {position: absolute; top: 11px; right: 4px; color: #990066; text-decoration: none; font-size: 10px; cursor: pointer;}
.copyStyle:hover {text-decoration: underline;}

/******* id *******/
#footer {font-size: 10px; color: #999999; width: 914px; display: block; text-align: center; padding-top: 30px; margin-bottom: 10px; font-family: Trebuchet MS, Arial, helvetica;}
#footer div.ftLink a {color: #999999;}
#footer div.ftLink a:hover {color: #666666;}
#footer a {font-size: 10px; color: #999999; font-family: Trebuchet MS, Arial, helvetica;}
#footer a:hover {color: #333333;}
#footer div {font-size: 10px; color: #999999; font-family: Trebuchet MS, Arial, helvetica;}
#container {background: white; margin: 0 auto; position: relative; width: 914px; height: auto; padding: 0px; top: 0px;  left: 1px;}
#wrapper {width: 100%; position: relative; top: 0px; left: 0px; display: block; height: 100%;}
#mainLayout {width: 914px; text-align: left; position: relative; margin: 0; padding: 0; background: white;}
#Header {height: 138px; width: 914px; font-size: 11px; top: 0; left: 0; position: relative;}
#navigation {height: 30px; width: 914px; display: block; }
#bodyContent {width: 914px; display: block;}
#bodyContent a {color: #990066;}
#navright {float: right; font-size: 14px; font-family: Trebuchet MS, Arial, helvetica;}
#printFlashImage {display: none;}
#banner {width: 914px; height: 275px; padding: 0px; margin: 0px;}
#rotator {width: 914px; margin-top: 15px; margin-bottom: 5px;}
#contentright {float: right; width: 214px; padding-left: 0px; margin-bottom: 10px; font-family: Trebuchet MS, Arial, helvetica; }
#contentright p {line-height: 20px;}
#contentLeftInside {width: 631px; padding-right: 31px; font-size: 13px; position: relative; padding-top: 0px; margin-top: 0px; top: 0px; left: -1px;}
#contentLeftInside h2.pageintro {font-family: Georgia, Times New Roman; font-size: 18px; margin: 5px 0px 5px 0px; line-height: 24px; font-weight: normal;}


.policycolor li {color: #666666; font-weight: normal;}
#contentleft02 {background-image :url('/Images/page-divider-middle.jpg'); background-repeat: repeat-y; float: left; width: 662px; background-position: right; position: relative;}
#contentleft02 a:link {font-family: Georgia, Times New Roman;} 
#contentleft02 a:visited {font-family: Georgia, Times New Roman;}
#contentleft02 a:hover {font-family: Georgia, Times New Roman;}
#contentleft02 a:active {font-family: Georgia, Times New Roman;}
#contentwrapper {width: 908px; display: block; margin-left: 6px; border-top: 4px solid #dcdcdc; padding-top: 15px; position: relative;}
#card { margin: 20px 0px 40px 0px;}
#card td {font-family: Trebuchet MS, Arial, helvetica; font-size: 11px;}
#card a, #card-single a {border: 1px solid #d4d5d5; width: 175px; height: 175px; display: block; margin-bottom: 7px;}
#card a:hover, #card-single a:hover {border: 1px solid #990066; width: 175px; height: 175px; display: block; margin-bottom: 7px;}
#card strong, #card-single strong {color: #990066; font-size: 12px;}
#card-single {margin: 20px 20px 0px 0px; font-family: Trebuchet MS, Arial, helvetica; font-size: 11px; float: left; width: 180px;}
.cardLink {height: 14px; border: 0px solid white; text-decoration: underline;}

#headerLeft {float: left; width: 300px;}
#headerRight {padding-top: 0px; text-align: right; width: 580px; margin: 0px; position: absolute; top: 0; right: 0; z-index: 158;}
#headerText {text-decoration: underline; font-size: 22px; color: #666; font-family: Georgia, Times New Roman;}
#searchtext { font-family: Trebuchet MS, Arial, helvetica; position: absolute; top: 4px; left: 6px; color: #949494;}
.searchfield {position: absolute; top: 2px; left: 50px;}
.searchfield input {width: 144px; font-size: 11px; height: 15px;}
.searchBut {position: absolute; top: 3px; right: 1px;}

.dividerTop {position: absolute; top: 0; right: 0;}

.line {background: #cccccc; height: 1px; display: block;}
p.PChange {padding-top: 0px; margin-top: 0px;}

#agentDector div, span {font-family: Trebuchet MS, Arial, helvetica; width: 279px;}
.AgentName {font-size: 14px; display: block; margin: 10px 0px 2px 0px;}
div.AgentInfo {border-bottom: 2px dotted #D8D9D9; margin-bottom: 10px; padding-bottom: 10px;}
div.AgentInfo span {float: left; font-size: 11px; }
#bodyContent div.AgentInfo a {font-size: 11px; padding-bottom: 15px; color: #990066;}
.regionTitle {font-size: 18px; color: #990066; margin: 20px 0px 5px 0px;}
.countyTitle {font-size: 16px; font-weight: bold; margin: 15px 0px 5px 0px;}

.colectImgReset {margin-top: -16px; margin-right: -35px; margin-left: 35px;}

/******* menu *******/
#Menu a {font-size: 14px; display: inline; padding: 10px 12px; text-decoration: none; color: #666; font-family: Trebuchet MS, Arial, helvetica;}
#Menu a:hover {font-size: 14px; display: inline; text-decoration: none; padding: 10px 12px; color: #990066; font-family: Trebuchet MS, Arial, helvetica;}

/******* class *******/
.miniBasket {width: 213px; position: absolute; right: 25px; top: 93px; z-index: 1000; padding: 0px; margin: 0px;}
.miniBasket img {margin: 0px; padding: 0px; border-width: 0px;}
.headerTel {position: absolute; right: 0px; top: 40px; font-size: 22px; color: #949494;}
.search_back {position: absolute; top: 66px; right: 0px; margin: 10px 0px 0px 240px; height: 36px; width: 220px; display: block; background-image: url('/Images/search_back.jpg'); background-repeat: no-repeat; }
.headerRight {float: right; padding-top: 22px;}
.headerRight a {text-decoration: underline;}
.headerRight a:visited {text-decoration: underline; color: #929292;}
.headerRight a:hover {text-decoration: underline; color: black;}
.astricts-red {color: #bb0606; display: inline;}
.bulletTable {margin-left: 20px;}
.bulletTable td {width: 220px;}
.bulletTableWide {margin-left: 20px;}
.bulletTableWide td {width: 280px;}
.bulletMulti ul {margin-top: 10px; margin-bottom: 10px;}
.bulletMulti a {margin-bottom: 20px;}
.grid {width: 616px;}
.grid td {padding: 12px; width: 130px; text-align: center;}
.grid img {}
.grid a {text-decoration: none;  } 
.form td {font-family: Trebuchet MS, Arial, helvetica;}
.form div {font-family: Trebuchet MS, Arial, helvetica;}
.form span {font-family: Trebuchet MS, Arial, helvetica; font-size: 10px;}
.titleh1 {color: #999;}
.button {padding-top: 3px ; border: 1px solid #dbdbdb; height: 22px; width: 80px; text-align: center; background-color: white;}
.contactTable div {font-family: Trebuchet MS, Arial, helvetica; padding: 5px 0px;}
.contactTable p {padding: 0px 0px 2px 0px; margin: 0px;}
.ribbonTb {margin-top: 5px; display: block; width: 165px;}
.ribbonTb td {padding: 0px 1px 5px 0px; width: 32px;}
.left {float: left;}
.right {float: right;}
.wid90 {width: 90px;}
.formFont td {font-family: Trebuchet MS,Arial,helvetica;}

.botTable {background-color: #eeeeee; }
.botLeft h1 {width: 180px; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 20px; line-height: 25px;}
.botText {padding: 20px 15px 25px 15px; width: 387px; line-height: 21px;}
.botText h1 {width: 380px; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 20px; line-height: 25px;}
.botText h2 {font-family: Georgia, Times New Roman; color: #990066; font-weight: normal; width: 380px; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 20px; line-height: 25px;}
.botText h3 {font-family: Georgia, Times New Roman; font-weight: normal;  padding: 0px; margin: 0px; font-size: 12px; display: inline;}
.botLeft {background-image: url('http://www.poppyjo.co.uk/Images/footer-divider.gif'); background-position: right ; background-repeat: no-repeat; width: 185px; padding: 20px 15px 25px 40px; line-height: 20px;}
.botRight {background-image: url('http://www.poppyjo.co.uk/Images/footer-divider.gif'); background-position: left ; background-repeat: no-repeat; width: 185px; padding: 20px 40px 25px 15px; line-height: 20px;}
.botRight h1 {width: 180px; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 20px; line-height: 25px;}
.botRight h2 {font-family: Georgia, Times New Roman; color: #990066; font-weight: normal; width: 180px; padding: 0px; margin: 0px; margin-bottom: 2px; font-size: 20px; line-height: 25px;}
.botRight a { font-family: Georgia, Times New Roman; color: #990066; text-decoration: underline;}
.botText a { font-family: Georgia, Times New Roman; color: #990066; text-decoration: underline;}
.botLeft a { font-family: Georgia, Times New Roman; color: #990066; text-decoration: underline;}

.tableTop {margin-left: 6px; width: 908px; padding-top: 25px; background-image :url('/Images/content-top.jpg'); background-repeat: no-repeat;}
.tableTop02 {margin-left: 6px; width: 908px; border-top: 4px solid #dcdcdc; padding-top: 25px;}
.h3change {font-family: Georgia, Times New Roman;}
.h3change a {font-family: Georgia, Times New Roman; text-decoration: underline;}
.typechange a {font-family: Georgia, Times New Roman;}
.typechange h2 {font-family: Georgia, Times New Roman;}
.astrix {font-size: 12px; vertical-align: text-top;}

div.homeTable {margin: 0px 0px 0px 425px;}
.homeTable li {list-style-image: url('/Images/bullet-home.png'); padding-bottom: 1px;}
.homeTable ul {margin-bottom: 0px; padding-bottom: 0px; float: left; width: 130px;}
.homeLink {height: 54px; width: 220px; display: block; float: right; margin-right: 36px; margin-top: 8px;}
.homeback {background-image: url('/Images/wedding-stationery-banner.jpg'); background-repeat: no-repeat; width: 914px; height: 180px; display: block; padding-top: 75px;}
.clear {clear: both; height: 0; padding: 0; margin: 0;}

div.img {text-align: center; width: 130px;  display: block;}	
div.img img {border: 1px solid white; border-top: 1px solid white; padding: 0px; margin: 0px;}
div.img a {text-decoration: none; padding: 0px; margin: 0px;}
div.img a:hover img {border: 1px solid #cccccc; padding: 0px; margin: 0px; text-decoration: underline;}
span.desc {display: block; width: 130px; cursor: pointer; font-size: 13px; color: #990066; padding-top: 3px;}
span.desc02 {display: block; width: 130px; cursor: pointer; font-size: 13px; color: #990066; padding-top: 3px; padding-bottom: 10px;}
.previewStyle {height: 30px; margin-top: 8px;}
.previewStyle02 {height: 30px; margin-top: 8px; margin-bottom: 20px; display: block;}

div.imgSample {text-align: center; width: 46px;}	
div.imgSample img {border: 1px solid #aaa9ab; padding: 2px; }
div.imgSample a {text-decoration: underline;  display: block; text-decoration: none;}
div.imgSample a:hover img {border: 1px solid #990066; padding: 2px;}
div.imgSample a:hover span {color: #990066;}
div.imgSample a:visited span {color: #929292;}
span.descSample {width: 46px; text-align: center; cursor: pointer; font-size: 11px; height: 12px; color: #666666; display: block; }

div.imgGrid02 {text-align: left; float: left; margin-left: 11px; margin-right: 5px; margin-top: 5px;}
div.imgGrid02 img {line-height: 0px; width: 103px; height: 21px;}	
div.imgGrid02 a {margin-bottom: 4px; display: block; text-decoration: none; background: url("/Images/magnifer02.jpg") no-repeat 0 0; width: 111px; height: 21px;}
div.imgGrid02 a:hover {background-position: 0 -21px; margin-bottom: 4px; margin-top: 0px; padding-top: 0px;}
table.gridTable div.imgGrid span.descGrid, div.imgGrid02 span.descGrid {border-right: 3px solid white; width: 105px; text-align: left; cursor: pointer; font-size: 12px; color: #666666; margin-top: 4px; display: block;}

div.imgGrid03 {padding-bottom: 10px; text-align: left; float: left; margin-left: 11px; margin-right: 5px; margin-top: 5px; width: 110px; position: relative;}
div.imgGrid03 img {line-height: 0px; width: 19px; height: 21px;}	
div.imgGrid03 a {display: block; text-decoration: none; background: url("/Images/btn-magnifier.gif") no-repeat 0 0; width: 19px; height: 19px; position: absolute; bottom: 0px; left: 0px;}
div.imgGrid03 a:hover {background-position: 0 -19px;}
table.gridTable div.imgGrid span.descGrid, div.imgGrid03 span.descGrid {border-right: 3px solid white; width: 105px; text-align: left; cursor: pointer; font-size: 12px; color: #666666; margin-top: 4px; display: block;}
div.imgGrid03 img.personaliseGreen {cursor: pointer; display: block; text-decoration: none; background: url("/Images/btn-personal-green.jpg") no-repeat 0 0; width: 90px; height: 21px; position: absolute; bottom: -25px; right: 0px;}
div.imgGrid03 img.personaliseGreen:hover {background-position: 0 -21px;}
div.imgGrid03 img.sampleRequestGrey {cursor: pointer; display: block; text-decoration: none; background: url("/Images/btn-requestSampleGrey.jpg") no-repeat 0 0; width: 90px; height: 21px; position: absolute; bottom: -3px; right: 0px;}
div.imgGrid03 img.sampleRequestGrey:hover {background-position: 0 -21px;}
.personGreen {display: block; background: url("/Images/btn-personal-green.jpg") no-repeat 0 0; width: 90px; height: 21px;}


#imgNextItem {margin-top: 25px; float: right; margin-right: 16px;}

body div.butStart a.butStart {display: none;}


div.imgGrid {text-align: left; width: 17px;}
div.imgGrid img {line-height: 0px;}	
div.imgGrid a img {border-bottom: 1px solid #ededed; border-left: 1px solid #ededed; border-right: 1px solid #ededed; margin-bottom: 4px;}
div.imgGrid a {text-decoration: underline; display: block; text-decoration: none;}
div.imgGrid a:hover img {border-bottom: 1px solid #990066; border-right: 1px solid #990066; border-left: 1px solid #990066; margin-bottom: 4px; margin-top: 0px; padding-top: 0px;}
div.imgGrid a:hover span {color: #990066;}
div.imgGrid a:visited span {color: #929292;}


div.zoom {padding: 0px 4px; float: right; margin-right: 20px; border-top: 1px dotted #cccdcd; font-size: 10px; text-align: left; width: 84px;}
div.zoom a {color: #666666;}

.magnify a {border: 1px solid green;}
.magnify a:hover {border: 1px solid red;}

.midAlign {margin: 0px 5px;}
.midAlign td {text-align: center; vertical-align: bottom; width: 35px;}
.arrowEnd {padding-bottom: 12px; vertical-align: bottom;}
.scrollTable {margin-top: 6px; margin-left: 12px;}

.borderstyle02 a:link {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;} 
.borderstyle02 a:visited {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}
.borderstyle02 a:hover {border: 1px solid #cccccc; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}
.borderstyle02 a:active {border: 1px solid white; display: block; width: 150px; padding: 5px 0px 5px 5px; margin-right: 5px;}
.toTop {float: right;  margin-right: 20px; margin-bottom: 5px; }
.tabBorder td {padding: 10px 0px; border-bottom: 1px dotted #cccccc; vertical-align: middle;}

/******* build pages below *******/  
h1Font {float: left; margin-top: 6px; margin-bottom: 0px;}
#topTable h1.h1Font span {font-family: Georgia, Times New Roman;}
#topTable {border-bottom: 1px solid #b1b1b1;}
#topTable td, #topTable div, #topTable span {font-family: Trebuchet MS, Arial, helvetica; line-height: 14px;}
#topTR {background-image: url('/Images/bullet-top-pink.jpg'); background-repeat: repeat-x;}
.topEnd {width: 10px;}
#topColumn1 {width: 415px; height: 23px; }
#topColumn1 table, #topColumn2 table, #topColumn3 table {height: 19px; margin-top: 4px; margin-right: 5px; float: right;}
#topColumn2 {width: 206px; background-image: url('/Images/build-top-gray.jpg'); background-repeat: repeat-x;}
#topColumn2-front { }

#topColumn3 {width: 273px; border-left: 1px solid #990167;  background-image: url('/Images/build-top-gray.jpg'); background-repeat: repeat-x;}

#topColumn1p2 {width: 418px; height: 23px;}
#topColumn1p2 table, #topColumn2p2 table,  {height: 19px; margin-top: 4px; margin-right: 5px; float: right;}
#topColumn2p2 {width: 210px;}
#topColumn3p2 {width: 270px;}

#statColumn1 {padding: 15px 0px 30px 10px; font-size: 11px; width: 405px;}
#statColumn1big {padding: 0px 0px 30px 10px; font-size: 11px; width: 625px; background-image: url('/Images/basket-rhedge.gif'); background-repeat: repeat-y; background-position: right;}
#statCo1bigPay {font-size: 11px; width: 625px; background-image: url('/Images/basket-rhedge.gif'); background-repeat: repeat-y; background-position: right;}
#statColumn1xtra {padding: 15px 0px 15px 0px; font-size: 11px; width: 428px; position: relative;}
#statColumn1xtra h1, #statColumn1 h1, #statColumn2 h1, #statColumn3 h1 {margin: 0px; padding: 0px 0px 6px 0px; font-size: 22px; }
#statColumn2 {font-size: 11px;  padding-bottom: 20px; width: 210px; background-image: url('/Images/basket-column2-back.gif'); background-repeat: repeat-y;}
#statColumn2 span {font-weight: bold; font-size: 11px; width: 170px; color: #990066; display: block; border-bottom: 2px dotted #cccdcd; margin: 20px 20px 5px 20px;}
#statColumn2 p {text-align: center; margin: 0px 20px; line-height: 16px;}
/*
#statColumn2 h2 { font-size: 11px; padding: 20px 0px 0px 0px; border-bottom: 1px solid #cccdcd; margin-bottom: 15px; width: 167px;}
*/
#statColumn3 {font-size: 11px; padding: 0px 22px 0px 22px; width: 236px; background-color: #f6e9f2; background-image: url('/Images/basket-right-top.jpg'); background-repeat: repeat-x; margin-bottom: 20px;}
#statColumn3front {font-size: 11px;  width: 280px;}
#topColumn1 div, #topColumn2 div  {color: #990066; font-size: 18px; padding-left: 14px;}
.statColumn3top {padding: 0px 20px; background-color: #f6e9f2; background-image: url('/Images/basket-frontright-top.jpg'); background-repeat: repeat-x; margin: 0px;}
.statColumn3top h1 {font-size: 22px; padding: 0px; margin-top: 21px; line-height: 30px; display: block;}

.basket-column2-back-over {background-image: url('/Images/basket-column2-back-over.gif'); background-repeat: repeat-x;}
#basket-column3-top {background-image: url('/Images/basket-right-top.jpg'); background-repeat: repeat-x; width: 280px; }

.column3Title {display: block; font-size: 22px; color: #990066;}
.column2Table { width: 210px;}
.col2tabxtra {margin: 0px 20px; width: 170px; border-bottom: 2px dotted #CCCDCD;}
.col2tabxtra td { font-size: 10px; vertical-align: bottom; padding: 5px 0px 5px 0px;}
.col2tabxtra img {border: 1px solid #d5d5d5; margin: 0px 4px 0px 4px;}
.column2Table td { font-size: 10px; vertical-align: bottom; padding: 5px 0px 5px 0px;}
.column2Table img {border: 1px solid #d5d5d5; margin: 0px 4px 0px 4px;}
.td1 {font-size: 10px; width: 100%; font-size: 10px; padding-bottom: 4px; vertical-align: bottom;}
.basketDivider {height: 1px; border-top: 2px dotted #d8d9d9; margin: 0px 20px; width: 170px; padding: 0px;}
.applyBack {background-image: url('/Images/applyBack02.gif'); background-repeat: no-repeat; width: 173px; height: 100px;}

.horiLine {background-color: #cccdcd; height: 1px; margin: 20px 0px;}
.dotty {border-bottom: 1px dotted #cccdcd; height: 1px; margin-bottom: 10px; margin-top: 5px;}
.dotty-card {border-bottom: 1px dotted #666666; height: 1px; margin: 3px 0px; width: 56px;}
.viewBasket {text-align: right; margin: 7px 0px 7px 0px; font-size: 11px; display: block;}
.priceWrap {display: block; padding: 4px 0px 3px 0px; margin-bottom: 5px; text-align: right; background-image: url('/Images/basket-buildback.png'); background-repeat: no-repeat; }
.priceWrap02 {width: 243px; height: 71px; font-family: Trebuchet MS, Arial, helvetica; display: block; padding: 7px 15px 2px 0px; margin-bottom: 5px; text-align: right; background-image: url('/Images/basket-whiteback.png'); background-repeat: no-repeat; line-height: 16px;}

.priceStrong {font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; color: #990066; line-height: 30px;}
.priceStrong02 {font-size: 22px; font-family: Georgia, Times New Roman; font-weight: normal; color: #990066;}

.priceWrap span {font-size: 10px;  width: 230px; }
.priceWrap strong {color: #990066; font-size: 10px;}
.priceLinks {text-align: right; font-size: 10px;}
.commentBox {background-color: #f8f7f7; padding: 27px; display: block; font-size: 11px; width: 205px; margin: 0px 0px 10px 20px;}
.commentInner {display: block; font-family: Georgia, Times New Roman; font-size: 11px; width: 205px;}
.commentBottom {display: block; margin-top: 5px; font-style: italic; width: 205px; text-align: right; font-family: Georgia, Times New Roman;}
.priceBack {height: 71px; display: block; padding-right: 9px; }
#topTable div.priceBack span {line-height: 20px;}
.groupInfo {line-height: 16px; text-align: left; font-size: 10px; margin: 0px 0px 5px 0px;}
.groupInfo a:link {color: #666666; text-decoration: underline; }
.gridTable td {text-align: center; padding: 18px 20px 15px 0px; vertical-align: bottom; }
.left-td {text-align: right; width: 100px; font-family: Trebuchet MS, Arial, helvetica; font-size: 11px; padding-bottom: 8px; padding-top: 6px;}
.right-td {text-align: left; font-family: Trebuchet MS, Arial, helvetica; width: 280px; font-size: 11px; padding-bottom: 8px;}
.fav-topLeft {background-image: url('/Images/favourite-topRight.gif'); background-repeat: no-repeat; background-position: left top;}
.passwordTitle {padding-bottom: 10px; font-size: 18px; color: #990066; font-family: Trebuchet MS, Arial, helvetica;}
.favouritesMessage {padding: 12px; color: #666666; border: 1px dotted #cbcccc; width: 230px; font-size: 11px; margin-left: 50px; margin-top: 77px; vertical-align: middle;}


#selectRight {width: 173px; font-size: 11px; padding-top: 10px; text-align: left;} 
#selectLeft {padding-right: 0px; width: 232px; text-align: left;}
#selectLeft strong {color: #990066; font-size: 11px;}
#selectLeft h2 {font-size: 11px; padding: 0px; margin-bottom: 15px;}
#selectLeft .gridTable td {padding: 10px 10px; vertical-align: top; text-align: left;}

#basket-back {background-image: url('/Images/basket-back.jpg'); background-repeat: repeat-x; background-position: bottom; width: 181px; padding: 15px 12px 0px 12px; margin: 0px 3px; display: block;}
#basket-back h1 {margin: 0px; padding: 0px; font-size: 22px; padding-bottom: 7px;}
#basketList td {line-height: 14px; font-size: 10px; font-family: Trebuchet MS, Arial, helvetica;}
#basketBody {border-right: 1px solid #990066; border-top: 1px solid #990066; border-left: 1px solid #990066; background-color: white; padding-bottom: 0px; margin-bottom: 0px; display: block;}
.basketXtra {font-family: Trebuchet MS, Arial, helvetica; margin-bottom: 11px;}
.detail-card {margin: 10px 0px 20px 20px;}
.orderDetailsWidth {padding-right: 50px;}

/******* lightbox *******/
.lightopacity {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  opacity: 0.8; -moz-opacity:0.8; 

}
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 7090;	width: 100%; }
#jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 8000; text-align: center; line-height: 0;}
#jquery-lightbox a img { border: none; }
#jquery-lightbox img { border: 1px solid #ccc; }
#lightbox-container-image-box {	position: relative;	background-color: white; margin: 0 auto; border-top: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb;}
#lightbox-container-image {padding: 10px; }
#lightbox-loading {	position: absolute;	top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;}
#lightbox-nav {	position: absolute; top: 0;	left: 0; height: 100%;	width: 100%; z-index: 10;}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext, #lightbox-nav-btnPrev02, #lightbox-nav-btnNext02 {width: 49%; height: 100%; zoom: 1; display: block;}
#lightbox-nav-btnPrev {left: 0; float: left;}
#lightbox-nav-btnNext { right: 0; float: right;}
/******* lightbox gallery *******/
#lightbox-nav-btnNext02 {right: 0; float: right; display: none; visibility: hidden;}
#lightbox-nav-btnPrev02 {left: 0; float: left; display: none; visibility: hidden;}

a#lightSample {display: block;  width: 105px; height: 22px; background: url("/Images/btn-light-sample.jpg") no-repeat 0 0; text-decoration: none; position: absolute; bottom: 10px; left: 20px; z-index: 36;}
a#lightSample:hover {background-position: 0 -22px;}
a#lightOrder {width: 125px; height: 22px; background: url("/Images/btn-light-order.jpg") no-repeat 0 0; text-decoration: none; position: absolute; bottom: 10px; left: 130px; z-index: 37;}
a#lightOrder:hover {background-position: 0 -22px;}
a#lightbox-secNav-btnClose {display: block;  width: 43px; height: 22px; background: url("/Images/lightbox-btn-close.gif") no-repeat 0 0; text-decoration: none; position: absolute; bottom: 10px; right: 20px; z-index: 38;}
a#lightbox-secNav-btnClose:hover {background-position: 0 -22px;}

#lightbox-container-image-data-box { font-size: 9px; font-family: Trebuchet MS, Arial, helvetica; background-color: white; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; border-bottom: 1px solid #cbcbcb; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; position: relative;}
#lightbox-container-image-data {padding: 0 10px; }
#lightbox-container-image-data i  {color: #990066; font-size: 18px; line-height: 24px; font-family: Georgia, Times New Roman;}
#lightbox-container-image-data span  {font-size: 10px; line-height: 13px; font-family: Trebuchet MS, Arial, helvetica; color: #666666;}
#lightbox-container-image-data #lightbox-image-details { width: 100%; float: left; text-align: left; min-height: 110px;}	
#lightbox-image-details-caption {  }
#lightbox-image-details-currentNumber {	display: block; clear: left; padding-bottom: 1.0em; padding-top: 5px; font-size: 10px; font-family: Trebuchet MS, Arial, helvetica; visibility: hidden;}			


.panelOut {position: absolute; left: 426px; bottom: 125px; top: 191px; z-index: 368; height: auto; width: 490px; background-color: white; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}
.panelOutImage {background-image: url('/Images/messageBack.png'); background-repeat: no-repeat;  margin-top: 150px; margin-left: 100px; width: 259px; height: 97px; display: block;}
.panelOutText {font-weight: bold; color: white;  padding: 11px 0px 0px 40px; font-size: 13px; font-family: Trebuchet MS, Arial, helvetica; width: 200px;}

div.faqs {border-bottom: 1px solid #cccccc;}
div.faqs p.top {border-top: 1px solid #cccccc; padding-top: 10px; padding-bottom: 0px; margin-bottom: 0px; margin-top: 10px; font-weight: bold;}
div.faqs strong {color: #990066;}

/******* tooltip *******/
a.info {position:relative; z-index: 4; background-color:white; color:#666666; text-decoration: none;}
a.info:hover {z-index:25; background-color: white;}
a.info span {display: none}
a.info:hover span { display: block; position: absolute; top: -5em; left: -30px; width: 150px; border: 1px solid #cccdcd; background-color: white; color:#666666; text-align: center; padding: 5px; font-size: 11px;}

/******* tooltip 02 *******/
#one {  width: 250px;  background: #e3e3e3;  padding: 25px;  position: relative;  }  
#one .arrow {  width: 0;   height: 0;  line-height: 0;  border-top: 10px solid #e3e3e3;  border-left: 60px solid white;  border-right: 10px solid white;  position: absolute;  bottom: -30px;  right: 30px;  }  

/******* text editor ******/
ul.textedit {padding: 1px; margin: 0px;}
ul.textedit li {display: inline; list-style: none;}

/******* build stationery color selector ****/
.globalTextEditor {top: 0px; left: 0; position: relative;}
.globalTextWhite {background-color: white; height: 37px;}
div.globalTextEditor ul.colorList {padding: 0px; margin: 0px; left: 38px; top: 2px; position: relative; width: 190px; height: 30px;}
div.globalTextEditor ul.colorList li {top: 4px; display: inline; list-style: none; float: left;}
ul.colorSelected {padding: 0px; margin: 0px; left: 38px; top: 4px; position: relative;}
ul.colorSelected li {top: 4px; display: inline; list-style: none; float: left;}
ul.colorList {padding: 0px; margin: 0px; left: 34px; height: 30px; position: absolute; top: 38px; background-color: white; width: 211px; padding-left: 10px;}
ul.colorList li {top: -20px; display: inline; list-style: none; float: left; height: 24px; padding: 2px 0px 0px 0px; margin: 0px; background-color: white;}
.font12 {font-size: 12px; padding-right: 15px; padding-left: 20px;}
.font12 a {font-size: 12px; }
.font12 a:hover {font-size: 12px; }

/******* single text editor on build card****/
table.basketTable {width: 250px; margin-left: -10px; padding-top: 2px;}
table.basketTableSelected {width: 248px; margin-left: -9px; background-image: url(/Images/basketTable-left.gif); background-repeat: repeat-y; padding-top: 2px;}
.basket-topright {visibility: hidden; display: none;}
.basket-toprightSelected {background-image: url(/Images/basketTable-topright.png); background-repeat: no-repeat; background-position: right; background-color: #c33084; height: 6px;}
.basket-text {font-size: 10px; text-align: right; padding-right: 5px; padding-top: 1px; width: 65px; padding-bottom: 3px;}
.basket-textSelected {background-color: #c33084;  font-size: 10px; text-align: right; padding-right: 6px; width: 65px; color: white;}
.basketTable-botleft {}
.basketTable-botleftSelected {background-image: url(/Images/basketTable-bot.gif); background-repeat: repeat-x; background-position: bottom; background-color: #c33084;}
.basketTable-botright {text-align: right;}
.basketTable-botrightSelected {text-align: right; background-image: url(/Images/basketTable-bot.gif); background-repeat: repeat-x; background-position: bottom; background-color: #c33084;}
.basketTable-top {position: absolute; top: 0; left: 0;}
.basket-field {width: 170px;}
.basket-fieldSelected {width: 170px; background-color: #c33084; background-image: url(/Images/basketTablemidright.gif); background-position: right; background-repeat: repeat-y;}
.basketTopRowIm {visibility: hidden; display: none; }
.basketTopRowImSelected {background-image: url(/Images/basketTable-top.gif); background-repeat: no-repeat; background-position: left; height: 3px;}
.basketTopRowImrg {visibility: hidden; display: none; }
.basketTopRowImrgSelected {height: 3px;}
.basket-topleft {visibility: hidden; display: none;}
.basket-topleftSelected {background-color: #c33084; height: 6px;}
.textButPad {margin-left: -5px;}
.textButPad img {padding-top: 4px; height: 19px;}

.basket-field option {background-color: white;}
.basket-field option:hover {background-color: #3399ff; color: white;}
.basket-dotty {background-image: url('/Images/basket-dotty.gif'); background-repeat: repeat-x; }
.basket-dotPlus {padding-left: 60px; margin-top: 10px;}
a.basket-link {font-size: 10px; text-decoration: underline; color: #666666;}

/**** Guest list ****/
.stagelistleft {font-size: 10px; width: 48px; text-align: right; font-weight: bold; padding-right: 4px; padding-top: 4px;}
.rh-bluetxtbox {background-image: url('/images/rh-bluetxtbox.jpg'); background-repeat: no-repeat; width: 165px;}
.rh-innertext {display: block; line-height: 12px; margin-top: 6px;}
.stage-rhinner-bot {background-image: url('/images/rh-innerPanel-bot.jpg'); background-repeat: no-repeat; width: 176px; height: 19px; padding-left: 60px;}
.innerBack {font-size: 10px; background-color: white; width: 206px; padding: 0px 15px 10px 15px; margin-top: 0px;}
.innerBack h3.rhtitle {font-size: 11px; margin-top: 0px;}
.innerBack a {color: #990066; text-decoration: underline; font-weight: bold;}
.innerBack a:hover {color: #666666; text-decoration: underline; font-weight: bold;}
.stage-rhinner-bot {background-image: url('/images/rh-innerPanel-bot.jpg'); background-repeat: no-repeat; width: 176px; height: 19px; padding-left: 60px;}
#stagePosition {width: 288px;}

.regForm {width: 500px; display: block; margin-left: 0px;}
.regFormLeft {float: left; width: 240px;}
.regFormLeft span {display: block; margin: 9px 0px 1px 0px; font-family: Trebuchet MS, Arial, helvetica; width: 240px;}
.regFormRight {float: right; width: 230px;}
.regFormRight span {display: block; margin: 9px 0px 1px 0px; font-family: Trebuchet MS, Arial, helvetica; width: 230px;}
.regFormRight div {display: block; margin: 4px 0px 1px 0px; font-family: Trebuchet MS, Arial, helvetica; width: 230px;}
.titleText {font-size: 11px; display: block; margin-bottom: 20px; margin-right: 50px;}
.regFormLeft strong, .regFormRight strong {font-weight: normal;}

#myaccount {margin: 0px 25px 20px 0px; padding-top: 0px;}
#myaccount div.seperate {border-top: 1px dotted #999999; height: 1px;}
#myaccount a {text-decoration: none; height: 57px; display: block; padding: 6px; color: #666666;}
#myaccount a:hover {text-decoration: underline; height: 57px; display: block; padding: 6px; color: #666666;}
#myaccount a img {border: 1px solid white; padding: 5px 10px; margin-right: 10px; float: left;}
#myaccount a:hover img {border: 1px solid #cccccc; padding: 5px 10px; margin-right: 10px;}
#myaccount span.rightaccount {display: block; width: 380px; float: right; vertical-align: middle; height: 44px;}

.paymentSelect {z-index: 3; top: 0px; left: 0px; position: relative;}
.paySelected {background-color: #fbeaf4; width: 619px; padding: 15px 0px 15px 15px; background-image: url('/Images/payment-selcet-back.jpg'); background-position: right; background-repeat: repeat-y;}
.payNonSelected {width: 619px; padding: 15px 0px 15px 15px; border-bottom: 1px dotted #d8d9d9; background-image: url('/Images/basket-rhedge.gif'); background-repeat: repeat-y; background-position: right;}
.payRow td {border-bottom: 1px dotted #999999; padding: 10px 0;}
.payRow td.payCol1 {padding-right: 10px; padding-left: 5px;}
.payRow td.payCol2 {width: 180px; font-size: 16px; vertical-align: middle; padding-right: 10px;}
.payRow td.payCol2 span {font-size: 10px; display: block; padding-top: 12px;}
.payRow td.payCol2 p {font-size: 14px; padding-bottom: 5px; padding-top: 0px; margin: 0px; color: #990066;}
.payRow td.payCol2 i {font-size: 14px; color: #990066;}
.payRow td.payCol3 {width: 160px;}
.payRow td.payCol3 ul {margin-top: 30px; padding: 0px;}
.payRow td.payCol3 li {list-style: none; padding: 0px; margin: 0px;}
.payRow td.payCol3 span {font-family: Trebuchet MS, Arial, helvetica; font-size: 10px; color: #666666; text-decoration: none; height: 14px; width: 140px; display: block; padding-top: 2px; padding-left: 22px; margin-bottom: 2px;}
.payRow td.payCol3 span:hover {color: #660000;}

.payRow td.payCol4 {font-family: Georgia, Times New Roman; font-size: 16px; width: 80px; color: #990066; text-align: right; vertical-align: bottom; padding-right: 20px;}

.pageCounter li {font-family: Trebuchet MS, Arial, helvetica; font-size: 11px; display: inline; list-style: none;}
.pageCounter a {color: #999999;}
.pageCounter a:hover {color: #990066;}

ul.bulletFree {margin: 0px; padding: 0px;}
ul.bulletFree li {list-style: none; padding: 0px; margin: 0px; list-style-image: none;}

.basket-card { display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-editcard.gif") no-repeat 0 0; text-decoration: none;}
.basket-card:hover {background-position: 0 -16px;}
.basket-card span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.basket-free {display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-free.gif") no-repeat 0 0; text-decoration: none;}
.basket-free:hover {background-position: 0 -16px;}
.basket-free span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.basket-free-ordered {display: block;  width: 16px; height: 18px; text-decoration: none; background: url("/images/btn-basket-free.gif") no-repeat 0 0;}
.basket-free-ordered:hover {background-position: 0 -16px;}
.basket-free-ordered span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.basket-remove {display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-remove.gif") no-repeat 0 0; text-decoration: none;}
.basket-remove:hover {background-position: 0 -16px;}
.basket-remove span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.btn-designOnlineNow {float: right; margin: 45px 8px 0px 0px; display: block; width: 153px; height: 33px; background: url("/images/btn-designOnlineNow.png") no-repeat 0 0;}
.btn-designOnlineNow:hover {background-position: 0 -33px;}

.btn-designOnlineNow02 {display: block; width: 153px; height: 33px; background: url("/images/btn-designOnlineNow.png") no-repeat 0 0;}
.btn-designOnlineNow02:hover {background-position: 0 -33px;}

.btn-proceedBasket {display: block; width: 156px; height: 32px; background: url("/images/btn-proceedBasket.png") no-repeat 0 0;}
.btn-proceedBasket:hover {background-position: 0 -32px;}
.btn-continuingDesigning {display: block; width: 156px; height: 32px; background: url("/images/btn-continuingDesigning.png") no-repeat 0 0;}
.btn-continuingDesigning:hover {background-position: 0 -32px;}
.btn-proceedGrey {display: block; width: 119px; height: 32px; background: url("/images/btn-proceedGrey.png") no-repeat 0 0;}
.btn-proceedGrey:hover {background-position: 0 -32px;}

.basket-select {display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-select.gif") no-repeat 0 0; text-decoration: none;}
.basket-select:hover {background-position: 0 -16px;}
.basket-select span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.basket-design {display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-design.gif") no-repeat 0 0; text-decoration: none;}
.basket-design:hover {background-position: 0 -16px;}
.basket-design span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}

.basketLink02 span {font-size: 10px; color: #666666; text-decoration: none; height: 16px; width: 155px; display: block;}
.basketLink02 span:hover {font-size: 10px; color: #660000; text-decoration: none; height: 16px; width: 155px; display: block;}

.basket-add {display: block;  width: 16px; height: 18px; background: url("/images/btn-basket-add.gif") no-repeat 0 0; text-decoration: none;}
.basket-add:hover {background-position: 0 -16px;}
.basket-add span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 2px; padding-left: 22px; display: block;}

.btn-designNow {display: block;  width: 120px; margin-top: 20px; height: 32px; background: url("/images/btn-designNow.png") no-repeat 0 0; text-decoration: none;}
.btn-designNow:hover {background-position: 0 -32px;}
.btn-designNow {display: block;  width: 203px; height: 31px; background: url("/images/btn-designOnline.jpg") no-repeat 0 0; margin-top: 40px;}
.btn-designNow:hover {background-position: 0 -31px;}

.btnCreateGuest {cursor: pointer; display: inline-block; width: 53px; margin-left: -64px; height: 15px; background: url("/images/btnCreateGuest.jpg") no-repeat 0 0;}
.btnCreateGuest:hover {background-position: 0 -15px;}
.btnUploadGuest {cursor: pointer; display: inline-block; width: 53px; margin-left: -64px; height: 15px; background: url("/images/btnUploadGuest.jpg") no-repeat 0 0;}
.btnUploadGuest:hover {background-position: 0 -15px;}
.btnEditGuest {cursor: pointer; display: inline-block; width: 53px; margin-left: -64px; height: 15px; background: url("/images/btnEditGuest.jpg") no-repeat 0 0;}
.btnEditGuest:hover {background-position: 0 -15px;}
.btnDeleteGuest {cursor: pointer; display: inline-block; margin-left: 15px;  margin-top: 1px; padding-left: 56px; width: 105px; padding-top: 1px; height: 14px; background: url("/images/btnDeleteGuest.jpg") no-repeat 0 0;}
.btnDeleteGuest:hover {background-position: 0 -15px;}

.price-yellow {background-image: url('/images/prices-yellow.jpg');}
.price-purple {background-image: url('/images/prices-purple.jpg');}
.price-margenta {background-image: url('/images/prices-margenta.jpg');}
.price-container {float: left; background-repeat: no-repeat; width: 190px; padding-left: 20px; padding-top: 34px; height: 307px; margin-bottom: 25px; color: white; font-family: Trebuchet MS, Arial, helvetica; font-size: 12px;}
.price-yellow span, .price-purple span, .price-margenta span {font-size: 18px; font-family: Georgia, Times New Roman; color: white; font-weight: bold; margin-bottom: 11px; display: block;}
.priceLeft {line-height: 13px; float: left; width: 25px; color: white; font-family: Trebuchet MS, Arial, helvetica; font-size: 12px;}
.priceRight {line-height: 13px; width: 165px; color: white; font-family: Trebuchet MS, Arial, helvetica; font-size: 12px;}
.priceDot {border-bottom: 1px dotted white; margin: 10px 30px 0px 0px;}
.price-yellow strong, .price-purple strong, .price-margenta strong {font-size: 26px; font-family: Georgia, Times New Roman; color: white;}
.price-yellow p, .price-purple p, .price-margenta p {line-height: 13px; padding: 5px 0px; margin: 0px;}

.feedbackline {border-bottom: 1px dotted #cccccc; height: 1px; width: 96%; margin: 12px 0px;}
.feedGrid, .feedGrid td, .feedGrid tr {border: 1px solid white;}

.details-sample02 {background: url('/Images/btn-details-sample.png') no-repeat 0 0; height: 67px; width: 134px; display: block; text-decoration: none; z-index: 251; position: absolute; left: 425px; top: 300px;}
.details-sample02:hover {background-position: 0 -67px; text-decoration: none;}
.pb10 {padding-bottom: 20px;}
.details-sample {background: url('/Images/btn-details-sample.png') no-repeat 0 0; height: 67px; width: 134px; display: block; text-decoration: none; z-index: 251; position: absolute; left: 10px; top: 525px;}
.details-sample:hover {background-position: 0 -67px; text-decoration: none;}
.details-order {background: url('/Images/btn-details-personal.png') no-repeat 0 0; height: 67px; width: 134px; display: block; text-decoration: none; z-index: 251; position: absolute; left: 140px; top: 525px;}
.details-order:hover {background-position: 0 -67px; text-decoration: none;}

.crumb {position: absolute;  top: 182px; left: 6px; color: #b0b0b0; font-family: Trebuchet MS, Arial, helvetica;}
.crumb a {color: #82b97c; display: inline-block; margin-right: 10px;}
#contentLeftInside h1.detailsTitle {margin-top: 0px; padding-top: 23px;}
p.detailsImage {padding-bottom: 14px; margin-bottom: 10px;}
.detailsMove {margin-left: 10px;}

a.btnReadMore {background: url('/Images/btn-read-more.gif') no-repeat 0 0; margin-top: 6px; height: 30px; width: 115px; display: block; text-decoration: none;}
a.btnReadMore:hover {background-position: 0 -30px; text-decoration: none;}

a.btnApplySmall {background: url('/Images/btn-applyNowSmall.gif') no-repeat 0 0; margin-top: 6px; height: 30px; width: 115px; display: block; text-decoration: none;}
a.btnApplySmall:hover {background-position: 0 -30px; text-decoration: none;}


.notFound {border: 1px solid #f1f1f1; width: 914px; text-align: center; font-size: 16px; padding-bottom: 40px;} 
.notFound h1 {font-size: 36px; margin-top: 0px; width: 914px; text-align: center;}
.notFound li {display: inline; width: 60px;}
.notFound a {color: #666; font-family: Trebuchet MS, Arial, helvetica; font-size: 14px; font-weight: normal;}

.favWrap {position: relative;}
.favlink_1 {position: absolute; top: 100px; left: 10px; z-index: 234;}
.favlink_in {position: absolute; top: 100px; left: 10px; z-index: 235;}

.btnlogin {background: url('/Images/btn-login-all.jpg') no-repeat 0 0; height: 30px; width: 69px; display: block; text-decoration: none;}
.btnlogin:hover {background-position: 0 -30px; text-decoration: none;}

.forgotPass {background: url('/Images/btn-submit.jpg') no-repeat 0 0; height: 30px; width: 69px; display: block; text-decoration: none;}
.forgotPass:hover {background-position: 0 -30px; text-decoration: none;}
.baskList td {padding-bottom: 3px;}

.fadeBottom {margin-top: -100px;}


.sitemap div {float: left; width: 300px;}
.sitemap ul {margin-bottom: 30px;}
.sitemap li {color: #666666; list-style-image: none;}
#contentleft02 div.sitemap a {font-family: Trebuchet MS, Arial, helvetica; color: #666666; font-size: 11px;}

.swatch01 {position: absolute; top: 530px; left: 585px; z-index: 60;}
.swatch02 {position: absolute; top: 530px; left: 540px; z-index: 61;}
.swatch03 {position: absolute; top: 530px; left: 495px; z-index: 62;}
.swatch04 {position: absolute; top: 530px; left: 450px; z-index: 63;}
.swatchText {position: absolute; top: 550px; left: 422px; z-index: 64; width: 70px; font-family: Trebuchet MS, Arial, helvetica; line-height: 14px;}

.olivia-apple-green {background: url('/Images/olivia-swatch-apple-green.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none;}
.olivia-pink {background: url('/Images/olivia-swatch-pink.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }
.olivia-duck-egg {background: url('/Images/olivia-swatch-duck-egg.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }
.olivia-red-black {background: url('/Images/olivia-swatch-red-black.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }

.petula-blue {background: url('/Images/petula-swatch-blue.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none;}
.petula-silver {background: url('/Images/petula-swatch-silver.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }
.petula-yellow {background: url('/Images/petula-swatch-yellow.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }

.pure-ivory {background: url('/Images/pure-swatch-ivory.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none;}
.pure-cream {background: url('/Images/pure-swatch-cream.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }
.pure-pink {background:url('/Images/pure-swatch-pink.png') no-repeat 0 0; height: 53px; width: 42px; display: block; text-decoration: none; }

.pure-ivory:hover, .pure-cream:hover, .pure-pink:hover, .olivia-apple-green:hover, .olivia-pink:hover, .olivia-duck-egg:hover, .olivia-red-black:hover, .petula-blue:hover, .petula-silver:hover, .petula-yellow:hover {background-position: 0 -53px; text-decoration: none;}

ul.guestright li {font-weight: normal; color: #666; font-family: Trebuchet MS, Arial, helvetica; padding-bottom:6px; list-style-image: none;}
.textField {font-size: 11px; background: url('/Images/text-field.gif') no-repeat 0 0; width: 223px; height: 18px; display: block; padding-left: 3px; padding-top: 2px;}
.tfPlus span {margin-top: 0px; display: block;}
.logout {background: url('/Images/logout.gif') no-repeat 0 0; height: 44px; width: 150px; display: block; text-decoration: none;}
.logout:hover {background-position: 0 -44px; text-decoration: none;}
.btnCancel {background: url('/Images/btn-cancel.gif') no-repeat 0 0; height: 30px; width: 68px; text-decoration: none;}
.btnCancel:hover {background-position: 0 -30px; text-decoration: none;}

.btnChange {background: url('/Images/btn-change.gif') no-repeat 0 0; height: 30px; width: 68px; text-decoration: none;}
.btnChange:hover {background-position: 0 -30px; text-decoration: none;}

.btn-wedding-details {background: url('/Images/btn-wedding-details-save.gif') no-repeat 0 0; height: 31px; width: 151px; display: block; text-decoration: none;}
.btn-wedding-details:hover {background-position: 0 -31px; text-decoration: none;}

.btn-update-profile {background: url('/Images/btn-update-profile.gif') no-repeat 0 0; height: 31px; width: 151px; display: block; text-decoration: none;}
.btn-update-profile:hover {background-position: 0 -31px; text-decoration: none;}

/******* faqs *******/

h2.trigger { margin: 2px 0 0 0; width: 213px; font-size: 12px; font-weight: normal; float: left; background-image: url('/Images/rhSelect.jpg'); background-repeat: repeat-x; background-position: bottom;}
h2.trigger a {text-decoration: none; display: block; font-size: 12px; border: 1px solid #cccccc; padding: 4px;} 
h2.trigger a:hover { color: #ccc; border: 1px solid #999999; }
h2.active {background-position: left bottom; } 
/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {margin: 0 0 5px;	padding: 0;	 overflow: hidden; font-size: 1.2em; width: 213px; clear: both; }
.toggle_container .block {padding: 8px 5px 15px 5px; background-image: url(/Images/dropdownback.jpg); background-position: bottom; background-repeat: repeat-x; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.toggle_container ul {margin: 0px; padding: 0px 0px 0px 20px;}
.toggle_container li { list-style-image: none; color: #666666;}
#bodyContent div.toggle_container div.block a {color: #666666; font-weight: normal;}

.register-account {background: url('/Images/btn-register-account.jpg') no-repeat 0 0; height: 47px; width: 120px; display: block; text-decoration: none;}
.register-account:hover {background-position: 0 -47px; text-decoration: none;}
.subscribe {background: url('/Images/btn-subscribe.gif') no-repeat 0 0; height: 33px; width: 119px; display: block; text-decoration: none;}
.subscribe:hover {background-position: 0 -33px; text-decoration: none;}

.btn-home {background: url('/Images/btn-home.gif') no-repeat 0 0; height: 32px; width: 99px; display: block; text-decoration: none; margin-left: 265px;}
.btn-home:hover {background-position: 0 -32px; text-decoration: none;}
.maeesageLarge p {font-size: 16px; text-align: center;}

.loginstyle td {font-family: Trebuchet MS, Arial, helvetica;}

.color-btnClose {display: block;  width: 46px; height: 16px; background: url("../javascript/jquery/jcolourpicker/images/close-x.png") no-repeat 0 0; text-decoration: none; position: absolute; top: 6px; right: 5px; z-index: 2;}
.color-btnClose:hover {background-position: 0 -16px;}
.nudge-btnClose {display: none;  width: 17px; height: 16px; background: url("../javascript/jquery/jcolourpicker/images/close-x02.png") no-repeat 0 0; text-decoration: none; position: absolute; top: 8px; right: 5px; z-index: 2;}
.nudge-btnClose:hover {background-position: 0 -16px;}
.btnReset {display: block;  width: 29px; height: 14px; background: url("/Images/btn-reset.png") no-repeat 0 0; position: relative; top: 2px; right: 1px;}
.btnReset:hover {background-position: 0 -14px;}

.basketLinks {background-color: #fafafa; background-image: url('/Images/basketLinkBack.jpg'); background-repeat: repeat-y; background-position: right; margin-left: 0px; padding: 4px 20px 16px 20px;}
.basketLinks ul {float: left; width: 190px; padding: 0px; margin: 0px;}
.basketLinks li {list-style: none; padding: 6px 0px 0px 0px;}
.basketLinks div {display: block; font-size: 11px; width: 136px; padding-left: 30px; cursor: pointer;}
.BasketLink01 {height: 17px; padding-top: 4px; background: url("/Images/basketLink01.png") no-repeat 0 0; }
.BasketLink01:hover {background-position: 0 -21px;}
.BasketLink02 {height: 21px; background: url("/Images/basketLink02.png") no-repeat 0 0;}
.BasketLink02:hover {background-position: 0 -21px;}
.BasketLink03 {height: 17px; padding-top: 4px; background: url("/Images/basketLink03.png") no-repeat 0 0;}
.BasketLink03:hover {background-position: 0 -21px;}
.BasketLink04 {height: 21px; background: url("/Images/basketLink04.png") no-repeat 0 0;}
.BasketLink04:hover {background-position: 0 -21px;}
.BasketLink05 {height: 17px; padding-top: 4px; background: url("/Images/basketLink05.png") no-repeat 0 0;}
.BasketLink05:hover {background-position: 0 -21px;}
.BasketLink06 {height: 21px; background: url("/Images/basketLink06.png") no-repeat 0 0;}
.BasketLink06:hover {background-position: 0 -21px;}

.guestDeleteImage {height: 21px; background: url("/Images/basketLink03a.png") no-repeat 0 0;}
.guestDeleteImage:hover {background-position: 0 -21px;}

.basketGrid {border-left: 2px solid #fafafa; padding: 18px 10px 18px 18px;}
#basketFooter {position: relative; padding: 20px; background-color: #fafafa; background-image: url('/Images/basketBottom.jpg'); background-position: right; background-repeat: repeat-y; margin-bottom: 50px;}
#basketFooter h2 {color: #990066; font-size: 16px; font-weight: normal;}
#basketFooter p {line-height: 16px;}
#basketFooter ul {margin-top: 20px; padding: 0px;}
#basketFooter li {color: #666666; font-size: 12px; font-family: Trebuchet MS, Arial, helvetica; list-style-type: disc; list-style-image: none;}
#basketFooter img {position: absolute; left: 0; bottom: 0px;}
.bfCol01 {width: 200px; float: left; margin-right: 28px; display: block;}
.bfCol02 {width: 355px; float: left;}

.sharePosition {font-size: 11px; width: 420px; text-align: center; display: block;}

.basketItem {float: left; width: 187px; margin-bottom: 45px; margin-right: 12px;}
.basketItem p {font-size: 10px; padding: 0px; margin: 0px;}
.basketItem p.pQty {position: absolute; top: 49px; left: 0px;}
.basketItem p.pEnvo {position: absolute; top: 67px; left: 0px;}
.basketItem p.qtyAmount {position: absolute; top: 51px; left: 47px;}
.basketItemHide {float: left; width: 187px; margin-bottom: 45px; margin-right: 12px;}
.basketItemHide p {font-size: 10px; padding: 0px; margin: 0px;}
.basketItemHide p.pQty {position: absolute; top: 49px; left: 0px;}
.basketItemHide p.pEnvo {position: absolute; top: 67px; left: 0px;}
.basketItemHide p.qtyAmount {position: absolute; top: 51px; left: 47px;}
.basItem01 {float: left; text-align: center; border: 1px solid #e1e1e1; width: 74px; height: 105px; display: block;}
.basItem01:hover {border: 1px solid #990066;}
.basItem01 img {text-align: center; margin: 13px 0px; border: 1px solid #d8d9d9;}
.basItem02 {float: right; width: 107px; position: relative; height: 105px; padding-top: 2px;}
.basketAdd {position: absolute; bottom: 18px; left: 0px; display: block; cursor: pointer; font-size: 10px; padding-top: 2px; height: 14px; padding-left: 20px; background: url("/Images/btn-basket-design.gif") no-repeat 0 0; width: 105px;}
.basketAdd:hover {background-position: 0 -16px;}
.basketRemove {position: absolute; bottom: 0px; left: 0px; display: block; cursor: pointer; font-size: 10px; padding-top: 2px; height: 14px; padding-left: 20px; background: url("/Images/btn-basket-remove.gif") no-repeat 0 0; width: 105px;}
.basketRemove:hover {background-position: 0 -16px;}
.basketRemoveplus {background-color: white; position: absolute; z-index: 88; top: 0px; left: -80px; height: 107px; width: 100px; padding-left: 80px; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}

.basketAdd {position: absolute; bottom: 0px; left: 0px; display: block; cursor: pointer; font-size: 10px; padding-top: 2px; height: 14px; padding-left: 20px; background: url("/Images/btn-basket-add.gif") no-repeat 0 0; width: 105px;}
.basketAdd:hover {background-position: 0 -16px;}

.basketAdd02 {display: block; cursor: pointer; height: 46px;  background: url("/Images/btn-weddingSave.gif") no-repeat 0 0; width: 142px;}
.basketAdd02:hover {background-position: 0 -46px;}

.btnSaveDropGreen {z-index: 111; position: absolute; top: 191px; right: 36px; display: block; cursor: pointer; height: 20px;  background: url("/Images/btnSaveDropGreen.gif") no-repeat 0 0; width: 111px;}
.btnSaveDropGreen:hover {background-position: 0 -20px;}
.btnSaveDropGrey {z-index: 111; position: absolute; top: 191px; right: 36px; display: block; cursor: pointer; height: 20px;  background: url("/Images/btnSaveDropGrey.gif") no-repeat 0 0; width: 111px;}
.btnSaveDropGrey:hover {background-position: 0 -20px;}

.texteditorBack {background-image: url(/Images/texteditorBack.png); background-repeat: repeat-y; margin-left: -17px; margin-right: -17px;}
.globalText {background-color: #fdf8fc; position: relative; width: 232px; padding: 10px 10px 0px 10px; margin-left: 9px; border-bottom: 9px solid white;}
.globalText strong {color: #990066; font-size: 11px; margin-bottom: 7px; display: block;}
.globalText p.gtLeft {float: left; padding: 0px; margin: 7px 0px; font-size: 10px;}
.globalText p.gtRight {float: right; padding: 0px; margin: 7px 0px;}

.SingleText {position: relative; width: 232px; padding: 10px 10px 0px 10px; margin-left: 9px;}
.SingleText strong {color: #990066; font-size: 11px; margin-bottom: 7px;}
.textBoxView {margin-top: 0px; padding-top: 0px; padding-bottom: 10px; }

.btn-updateText {margin-left: 145px;}
td.formWedding {background-color: #fafafa; font-family: Trebuchet MS, Arial, helvetica; padding-bottom: 20px;}
td.formWedding span.formWeddingTitle {font-size: 16px; color: #990066; margin: 10px 0 0 10px; display: block;}
div.formwedtit {background-color: #fafafa; padding: 10px 10px 20px 10px; margin: 14px -10px 10px -10px; display: block; overflow: hidden;}
div.formwedtit h2 {font-size: 16px; color: #990066; font-weight: normal; margin-bottom: 8px;}

.papertab-normal {background-image: url(/Images/text-edit/papertab-normal.gif); background-repeat: no-repeat; width: 61px; height: 15px; padding-top: 4px; text-align: center; float: left; font-size: 11px;}
.papertab-over {background-image: url(/Images/text-edit/papertab-over.gif); background-repeat: no-repeat; width: 61px; height: 15px; padding-top: 4px; text-align: center; float: left; font-size: 11px; color: #990066;}
.papertab-selected {background-image: url(/Images/text-edit/papertab-selected.gif); background-repeat: no-repeat; width: 61px; height: 15px; padding-top: 4px; text-align: center; float: left; font-size: 11px; color: #990066;}
.papertab-ends {border-bottom: 1px solid #cecece; width: 13px; height: 18px; float: left;}
.tabBack {background-image: url(/Images/tabBack.jpg); background-repeat: no-repeat; width: 210px; height: 79px;}

.loading-out {z-index: 3500; position: fixed; background-color: white; margin-left: -170px; margin-top: -90px; top: 50%; left: 50%; width: 340px; text-align: center; height: 180px; border: 1px solid #bf97a8; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9;}
.loading-out div {margin-right: auto; margin-left: auto; padding: 50px 0px; display: block; font-size: 14px; font-family: Trebuchet MS, Arial, helvetica; font-weight: bold; color: #990066; border: 10px solid #fdf8fc;}
p.printpaper {font-size: 10px; text-align: right; line-height: 11px; margin-top: 0px; padding-top: 0px;}
p.printpaper strong {color: #990066;}

a.btn-buynow {background: url("/Images/btn-buynow.jpg") no-repeat 0 0; width: 173px; height: 45px; display: block; }
a.btn-buynow:hover {background-position: 0 -45px;}
a.btn-readsmall {background: url("/Images/btn-readsmall.jpg") no-repeat 0 0; width: 134px; height: 38px; display: block; }
a.btn-readsmall:hover {background-position: 0 -38px;}
a.btn-readmoresmall {background: url("/Images/btn-readmoresmall.jpg") no-repeat 0 0; width: 92px; height: 27px; display: block; }
a.btn-readmoresmall:hover {background-position: 0 -27px;}
a.btn-enquiresmall {background: url("/Images/btn-enquiresmall.jpg") no-repeat 0 0; width: 134px; height: 38px; display: block;}
a.btn-enquiresmall:hover {background-position: 0 -38px;}
a.btn-buynowsmall {background: url("/Images/btn-buynowsmall.jpg") no-repeat 0 0; width: 134px; height: 38px; display: block;}
a.btn-buynowsmall:hover {background-position: 0 -38px;}

.agentp {float: left; width: 340px; padding-right: 20px; margin-top: 0px; padding-top: 0px;}
.agentp span.agentGrey {background-color: #ececec; height: 33px; padding: 10px;  display: block; width: 100%; line-height: 16px; margin-top: 10px;}
.agentp span.agentdownload {float: left; font-size: 11px; padding-right: 20px; width: 208px;}

.agentbasket {width: 100%; margin-bottom: 15px; border: 1px dotted #cccdcd;}
.agentbasket tr.basketHeader td {background-color: #fdf7fb; color: #990066; padding-top: 8px; padding-bottom: 8px; font-family: Trebuchet MS, Arial, helvetica;}
.agentbasket tr.basketlist td {background-color: white; padding: 12px 10px; font-family: Trebuchet MS, Arial, helvetica;}
.agentbasket table.agentItem {width: 568px;}
.agentbasket table.agentItem td {padding: 0px;}
.agentbasket table.agentItem td.abCol01 {width: 400px;}
.agentbasket table.agentItem td.abCol02 {text-align: center; font-weight: bold;  width: 80px;}
.agentbasket table.agentItem td.abCol03 {text-align: right; font-weight: bold; width: 88px;}
#bodyContent table.agentItem td.abCol01 a {font-family: Trebuchet MS, Arial, helvetica; color: #666666;}
#bodyContent table.agentItem td.abCol01 a:hover {color: #666666;}
.agentbasket table.agentItem td.agentPrice {text-align: center; width: 70px; padding: 0px 12px;}
.agentbasket tr.basketlist h2 {font-family: Georgia, Times New Roman; font-weight: normal; color: #990066; font-size: 18px;}
.agentbasket tr.basketlist li {color: #666666; font-size: 10px; font-family: Trebuchet MS, Arial;  padding-bottom: 0px;}
.agentbasket tr.basketlist ul {list-style-type: none; margin-top: 10px; margin-left: 30px;}
.agent-What {background: url("/Images/agent-basket-whatsnext.png") no-repeat 0 0; width: 282px; height: 109px; display: block; float: left; padding: 12px; font-family: Trebuchet MS, Arial, helvetica; font-size: 11px;}
.agent-What p {padding: 0px; margin: 0px;  line-height: 14px;}
.agent-ukmap {float: left; width: 388px; min-height: 508px; margin-top: -15px; background: url(/Images/UK.gif) no-repeat 0 0; margin-left: -88px; position: relative;}
.agent-right {float: left; width: 350px; margin-right: -31px;}
.agent-right h2 {font-size: 18px; font-family: Georgia, Times New Roman;}
.agent-right ul {float: left; list-style-type: none; width: 150px; margin: 0px; padding: 0px 10px 0px 0px;}
.agent-right li {list-style-image: none;}
.agent-right p {padding-bottom: 10px; margin-bottom: 0px; font-family: Trebuchet MS, Arial; line-height: normal;}
#bodyContent .agent-right a {font-weight: normal; font-family: Trebuchet MS, Arial; color: #666666;}
.ukdot {background: url("/Images/dot-UK.png") no-repeat 0 0; width: 10px; height: 10px; display: block;}
:hover.ukdot {background-position: 0 -10px;}
 
.weddingout {position: absolute; z-index: 500; top: 168px; left: 0; background-color: white; height: 100%; width: 100%; filter:alpha(opacity=85); opacity: 0.85; -moz-opacity:0.85;}
.weddingPanel {position: fixed; z-index: 501; top: 50%; left: 50%; margin-left: -225px; margin-top: -260px;  border: 1px solid #bf97a8; background: #fafafa; }
.weddingPanel div {color: #666666; border: 10px solid #fdf8fc; padding: 25px; font-family: Trebuchet MS,Arial,helvetica; width: 400px;}
.weddingPanel p {line-height: 14px; padding: 5px 0px; margin: 0 0 10px 0;}
.weddingPanel strong {color: #990066; font-size: 18px; font-weight: normal;}
.btn-continue {background: url("/Images/btn-applyDetails.jpg") no-repeat 0 0; width: 119px; height: 35px; display: inline-block; margin: 1px 10px 0px -3px;}
:hover.btn-continue {background-position: 0 -35px;}
.btn-skip {background: url("/Images/btn-skip.gif") no-repeat 0 0; width: 61px; height: 33px; display: inline-block;}
:hover.btn-skip {background-position: 0 -33px;}

.twoCollection {position: fixed; z-index: 501; top: 50%; left: 50%; margin-left: -231px; margin-top: -112px; border: 1px solid #bf97a8; background: #fafafa; width: 460px; font-family: Trebuchet MS,Arial,helvetica;}
.twoCollection div {padding: 20px ; display: block; font-family: Trebuchet MS, Arial, helvetica;  color: #990066; border: 10px solid #fdf8fc;}

.placeCardsSelect {position: fixed; z-index: 501; top: 50%; left: 50%; margin-left: -251px; margin-top: -112px; border: 1px solid #bf97a8; background: #fafafa; width: 500px; }
.placeCardsSelect div {padding: 20px ; display: block; font-family: Trebuchet MS, Arial, helvetica;  color: #990066; border: 10px solid #fdf8fc;}

.placeCardsSelect span {display: block; margin-top: 3px; text-decoration: none; color: #990066;}
.placeCardsSelect span:hover {text-decoration: underline;}


.collection-skip {background: url("/Images/btn-skip.gif") no-repeat 0 0; display: inline-block;}
:hover.collection-skip {background-position: 0 -33px;}
.colBorderOver {padding: 4px;}
.colBorderOver img {border: 1px solid #e6e6e6; padding: 2px; background: white; display: inline-block;}
.colBorderOver img:hover {border: 1px solid #990066;}

div.whyOrder div {float: left; width: 240px; padding-right: 40px; font-size: 14px;}
div.whyOrder span {font-size: 20px; color: #990066; display: block; padding-bottom: 12px; border-bottom: 1px dotted #999999; margin-bottom: 12px;}

.bubbleInfo {position: relative; }
.popup {position: absolute; display: none; /* keeps the popup hidden if no JS available */}
 /* Bubble pop-up */        
.popup {position: absolute; display: none; z-index: 50; border-collapse: collapse; }       
.popup div.popup-contents {font-family: Trebuchet MS, Arial, helvetica; font-size: 10px; background-color: #fff7fb; border-right: 1px solid #a8247c; border-left: 1px solid #a8247c; padding: 0px 10px 10px 10px; width: 100px; margin-top: -5px; line-height: 11px; height: 110px;}        
.popup div.popup-contents span {font-size: 10px; display: block; margin-top: 5px; color: #990066; padding: 0px;}
table.popup-contents th {text-align: right; text-transform: lowercase;}              
tr#release-notes th {text-align: left; text-indent: -9999px; background: url(http://jqueryfordesigners.com/demo/images/coda/starburst.gif) no-repeat top right; height: 17px;}        
tr#release-notes td a {color: #333;}
 
.basketRightGrid {width: 240px;}
.basketRightGrid td {line-height: 14px; font-size: 10px;}
.basketRightGrid td.bgright {text-align: right;}

.keyword-search-block {z-index: 2001; top: 287px; left: 20px; position: absolute;}
.keyword-search {background-color: white; font-family: Trebuchet MS, Arial, helvetica; border: 1px solid #cccccc; width: 160px; font-size: 10px; padding: 1px 3px; margin-top: -1px;}
:hover.keyword-search {background-color: #fff7fb; border: 1px solid #f6cfe4;}

.default-keyword-search {z-index: 2000; top: 20px; left: 50px; position: absolute;}

.facebook {border: 1px solid white; margin-left: -4px; padding-left: 3px; display: block; width: 213px;}
.facebook:hover {border: 1px solid #cccccc;}

h1.salesh1 {font-size: 22px; margin-bottom: 0px; line-height: 18px; margin-top: 50px;}

a.btn-applysmall {background: url("/Images/btn-applysmall.jpg") no-repeat 0 0; width: 134px; height: 38px; display: block;}
a.btn-applysmall:hover {background-position: 0 -38px;}
.btn-send {background: url("/Images/btn-send.jpg") no-repeat 0 0; width: 72px; height: 32px; display: block;}
.btn-send:hover {background-position: 0 -32px;}
.btn-send02 {background: url("/Images/btn-send02.jpg") no-repeat 0 0; width: 72px; height: 31px; display: block;}
.btn-send02:hover {background-position: 0 -31px;}
.btn-upload {background: url("/Images/btn-upload.png") no-repeat 0 0; width: 66px; height: 27px; display: block;}
.btn-upload:hover {background-position: 0 -27px;}
.btn-guestUpload {background: url("/Images/btn-guestUpload.png") no-repeat 0 0; width: 64px; height: 20px; display: block;}
.btn-guestUpload:hover {background-position: 0 -20px;}

.btn-viewGreen {background: url("/Images/btn-viewNextGreen.png") no-repeat 0 0; width: 143px; height: 46px; display: block;}
.btn-viewGreen:hover {background-position: 0 -46px;}
.btn-viewGray {background: url("/Images/btn-viewNextGrey.png") no-repeat 0 0; width: 109px; height: 35px; display: block;}
.btn-viewGray:hover {background-position: 0 -35px;}
.btn-proceedGray {background: url("/Images/btn-SaveProceedGrey.png") no-repeat 0 0; width: 112px; height: 35px; display: block;}
.btn-proceedGray:hover {background-position: 0 -35px;}
.btn-proceedGreen {background: url("/Images/btn-SaveProceedGreen.png") no-repeat 0 0; width: 109px; height: 35px; display: block;}
.btn-proceedGreen:hover {background-position: 0 -35px;}

#promotion-product {width: 320px;}
#promotion-product div#promotion-back {background: #f1f1f1; margin: 0px -20px; padding: 20px; width: 310px;}
#promotion-product h2 {font-size: 14px;}
#promotion-product div {margin-bottom: 10px;}

.guestListPanel {background: #eeeeee; border-bottom: 1px solid white; padding: 10px 30px 20px 30px; }
.guestListPanel span {display: block; font-size: 16px; padding-bottom: 4px;}
.guestListPanel a {font-size: 10px; float: left; padding: 10px 10px 4px 30px;}
.guestDiv {float: left; padding: 10px 10px 4px 0px;}
#contentleft02 a.guestDelete, #contentleft02 div.guestDelete, #contentleft02 input.guestDelete {float: left; margin-top: 10px; margin-right: 30px; padding-left: 25px; font-size: 11px; cursor: pointer; font-family: Trebuchet MS, Arial, helvetica;}
.guestMessage {font-size: 10px; font-family: Trebuchet MS, Arial, helvetica; font-weight: bold; }
.guestListPanel strong {font-size: 10px; font-family: Trebuchet MS, Arial, helvetica;}
.guestListPanel span.guestName {display: inline; font-size: 10px; font-family: Trebuchet MS, Arial, helvetica; color: green;}
#contentleft02 a.guestLinkHover {text-decoration: none; cursor: pointer; padding: 0px; font-size: 10px; font-family: Trebuchet MS, Arial, helvetica; font-weight: bold; color: #990066;}
#contentleft02 a.guestLinkHover:hover {text-decoration: underline;}

/*****build stationery comments slideshow*****/
#ctl00_ContentPlaceHolder1_slideshow {position: relative; height: 165px; width: 205px;}
#ctl00_ContentPlaceHolder1_slideshow DIV {position: absolute; background: #f8f7f7; top:0; left:0; z-index: 8; width: 205px; height: 150px;  }
#ctl00_ContentPlaceHolder1_slideshow DIV.active {z-index:10; width: 205px;}
#ctl00_ContentPlaceHolder1_slideshow DIV.last-active {z-index:9; width: 205px;}

/*****uk map*****/
.map-eastAnglia {background: url("/Images/map/eastAnglia.png") no-repeat 0 0; width: 71px; height: 76px; display: block; position: absolute; top: 367px; left: 299px; cursor: pointer;}
.map-eastAnglia:hover {background-position: 0 -76px;}
.map-southEast {background: url("/Images/map/southEast.png") no-repeat 0 0; width: 112px; height: 44px; display: block; position: absolute; top: 439px; left: 240px; cursor: pointer;}
.map-southEast:hover {background-position: 0 -44px;}
.map-wales {background: url("/Images/map/wales.png") no-repeat 0 0; width: 94px; height: 112px; display: block; position: absolute; top: 319px; left: 139px; cursor: pointer;}
.map-wales:hover {background-position: 0 -112px;}
.map-scotland {background: url("/Images/map/scotland.png") no-repeat 0 0; width: 167px; height: 224px; display: block; position: absolute; top: 31px; left: 131px; cursor: pointer;}
.map-scotland:hover {background-position: 0 -224px;}
.map-northernIreland {background: url("/Images/map/northernIreland.png") no-repeat 0 0; width: 75px; height: 64px; display: block; position: absolute; top: 213px; left: 89px; cursor: pointer;}
.map-northernIreland:hover {background-position: 0 -64px;}
.map-westCountries {background: url("/Images/map/westCountries.png") no-repeat 0 0; width: 102px; height: 57px; display: block; position: absolute; top: 434px; left: 109px; cursor: pointer;}
.map-westCountries:hover {background-position: 0 -57px;}
.map-southWest {background: url("/Images/map/southWest.png") no-repeat 0 0; width: 82px; height: 77px; display: block; position: absolute; top: 401px; left: 180px; cursor: pointer;}
.map-southWest:hover {background-position: 0 -77px;}
.map-northEast {background: url("/Images/map/northEast.png") no-repeat 0 0; width: 53px; height: 76px; display: block; position: absolute; top: 205px; left: 251px; cursor: pointer;}
.map-northEast:hover {background-position: 0 -76px;}
.map-northWest {background: url("/Images/map/northWest.png") no-repeat 0 0; width: 82px; height: 117px; display: block; position: absolute; top: 238px; left: 181px; cursor: pointer;}
.map-northWest:hover {background-position: 0 -117px;}
.map-yorkshire {background: url("/Images/map/yorkshire.png") no-repeat 0 0; width: 80px; height: 62px; display: block; position: absolute; top: 275px; left: 246px; cursor: pointer;}
.map-yorkshire:hover {background-position: 0 -62px;}
.map-eastMidlands {background: url("/Images/map/eastMidlands.png") no-repeat 0 0; width: 72px; height: 91px; display: block; position: absolute; top: 321px; left: 257px; cursor: pointer;}
.map-eastMidlands:hover {background-position: 0 -91px;}
.map-westMidlands {background: url("/Images/map/westMidlands.png") no-repeat 0 0; width: 68px; height: 70px; display: block; position: absolute; top: 342px; left: 211px; cursor: pointer;}
.map-westMidlands:hover {background-position: 0 -70px;}
.map-homeCounties {background: url("/Images/map/homeCounties.png") no-repeat 0 0; width: 66px; height: 51px; display: block; position: absolute; top: 396px; left: 255px; cursor: pointer;}
.map-homeCounties:hover {background-position: 0 -51px;}
.map-london {background: url("/Images/map/london.png") no-repeat 0 0; width: 34px; height: 18px; display: block; position: absolute; top: 429px; left: 288px; cursor: pointer;}
.map-london:hover {background-position: 0 -18px;}

/*****static in scrolling*****/

.popupWrapper {position: relative; width: 280px; display: block; }
.popupWrapper02 {right: 0px; position: absolute; width: 278px;}
.popupeer {position: absolute; top: 0; width: 143px; display: block; }
.popupeer.fixed {position: fixed; top: 0;}


.commentWrapper {position: absolute; width: 280px; display: block; }
.commentWrapper02 {right: 0px; position: absolute; width: 278px;}
.comment {position: absolute; top: 0; width: 420px; display: block; background: white;}
.comment.fixed {position: fixed; top: 0; background: white;}

.cardGrid {overflow: hidden; margin-top: 35px;}
.cardGrid div {float: left; margin: 25px; width: 96px;}
.cardGrid a {margin-top: 10px; margin-left: 15px;}
.cardGrid span {display: block; text-align: center; color: #990066; width: 96px;}

a.btn-getsample02 {background: url("/Images/btn-getsample02.jpg") no-repeat 0 0; width: 63px; height: 19px; display: block;}
a.btn-getsample02:hover {background-position: 0 -19px;}

.btn-guestSave {background: url("/Images/btn-guestSave.gif") no-repeat 0 0; border: 0px solid white; width: 47px; height: 20px; display: block;}
.btn-guestSave:hover {background-position: 0 -20px;}
.btn-guestAdd {background: url("/Images/btn-guestAdd.gif") no-repeat 0 0; border: 0px solid white; width: 47px; height: 20px; display: block; position: absolute; top: 0px; left: 235px;}
.btn-guestAdd:hover {background-position: 0 -20px;}
.btn-guestFinish {background: url("/Images/btnGuestFinish.gif") no-repeat 0 0; border: 0px solid white; width: 64px; height: 20px; display: block; position: absolute; top: 0px; left: 235px;}
.btn-guestFinish:hover {background-position: 0 -20px;}


/******* product details tab system *******/
div#tabmenu {background: url('/images/tab/tabBack.gif') repeat-x; margin-top: 25px; padding-left: 8px; height: 34px; }
div#tabmenu div {font-family: Trebuchet MS, Arial;}
div#tabmenu div.tab {background: url("/images/tab/product-tab.jpg") no-repeat 0 0; height: 34px;}
div#tabmenu div.tabActive {background: url("/images/tab/tabSelected.gif") no-repeat 0 0; color: #990066; height: 34px;}
div#tabmenu div.tabOver {background: url("/images/tab/product-tab.jpg") no-repeat 0 0; background-position: 0 -34px; height: 34px;}
div#tabmenu div.tabOver, div#tabmenu div.tabActive, div#tabmenu div.tab {font-weight: bold; font-size: 12px; float: left; text-decoration: none; width: 160px; height: 14px; padding-top: 10px; padding-bottom: 10px; text-align: center; margin-left: 3px;}


/******* product details tab system *******/
div#tabGuest {background: url('/images/tab/tabGuestBack.png') repeat-x; margin-top: 25px; padding-left: 0px; height: 25px; width: 496px;}
div#tabGuest div {font-family: Trebuchet MS, Arial;}
div#tabGuest div.tabPink {background: url("/images/tab/tabGuestPink.jpg") no-repeat 0 0; height: 25px;}
div#tabGuest div.tab {background: url("/images/tab/tabGuest.jpg") no-repeat 0 0; height: 25px;}
div#tabGuest div.tabActive {background: url("/images/tab/tabGuestSelected.gif") no-repeat 0 0; color: #990066; height: 25px;}
div#tabGuest div.tabOver {background: url("/images/tab/tabGuest.jpg") no-repeat 0 0; background-position: 0 -25px; height: 25px;}
div#tabGuest div.tabPinkOver {background: url("/images/tab/tabGuestPink.jpg") no-repeat 0 0; background-position: 0 -25px; height: 25px;}
div#tabGuest div.tabOver, div#tabGuest div.tabPinkOver, div#tabGuest div.tabActive, div#tabGuest div.tab, div#tabGuest div.tabPink {font-weight: bold; font-size: 10px; float: left; text-decoration: none; width: 93px; height: 15px; padding-top: 5px; padding-bottom: 5px; text-align: center; margin-left: 3px;}


/******* Agent price list *******/
.tabInfo {padding-bottom: 0px;}
.tabInfo div {font-family: Trebuchet MS, Arial, helvetica; font-size: 11px;}
.tabInfo strong {font-size: 12px;}
.tabInfo p {font-size: 10px; line-height: 12px; padding: 0px; margin: 0px;}
#bodyContent div.tabInfo p.format-size a {text-decoration: underline; color: #666666;}
#bodyContent div.tabInfo p.format-size a:hover {text-decoration: underline; color: #990066;}
.tabInfo h2 {color: #990066; margin: 40px 0px 30px 0px; font-weight: normal; font-family: Georgia, Times New Roman; font-size: 24px;}
.agentCol1 {width: 152px; float: left; margin-right: 8px; margin-bottom: 20px;}
.agentCol2 {width: 280px; float: left; margin-right: 8px; margin-bottom: 20px;}
.agentCol3 {width: 219px; float: left; margin-right: 8px; margin-bottom: 20px;}
.agentCol4 {width: 219px; float: left; margin-bottom: 20px;}
.tabInfo div.priceBlock {float: left; background: #f3deea; width: 90px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
.tabInfo div.priceBlock02 {float: left; background: #f3deea; width: 65px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white; }

.tabInfo div.priceBlockGrey {background: #dbdcdd; float: left; width: 45px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
.tabInfo div.priceBlockGrey02 {background: #dbdcdd; float: left; width: 55px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}

.tabInfo div.headerType {float: left; width: 66px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
.tabInfo div.headerTypeGrey {background: #dbdcdd; float: left; width: 54px; padding: 2px 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
.tabInfo div.headerTitle {float: left; font-size: 16px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
.tabInfo div.headerBlankGrey {background: #dbdcdd; float: left; width: 54px; padding: 3px; border-right: 1px solid white; height: 25px;}
.tabInfo div.headerBlankTopLeft {height: 28px;}
.tabInfo div.headerBlankLeft {padding: 3px;}
.agentColStretch {width: 733px; float: left; margin-bottom: 20px; }
.agentBlock8 {width: 593px; background: #f3deea; float: left; padding: 3px; border-bottom: 1px solid white;}
.agentColStretch02 {width: 733px; float: left; margin-bottom: 20px; background: #f3deea; height: 91px; position: relative;}
.agentColStretch03 {width: 445px; float: left; margin-bottom: 20px; background: #f3deea; height: 68px; position: relative;}
.tabInfo div.longGrey {float: left; background: #dbdcdd; width: 273px; padding: 3px; border-right: 1px solid white; border-bottom: 1px solid white;}
p.agentPriceComment {background: #eeeeee; font-size: 10px; font-weight: bold; font-family: Trebuchet MS, Arial, helvetica; padding: 2px 15px 15px 15px; width: 865px;}

.whiteBackFade {background: white; position: absolute; z-index: 3000; top: 0px; left: 0px; width: 100%; height: 100%; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8;}

.napkin-number {float: left; font-size: 30px; color: #990066; padding: 5px; font-family: Trebuchet MS, arial, verdana, helvetica;}
.napkin-text {float: left; padding: 5px; width: 245px; margin-right: 25px; margin-bottom: 30px; font-family: Trebuchet MS, arial, verdana, helvetica;}

.summer-tag {position: absolute; z-index: 13; top: 0px; left: -50px; cursor: pointer;}
#priceFooterLinks {float: right; margin: 0px 10px 20px 0px;}
#priceFooterLinks div {font-family: Trebuchet MS,Arial,helvetica; text-decoration: none; cursor: pointer; font-size: 14px; color: #990066; float: left; padding: 0px 10px;}
#priceFooterLinks div:hover {text-decoration: underline;}
#priceFooterLinks span {float: left; width: 2px;} 

.guestPanel {margin-left: 21px; margin-right: 8px; font-size: 11px;}
.guestLine {border-bottom: 2px #cccdcd dotted; margin: 6px 0px 9px 0px; width: 420px;}
.guestPanel strong {color: #990066;}
.guestPanel div.guestLink {color: #990066; cursor: pointer; display: inline; vertical-align: bottom; text-decoration: underline;}
.guestPanel div.guestLink:hover {color: #666666;}
.guestPanel ul {margin-left: 0px;}
.guestPanel li {list-style: none; color: #666666; padding-left: 64px; width: 330px; font-family: Trebuchet MS, arial, verdana, helvetica;}

.product-price {top: -2px; right: 2px; position: absolute; }
.product-position {position: relative;}

.guestListName {height: 300px; width: 485px; background: white; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; padding: 10px 5px ; margin-bottom: 15px; }
.guestListName p {font-size: 11px; font-family: Trebuchet MS, arial, verdana, helvetica; padding-left: 20px;}
.guestListName strong {color: #990066;}
.guestListName li {list-style-image: none;  }
.btn-addGuest {background: url("/Images/btn-addGuest.png") no-repeat 0 0; width: 101px; height: 22px; display: block; position: absolute; bottom: 15px; right: 72px; z-index: 3221;}
.btn-addGuest:hover {background-position: 0 -22px;}
.btn-editGuest {background: url("/Images/btn-editGuest.png") no-repeat 0 0; width: 101px; height: 22px; display: block; position: absolute; bottom: 15px; right: 72px; z-index: 3221;}
.btn-editGuest:hover {background-position: 0 -22px;}


.btnClose {display: block; width: 43px; height: 22px; background: url("/Images/lightbox-btn-close.gif") no-repeat 0 0; position: absolute; bottom: 15px; right: 25px; z-index: 3220;}
.btnClose:hover {background-position: 0 -22px;}

span.textGuest {}
img.textButton {position: absolute; top: 1px; left: 250px;}



.textGuestRemove {display: block;  width: 16px; height: 16px; background: url("/images/btn-basket-remove02.gif") no-repeat 0 0; text-decoration: none; color: white; width: 80px; cursor : pointer; font-size: 10px;}
.textGuestRemove:hover {background-position: 0 -16px; color: #666666;}

.textRemove {display: block;  width: 16px; height: 16px; background: url("/images/btn-basket-remove.gif") no-repeat 0 0; text-decoration: none; position: absolute; top: 2px; color: white; right: 0; width: 70px; padding-left: 20px;  cursor : pointer; font-size: 10px;}
.textRemove:hover {background-position: 0 -16px; color: #666666;}
.textRemove span {color: #666666; font-family: Trebuchet MS, arial, verdana, helvetica; padding-top: 4px; padding-left: 22px; display: block;}
#contentleft02 a.csvLink {height: 23px; padding: 6px 0px 0px 25px; background: url("/Images/btn-csvFile.png") no-repeat 0 0;}
#contentleft02 a.csvLink:hover {background-position: 0 -29px;}


.editGuestPanel {position: fixed; z-index: 3000; top: 50%; left: 50%; border: 1px solid #BF97A8; margin-top: -250px; margin-left: -400px;}
.editGuestPanelInner {width: 500px; background-color: #fafafa; padding: 15px 25px; font-family: Trebuchet MS,Arial,helvetica; border: 10px solid #FDF8FC;}
.guestScroll {overflow: auto; height: 200px; border: 1px solid #fafafa; padding: 5px 0 5px 10px;}