/* LAST UPDATED 11.18.2011 */

/*

	Table of Contents

	I.   MODULE WEBFORMS
	II.  SYSTEM MESSAGES
	III. SECURE ZONES
	IV.  MISC

*/

/* -----------------------------------------------------------
	I. MODULE WEBFORMS
----------------------------------------------------------- */

label { font-weight: bold; }

.button, 
.cat_button, 
.productSubmitInput, 
select, 
textarea, 
.textBox, 
.productTextInput, 
.cat_listbox, 
.cat_listbox_small, 
.cat_textbox, 
.cat_textbox_large, 
.cat_textbox_small, 
.cat_textbox_smaller, 
.cat_dropdown, 
.cat_dropdown_small, 
.cat_dropdown_smaller {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 .4em 0 0;
	padding: .5em .6em .35em;
	color: #444;
	border: 1px #ddd solid;
	vertical-align: middle;
}

	textarea:hover, textarea:focus, 
	.textBox:hover, .textBox:focus, 
	.productTextInput:hover, .productTextInput:focus, 
	.cat_listbox:hover, .cat_listbox:focus, 
	.cat_listbox_small:hover, .cat_listbox_small:focus, 
	.cat_textbox:hover, .cat_textbox:focus, 
	.cat_textbox_large:hover, .cat_textbox_large:focus, 
	.cat_textbox_small:hover, .cat_textbox_small:focus, 
	.cat_textbox_smaller:hover, .cat_textbox_smaller:focus { background: #fefff2; }

.textBox {
	-webkit-box-shadow: inset 0 0 3px #ccc;
	-moz-box-shadow: inset 0 0 3px #ccc;
	box-shadow: inset 0 0 3px #ccc;
}

.button, .cat_button, .productSubmitInput {
	margin: 0;
	padding: .5em 2px .35em;
	cursor: pointer;
	color: #fff;
	min-width: 60px;
	text-align: center;
	background: #38b6c4;
	border: none;
}

	.button { display: inline-block; }

	.button:hover, .cat_button:hover, .button:focus, .cat_button:focus, .productSubmitInput:hover {
		color: #fff;
		background: #f68934;
	}

	.button.go {
		min-width: 30px;
		background: #f68934;
	}

	.button.green:hover, .button.green:focus, .button.go:hover, .button.go:focus { background: #38b6c4; }

	.button.green { background-color: #80c45e; }

	.button.orange { background-color: #f68934; }

	.button.tell {
		width: 100px;
		font-size: 10px;
		text-transform: uppercase;
	}

	.button.back {
		width: 71px;
		padding: 4px 0 4px 32px;
		text-align: left;
		background: #f68934 url('../Images/arrow.gif') 5px 6px no-repeat;
	}

	.pagination .button.green { min-width: 70px; }

.cat_textbox_large { width: 250px; }
.cat_textbox, .cat_dropdown, .textBox { width: 150px; }
.mainContent .search .textBox { width: 127px; }
.cat_textbox_small, .cat_dropdown_small { width: 110px; }
.cat_textbox_smaller, .cat_dropdown_smaller { width: 60px; }

.cat_listbox {
	width: 300px;
	height: 120px;
}

.cat_listbox_small {
	width: 250px;
	height: 90px;
}

table.webform { width: auto; }

table.webform td {
	line-height: 2em;
	padding: .4em;
}

.form input, .webform input { margin-right: .1em; }

/* -----------------------------------------------------------
	II. SYSTEM MESSAGES
----------------------------------------------------------- */

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

.system-message { background: #f9f9f9 url('/CatalystImages/ok.png') no-repeat 29px 18px;	 }

.system-error-message { background: #f9f9f9 url('/CatalystImages/error.png') no-repeat 26px 26px; }

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link { color: #1969bc; }

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* -----------------------------------------------------------
	III. SECURE ZONES
----------------------------------------------------------- */

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small { width: 210px; }

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}

.product-form h3 { padding-left: 9px; }

.secure-login, .newsletter-form {
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form { padding-left: 9px; }

/* -----------------------------------------------------------
	IV. MISC
----------------------------------------------------------- */

p.literature-container img { vertical-align: middle; }

p.literature-container span.icon, p.literature-container span.name { margin: 0 3px 0 0; }

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px;
}

.favourite-registration input.cat_button { margin: 0 6px 0 0; }

#imageContainer img { margin: 0; }

table.photogalleryTable td { padding: 9px; }

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var { color: #888; }

.search-result { padding: 0 0 1.15em; }

/* -----------------------------------------------------------
	V. WEB APPS
----------------------------------------------------------- */

table.directoryListing {
	border-bottom: 1px #47280b dashed;
	margin-bottom: 3px;
}

table.directoryListing td, table.directoryListingFull td { padding: 10px 10px 30px 10px; }

td.businessLogo {
	width: 125px;
	max-width: 125px;
	padding-right: 0;
	text-align: center;
}

td.businessLogo img { width: 110px; }

table.directoryListing h4, table.directoryListing h4 a {
	color: #f68934;
	font-size: 16px;
	font-weight: normal;
	padding: 0 0 5px 0;
}

table.directoryListing h4 a:hover { text-decoration: underline; }

#webapp6814pagination, #webapp6814pagination ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#webapp6814pagination li {
	float:left;
	padding:3px;
}

li.pag-next {
       padding-left: 5px;
}