/*
Description: Barnum Design
Author: Barnum Design
*/	

/*---- Forms -----*/

div.form_span {
	float:left;
	width: 125px;
	}
.cat_textbox_short {
	width: 140px
	}
.cat_textbox, 
.cat_textbox_short, 
.cat_listbox  {
	color: #737373;
	background-color: #cbdee7;
	padding: 3px;
	border-top: #8da7b4 1px solid;
	border-right: #fff 1px solid;
	border-bottom: #f0faff 1px solid;
	border-left: #8da7b4 1px solid;
	}
table.webform {
	width: 320px;
	}
.form input, 
.webform input {
	margin-right: 0;
	}
table.webform td {
	padding: 0;
	}
table.webform select#WorkCountry, 
table.webform select#HomeCountry {
	width: 309px;
	}
table.webform input#Captcha {
	margin: 14px 0 0 6px;
	width: 136px;
	}
table.webform span.required {
	padding-left: 4px;
	}
table.webform .image_ver {
	margin: 0;
	dispaly: block;
	float: left;
	}
table.webform #catwebformbutton {
	border-color #fff #8da7b4 #8da7b4 #fff;
	border-width: 1px;
	padding: 3px;
	width: 308px; 
	margin: 10px 0 15px 0;
	color: #737373;
	letter-spacing: 1px;
	background: #CBDEE7;
	}
table.webform #catwebformbutton:hover {
	border-color #fff #8da7b4 #8da7b4 #fff;
	color: #737373;
	background: #F0F0F0;
	}

/*---- Search Box -----*/
.search-box {
	padding: 0;
	}
.search-box input.cat_field {
	width: 217px;
	height: 14px;
	padding:2px;
	border: 1px solid #9F9F9F;
	vertical-align: middle;
	background: #dae1e7;
	color: #2B4E72;
	font-size: 11px;
	}
.search-box input.cat_button {
	padding: 0;
	margin: 0;
	vertical-align: middle;
	}

/*---- Announcement Box -----*/
.announcement-list {
	padding-bottom: 5px;
	}
.announcement-list a {
	text-decoration: none;
	}
.announcement-list a:hover {
	text-decoration: underline;
	}
.announcement-list p {
	color: #2d2d2d;
	font-size: 100%;
	line-height: 110%;
	}
.announcement-list h2 {
	font-size: 230%;
	padding-bottom: 2px;
	margin: 0 0 3px 0;
	}
.announcement-list span.date {
	font-size: 10px;
	font-weight: normal;
	font-family: verdana;
	margin: 0 0 0 13px;
	color: #757575;
	}
	
/*---- Blog ---- */
.page-body.blog .wrapper {
	padding-top: 20px;
	}
.side-panel {
	float: right;
	width: 150px;
	}
.side-panel li {
	padding: 0 0 9px 0;
	margin: 0;
	}
.side-panel ul {
	margin: 0;
	padding: 0;
	}
.side-panel h4 {
	line-height: 100%;
	padding: 0;
	margin-bottom: 9px;
	font-weight: bold;
	float: none;
	width: 150px;
	}
.side-panel hr {
	margin-bottom: 9px;
	}
.post-list {
	float: left;
	width: 502px;
	}
.blog-post h2.post-title {
	border-bottom: 0;
	color: #009bdf;
	}
.blog-post,
.post-details {
	font-size: 100%;
	}

/* ---- System Error Messages ---- */
.system-message, 
.system-error-message {
	margin: 50px 0 50px 0;
	}
	
/* ---- ---- Web Form Styling ---- ---- */
.webForm {
	/*/ spacing = 16px /*/
	/*/ visual form width = 264px  /*/
	/*/ visual form width - 2X border = 262px  (best to use a value that can be halved three times) /*/
	/*/ width: = visual form width + spacing /*/
	width: 280px;
	/*/ subtract the spacing value from the right margin of the form /*/
	margin-right: -14px;
	}	
.webForm h3 {
	padding-bottom: 15px;
	text-transform: uppercase;
	}
.webForm_wrap p {
	padding-bottom: 10px;
	}
.webForm ul {
	float:left;
	clear:both;
	width: 100%;
	padding-bottom: 12px;
	margin: 0 !important;
	}
.webForm li {
	float: left;
	list-style: none;
	padding-bottom: 10px; /* for simple, one column forms */
	}
.webForm label {
	display: block;
	padding-bottom: 2px;
	font-size: 11px;
	}
.webForm .small {
	/*/ medium form width halved /*/
	width:70px !important;
	}
.webForm .medium {
	/*/ full form width halved /*/
	width:140px !important;
	}
.webForm .large {
	/*/ full form width plus spacing value /*/
	width:280px !important;
	}
.webForm input,
.webForm select,
.webForm textarea,
.webForm img {
	display: block;
	height: auto;
	color: #666666;
}
.webForm .small input,
.webForm .small select,
.webForm .small textarea,
.webForm .small img {
	/*/ half the medium class width - half the spacing - 2X the border /*/
	width: 53px;
}
.webForm .medium input,
.webForm .medium select,
.webForm .medium textarea {
	/*/ half the large input width - half the spacing - 2X the border /*/
	width: 123px !important;
}
.webForm .medium img {
	width:120px;
}
.webForm .large textarea,
.webForm .large input,
.webForm .large select {
	/*/ visual from width - the spacing value - 2X the border /*/
	width: 262px;
}
.webForm .cat_button,
.webForm .cat_textbox, 
.webForm .cat_listbox,
.webForm .cat_dropdown {
}
.webForm .cat_checkbox, 
.webForm .cat_radio {
	display:inline !important;
	width:auto !important;
	border:0;
	background: none;
}
/*.webForm select,*/
.webForm .large input,
.webForm .medium input,
.webForm .small input {
	background: url(/Images/cat_input_bg.gif) left top repeat-x;
	/*/ border value /*/
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	height: 17px; 
}
.webForm textarea {
	}
.webForm .cat_fileAtt {
	height: auto !important;
	}

/* -- Custom Buttons -- */
.webForm .cat_button {
}
.webForm .cat_button.custom {
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 90%;
	padding-bottom: 2px;
}
.webForm .cat_button.custom:hover {
	color: #fff;
	cursor: pointer;
}

/* -- Store Locator -- */

.store_locator .search {
float:left;
}
.store_locator .map {
padding-bottom:25px;
}
.store_locator .results {
float:right;
width:340px;
padding-top: 13px;
}
.store_locator .results ul.list li {
list-style: none;
padding-bottom: 10px;
font-size: 130%;
}
.store_locator .results a:hover {
text-decoration:underline;
}
.store_locator.detail ul.info li {
list-style: none;
padding-bottom: 10px;
font-size: 120%;
}