/* CSS Document */
.textSubBlueBold , .gray{
	color:#999;
}
.errorBlockRed , .red {
	color: red;
}

.clear {
	clear:both;
}

#noJavascriptMsg {
	text-align:center;
	color:#fff;
	font-weight:bold;
	background:#ae0000;
	text-decoration:underline;
	border: 1px solid #FF0000;
	padding:15px;
	margin:10px auto;
	font-size:14px;
}

#bodySideBar.registerSideBar {
	min-height:210px;
	height:auto !important;
	height:210px;
}
#bodySideBar.registerSideBar p {
	margin:5px 0 0 5px;
}
#bodyContent.register h1{
	margin:0 0 15px;
}
	
	#bodySideBar.registerSideBar ul {
		/*width:170px;*/
		margin:0;
		padding:0 0 0 5px;
	}

	#bodySideBar.registerSideBar ul li {
		padding:4px 0;
		list-style-type:none;
	}

#bodySideBar.registerSideBar li a {

	color:#333366;
	}
	
#bodySideBar.registerSideBar li a.active {
	color:#969;
	}
/*bodyContent*/

#bodyContent.register {
	font-size:11px;
	margin-left:230px;
	width:500px;
	padding-top:5px;
}

#bodyContent form fieldset {
	margin-top:15px;
	/*border:1px dashed red;*/
}

#bodyContent.register h3 {
	color:#969;
	font-size:14px;
}
#bodyContent.register h3 {
	padding:0;
	margin:0;
}

#bodyContent.register  form {
	/*padding:25px 0 0 0px;*/
}

form input.label2, form input.label, form select.label3, form select.selectM  {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	font: 11px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	line-height:18px;
	margin:0 0 10px;
	padding:1px;
	width:125px;
	_width:120px;
}
form input.error, form select.error {
	border:1px solid #ce9ece;
	background:#fcf2f9 !important;
}
form select.selectM {
	width:129px;
}
form select.label3 {
	width:229px;

}
div.genericRegister .calendarImage {
	margin-left: 5px;
	_margin: 0;
}
div.genericRegister #lookupAddressPayment {
	display:block;
	float:left;
	margin:0 0 10px 102px;
	_display: none;
	
}
#checkBox  p{
	clear:both;
	margin-top:10px;
}
#bodyContent.register .dtdesc {
	margin-left:20px;
	width:480px;
}
#bodyContent.register .ddcheck {
	margin-left:-500px;
	width:20px;
}
div.dashBorder {
	border-bottom:1px dashed #999;
	height:1px;
	margin:5px 0;
	width:100%;
}
input.formError, select.formError {
	border: 1px solid red; 
	background-color: #FFFCE2;
	padding: 1px; 
	width:125px;
}

div.genericRegister label.error, div.genericRegister .endRegister label.error {
	font:bold 15px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	color:red;
	left:375px;
	position:absolute;
	top:144px;
	text-align:right;
	width:350px;
}

div.fieldset legend {
	margin-top:50px;
	margin-left:0;
	padding-left:0;
}
#buttonContainer {
	clear:both;
	margin-top:20px;
}
#btnSubmit {
	float:right;
}
#buttonBack {
	float:left;
}
#registrationComplete {
	margin:0;
}
#registrationComplete dt {
	margin:0;
}
#registrationComplete dd {
	padding-left:25px;
}
/* --------------------------------- Register Form -------------------------------------------------------------------------- */
.genericRegister {
	float:left;
	margin-right:10px;
	width:295px;
	_width: 270px;
	_margin-right: 0;
}
.endRegister {
	margin-right:0;
	margin-left:0;
	width: 295px;
	_width: 270px;
	float:left;
}
.genericRegister label {
	clear:both;
	display:block;
	float:left;
	margin-right:10px;
	text-align:right;
	width:120px;
}
.genericRegister input, .genericRegister select {
	display:block;
	float:left;
	display:inline;
}
.genericRegister input.radio {
	float: none;
}
.fullRegister {
	clear:both;
}

#txtAddressLine2{
	margin-left:130px;
}
.fullRegister  label {
	width:120px;
	_width:120px;
	display:block;
	float:left;
	margin:4px 10px 5px 0;
	text-align: right;
}
.fullRegister select {
	float:left;
	display:block;
}
.fullRegister fieldset {
	padding-top:10px;
}
.fullRegister input {
	margin-right:5px;
}
.tickBox {
	display:inline;
}
#mainForm legend {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
	_margin-left:-7px;
	*margin-left:-7px;
	padding-top: 10px;
}
p.mandatoryMsg {
	color:#EC2C91;
	font-size:14px;
	font-style: italic;
}

#PersonalInfoSmall fieldset, #EventDetails fieldset {
	padding-bottom: 30px;
}

#EventDetails fieldset {
	margin-bottom:10px;
}
#optinInfoLarge, #containerDashed{
	border-bottom:1px dashed #ccc;
	padding-bottom:15px;
	clear: left;
}
#optinInfoLarge label {
	display:block;
	padding-bottom:15px;
	width:240px;
	text-align: left;
}
#optinInfoLarge fieldset {
	position:relative;
}	
#optinInfoLarge img {
	float:right;
	position:relative;
	right:30px;
}
/* --------------------------------- Calendar Register Form ----------------------------------------------------------------- */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: "Trebuchet MS", Helvetica,Jamrul,sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 1px solid #C0D9F1;
	border-collapse:separate;
	border-spacing:1px;
	}
.dpTable td{
	text-align:center;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: none;
	width:20px;
	background:#fff;
}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #d6c2d6;
}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #eee;
	cursor: pointer;
	color: #000;
	border: none;
	}
/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}
/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}
/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}
/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color:#CCCCCC;
	border: none;
	color:#000000;
}
/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #330066;
	font-weight: bold;
	margin-bottom: 5px;
}
/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	
}
/* the forward/backward buttons at the top */
.dpButton {
	background-color:#FFFFFF;
	border:medium none;
	color:#EC2C91;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:0;
}
/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	background-color:#FFFFFF;
	border:1px solid #EC2C91;
	color:#000000;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:12px;
	font-weight:normal;
	margin:5px;
}

/* forgot password template */
#forgotPassword legend {
	color: #9a6799;
	font-weight:bold;
	margin-bottom:10px;
}
#forgotPassword label {
	clear:both;
	display:block;
	width:90px;
	float:left;
	margin-bottom:10px;
}
#forgotPassword input.inputBorder {
	display:block;
	width:140px;
	float:left;
	border:1px solid #c0d9f1;
	margin-bottom:10px;
	text-align:left;
	margin-right:10px;
}
#forgotPassword p{
	width:300px;
}
#bodyContent #forgotPassword p.error{
	color:#dc143c;
	padding:10px 20px;
	border:1px solid #f99;
	clear:both;
	margin-bottom:10px;
	background:#ffc;
	margin:0 0 12px;

}

/********* noteBook ***************/
#notebookList {
	margin:15px 0 0;
	padding:0;
}
#notebookList li {
	border-bottom:1px dashed #969;
	margin:0;
	width:100%;
	padding-bottom:5px;
	list-style-type:none;
}
.notebookDate {
	float:left;
	clear:both;
	width:65px;
}
.notebookDesc{
	float:left;
	width:315px;
	padding-left:10px;
}

.notebookTTDesc{
	float:left;
	width:235px;
	padding-left:10px;
}

.notebookTTTables{
	float:left;
	width:40px;
	padding-left:10px;
}

.notebookTTGuests{
	float:left;
	width:40px;
	padding-left:10px;
}

.notebookSupplierDesc {
	width:250px;
	float:left;
	padding-left:10px;
}

.notebookTTSupplierDesc {
	width:235px;
	float:left;
	padding-left:10px;
}

.notebookTTTableDesc 
{
	float:left;
	padding-left:10px;
	width:40px;
	text-align: right;
}

.notebookTTGuestDesc 
{
	float:left;
	padding-left:10px;
	width:40px;
	text-align: right;
}

.notebookImage {
	float:right;
}
.notebookButton {
	clear:both;
}
.notebookView, .notebookDelete{
	float:right;
	margin-left:5px;
	margin-top:10px;
	text-align:center;
	padding-left:5px;
	height:20px;
}


#notebookList .notebookView a, #notebookList .notebookDelete a {
	color:#fff;
	background:transparent url(http://image.confetti.co.uk/i/confettiV2Assets/shoppingSuppliers/Stationery/layout/buttonShortlist.gif) no-repeat scroll 0 0;
	height:18px;
	display:block;
	padding-right:5px;
	width:61px;
	text-decoration:none;
}
.roundedImgDress {
	width:115px;
}
.roundedImgSupplier {
	width:150px;
}
.roundedImgNotebook {
	width:100px;
}
/*deprecated soon*/
ul.productNoteBook{	
}

ul.productNoteBook li {
	margin:0 20px 15px 0 ;
	width:100px;
}

div#bodyContent ul.productNoteBook li p{
	margin-bottom:0px;
	margin-top:0px;
}
/*stationery notebook*/
.numberStationery, .actionStationery , .itemsStationery {
	padding:3px 10px;
}
.numberStationery, .actionStationery {
	text-align:center;
}
.itemsStationery {
	padding-left:0;
}
.notebookHeader {
	margin-bottom:15px;
}
/***** style error validstion *********/

div .registrationErrorContainer {
	background-color:#FDEFF5;
	border:2px solid #EC2C91;
	display:block;
	float:left;
	padding:15px;
	position:relative;
	width:570px;
	_width: 500px;
}

div .registrationErrorContainer p {
	display:list-item;
	list-style-type:circle;
	margin-left:15px;
}

div .registrationErrorContainer h2 {
	font-size:16px;
	margin:5px 0;
}

#bodyContent p.error {
	font-size:11px; 
	color:#ff0000; 
	margin:0;
}

/******** SITEMAP ***********/

#sitemapsection1, #sitemapsection2, #sitemapsection3, #sitemapsection4, #sitemapsection5, #sitemapsection6, #sitemapsection7 {
	padding:7px 7px 7px 15px;
	margin-bottom:20px;
	width:707px;
}
#sitemapContainer h3, #sitemapContainer h3 a:link, #sitemapContainer h3 a:visited {
	color: #000;
	font-size: 17px;
}
div.holder {
	width:30%;
	float:left;
}
div.holder ul {
	margin:0;
	padding:0;
}
#sitemapContainer ul li {
	color:#969;
	list-style-type:none;
}
#sitemapContainer ul li a{
	font-weight:bold;
}
#sitemapContainer ul ul li{
	margin-left:10px;
}
#sitemapContainer ul ul li a{
	color:#999;
	font-weight:normal;
}
#sitemapContainer ul ul ul li a{
	margin-left:10px;
}
/*unsubscribe newsletter*/
#fullBlock {
	background:transparent url(http://image.confetti.co.uk/i/confettiV2Assets/sitemap/shoppingSuppliersBG.jpg) no-repeat scroll 0 0;
	padding:10px 30px 0 20px;
}
#fullBlock h1, #fullBlock h2, #fullBlock h3 {
	color: #333366;
	font:30px Georgia, "Times New Roman", Times, serif;	
	margin:0 0 20px;
}
#fullBlock h2 {
	font-size:20px;
}
#fullBlock h3 {
	font-size:16px;
}
#fullBlock p{
	margin:0 0 10px;
}
.inputTextBlock {
	width:300px;
}
.inputTextBlock input{
	width:150px;
	float:right;
}
.inputTextBlock label {
	width:70px;
	float:left;
	clear:both;
	text-align:right;
}
.confettiTxtInput {
	border:1px solid #999;
	margin-bottom:10px;
}
.inputCheckBox {
	clear:both;
	margin:15px 0;
}
.inputCheckBox label {
	cursor:pointer;
}
.forgotPassLink {
	clear:both;
	float:right;
	width:150px;
}
/* my notebook -> stationery basket */
.shopLevelThree h1 {
	margin-bottom:10px;
}
ul.notebookBasketList{
	width:100%;
	margin:0 0 15px;
	padding:0;
}
ul.notebookBasketList li{
	float:left;
	text-align:center;
	margin-right:5px;
	display:inline;/*ie6 bug*/	
	width:120px;
	list-style-type:none;
}
.basketAttribute {
	height:20px;
	color:#7A4CA5;
}
.basketAttribute  a {
	line-height:20px;
}
.basketAttribute img {
	line-height:20px;
}
#bodyContent.notebook {
	width:500px;
}
#bodyContent h2.setName {
	color:#c39;
	padding:0 0 10px 0;
	margin:0;
}
#summaryBasketNotebook {
	clear:both;
}
#summaryBasketNotebook li{
	clear:both;
	height:20px;
	margin-bottom:10px;
}
#tabPurpleSlide {
	float:right;
	width:100%;
	padding:0;
	margin:0;
}
#tabPurpleSlide  li{
	height:20px;
	padding-left:5px;
	float:right;
	margin:0 0 3px 0;
	list-style-type:none;
}
#tabPurpleSlide li a{
	display:block;
	background:transparent url(http://image.confetti.co.uk/i/confettiV2Assets/shoppingSuppliers/Stationery/layout/buttonSetNotebook.jpg) no-repeat top left;
	padding: 0;
	width:120px;
	height:18px;
	color:#fff;
	float:left;
	font-size:10px;
	text-align:center;
	line-height:18px;
	text-decoration:none;
}
#tabPurpleSlide li a.addToBasket {
	margin-top:3px;
	line-height:21px;
	height:21px;
	background:transparent url(http://image.confetti.co.uk/i/confettiV2Assets/shoppingSuppliers/Stationery/layout/buttonBasketNotebook.jpg) no-repeat top left;
}
div.totalSet {
	float:left;
	height:21px;
	line-height:21px;
	color:#c39;
	font-size:16px;
	margin:5px 10px 0 0;
	display:inline;
	font-weight:bold;
}
#arrowNav li li a.activeSet {
	color:#c39;
}
.totalMyStationery {
	color:#969;
	font-size:20px;
	text-align:right;
}
.inputDisable {
	width:10px;
	border:0 none;
	background:#fff;
}
.tickBox {
	font-weight: bold;
}
.radio {
	float: none;
}