/* CSS SECTIONS
   ================================================================

	- MESSAGE LAYOUT
   
	- ERROR MESSAGE
   
	- SUCCESS MESSAGE
   
	- WARNING MESSAGE
   
	- NOTICE MESSAGE

   ================================================================ */
   
   

/* MESSAGE LAYOUT
   ---------------------------------------------------------------- */ 

.message {
	margin: 0px 0px 15px 0px;
}

.message p {
	margin: 5px;
	padding-left: 20px;
	text-align: left;
}



/* ERROR MESSAGE
   ---------------------------------------------------------------- */ 

#message_error {
	border: 1px solid #900;
	background: #fee;
}

#message_error p {
	color: #900;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	background: url(../media/icons/exclamation.gif) no-repeat;
}



/* SUCCESS MESSAGE
   ---------------------------------------------------------------- */ 
   
#message_success {
	border: 1px solid #090;
	background: #efe;
}

#message_success p {
	color: #090;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	background: url(../media/icons/accept.gif) no-repeat;
}



/* WARNING MESSAGE
   ---------------------------------------------------------------- */ 
   
#message_warning {
	border: 1px solid #c90;
	background: #ffe;
}

#message_warning p {
	color: #c90;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	background: url(../media/icons/error.gif) no-repeat;
}



/* NOTICE MESSAGE
   ---------------------------------------------------------------- */ 
   
#message_notice {
	border: 1px solid #ddf;
	background: #f8f8ff;;
}

#message_notice p {
	color: #039;
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	padding-left: 20px;
	background: url(../media/icons/information.gif) no-repeat;
}

/* MISC_CLASSES
   ---------------------------------------------------------------- */

.inline {
	display: inline;
}

.hide, .hide-from-screen {
	display: none;
}

.catalogue-ordered-list {
	list-style: circle;
	color: #009;
	float: left;
}

.nobold {
	font-weight: normal !important;
}

.priceField {
	text-align: right;
}

.back-link {
	padding-left: 18px;
	background: url(../media/icons/arrow_left.gif) left center no-repeat;
}

td.quantity {
	text-align: center;
}

.help {
	cursor: help;
}

.rightHelpIcon {
	padding-right: 19px;
	background: url(../media/icons/help.gif) no-repeat right;
}

.leftHelpIcon {
	padding-left: 19px;
	background: url(../media/icons/help.gif) no-repeat left;
}

.helpText {
	padding-left: 19px;
	background: url(../media/icons/help.gif) no-repeat;
}

.printIcon {
	float: left;
	margin-right: 5px;
}

.contentBlock {
	margin-left: 20px;
	margin-right: 20px;
}


.nowrap {
	white-space: nowrap;
}

.wrap {
	white-space: normal;
}

.note {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	padding-left: 20px;
	background: url(../media/icons/information.gif) left center no-repeat;
}

.secondRow {
	background: #F8F8FF;
}

.checkbox {
	background:transparent none repeat scroll 0%;
	border:medium none;
}
.basket-checkbox {
	float:right;
	margin-left:30px;
	margin-top:2px;
}
.basket-checkbox-foot {
	float:left;
	margin-left:14px;
	margin-top:2px;
}
.remove-selected {
	float:left;
	cursor:pointer;
	border:none;
	margin:0;
}
#add-selected-div {
	text-align:right !important;
	margin-top:10px;
}

#add-selected-div-top {
	text-align:right !important;
	margin-bottom:10px;
}

#add-selected-div-top2 {
	float:right;
	margin-right:20px;
}

.t4list, .ajaxListLoaderContainer {
	/* display: none; */
	padding-left: 25px;
}
.t4list .please-wait-loading {
	background: url(../media/loading.gif) left no-repeat;
	padding-left: 25px;
}
.t4list .ajax-load-error {
	background: url(../media/icons/error.gif) left no-repeat;
	padding-left: 25px;
}

/* NOT USED YET
.narrowBasketAdd {
	background: url(../media/icons/basket_add.gif) left no-repeat !important;
	width: 25px !important;
	padding-left: 25px !important;
	overflow: hidden !important;
}
*/

#usernameAvailabilityIndicator {
	padding-right: 25px;
}
#usernameAvailabilityIndicator.checkedAvailable {
	background: url(../media/icons/accept.gif) no-repeat right center;
}
#usernameAvailabilityIndicator.checkedUnAvailable {
	background: url(../media/icons/exclamation.gif) no-repeat right center;
}
#usernameAvailabilityIndicator.checkedInvalid {
	background: url(../media/icons/error.gif) no-repeat right center;
}
#usernameAvailabilityIndicator.notChecked {
}

/*#captchaIndicator {
	padding-left: 20px;
}*/
#registration-form #captchaIndicator input {
	margin: 0 !important;
}
#main-login-form #captchaIndicator {
	padding-left: 7px !important;
}
#main-login-form #captchaIndicator input {
	margin: 0 !important;
}
/* #captchaIndicator.correct {
	background: url(../media/icons/accept.gif) no-repeat left 5px;
}
#captchaIndicator.incorrect {
	background: url(../media/icons/exclamation.gif) no-repeat left 5px;
}
#captchaIndicator.notChecked {
} */

.file {
	margin-left: 20px;
	border-bottom: 1px dashed #eee;
}
.file h4 {
	margin-bottom: 0;
}
.file p {
	margin-top: 0;
}

.minimumOrderQty {
	font-size:10px;
	font-weight:bold;
}



/* CSS SECTIONS
   ================================================================

   - DATE PICKER
   - DATE PICKER CONTROL

   ================================================================ */


/* DATE PICKER
   ---------------------------------------------------------------- */

.datePicker {
	position:absolute;
	z-index:9999;
	background: none;
	width:230px !important;
}

.datePicker table {
	margin-top:2px;
	padding:0;
	border: 1px solid #ccc;
	background:#fff url(../media/datepicker/gradient2.gif) repeat-x 0 -20px;
	text-align:center;
	border-bottom: 2px solid #ccc;
}
.datePicker th button {
	display:inline;
	padding:0;
	margin:0;
	color:#000;
	height:1em;
	width:0.9em;
	line-height:0.8em;
	border-width:0;
	font-family: georgia, times new roman, palatino, times, bookman, serif;
	background:transparent;
	font-weight: bold;
	cursor:pointer;
}
.datePicker th button:active,
.datePicker th button:focus,
.date-picker-control:active,
.date-picker-control:focus {
	outline:none;
}
.datePicker th button.prev-but  {
	text-align:left;
}
.datePicker th button.next-but {
	text-align:right;
}
.datePicker th button.fd-day-header {
	text-align:center;
	margin:0 auto;
	font:900 1em Verdana, Sans-Serif;
	height:auto;
	width:auto;
	text-decoration:none;
	line-height:1.4em;
}
.datePicker table td {
	border: 1px solid #ccc;
	width: 15px;
	cursor:default;
	padding: 5px;
    /* Opera requires a line-height bigger than 1em in order to redraw properly */
    line-height:1.2em;
	background:#fff;
}
.datePicker table th {
	border:0 none;
	padding:0;
	line-height:1em;
	font-weight:bold;
	color:#222;
	text-align:center;
}
.datePicker table th.date-picker-day-header {
	text-transform:uppercase;
	cursor:help;
}
.datePicker table td.date-picker-today {
	background:#fff url(../media/datepicker/bullet1.gif) no-repeat 0 0;
	color: #ffcc99 !important;
}
.datePicker table td.date-picker-selected
{
	background:#fff url(../media/datepicker/bullet2.gif) no-repeat 0 0;
	color: #99ccff !important;
}
td.date-picker-highlight {
  color:#333 !important;
}
.datePicker table td.out-of-range {
	color:#222 !important;
}
.datePicker table td.date-picker-hover {
	background:#fff url(../media/datepicker/bg_header.jpg) no-repeat 0 0;
	cursor:pointer;
	color: #6482aa;
}

/* DATE PICKER CONTROL
   ---------------------------------------------------------------- */
.date-picker-control {
	border:0;
	padding:0;
	margin-left:4px;
	background: url(../media/icons/calendar.gif) no-repeat;
	width:16px;
	height:16px;
	margin-top:2px;
	vertical-align:top;
	cursor:pointer;
}
.date-picker-control:hover {
	background: url(../media/icons/calendar-hover.gif) no-repeat !important;
	padding: 0 !important;	
	border: 0;
}


#overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;	
	height: 5000px;
	background: #000;
	-moz-opacity: 0.8;
	opacity: 0.8;
	z-index: 900;
	display:none;
}

#lightbox {
	top: 75px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 100;
	text-align: center !important;
	z-index: 1000;
	display:none;
}

#lightboxContent {
	margin: 0 auto;
	background: #fff;
	width: 360px;
	z-index: 2000;
	text-align:left;
	padding: 10px 5px 0 5px;
	overflow: scroll;
	border: 10px solid #ccc;
}


html[xmlns] #lightboxContent {
	padding: 5px 15px 25px 15px;
}

#lightboxContent h3 {
	border-bottom: 1px solid #999;
}

#lightbox p {
	font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}

div#tooltip {
	padding: 3px;
	margin: 6px;
	background: #f6f6f6;
	border: 1px solid #ccc;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	z-index: 9999;
	height: auto;
	width: auto;
	max-width: 300px;
	text-align: left;
	position:absolute;
}