/* it's soapdesigned.com
*/

* { margin:0; padding:0;}
img, a img { border:none; }
a { color:#5D5D9F; text-decoration:underline; }
a:hover { color:#000B6B; }
p { margin:0 0 15px; line-height:1.5em; }
h1, h2, h3, h4 { letter-spacing:-.05em; line-height:1.1em; font-weight:normal; }

.floatleft { float:left; }
.floatright { float:right; }
img.floatleft,
.box.floatleft { float:left; margin:0 15px 15px 0; }
img.floatright,
.box.floatright { float:right; margin:0 0 15px 15px; }

.clear { clear:both; }
.hide { display:none; }

body { font-family:Helvetica, Arial, sans-serif; color:#4d4d4d; font-size:83%; background:#fff url(../img/bg.gif) repeat-x; }

.wrap { width:1000px; margin:0 auto; position:relative; }
#header { width:1000px; height:182px; background:url(../img/header.jpg) no-repeat; position:relative; }
#headnav { width:100%; height:72px; position:absolute; top:110px; left:0; background:url(../img/headnav.png) repeat-x; }
      	#headnav .shadow { width:794px; height:33px; position:absolute; top:-39px; left:72px; background:url(../img/headnav_shadow.png) no-repeat; }
	#headnav .wrap { height:53px; margin-top:6px; background:url(../img/headnav_wrap.jpg) no-repeat; }
#container { width:1000px; padding:50px 0; position:relative; }
#footer { width:100%; background:url(../img/footer.jpg) repeat-x; }
	#footer .wrap { background:; }
        #footer #foot { width:1224px; margin-left:-108px; padding:0 0 130px; background:url(../img/footer_wrap.jpg) no-repeat; }

/*header*/
#header #slideshow { width:687px; height:623px; position:absolute; top:0; left:48px; overflow:hidden; }
	#slideshow img { position:absolute; top:0; left:0; display:none; }
	#slideshow img.active { display:block; }


#header #gallery { width:510px; height:310px; position:absolute; top:15px; left:210px; overflow:hidden; }
	#gallery a { margin:0 10px 10px 0; float:left; border:1px solid #ACB2BF; }
	#gallery a:hover { border-color:#787A80; filter:alpha(opacity=80) -moz-opacity:.80; opacity:.80; }
	
#header #headtxt { width:390px; position:absolute; top:540px; right:169px; color:#000B6B; font-family:Georgia, "Times New Roman", serif; }

#header h2.logo { position:absolute; top:0px; left:0; }
	#header h2.logo a { width:340px; height:105px; display:block; text-indent:-9999px; outline:none; }

#header h2.claim { width:399px; height:42px; position:absolute; top:32px; right:0; text-indent:-9999px; background:url(../img/claim.png) no-repeat; }



/*headnav*/
#headnav .navmain { /*width:595px;*/ height:53px; float:left; border-right:1px solid #DEE0E5; }
	#headnav .navmain a { padding:12px 0 10px; margin:-6px 15px 0 0; float:left; border-top:6px solid #DEE0E5; }
	#headnav .navmain a:hover { border-color:#ACB2BF; }
	#headnav .navmain a.active { border-color:#000B6B; }
	#headnav .navmain a.nav_dealers.active { border-color:#C1272D; }

				/*below: subtract pad*/
#headnav .navsub { width:140px; height:29px; padding:12px 15px; float:left; border-left:1px solid #FCFCFC; border-right:1px solid #DEE0E5; }
#headnav .navdealers { height:29px; padding:12px 15px; float:left; border-left:1px solid #FCFCFC; border-right:1px solid #DEE0E5; }
#headnav .navsocial { height:29px; padding:12px 15px; float:left; border-left:1px solid #FCFCFC; border-right:1px solid #DEE0E5;
			-moz-box-shadow:#FCFCFC 1px 0 0; -webkit-box-shadow:#FCFCFC 1px 0 0; box-shadow:#FCFCFC 1px 0 0; }	



/*footer*/
#footer h2.logo { position:absolute; top:82px; right:-15px; }
	#footer h2.logo a { width:425px; height:230px; display:block; text-indent:-9999px; outline:none; }
#footer h2.claim { width:399px; height:42px; position:absolute; top:21px; right:-5px; text-indent:-9999px; background:url(../img/claim.png) no-repeat; }



#footnav .navmain { width:260px; position:absolute; top:100px; left:0; border-right:2px solid #DEE0E5; }
	#footnav .navmain a { width:230px; padding:10px 30px 10px 0; }
	#footnav .navmain a.nav_dealers { padding-bottom:15px; border-bottom:6px solid #DEE0E5; }
	
		#footnav .navmain a.nav_dealers { position:absolute; top:0; left:0; }
		#footnav .navmain { padding-top:70px; }

		#footnav .navmain a:hover .top { color:#000B6B; }
		
#footnav .navsub { width:150px; padding:110px 0 20px 400px; }
#footnav .navdealers { padding:0 0 0 400px; }
#footnav .navsocial { padding:15px 0 0 400px; }

#footnav .footcopy { width:; margin:50px 0 0 400px; color:#B3B3B3; }
#footnav .footcopy p { margin:0; line-height:1.1em; }
#footnav .footcopy a { color:#B3B3B3; }
#footnav .footcopy a.btn { float:left; }
	


/*container*/
#content { width:560px; float:left; margin:0 50px 0 0; }
#sidebar { width:390px; float:left; }

#content.right { margin:0 0 0 50px; }




/*global*/
/*txt*/
#content h1 { margin:0 0 30px; color:#5D5D9F; font-size:4.3em; line-height:.9em; font-family:Georgia, "Times New Roman", serif; }
#content h1.bg {margin:0 0 30px; background-image: url(../img/download.png); background-repeat: no-repeat; background-position: 350px; height:68px;}

#content h2 { margin:40px 0 20px; color:#5D5D9F; font-size:3em; font-family:Georgia, "Times New Roman", serif; }
#content h3 { margin:20px 0 15px; color:#787A80; font-size:1.5em; }
#content h4 { margin:40px 0 20px; color:#E37835; font-size:2em; font-weight: bold; }
#content h5 { color:#5D5D9F; font-size:1.3em; font-style: italic; }

#content a.list { padding-left:30px; color:#5D5D9F; font-size:1.5em; font-family:Georgia, "Times New Roman", serif; text-decoration: none; background-image: url(../img/down_arrow.png); background-repeat: no-repeat; background-position: 0px; }
#content a.list:hover { padding-left:30px; color:#5D5D9F; font-size:1.5em; font-family:Georgia, "Times New Roman", serif; text-decoration: underline; background-image: url(../img/down_arrow.png); background-repeat: no-repeat; background-position: 0px;}

#content h2.floatleft { margin:11px 30px 0 0; }

#sidebar h2 { margin:0 0 20px; color:#8C8A9E; font-size:2.2em; font-weight:bold; }
#sidebar h3 { margin:0 0 10px; color:#8C8A9E; font-size:1.5em; font-weight:bold; }
#sidebar p { color:#8C8A9E; }

#sidebar img{ margin-bottom:30px; }

a.small { font-size:.8em; }
a.small.floatleft { margin-top:13px; }

.txtgray { color:#999; }
.txtblue { color:#73C3E7; }
.txtred { color:#FF0000; }
.txtpurple { color:#5D5D9F; }


/*box*/
.box { padding:15px; margin:0 0 30px; background:#EBECEF; border-top:6px solid #DEE0E5; }
	.box.topblue { border-color:#73C3E7; }
	
	.box h2 { color:#787A80 !important; }
	.box p { color:#4d4d4d !important; }
        .box img { margin-bottom:15px }
	
	
	.box.expandable { margin:0 0 5px; }
                .box.expandable .see { min-height:20px; padding:15px 70px 15px 15px; margin:-15px -15px; position:relative; cursor:pointer; }
			.box.expandable .see .control { padding:15px 20px 15px 20px; display:block; color:#ACB2BF; font-size:.9em; position:absolute; top:0; right:0; border-left:1px solid #DEE0E5; }

			.box.expandable .see:hover { background:#f1f1f1; }
			.box.expandable .see:hover .control { color:#787A80; }

                .box.expandable h3 { margin:0 !important; font-size:1.2em !important; letter-spacing:normal; }
		
		.box.expandable .hide { padding:15px 0; margin:15px 0 0; border-top:1px solid #DEE0E5; }
			.box.expandable .hide .close { padding:15px 0 0; display:block; clear:both; text-decoration:none; color:#ACB2BF; font-size:.9em; text-transform:uppercase; border-top:1px solid #DEE0E5; }
			.box.expandable .hide .close:hover { color:#787A80; }

			.box.expandable a.tbtn { margin-bottom:15px; }
	
	
	.box.whatis { position:relative; }
		.box.whatis img { float:right; margin:0 -70px 0 15px; }

        .box.teampic { width:327px; }
			
	
/*sidecheck*/
.sidecheck { padding:10px 0 0 40px; background:url(../img/icon_checkgreen.png) no-repeat; }
	.sidecheck h3 { margin:0 0 15px !important; color:#8CC63F !important; }
	
/*quote*/
.quote { padding:16px 0 20px 60px; margin:0 0 20px; background:url(../img/icon_quote.png) no-repeat; border-bottom:1px dashed #DEE0E5; }
	.quote p { margin:0 0 5px; color:#787A80; font-style:italic; font-size:1.4em; line-height:1.1em; font-family:Georgia, "Times New Roman", serif; }
	.quote p.by { color:#999; font-size:.9em; font-family:Helvetica, Arial, sans-serif; font-style:normal; }
	
	
/*sepa*/
.sepa { width:100%; height:1px; margin:50px 0; clear:both; border-bottom:2px solid #DEE0E5; }
#sidebar .sepa { margin:25px 0; }

	
	
/*nav*/
.navmain { letter-spacing:-.05em; line-height:1em; }
.navmain a { display:block; text-decoration:none; }
.navmain a .top { margin:0 0 5px; display:block; color:#5D5D9F; font-size:1.2em; font-weight:bold; text-transform:uppercase; }
	.navmain a.nav_dealers .top { color:#C1272D; }
.navmain a .sub { color:#ACB2BF; font-style:italic; font-family:Georgia, "Times New Roman", serif; }

.navsub, .navdealers { letter-spacing:-.05em; line-height:1.1em; }
.navdealers .title { color:#ACB2BF; font-weight:bold; font-style:italic; text-transform:uppercase; font-size:1.1em; }

.navsub a, .navdealers a { padding:0 10px 0 0; display:block; float:left; font-size:1.1em; color:#73C3E7; text-decoration:none; }
.navsub a:hover, .navdealers a:hover { color:#5D5D9F; }
.navsub a.active, .navdealers a.active { color:#000B6B; }

.navsocial {}
.navsocial a.btn { float:left; }


/*btn*/
.btn { display:block; text-indent:-9999px; outline:none; }
input.btn { border:none; font-size:0px; line-height:0px; cursor:pointer; }
.btn:hover { background-position:left bottom !important; }
.btn.facebook { width:28px; height:28px; background:url(../img/btn_facebook.png) no-repeat; }
.btn.twitter { width:28px; height:28px; background:url(../img/btn_twitter.png) no-repeat; }
.btn.gannonfaul { width:92px; height:14px; background:url(../img/btn_gannonfaul.png) no-repeat; }
.btn.soapdesigned { width:117px; height:14px; background:url(../img/btn_soapdesigned.png) no-repeat; }	
	
.icon_loading { width:28px; height:28px; background:url(../img/icon_loading.gif) no-repeat; }

.icons.bracket_info_req { width:482px; height:114px; background:url(../img/icons_bracket_info_req.gif) no-repeat; }


/*lists*/
ul.arrlist {
	list-style:none;
	margin-left: 30px;
}
	.arrlist li { padding:0 0 0 20px; margin:0 0 12px; color:#2E3192; line-height:1em; background:url(../img/icon_arrlist_dblue.png) no-repeat; }


/*tbtn*/
.tbtn { padding:6px 8px 8px; margin:0 15px 0 0; display:block; float:left; font-size:1.1em; line-height:1.1em; letter-spacing:-.05em; font-weight:bold; text-decoration:none; }

	.tbtn.big { padding:10px 12px; }
	.tbtn.big .top { margin:0 0 3px; text-transform:uppercase; display:block; font-size:1.2em; }
	.tbtn.big .sub { font-size:.9em; font-style:italic; font-family:Georgia, "Times New Roman", serif; font-weight:normal; letter-spacing:normal; }

	/*gray*/
	.tbtn.gray { color:#999;
		border:1px solid #ccc; border-top:6px solid #E6E6E6; 
		background:#E6E6E6;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#fff), to(#E6E6E6));
		background-image: -webkit-linear-gradient(top, #fff, #E6E6E6, #E6E6E6);
		background-image:    -moz-linear-gradient(top, #fff, #E6E6E6, #E6E6E6);
		background-image:     -ms-linear-gradient(top, #fff, #E6E6E6, #E6E6E6);
		background-image:      -o-linear-gradient(top, #fff, #E6E6E6, #E6E6E6); 
		background-image:         linear-gradient(top, #fff, #E6E6E6, #E6E6E6);
	}
	.tbtn.gray:hover { color:#73C3E7; border-color:#ccc; 
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#E6E6E6), to(#fff));
		background-image: -webkit-linear-gradient(top, #E6E6E6, #E6E6E6, #fff);
		background-image:    -moz-linear-gradient(top, #E6E6E6, #E6E6E6, #fff);
		background-image:     -ms-linear-gradient(top, #E6E6E6, #E6E6E6, #fff);
		background-image:      -o-linear-gradient(top, #E6E6E6, #E6E6E6, #fff); 
		background-image:         linear-gradient(top, #E6E6E6, #E6E6E6, #fff);
	}
	
	/*blue*/
	.tbtn.blue { color:#fff; border:1px solid #5D5D9F; border-top:6px solid #8FCFEC;
		background:#5D5D9F;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#73C3E7), to(#5D5D9F));
		background-image: -webkit-linear-gradient(top, #73C3E7, #5D5D9F, #5D5D9F);
		background-image:    -moz-linear-gradient(top, #73C3E7, #5D5D9F, #5D5D9F);
		background-image:     -ms-linear-gradient(top, #73C3E7, #5D5D9F, #5D5D9F);
		background-image:      -o-linear-gradient(top, #73C3E7, #5D5D9F, #5D5D9F); 
		background-image:         linear-gradient(top, #73C3E7, #5D5D9F, #5D5D9F);
	}
	
	.tbtn.blue:hover { border-top:6px solid #0ff;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#5D5D9F), to(#73C3E7));
		background-image: -webkit-linear-gradient(top, #5D5D9F, #5D5D9F, #73C3E7);
		background-image:    -moz-linear-gradient(top, #5D5D9F, #5D5D9F, #73C3E7);
		background-image:     -ms-linear-gradient(top, #5D5D9F, #5D5D9F, #73C3E7);
		background-image:      -o-linear-gradient(top, #5D5D9F, #5D5D9F, #73C3E7); 
		background-image:         linear-gradient(top, #5D5D9F, #5D5D9F, #73C3E7);
	}
	
	.tbtn.blue .sub { color:#73C3E7; }
	.tbtn.blue:hover .sub { color:#0ff; }
	
	/*red*/
	.tbtn.red { color:#fff; border:1px solid #C1272D; border-top:6px solid #F7931E;
		background:#C1272D;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#F15A24), to(#C1272D));
		background-image: -webkit-linear-gradient(top, #F15A24, #C1272D, #C1272D);
		background-image:    -moz-linear-gradient(top, #F15A24, #C1272D, #C1272D);
		background-image:     -ms-linear-gradient(top, #F15A24, #C1272D, #C1272D);
		background-image:      -o-linear-gradient(top, #F15A24, #C1272D, #C1272D); 
		background-image:         linear-gradient(top, #F15A24, #C1272D, #C1272D);
	}
	
	.tbtn.red:hover { border-top:6px solid #FBB03B;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#C1272D), to(#F15A24));
		background-image: -webkit-linear-gradient(top, #C1272D, #C1272D, #F15A24);
		background-image:    -moz-linear-gradient(top, #C1272D, #C1272D, #F15A24);
		background-image:     -ms-linear-gradient(top, #C1272D, #C1272D, #F15A24);
		background-image:      -o-linear-gradient(top, #C1272D, #C1272D, #F15A24); 
		background-image:         linear-gradient(top, #C1272D, #C1272D, #F15A24);
	}

	.tbtn.red .sub { color:#F7931E; }
	.tbtn.red:hover .sub { color:#FBB03B; }
	
	
	
/*form*/
.errmessage { padding:15px; margin:0 0 20px; background:#FFFFE8; border:1px solid #F7931E; text-align:center; }
.errmessage h3 { margin:0 !important; }
.errmessage p { margin:0; }

form h3 { margin:30px 0 20px 130px !important; }
form p { margin:0 0 20px 130px; color:#888; }

form .row { margin:0 0 6px; overflow:hidden; }

form label { width:120px; margin:9px 10px 0 0; float:left; display:block; text-align:right; line-height:1em; }
input.formtxt,
select,
textarea { padding:6px; float:left; border:1px solid #ccc; border-top:6px solid #ccc;
	font-size:1em; font-family:Helvetica, Arial, sans-serif; color:#888;
	background:#e6e6e6;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#f2f2f2), to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
	background-image:    -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
	background-image:     -ms-linear-gradient(top, #f2f2f2, #e6e6e6);
	background-image:      -o-linear-gradient(top, #f2f2f2, #e6e6e6); 
	background-image:         linear-gradient(top, #f2f2f2, #e6e6e6);
}

input.formtxt:focus,
select:focus,
textarea:focus { border-color:#73C3E7; color:#333;
	background:#f2f2f2;
	background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#f2f2f2), to(#fff));
	background-image: -webkit-linear-gradient(top, #f2f2f2, #fff);
	background-image:    -moz-linear-gradient(top, #f2f2f2, #fff);
	background-image:     -ms-linear-gradient(top, #f2f2f2, #fff);
	background-image:      -o-linear-gradient(top, #f2f2f2, #fff); 
	background-image:         linear-gradient(top, #f2f2f2, #fff);
} 

form .inline { margin:0 5px 0 0; }

input.formtxt { width:390px; }
textarea { width:390px; height:100px; }
select { width:404px; }

input.formtxt.short { width:90px; }
input.formtxt.aftershort { width:280px; }

select.short { width:104px; }
select.aftershort { width:314; }

input.tbtn { margin:30px 0 0 130px; cursor:pointer; }



	
/*z*/
#header,
#container { z-index:100; }
#headnav { z-index:600; }

#slideshow img { z-index:100; }
#slideshow img.active { z-index:110; }



/*big header*/
body#b_index { background-image:url(../img/bg_special.gif); }

#b_index #header { width:1381px; height:696px; margin:0 0 0 -210px; background-image:url(../img/header_special.jpg); }
#b_index #headnav { top:448px }

#b_index #header h2.logo { top:50px; right:110px; left:auto; }
#b_index #header h2.logo a  { width:495px; height:260px; }

#b_index #header h2.claim { top:386px; right:161px; }



/*special pages*/
	/*safety*/
#b_safety #container { padding-bottom:250px; background:url(../img/content/safety/bg_safety.jpg) no-repeat 0 500px; }


	/*search*/
#b_compatibility #content { width:1000px; float:none; }

	#b_compatibility #content p.small { font-size:.8em; line-height:1.3em; color:#888; }

	#b_compatibility #content .step1 { padding:0 15px 20px 0; margin:0 15px 0 0; border-right:1px dashed #ccc;}
	#b_compatibility #content .step1 h3 { margin-top:0; }

	#b_compatibility #content .col { float:left; }
	#b_compatibility #content .col.col1 { width:200px; padding:0 20px 0 0; }
	#b_compatibility #content .col.col2 { width:200px; padding:0 20px 0 15px; margin:0 0 0 15px; border-left:1px dashed #ccc; }
	#b_compatibility #content .col.col3 { width:497px; padding:0 0 0 15px; margin:0 0 0 15px; border-left:1px dashed #ccc; }
	
		#b_compatibility #content .col.col1 .mresults,
		#b_compatibility #content .col.col2 .mresults { padding:0 5px 0 0; overflow:auto; overflow-x:hidden; }

	
	#b_compatibility #content h2 { color:#5D5D9F; }
	#b_compatibility #content h3 { color:#73C3E7; }
	#b_compatibility #content p em { line-height:1.1em; }
	
	#b_compatibility #filter ul.mresults { width:200px; list-style:none; border-top:1px solid #ccc; }
	#b_compatibility #filter .mresults li {}
	#b_compatibility #filter .mresults li p { padding:7px 0; margin:0; color:#888; line-height:1.1em; border-bottom:1px dashed #ccc; }
	#b_compatibility #filter .mresults li a { padding:4px 8px; display:block; text-decoration:none; color:#888; border-bottom:1px dashed #ccc; }
	#b_compatibility #filter .mresults li a:hover { background:#73C3E7; color:#fff; }
	#b_compatibility #filter .mresults li a.active { background:#5D5D9F; color:#fff; }

	#b_compatibility #filter .mresults li p a { padding:0; display:inline; color:#5D5D9F; border:none; }
	#b_compatibility #filter .mresults li p a:hover { background:transparent; color:#000B6B; }
	

	
	#b_compatibility #filter .mresults .icon_loading { padding:5px; margin:10px auto; /*border:1px solid #ccc; background-color:#fff;*/ background-position:center; }
	
	#b_compatibility #content .txtsmall { padding:15px 0 0; margin:50px 0 0; font-size:.8em; border-top:1px dashed #ccc; }
	#b_compatibility #content .txtsmall p { line-height:1.2em; }


        
        #b_compatibility #content .col3 .bracket { padding:15px; margin:0 0 10px;
        	border:1px solid #ccc;
		-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
		background:#e6e6e6;
		background-image: -webkit-gradient(linear, 0% 0%, 100% 100%, from(#f2f2f2), to(#e6e6e6));
		background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
		background-image:    -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
		background-image:     -ms-linear-gradient(top, #f2f2f2, #e6e6e6);
		background-image:      -o-linear-gradient(top, #f2f2f2, #e6e6e6); 
		background-image:         linear-gradient(top, #f2f2f2, #e6e6e6);
        }
        #b_compatibility #content .col3 .bracket h3 { margin:0 0 10px; color:#5D5D9F; } 
        #b_compatibility #content .col3 .bracket p { margin:0; line-height:1.1em; } 

        #b_compatibility #content .col3 .bracket .option { padding:8px; margin:0 10px 0 0; 
        	color:#fff; font-weight:bold; font-size:1.3em; float:left; text-align:center;
        	-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
        	background:#5D5D9F; border:1px solid #5D5D9F;
        }

        #b_compatibility #content .col3 .bracket .option small { font-weight:normal; font-size:.5em !important; text-transform:uppercase; display:block; color:#e6e6e6; }

        #b_compatibility #content .col3 .icons.bracket_info_req { padding:15px 0; margin:25px 0 15px; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; background-position:0 15px; }