/*

filters4me.com PRIMARY STYLES

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



@font-face {
    font-family: 'TabulaITCStdBold';
    src: url('tabulaitcstd-bold-webfont.eot?') format('eot'),
         url('tabulaitcstd-bold-webfont.woff') format('woff'),
         url('tabulaitcstd-bold-webfont.ttf') format('truetype'),
         url('tabulaitcstd-bold-webfont.svg#webfontirfcEZVi') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'TabulaITCStdBook';
    src: url('tabulaitcstd-book-webfont.eot?') format('eot'),
         url('tabulaitcstd-book-webfont.woff') format('woff'),
         url('tabulaitcstd-book-webfont.ttf') format('truetype'),
         url('tabulaitcstd-book-webfont.svg#webfontYHEjLLbj') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JohnstonITCStdBold';
    src: url('johnstonitcstd-bold-webfont.eot?') format('eot'),
         url('johnstonitcstd-bold-webfont.woff') format('woff'),
         url('johnstonitcstd-bold-webfont.ttf') format('truetype'),
         url('johnstonitcstd-bold-webfont.svg#webfont6dx8rhnk') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'JohnstonITCStdLight';
    src: url('johnstonitcstd-light-webfont.eot?') format('eot'),
         url('johnstonitcstd-light-webfont.woff') format('woff'),
         url('johnstonitcstd-light-webfont.ttf') format('truetype'),
         url('johnstonitcstd-light-webfont.svg#webfont25zVF907') format('svg');
    font-weight: normal;
    font-style: normal;

}




/*   ELEMENTS    [BEGIN]


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


a {
	font-weight: bold;
	text-decoration: none;
	color: #004f7d;
}

a:hover {
	text-decoration: underline;
	color: #000000;
}

a span, button span, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, label span {
	display: none;
}

dd {
	padding: 9px 0;
}

dl {
	padding: 24px 0;
	margin: 0 0 18px 0;
}

dt {
	font-size: 1.31em;
	font-weight: bold;
	padding: 18px 0;
	border-top: 1px solid #8cb4cb;
}

em {
	font-style: italic;
}

	strong em {
		font-weight: bold;
		font-style: italic;
	}

fieldset {
	margin: 0 0 36px 0;
}

	fieldset p {
		margin: 18px 0 9px 0;
	}

html, body {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: center;
	background: #114372 url(../_media/bg_body.jpg) repeat-x top center;
	behavior: url("./_includes/csshover3.htc");
	color: #333333;
}

input {
	font-size: 1.11em;
	padding: 2px;
	font-weight: bold;
}

h1 {
	font: 3.01em JohnstonITCStdLight, Arial, Helvetica, sans-serif;
	line-height: 1.01em;
	padding: 24px 0 36px;
	color: #004267;
	letter-spacing: -0.03em;
}

h2 {
	font: 2.01em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
	padding: 0 0 36px 0;
	color: #999999;
	text-transform: uppercase;
}

h3 {
	font: 1.81em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
	padding: 0 0 18px 0;
}

h4 {
	font: 1.51em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
	padding: 6px;
	color: #ffffff;
	background: #589bb4;
}

h5 {
	font: 1.41em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
	padding: 0 0 12px 0;
}

h6 {
	font-size: 1.01em;
}

input {
	vertical-align: middle;
	margin: 0 5px 0 0;
}

label {
	font-size: 0.81em;
	line-height: 1.11em;
	margin: 3px 3px 10px 3px;
	padding: 3px;
	text-transform: uppercase;
	font-weight: bold;
	color: #006699;
	display: inline-block;
	width: 150px;
	text-align: left;
}

legend {
	font: 1.51em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
	width: 940px;
	margin: 0 0 18px 0;
	display: block;
	text-align: center;
	padding: 5px 5px;
	color: #ffffff;
	background: #589bb4;
}


p {
	padding: 0 0 12px 0;
}

strong {
	font-weight: bold;
}

sup {
	color: #95b5c8;
	line-height: 0.61em;
}

textarea {
	padding: 3px;
}




/*   ELEMENTS    [END]


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







/*   SELECTORS    [BEGIN]


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





/*   IDs    [END]


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

a#bbblink.rbhzbus {
	float: left;
	margin: 0 9px;
	vertical-align: middle;
	width: 100px;
	height: 38px;
	overflow: hidden;
}

	a#bbblink.rbhzbus:hover img {
		margin-left: -100px;
	}
	
#captchaimage {
	vertical-align: middle;
}

#containerContent  {
	border: 3px #6d86b8 solid;
	background: #fff;
	padding: 6px 25px 25px 25px;
	overflow: hidden;
	clear: both;
}

	#containerContent ol, #containerContent ul {
		padding: 12px 12px 12px 0;
		margin: 0 0 0 24px;
	}
	
	#containerContent ol li {
		list-style: decimal;
	}
	
	#containerContent ul li {
		list-style: disc;
	}
	
		#containerContent ol li,
		#containerContent ul li {
			padding: 0 0 6px 0;
		}

#containerFooter {
	/* background: #589bb4; */
	overflow: hidden;
	font-size: 0.81em;
	padding: 6px 0 12px 0;
}

	#containerFooter a {
		color: #6d86b8;
		text-decoration: none;
	}
	
	#containerFooter a:hover {
		color: #ffffff;
		text-decoration: underline;
	}
	
	#containerFooter p {
		text-align: right;
		color: #6d86b8;
		margin: 5px 10px 0 0;
	}

#content-home {
	
}

	#containerContent #content-home ol,
	#containerContent #content-home ul,
	#containerContent #content-home ol li,
	#containerContent #content-home ul li {
		margin: 0;
	}
	
	#containerContent #content-home ol li,
	#containerContent #content-home ul li {
		list-style: none;
		cursor: default;
	}
	
#content-faqs {
	width: 580px;
}

#content-form input,
#content-form textarea {
	width: 250px;
}

#content-form textarea {
	height: 77px;
	vertical-align: top;
	margin: 0 0 18px;
}
	
#errorsGlobal,
#errorNotices,
#notices {
	padding: 10px;
	margin: 0 0 24px;
}


	#errorsGlobal p,
	#errorNotices p,
	#notices p {
		padding: 0;
		margin: 0;
	}

#errorsGlobal,
#notices {
	font-size: 1.11em;
	color: #ffffff;
	background: #ff0000;
}

#errorNotices {
	background: #cccccc;
	color: #ff0000;
}
	
#filterFields {

}

#filterFieldsContainer {
	margin: 0 0 3px 36px;
	width: 500px;
	float: left;
}

#filterFieldsLeftCol, #filterFieldsRightCol {
	width: 450px;
	margin: 18px 6px;
}

#filterFieldsLeftCol {
	float: left;
}

#filterFieldsRightCol {
	float: right;
}

#filterLevel1Label {
	background: url(../_media/bg_modFilt1.jpg) no-repeat;
}

#filterLevel2Label {
	background: url(../_media/bg_modFilt2.jpg) no-repeat;
}

#filterLevel3Label {
	background: url(../_media/bg_modFilt3.jpg) no-repeat;
}

#filterTypesContainer {
	text-align: center;
}

	#filterTypesContainer label {
		height: 350px;
		width: 290px;
		font-size: 1.01em;
		vertical-align: middle;
		text-transform: none;
		padding: 9px;
		margin: 12px 3px 10px 3px;
		background-position: top left;
		cursor: pointer;
	}
	
	#filterTypesContainer label.selected {
		background-position: top right;
	}
	
		#filterTypesContainer label input {

		}

ul#formNav {
	overflow: hidden;
	border-bottom: 3px #cccccc solid;
	margin: 0 0 12px 0;
	padding: 0;
}

	ul#formNav li {
		list-style: none;
		float: left;
		margin: 0 0 5px 0;
	}
	
#formSubnav {
 clear: both;
}


#freqFieldsContainer,
#startFieldsContainer {
	width: 440px;
}

#freqFieldsContainer {
	float: left;
	margin: 0 30px 0 0;
}

	#freqFieldsContainer legend,
	#startFieldsContainer legend {
		width: 100%;
	}

#startFieldsContainer {
	margin: 0 0 0 14px;
}
	
	#startFieldsContainer p {
		margin: 0 0 12px 0;
	}

#headSignupSilver {
	background: url(../_media/head_signupSilver.png) no-repeat top left;
	width: 980px;
	height: 200px;
}
	
#logoHeader {
	width: 398px;
	height: 99px;
	margin: 6px 18px 6px 0;
	background: url(../_media/logo_header.png) no-repeat top left;
}

#mod1 {

}

#mod2 {
	background: url(../_media/bg_sub2.jpg) no-repeat top left;
	padding: 145px 0 0 0;
	height: 40px;
}

#mod3 {
	background: url(../_media/bg_sub3.jpg) no-repeat top left;
	padding: 145px 0 0 0;
	height: 40px;
}

#modFeature, #modFilters, #modProcess {
	padding: 5px;
	background: #c9d5db;
}

#modFeature {
	width: 634px;
	height: 280px;
	float: left;
	margin: 0 0 5px 0;
}

#modFeatures {
	width: 320px;
	float: right;
	margin: 0 0 5px 0;
	padding: 5px;
	background: #C9D5DB;
}

	#modFeatures h3 {
		height: 47px;
		margin: 0 1px;
		padding: 0;
		background: #c9d5db url(../_media/head_featuremod.png) no-repeat top left;
	}
	
	#modFeatures p {
		font-size: 0.95em;
		line-height: 1.01em;
		margin: 6px 9px;
		padding: 0;
	}
	
	#modFeatures ul.kwicks {
		padding: 0;
	}
	
		#modFeatures ul.kwicks li {
			padding: 0;
		}
		
			#modFeatures ul li h3 {
				background: none;
				text-align: center;
				font: 1.51em JohnstonITCStdLight, Arial, Helvetica, sans-serif;
				line-height: 1.01em;
				margin: 4px 0 4px 0;
				color: #ffffff;
				letter-spacing: -0.03em;
				text-transform: uppercase;
				height: auto;
			}
			
			#modFeatures ul li h5 {
				text-align: center;
				font: 1.51em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
				margin: 6px 0 30px 0;
				padding: 0;
				letter-spacing: -0.03em;
			}
			
			#modFeatures ul li h6 {
				text-align: center;
				font: 1.31em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
				margin: 6px 0;
				padding: 0;
				letter-spacing: -0.03em;
			}

#modProcess {
	height: 110px;
	clear: both;
}

	#modProcess h3 {
		background: #81b5cb url(../_media/head_processmod.png) no-repeat top left;
		height: 30px;
		margin: 0;
		padding: 0;
	}
	
	#modProcess h4 {
		background: none;
		padding: 0;
	}
	
	#modProcess p {
		font-size: 0.98em;
		line-height: 1.01em;
		color: #7f7f7f;
	}
	
	#containerContent #content-home #modProcess ol {
		background: #ffffff;
		padding: 4px 0 0 9px;
		overflow: hidden;
	}
	
		#containerContent #content-home #modProcess ol li {
			margin: 0 1px;
			height: 70px;
			float: left;
		}
		
		#modProcess ol li.c2a {
			text-align: center;
			width: 318px;
		}
		
			#modProcess ol li h3 {
				background: none;
			}

#navFooter {
	display: block;
	padding: 10px;
	margin: 9px 0 0 0;
	overflow: hidden;
	clear: both;
}

	#navFooter li {
		float: left;
		width: 195px;
		overflow: hidden;
	}



#navMain1 a {
	background: url(../_media/button_nav1.png) no-repeat top left;
}

#navMain2 a {
	background: url(../_media/button_nav2.png) no-repeat top left;
}

#navMain3 a {
	background: url(../_media/button_nav3.png) no-repeat top left;
}

#navMain4 a {
	background: url(../_media/button_nav4.png) no-repeat top left;
}

#navMainContainer {
	
}

	#navMainContainer li {
		display: inline-block;
	}
	
		#navMainContainer li a {
			font: 1.21em JohnstonITCStdBold, Arial, Helvetica, sans-serif;
			text-align: center;
			display: inline-block;
			width: 230px;
			height: 28px;
			padding: 5px 0;
			background: url(../_media/button_nav.png) no-repeat;
			background-position: top left;
			color: #ffffff;
		}
		
		#navMainContainer li a:hover {
			background-position: top right;
			text-decoration: none;
		}
		
	#navMainContainer li#navMain1 {
		float: right;
	}
	
#notices {
	background: #588a3c;
	margin: 0 0 6px;
}

#notices2 {
	font-size: 1.11em;
	color: #ffffff;
	background: #0f6288;
}

#orderDetailBillInfo,
#orderDetailShipInfo {
	width: 383px;	
}
		
ul#orderDetailCustInfo {
	overflow: hidden;
	margin: 0 0 36px 0;
	padding: 0;	
}

	ul#orderDetailCustInfo li {
		float: left;
		list-style: none;
	}

	ul#orderDetailCustInfo li#orderDetailShipDetail {
		padding: 15px;
		width: 145px;
		background: #DDDDDD;
	}
		
#orderDetailTable {
	width: 100%;
	margin: 0 0 36px 0;
}

	#orderDetailTable tr {
		
	}
	
		#orderDetailTable tr td, #orderDetailTable tr th {
			padding: 10px;
		}

#orderDetailShipDetail p {
	margin: 0 0 9px;
}
		
#signupForm {
	overflow: hidden;
}



#modProcess ol li#step1,
#modProcess ol li#step2,
#modProcess ol li#step3 {
	padding: 4px 10px 0 0;
	width: 200px;
}

#step1 {

}

	#step1 h4 {
		height: 25px;
		margin: 0 0 -2px 0;
	}


#step2 {

}


#step3 {

}

	#step2 h4, #step3 h4 {
		height: 25px;
		margin: 0 0 -2px 0;
	}
	
	#step1 p, #step2 p, #step3 p {
		font-size: 0.91em;
	}
	
#subcontent {
	margin: 100px 0 0 0;
}

	#subcontent li {
		text-align: center;
		float: left;
		width: 325px;
	}
	
#ui-datepicker-div {
	font-size: 0.91em;
	width: 140px;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}


/*   CLASSes    [BEGIN]


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



.addStandardFilter {
	background: url(../_media/button_addStandardFilter.png);
}

.addCustomFilter {
	background: url(../_media/button_addCustomFilter.png);
}

.buttonMoreInfo {
	background: url(../_media/button_addInfo.png) no-repeat top left;
	margin: 9px 0 0 18px;
	float: left;
}

.buttonSignUp {
	background: url(../_media/button_signUp.png) no-repeat top left;
	margin: 9px 9px 0 0 ;
	float: right;
}

.button {
	display: inline-block;
	background-position: top left;
	width: 141px;
	height: 25px;
	cursor: pointer;
	margin: 0 auto;
	vertical-align: middle;
}

	.button:hover {
		background-position: top right;
	}

.btnSignupMini {
	background-image: url(../_media/button_signup-mini.png);
	width: 68px;
	height: 68px;
}
	
.btnSignupHuge {
	background-image: url(../_media/button_signup-huge.png);
	width: 300px;
	height: 70px;
}
	
.buttonSub2 {
	background: url(../_media/button_addInfo.png) no-repeat top left;
	margin: 0 auto;
}

.buttonSub3 {
	background: url(../_media/button_comingSoon.png) no-repeat top left;
	margin: 0 auto;
}

.c2a {
	text-align: center;
	border-radius: 7px;
	box-shadow: inset 0 0 6px 0 rgba(0,0,0,0.5);
	background: rgba(0,79,125,0.1);
	padding: 6px;
}

	h3.c2a {
		clear: both;
	}
	
	li.c2a {
		text-align: center;
		border-radius: 0;
		box-shadow: none;
		background: none;
		padding: 0;
	}

.calendar {
  width: 74px;
}

.calendar {
  background: url(./_media/button_addFilter.png) no-repeat top left;
  border: 0;
  cursor: pointer;
  float: left;
  height: 20px;
  margin: 0 6px 0 0;
  width: 20px;
}

.calendar:hover,
.calendar.active {
  background-position: left bottom;
}

.checkoutButton {
	background: url(../_media/button_checkout.png);
	float: right;
}

.columnDesc {
	width: 65%;
}

.columnPrice {
	width: 15%;
}

.columnQty, th.columnQty {
	text-align: right;
	width: 20%;
}

.feature1 {
	background: url(../_media/bg_modFeat1.jpg) no-repeat top center;
}

.feature2 {
	background: url(../_media/bg_modFeat2.jpg) no-repeat top center;
}

.feature3 {
	background: url(../_media/bg_modFeat3.jpg) no-repeat top center;
}

.fieldLong {
	width: 300px;
	background: #ffffff;
	color: #777777;
	padding: 2px;
	clear: right;
}

.fieldMedium {
	width: 50px;
	background: #ffffff;
	color: #777777;
	padding: 2px;
}

.fieldShort {
	width: 36px;
	background: #ffffff;
	color: #777777;
	padding: 2px;
}

.filter1 {   
	background: #fff url(../_media/bg_modFilt1.jpg) no-repeat top left;  
}

.filter2 {  
	background: #fff url(../_media/bg_modFilt2.jpg) no-repeat top left;  
}

.filter3 {  
	background: #fff url(../_media/bg_modFilt3.jpg) no-repeat top left;  
}

fieldset#filterTypesContainer label ul.filterFeatures {
	font-size: 0.91em;
	line-height: 1.01em;
	margin: 0 0 0 3px;
}

	fieldset#filterTypesContainer label ul.filterFeatures li {
		color: #5d5d5d;
		list-style: disc;
		margin: 0 0 0 24px;
		padding: 0;
	}
	
.filterFields {
	border-bottom: 1px #dddddd solid;
	padding: 5px;
	overflow: hidden;
}

	.filterFields label {
		width: 50px;
	}

fieldset#filterTypesContainer label ul.filterTargets {
	margin: 105px 18px 0 12px;
	padding: 12px 12px 0 0;
	line-height: 1.01em;
}
	
	fieldset#filterTypesContainer label ul.filterTargets p {
		color: #000000;
		margin: 0 0 3px;
	}
	
	fieldset#filterTypesContainer label ul.filterTargets li {
		font-weight: bold;
		padding: 0; 
		margin: 0 0 0 16px;
	}
	
.footnotes {
	color: #95b5c8;
	font-style: italic;
	font-size: 0.91em;
	padding: 6px 0;
}

	.footnotes a {
		color: #95b5c8;
	}

.formButton1, .formButton2 {
	 background-repeat: no-repeat;
	 background-position: top left;
	 border: none;
	 cursor: pointer;
	 vertical-align: middle;
}

.formButton1 {
	display: inline-block;
	width: 250px;
	height: 45px;
}

.formButton2 {
	 width: 24px;
	 height: 20px;
}

.formButton1:hover, .formButton2:hover {
	 background-position: top right;
}

.formDisclaimer {
	font-size: 0.81em;
	color: #999999;
}

.formFooterNav {
	text-align: right;
	margin: 36px 0;
	padding: 8px 30px;
	background: #cadce6;
}

.formNavButton {
	padding: 9px;
	cursor: pointer;
	height: 45px;
	width: 300px;
	display: block;
	margin: 0 -5px 0 0;
	background-position: top left;
}

.formNavButton:hover {
	background-position: top right;
}

.formOptions {
	padding: 8px;
	background: #cadce6;
}

.formPage {
	background: #ffffff;
}

.formPages {
	height: 600px;
	border-left: 3px #cccccc solid;
}

.formReqField {
	
}

#home div#containerContent,
.frontpage div#containerContent {
	padding: 5px;
}

.homeLink {
	float: left;
	background: none;
}

.hovered {

}

.logoLink {
	display: block;
	width: 200px;
	height: 90px;
	background: #9cbdcb url(../_media/logo_footer.png) no-repeat right center;
}

.kwick {  
	padding: 0;
	width: 318px;
	height: 77px;
	margin: -1px 0 0 0;
	cursor: pointer;
	overflow: hidden;
}
	
.kwicks {  
    margin: 0;  
    padding: 0; 
	height: 200px;
	border: 1px #fbfcfc solid;
	display: block;
	overflow: hidden;
	position: relative;
}

	.kwicks h3 {  
		padding: 0; 
	}

.feature1, .feature2, .feature3 {

}

.modFilterPrice {
	margin: 18px 0 0 0;
	font-size: 2.01em;
	font-weight: bold;
}

.orderLine {
	border-bottom: 1px #cccccc solid;
}

.orderTotals {
	background: #cccccc;
	border-bottom: 1px #ffffff solid;
}

.page1 {

}

.page2 {

}

.page3 {

}

.rightCol {
	width: 292px;
	float: right;
	text-align: center;
}

.removeFilter {
	background: url(../_media/button_removeFilter.png);
	margin: 2px 0 0 0;
	float: right;
}

.shiptoFields input {
	clear: right;
}

.step1tab {
	background: url(../_media/button_signupNav1.png) no-repeat;
}

.step2tab {
	background: url(../_media/button_signupNav2.png) no-repeat;
}

.step3tab {
	background: url(../_media/button_signupNav3.png) no-repeat;
}

.step4tab {
	background: url(../_media/button_signupNav4.png) no-repeat;
}

.tabLink2, .tabLink3, .tabLink4 {
	display: inline-block;
	width: 141px;
	height: 70px;
	background: url(../_media/button_nextstep.png) no-repeat;
	background-position: top left;
}

.tabLink2:hover, .tabLink3:hover, .tabLink4:hover {
	background-position: top right;
	cursor: pointer;
}

.ui-datepicker {
	background: #004167;
	color: #cadce6;
	font-weight: bold;
}

	.ui-datepicker a {
		color: #cadce6;
		text-decoration: none;
	}
	
	.ui-datepicker a:hover {
		color: #ffffff;
	}

.ui-datepicker-calendar {
	width: 130px;
	margin: 5px;
}

.ui-datepicker-header a span {
	display: inline;
}

.ui-datepicker-next, .ui-datepicker-prev {
	width: 12px;
	height: 12px;
	margin: 3px;
	display: block;
	cursor: pointer;
}

.ui-datepicker-next {
 float: right;
}

.ui-datepicker-prev {
 float: left;
}

.ui-datepicker-title {
	
}

.ui-state-active {
	font-weight: bold;
}

	.ui-state-active a {
		background-position: top right;
	}
	
.ui-tabs .ui-tabs-hide {
     display: none;
}