/****************** Index of Style-Positions.css *******************/
/* 
This file is divided up into 3 sections - please find them below:
	-> Tag Reset : Resets defaults.
	-> Main Structure : Mast Head, Mast Content, Mast Footer
	-> Page-Per-Page : Differing sub-page styles
*/
/*******************************************************************/

/* ------------------------------------------------ */
/*	TAG RESET										*/
	html, body, div, span, applet, object, iframe {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	}
	
/* ------------------------------------------------ */
/*	MAIN STRUCTURE									*/

	html { margin: 0px; padding: 0px; min-width: 947px; }
	body { margin: 0px; background: #ffffff url('../images/bg.gif') repeat-x; }
	
	.outer { width: 947px; margin: 0px auto; position: relative; }
	.wrapper { width: 947px; text-align: left; position: relative; }
	
	/* ------------------------------------------------ */
	/*	MAST HEAD										*/
	
		.mast_head {
		width: 947px;
		height: 99px;
		float: left;
		position: relative;
		}
			.mh_logo { width: 343px; height: 52px; float: left; margin: 33px 0px 0px 11px; display: inline; }
			.mh_nav { width: 419px; float: left; margin: 50px 0px 0px 0px; }
			.mh_search { width: 172px; float: left; margin: 48px 0px 0px 0px; }
				.mh_search_field { width: 151px; height: 20px; float: left; }
				.mh_search_btn { width: 21px; height: 20px; float: left; }
			.mh_flap { width: 129px; height: 24px; position: absolute; top: 0px; right: 0px; margin: 0px 45px 0px 0px; }
		
	/* ------------------------------------------------ */
	/*	MAST CONTENT									*/
	
		.mast_content {
		width: 947px;
		float: left;
		position: relative;
		}
			/* Home */
			.mc_home_banner { width: 630px; height: 360px; float: left; background: url('../images/home/banner.jpg') no-repeat; }
				.mc_home_b_blurb { width: 417px; height: 87px; float: left; margin: 223px 0px 0px 0px; background: #5076d7; }
			.mc_home_features { width: 315px; height: 360px; float: left; }
				.mc_hf_item_a { width: 315px; height: 120px; float: left; background: url('../images/home/bg-feature_about.jpg') no-repeat; }
				.mc_hf_item_p { width: 315px; height: 120px; float: left; background: url('../images/home/bg-feature_range.jpg') no-repeat; }
				.mc_hf_item_c { width: 315px; height: 120px; float: left; background: url('../images/home/bg-feature_contact.jpg') no-repeat; }
			.mc_home_highlights { width: 945px; padding: 30px 0px 10px 0px; float: left; background: url('../images/home/bg-mc_home_highlights.jpg') left bottom no-repeat; }
				.mc_hh_welcome { width: 609px; float: left; padding: 0px 0px 27px 0px; border-right: 1px solid #dddddd; }
				.mc_hh_featuredproduct { width: 294px; float: left; padding: 0px 0px 27px 20px; border-right: 1px solid #dddddd; }
				.mc_hh_retailoutlets { width: 315px; float: left; padding: 0px 0px 27px 20px; }
		
	/* ------------------------------------------------ */
	/*	MAST FOOTER										*/
	
		.mast_footer {
		width: 947px;
		height: 114px;
		float: left;
		padding: 16px 0px 0px 0px;
		position: relative;
		}
			.mf_left { width: 600px; float: left; }
			.mf_right { width: 345px; float: left; text-align: right; }
			
	/* ------------------------------------------------ */
	/*	SUB BANNER										*/
	
		.sub_banner {
		width: 947px;
		height: 74px;
		float: left;
		background: url('../images/bg-sub_banner.jpg') no-repeat;
		padding: 0px 0px 30px 0px;
		position: relative;
		}
			
	/* ------------------------------------------------ */
	/*	SUB CONTENT										*/
	
		.sub_content {
		width: 947px;
		float: left;
		position: relative;
		}
			.sub_content_head { width: 947px; height: 2px; float: left; background: url('../images/bg-sub_content_head.gif') no-repeat; }
			.sub_content_body { width: 947px; float: left; background: url('../images/bg-sub_content_body.gif') repeat-y; }
				.sub_content_body_left { width: 230px; float: left; margin: 0px 15px 0px 0px; display: inline; }
					.scbl_nav { width: 220px; float: left; padding: 22px 0px 22px 10px; }
				.sub_content_body_right { width: 702px; float: left; }
					.scbr_head { width: 702px; height: 100px; float: left; border-bottom: 1px solid #dddddd; }
					.scbr_body { width: 702px; float: left; }
						.scbr_content { width: 671px; float: left; padding: 31px 0px 31px 31px; display: inline; }
						/* About */
						.scbr_about_left { width: 402px; float: left; }
						.scbr_about_right { width: 259px; float: left; background: url('../images/about/dude.jpg') 0px -20px no-repeat; }
						/* Products */
						.scbr_body_product_type { width: 640px; float: left; margin: 0px 31px -2px 31px; padding: 20px 0px 20px 0px; display: inline; border-bottom: 1px solid #dddddd; }
							.scbr_bppt_list { width: 333px; float: left; }
							.scbr_bppt_feature { width: 307px; float: left; }
							.scbr_bppt_gallery { width: 271px; float: left; margin: 0px 24px 0px 0px; display: inline; overflow-x: hidden; }
								.scbr_bppt_gallery_large { width: 269px; float: left; border: 1px solid #dddddd; text-align: center; padding: 15px 0px 15px 0px; }
								.scbr_bppt_gallery_base { width: 269px; height: 25px; float: left; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }
								.scbr_bppt_gallery_subtitle { width: 271px; float: left; }
								.scbr_bppt_gallery_other { width: 290px; float: left; }
									.scbr_bppt_go_item { width: 124px; float: left; border: 1px solid #dddddd; margin: 0px 19px 0px 0px; display: inline; }
							.scbr_bppt_description { width: 345px; float: right; border-bottom: 1px solid #dddddd; margin: 0px 0px 12px 0px; }
							.scbr_bppt_btn { width: 345px; height: 29px; float: right; padding: 0px 0px 0px 20px; margin: 0px -20px 20px 0px; background: url('../images/products/btn.gif') 0px 0px no-repeat; }
						/* Contact Us */
						.scbr_contact_left { width: 256px; float: left; }
						.scbr_contact_right { width: 384px; float: left; border-left: 1px solid #dddddd; padding: 0px 0px 0px 30px; display: inline; }
			.sub_content_foot { width: 947px; height: 71px; float: left; background: url('../images/bg-sub_content_foot.gif') #ffffff no-repeat; }
				.scf_back { width: 33px; height: 16px; float: left; margin: 6px 0px 0px 787px; padding: 0px 0px 0px 22px; background: url('../images/btn-back.gif') no-repeat; display: inline; }
				.scf_top { width: 39px; height: 16px; float: left; margin: 6px 0px 0px 0px; padding: 0px 0px 0px 16px; background: url('../images/btn-top.gif') 39px 0px no-repeat; }
			
		
	/* ------------------------------------------------ */
	/*	SUB FOOTER										*/
	
		.sub_footer {
		width: 100%;
		height: 110px;
		padding: 16px 0px 0px 0px;
		float: left;
		background: url('../images/bg-sub_footer.jpg') repeat-x #4f77d6;
		position: relative;
		}
			.sub_footer_content {
			width: 947px;
			margin: 0px auto;
			}
				.sfc_left { width: 400px; height:90px; float: left; margin:0 5px 0 0; }
				.sfc_middle { width: 260px; height:90px; float: left; margin:0 15px 0 0; padding:0 15px 0 10px; border-right:1px solid #90adf3; }
				.sfc_right { width: 230px; float: left; }
				
	/* ------------------------------------------------ */
	/*	DROP BOX										*/		
	
		#dropinboxv2cover{
		width: 420px; /*change width to desired */
		height: 130px;  /*change height to desired. REMOVE if you wish box to be content's natural height */
		position:absolute; /*Don't change below 4 rules*/
		z-index: 100;
		overflow:hidden;
		visibility: hidden;
		margin: 20px 0px;
		}
		
		#dropinboxv2{
		width: 400px; /*change width to above width-20. */
		height: 130px; /*change height to above height-20. REMOVE if you wish box to be content's natural height*/
		background: #fff;
		border-top: 10px solid #fff; /*Customize box appearance*/
		border-left: 10px solid #fff; /*Customize box appearance*/
		border-right: 10px solid #fff; /*Customize box appearance*/
		position:absolute; /*Don't change below 3 rules */
		left: 0;
		right: 0;
		top: 0;
		}
		

