/*=======================================================
 CSS Document for Dormar Indents
=======================================================*/

@import url("global.css");
@import url("thickbox.css");
@import url("tabs.css");

.hidden { display: none; }
.show { display: block; visibility: visible; }

/*=============================================================
	Main layout
=============================================================*/

#container { width: 930px; height: auto; display: block; padding: 0 15px 20px 25px; margin: 0 auto; background: #000 url('../images/core/bg-body.jpg') no-repeat 0 0; clear: both;  }
#container:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/*iframe*/body.popup #container { width:640px; overflow: hidden; padding: 10px; margin: 10px auto; display: block; background-position: -240px 0; }

/*=============================================================
	Left Contents - Logo + Search + Catalogue Nav + Login
=============================================================*/

#left-contents { width: 195px; height: auto; display: block; float: left; margin: 0; }

/*logo*/
#logo, object#logo { width: 220px; height: 150px; float: left; clear: both; position: relative; display: inline; margin-left: -25px; padding-bottom: 5px; }
#logo h2, #object#logo h2 { text-indent: -9999em; margin: 0; }
/*iframe*/body.popup #logo { width: 195px; height: 115px; display: block; margin: 0 auto; text-align: center; float: none; }
/*iframe*/body.popup #logo img { margin-top: -20px; }

/*search*/
#search { width: 195px; height: 35px; overflow: hidden; display: block; clear:left; margin-top:10px;}
#search p { margin: 0; float: left; display: inline-block; padding-right: 5px; }
#search input.search-keyword { font-size: 11px; background: #fff url('../images/core/bg-input-search.jpg') no-repeat 0 0!important; padding-left: 30px; width: 115px!important; height: 17px!important;  }
#search input.searchnow { width: 25px!important; height: 20px; padding: 0!important; text-indent: -999em; text-decoration: none; background: url('../images/core/search-off.gif') no-repeat 0 0!important; display: block; margin: 0!important; }
#search input.searchnow:hover, #search input.searchnow.searchhover { text-decoration: none; background: url('../images/core/search-on.gif') no-repeat 0 0!important; }



/*catalogue-nav*/
ul#catalogue-nav { width: 185px; height: auto; float: left; display: block; background: url('../images/core/title-browse.gif') no-repeat 0 0; padding: 22px 0 30px 0; margin: 0; }
ul#catalogue-nav li { width: 175px; height: 22px; background: url('../images/core/bg-dotted.gif') repeat-x 0 bottom!important; display: block; position: relative; z-index: 800; float: left; font-size: 1.2em; line-height: 12px; }
ul#catalogue-nav a { width: 150px; height: 17px; padding: 4px 10px 0 15px; background: url('../images/core/arrow-white.gif') no-repeat 2px 8px; float: left; display: block; text-decoration: none; color: #fff; }
ul#catalogue-nav a:hover { font-weight: bold; background: #000 url('../images/core/arrow-yellow.gif') no-repeat 2px 8px; text-decoration: none; color: #ffbd10; }
ul#catalogue-nav li ul { float: left; width: 220px; padding: 10px!important; height: auto; clear: both; position: absolute; top: 100%; left: -9999em; display: block; background: #4e1105 url('../images/core/bg-dropdown.jpg') repeat-x 0 0!important; margin-left: 175px; }
ul#catalogue-nav li li { width: 220px; height: auto; }
ul#catalogue-nav li li a { height: auto; font-weight: normal!important; background-color:#4e1105!important; background-image: none!important; width: 210px!important; padding: 5px 5px 4px 5px!important; color: #fff!important; margin-top: 1px!important; font-size: 0.8em; line-height: 15px; }
ul#catalogue-nav li li a:hover { background-color: #fba915!important; color: #000!important; background-image: none!important; }
ul#catalogue-nav li:hover ul, ul#catalogue-nav li.over ul { left: 0; top: -10px; }
ul#catalogue-nav li a.onsection { font-weight: bold; background: #000 url('../images/core/arrow-yellow.gif') no-repeat 2px 8px; text-decoration: none; color: #ffbd10; }
/*for members*/
ul#catalogue-nav li.membersonly { visibility: hidden; display: none; }
.membersonly a { color: #ffbd10!important; }
.membersonly a:hover { color: #000!important; background: #ffbd10 url('../images/core/arrow-black.gif') no-repeat 2px 8px!important; }
body ul#catalogue-nav li.membersonly { visibility: visible; display: block; }

/*Retailer login*/
#login { width: 175px; height: auto; background: url('../images/core/title-login.gif') no-repeat 0 0; padding-top: 28px; float: left; position: relative; z-index: 500; }
#login form.cmxform label, #login form.cmxform input, #login p { position: relative; z-index: 800; }
#login form.cmxform label { font-size: 11px; width: 60px!important; }
#login form.cmxform input { width: 100px!important; }
#login form.cmxform input.send { width: 110px!important; padding: 0!important;}
#login p { padding-left: 60px; font-size: 1.1em; }
#login p a { background: url('../images/core/arrow-white.gif') no-repeat 0 4px; color: #fff; padding-left: 15px; }
#login p a:hover { color: #ffbd10; text-decoration: underline; background: url('../images/core/arrow-yellow.gif') no-repeat 0 4px; }

/*highlight*/
.highlight { float: left; position: absolute; top: auto; left: auto; z-index: 50; width: 250px; height: 170px; display: none; margin: -170px 0 0 -20px; background: url('../images/core/bg-highlight.gif') no-repeat 0 0; }

/*category ctas - once logged in*/ 
.cats-ctas { margin-bottom: 15px; }

.cats-ctas li {
	float: left;
	margin-left: 6px;
	margin-bottom: 6px;
}

.cats-ctas li.first { margin-left: 0; }

.cats-ctas a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 236px; height: 102px;
	background-repeat: no-repeat;
	
}

.cats-ctas li.cta-fancydress a { background-image: url(../images/cta-fancydress.jpg); }
.cats-ctas li.cta-giftware a { background-image: url(../images/cta-giftware.jpg); }
.cats-ctas li.cta-novalty a { background-image: url(../images/cta-novalty.jpg); }
.cats-ctas li.cta-party a { background-image: url(../images/cta-party.jpg); }
.cats-ctas li.cta-plush a { background-image: url(../images/cta-plush.jpg); }
.cats-ctas li.cta-seasonal a { background-image: url(../images/cta-seasonal.jpg); }
.cats-ctas li.cta-themes a { background-image: url(../images/cta-themes.jpg); }

.cats-ctas li.cta-themes a {width:720px;height: 59px;}
.cats-ctas li.cta-themes {margin:0;}



/*=============================================================
	Right Contents - Nav + login status + flash + main contents
=============================================================*/
.homepagefix {height:850px!important;}
#right-contents {height:auto; width: 720px;  float: right; display: block; margin: 0; }
.text { padding: 0 20px; display: block; float: right; width: 680px; height: auto!important;}
body.popup .text { float: left; padding: 0 15px 15px 15px; width: 610px; height: 270px; overflow: auto; }
.text h2, .text h3, .text p { padding: 0 5px; }
.text ul, .text ol { margin: 0 0 20px 25px; }
.text ul li { background: url('../images/core/arrow-white.gif') no-repeat 0 8px; padding-left: 15px; font-size: 12px; }
.text ol li { list-style: decimal; font-size: 12px;}

/*navigation*/
ul#nav { width: 240px; height: 42px; display: block; clear: both; float: right; padding: 0 0 0 480px; overflow: hidden; }
ul#nav li { display: inline; float: left; margin-left: 1px; }
ul#nav a { height: 26px; overflow: hidden; text-indent: -999em; display: block; float: left; }
ul#nav a:hover { background-position: 0 -26px!important; }
a#navhome { background: url('../images/core/nav-home.gif') no-repeat 0 0; width: 73px; }
a#navprofile { background: url('../images/core/nav-profile.gif') no-repeat 0 0; width: 80px; }
a#navcontact { background: url('../images/core/nav-contact.gif') no-repeat 0 0; width: 83px; }
body#homepage a#navhome, body#profile-page a#navprofile, body#contact-us a#navcontact { background-position: 0 -26px!important; }

/*login2*/
#members-area { width: 720px; clear: both; height: 23px; overflow: hidden; display: block; font-size: 1.1em; }
#members-area a { font-weight: bold; }
#members-area a.icon-cart { background: url('../images/core/icon-cart.gif') no-repeat 0 0; padding-left: 25px; }
#members-area #members-login, #members-area #members-status { float: left; width: 300px; display: inline; padding-left: 2px; }
#members-area #members-cart { float: right; width: 350px; display: inline; text-align: right; } 
#members-area #members-cart span { padding-right: 10px; }
#members-area #members-status, #members-area #members-cart { display: none; visibility: hidden; }
body #members-area #members-status, body #members-area #members-cart { display: inline!important; visibility: visible!important; }

/* News Scroller */
#news-scroller { font-size: 1.1em; width: 720px; height: 15px; padding: 65px 0 10px 0; float: left; clear: both; display: inline; background: url('../images/core/logo2.jpg') no-repeat 0 0; }
#news-scroller ul { list-style: none; display: inline-block; height: 22px; }
#news-scroller ul li { display: block; height: 20px; width: 698px; padding-left: 10px; padding-right: 10px; overflow: hidden; }
#news-scroller ul li p.description { display: inline; }
#news-scroller ul li span.title { color: #ffbd10!important; font-weight: bold; margin-right: 10px; display: inline-block; }
#news-scroller ul li span.date { color: #C0C0C0!important; font-weight: bold; margin-right: 10px; display: inline-block; }
  
/*breadcrumb*/
#breadcrumb { font-size: 1.1em; width: 720px; height: 15px; padding: 65px 0 10px 0; float: left; clear: both; display: inline; background: url('../images/core/logo2.jpg') no-repeat 0 0; }
#breadcrumb ul { list-style: none; display: inline; }
#breadcrumb ul li { background: url('../images/core/arrow-gray.gif') no-repeat 0 5px; display: inline; float: left; padding: 0 8px 0 12px; }
#breadcrumb ul li a { color: #ccc; text-decoration: none; }
#breadcrumb ul li a:hover { color: #ffbd10; text-decoration: underline; }
#breadcrumb ul li.basecrumb a { color: #fff; text-decoration: none; }
#breadcrumb ul li.basecrumb a:hover { color: #ffbd10; text-decoration: none; }

/*non-member flash*/
.banner { width: 720px; height: 140px; display: inline; clear: both; float: left; margin-bottom: 20px; background: url('../images/core/bg-banner.jpg') no-repeat 0 0; }
.banner h2 a { display: inline; background: url('../images/core/banner-click.gif') no-repeat 0 0; width: 240px; height: 140px; text-indent: -9999em; text-decoration: none; float: right; }
.banner #banner-images { position: relative; z-index: 10; width: 480px; height: 140px; float: left; display: inline; overflow: hidden; }

/*member flash*/
.ctas { visibility: hidden; display: none; }
body .ctas { width: 720px; height: 140px; display: block!important; visibility: visible!important; clear: both; float: left; margin-bottom: 20px; }
body .ctas a {width: 355px; height: 140px; display: inline; text-indent: -9999em; font-size: 1.4em; padding: 0;  }
body .ctas a#cta-whatsnew { float: left; background: url('../images/core/banner-whatsnew.jpg') no-repeat 0 0; }
body .ctas a#cta-specials { float: right; background: url('../images/core/banner-specials.jpg') no-repeat 0 0; }

/*call to action */
ul#call_to_action {height:140px; padding:10px; float:left; display:inline; margin-bottom:20px; background:url('../images/core/call_to_action.gif') repeat-x 0 0;}
ul#call_to_action li {width:140px; height:140px; text-align:center; float:left;}
ul#call_to_action li a img{border:2px solid #ffbd10;}
ul#call_to_action li a span{display:block; font: 13px "Georgia";}
ul#call_to_action li a:hover span {color:#fff;}
ul#call_to_action li a:hover img {border-color:#fff;}
ul#call_to_action li div.thumb { width: 120px; height: 120px; padding: 5px; overflow: hidden; display: block; clear: both; margin: 0 auto; text-align: center; }



/*featured area - in global.css style sharing with print*/
/*listing - in global.css style sharing with print*/

/*special for members*/
span.price, .button { display: none; visibility: hidden; }
body span.price, body .button { display: block!important; visibility: visible!important; }
span.price em {font-size:.9em;}
/*=============================================================
	Footer
=============================================================*/

#footer { width: 970px; height:100px; margin: 0 auto; display: block; padding: 0; clear: both; font-size: 1.1em; }
#footer ul#address { list-style: none; display: block; padding: 5px 0 5px 30px; height: 20px; overflow: hidden; margin: 0; background-color: #0b0201; width:940px; }
#footer ul#address li { float: left; display: block; padding-right: 25px; color: #fff; }
#footer ul#address li b { font-weight: bold; padding-right: 10px; }
#footer ul#footer-nav { width: 910px; height: 50px; overflow: hidden; display: block; list-style: none; float: left; margin: 0; padding: 0 30px; color: #b79385; }
#footer ul#footer-nav li { float: left; display: block; }
#footer ul#footer-nav li span { position: relative; top: 10px; line-height: 15px; }
#footer ul#footer-nav li.wflogo { float: right;  }
#footer ul#footer-nav a { font-weight: bold; color: #b79385; text-decoration: none; }
#footer ul#footer-nav a:hover { color: #ffbd10; text-decoration: underline; }
.footer2 {font-size: 9px; padding-left: 146px; color: rgb(183, 147, 133);}
.footerlink {text-decoration: none; color: rgb(183, 147, 133);}

/*=======================================================
 End of CSS Document for Dormar Indents
=======================================================*/

span.error {
	font-weight: bold;
	color: #C0C0C0;
	font-size: 11px;
	padding: 5px;
	height: auto;
	display: block;
	width: 300px;
}

p.container span.error {
	background: #FFF;
	border: 1px solid #000;
	color: red;
}


/* ADDED IN CART BUTTON LASSES */
.update-btn {
	background: url('../images/core/icon-update.gif') no-repeat 0 0!important;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -99999em;
	cursor: pointer;
	vertical-align: top;
}

.delete-btn {
	background: url('../images/core/icon-trash.gif') no-repeat 0 0!important;
	width: 16px;
	height: 16px;
	overflow: hidden;
	text-indent: -99999em;
	cursor: pointer;
	vertical-align: top;
}

/* Sneaky imitation stylez */

#sneaky{
	color: #fff;
	text-indent: -9999px;
}
#sneaky span{
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#B79385;
	text-transform: uppercase;
	letter-spacing: 3px;
}
#wholesale-only{
	text-indent: -9999px;
	background: url(../images/core/wholesale-only2.jpg) no-repeat;
	height: 102px;
	width: 182px;
	margin-bottom: 15px;
	margin-left: -2px;
	float: left;
	position: relative;
}
	#wholesale-only a {
		display: block;
		height: 102px;
		width: 220px;
		position: absolute;
		right: 0;
		top: 0;
		outline: none;
		cursor: pointer;
	}
	
input[readonly="readonly"] {
	color: grey !important;
	background: #ebebeb;
}

#survey-form ol li{
	list-style: none;
}
#survey-form input[type="checkbox"], #survey-form input[type="radio"]{
	width: 20px;
	margin-right: 10px;
	background: none !important;
}
#survey-form table{
	background: none;
	border: none;
}
#survey-form fieldset{
	border: 1px dotted #5a3129;
	padding-top: 20px;
	margin: 10px 0;
}
#survey-form ol li{
	margin-bottom: 10px;
}
#survey-form legend{
	font-size: 12px;
	margin-left: 20px;
}

.quick_order {width:700px; }
.quick_order tr td input{ border:2px solid #fff !important; height:21px;}
.quick_order tr th {font-size:1.3em; border-bottom:1px #000 solid; background-color:#451002;}
.quick_order th, .quick_order td {padding: 5px; text-align:left;}
.quick_order th.code, .quick_order td.code  { width: 120px;}
.quick_order td.code input {width: 100px;}
.quick_order th.quantity, .quick_order td.quantity  {width: 60px;}
.quick_order td.quantity input {width: 40px;}
.quick_order th.description, .quick_order td.description  {width: 270px;}
.quick_order th.item_price, .quick_order td.item_price  {width: 120px;}
.quick_order th.subtotal, .quick_order td.subtotal  {width: 90px; }
.quick_order th.action, .quick_order td.action  {width: 40px; }
.quick_order td p.error { font-size: 12px; color: red; }
.quick_order td {padding-bottom: 0px;}
.javascript-available{display:none;}


/* ajax items on quick order */
.ajax_code_list{position:absolute; display:none; width:auto; background:#333; padding:0; margin:0; color:#fff; line-height:20px;}
.ajax_code_list ul{list-style:none; padding:0; margin:0;}
.ajax_code_list ul li {list-style:none; padding:0 5px 0 10px; margin:0 0 0 10px; height:20px;}
.ajax_code_list .no_match{padding:2px 3px;}
.ajax_code_list .ajax_code_choice a{display:block; line-height:20px; cursor:pointer; color:#fff; padding:2px 3px;}
.ajax_code_list .ajax_code_choice a:hover{background:#6699ff; color:#fff; font-weight:bold; text-decoration:none;}
.quick_order tr td .verified {border:2px solid #99ff66 !important; background:#fff url('../images/core/tick.gif') no-repeat top right;}
.quick_order tr td .invalid {border:2px solid #ff0000 !important; background:#fff url('../images/core/small-warning.gif') no-repeat top right;}
.test_code{cursor:pointer;}

#add_to_cart-qo, #add_to_cart-qo2 {width:200px; height:25px; background: #fdaf13 url('../images/core/bg-button-off.gif') 0 0 repeat-x; color:#000000; border:1px solid #49241b!important; padding:0!important;}
#add_to_cart-qo:hover, #add_to_cart-qo2:hover { background: #8b3101 url('../images/core/bg-button-on.gif') 0 0 repeat-x; color:#ffffff; border:1px #000 solid!important;}