@charset "UTF-8";
/* All styles in this document should only define structure */

/* STRUCTURE */

body {
	background-image:url(../images/background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
}

/* ID's */
#topNav{position: relative; width: 942px; height: 25px; margin: 66px auto 45px auto; text-align: left;}
	#topNav ul {display: block; list-style:none; margin: 0 0 0 3px; padding: 0; background-color:#FFFFCC}
	 	#topNav ul li {display: inline; float: left;}
	img#nav23, img#nav2, img#nav5, img#nav7, img#nav10, img#nav13 {position: absolute; top: -34px; display: block;}
		img#nav23 {left: 122px;}
		img#nav2 {left: 225px;}
		img#nav5 {visibility: hidden;}
		img#nav7 {left: 752px;}
		img#nav10 {left: 847px}
		img#nav13 {visibility: hidden}
	
		li#nav23 a {position: absolute; display: block; width: 105px; height: 25px; text-indent: -1900px; background-image:url(../images/topnav0a_1.gif);}
			li#nav23 a:hover {background-image:url(../images/topnav1a_1.jpg); }
			img#nav23 {left: 108px;}
		li#nav2 a {position: absolute; left: 110px; display: block; width: 113px; height: 25px; text-indent: -1900px; background-image:url(../images/topnav0a-2.gif)}
			li#nav2.active a, li#nav2 a:hover {background-image:url(../images/topnav1a_2.jpg); }
			img#nav2{left:224px}
		li#nav5 a {position: absolute; left: 235px; display: block; width: 69px; height: 25px; text-indent: -1900px; background-image:url(http://magpul.commercev3.com/images/topnav0_3.gif)}
			li#nav5.active a, li#nav5 a:hover {background-image:url(http://magpul.commercev3.com/images/topnav1_3.jpg); }
		li#nav7 a {position: absolute; right: 200px; display: block; width: 95px; height: 25px; text-indent: -1900px; background-image:url(http://magpul.commercev3.com/images/topnav0_4.gif)}
			li#nav7.active a, li#nav7 a:hover {background-image:url(http://magpul.commercev3.com/images/topnav1_4.jpg); }
		li#nav10 a {position: absolute; left: 760px; display: block; float: left;  width: 84px; height: 25px; text-indent: -1900px; background-image:url(http://magpul.commercev3.com/images/topnav0_5.gif)}
			li#nav10.active a, li#nav10 a:hover {background-image:url(http://magpul.commercev3.com/images/topnav1_5.jpg); }
		li#nav13 a {position: absolute; left: 855px; display: block; width: 75px; height: 25px; text-indent: -1900px; background-image:url(http://magpul.commercev3.com/images/topnav0_6.gif);}
			li#nav13.active a, li#nav13 a:hover {background-image:url(http://magpul.commercev3.com/images/topnav1_6.jpg); }
	#logoLink {position: absolute; display: block; top: -70px; left: 340px; width: 260px; height: 120px;}
		#logoLink a {display: block; width: 100%; height: 100%;}
		
#main {position: relative; width: 956px; height: auto; margin: 0 auto 0 auto; padding-bottom: 20px;  text-align: center;}

#homePromoterHolder{position:relative; width: 945px; height: 455px; text-align:left;}
#homePromoter {position: absolute; top: 0; left: 0; width: 945px; height: 455px; z-index:19;}
#flashWarning {width: 550px; margin: 100px auto 0 auto; padding: 10px; background-color: #000000;}

#homePhoto {position: relative; display: block; width: 918px; height: 408px; text-align:left; margin: 0 auto 0 auto; clear: both;}
	#flashPhoto {position: absolute; display: block; width: 880px; height: 370px; top: 19px; left: 19px;}
	/*#flashPhotoInt {position: absolute; display: block; width: 907px; height: 205px; top: 19px; left: 19px;}*/
	/* New ID */
	#flashPhotoInt {position: absolute; display: block; width: 907px; height: 259px; top: 19px; left: 19px;}
	/* */

/* New Ticker */
#ticker {position: absolute; top: 450px; right:20px; width: 676px; height: 30px; z-index: 20;}
#ticker2 {position: absolute; top: 450px; left:8px; width: 927px; height: 30px; z-index: 20;}


#featuredHome {position: relative; width: 918px; height: 220px; text-align: left; margin: 0 auto 0 auto; clear: both;}
#featuredHomeNew {position: relative; width: 945px; height: 220px; text-align: left; margin-top: 17px;}
#featuredHomeChecker {position: absolute; top: 18px; left: 19px; width: 880px; height: 186px; display: block;}
#featuredHomeCheckerNew {position: absolute; top: 18px; left: 19px; width: 907px; height: 186px; display: block;}

/*#interiorPhoto {position: relative; width: 946px; height: 242px; margin: 0 0 20px 20px;}*/
/* new interiorPhoto */
#interiorPhoto {position: relative; width: 946px; height: 296px; margin: 0 0 20px 10px;}
/* */
#leftColumn {position: relative; width:242px; height: auto; float: left;}
	#leftColumn ul {width: 242px; height: auto; margin:0; padding: 0;}
#centerColumn {position: relative; width: 453px; height: auto; min-height:160px; float: left; margin: 0 22px 20px 23px;}
#rightColumn {position: relative; width: 216px; height: auto; float: left; overflow: hidden; margin-bottom: 30px;}
	#rightColumn label.chkbox {float: left; display: inline; margin-top: 5px;}
	#rightColumn input.chkbox {float: left; display: inline; border: 0; background: none;}
#centerWallpaper {position: relative; width: 403px; height: auto; min-height:160px; float: left; margin: 0 22px 20px 23px; }
#rightWallpaper {position: relative; width: 266px; height: auto; float: left; overflow: hidden; margin-bottom: 30px; }

/* RONIN landing page */
#roninLeft {position: relative; float: left; width: 215px; height: auto; min-height: 700px; margin: 0 20px 30px 20px; text-align: left;}
	#roninThumbs {position: absolute; width: 215px; height: 437px;}
		#roninThumbs ul {margin:83px 0 0 0; padding: 0;}
	#roninLogo {position:absolute; right:0; top: 460px; width: 100%; height: auto; text-align: right;}
	img#logoLeft {position: absolute; top: 500px; right: 0; display: block; float: right} 
#roninRight {position: relative; float: left; width: 675px; height: auto; min-height: 700px; text-align: left; }
	#roninMain {position: absolute; width: 691px; height: 445px; left: -8px; background-image:url(../images/roninMain.png); background-repeat: no-repeat}
		#roninImage {display: block; width: 653px; height: 426px; overflow: hidden; margin: 0 20px 20px 20px;}
	#roninLeftCopy {width: 400px; height: auto; min-height:400px; margin-top: 462px; float: left;}
		#roninLeftCopy > p {margin:0; padding: 0;}
		#roninLeftCopy p  img {margin: 0; padding: 0; margin-bottom: 10px;}
	#roninRightCopy {width: 225px; height: auto; min-height: 400px; float: right; margin-top: 462px; margin-left: 45px;}
	
/* RONIN V2 landing page */

#roninTop {position: relative; width: 848px; height: 184px; background-image:url(../images/bg_RoninHeader2.png); background-repeat:no-repeat; margin-left: 90px;}
#roninTopImage  {display: block; width: 810px; height: 165px; overflow: hidden; margin: 0 20px 20px 20px;}
#roninLogo.newHome {top: 10px;}
#roninAbout {display: block; position: absolute; width: 143px; height: 43px; top:175px; left: 610px; z-index:5}
#roninSIgnUp {display: block; cursor: pointer; position: absolute; width: 185px; height: 43px; top: 175px; left: 753px; z-index:5}
#roninAbout.aboutPage, #roninSIgnUp.aboutPage {top: 436px;}
	#roninAbout.aboutPage {left: 357px;}
	#roninSIgnUp.aboutPage{left: 497px;}
	
#roninCopy {width: 496px; height: auto; min-height: 400px; margin-top: 10px; clear:both;}
#roninCopyAbout {margin-top: 462px}
#roninForm {position: absolute; display: none; width: 240px; height: auto; top: 436px; left: 425px; padding-left: 30px; z-index:4;
				background-image:url(../images/bg_roninSignUp.png); background-repeat: no-repeat}
#roninForm.home {top: 170px; left: 680px;}

table.specifications td {vertical-align:top;}
table.specifications td.first {text-align: right; width: 40%; white-space: nowrap;}



	/*ul.ronin {display: block; width: 100%;}
	ul.ronin li {float: left;width: 103px; height: 67px; border:1px solid #e0d09f; background-color:#1f1b11;}*/

/* CLASSES */
.featuredBox {position: relative; display: block; float: left; width: 278px; height: 186px; padding-left: 8px; overflow:hidden}
	.featuredBox img {position: absolute; bottom: 0; width: 278px; height: 138px; overflow: hidden;}
	.featuredBox a, .featuredBox a:hover {width: 100%; height: 100%; display: block; cursor:pointer;}
.left {margin: 10px 10px 0 0;}
.right {margin: 10px 0 0 10px;}

/* Commerce V3 Overrides */
#copyright{ position:relative; top: 80px; color: #c7b88d !important;}
#footer_text{padding-left: 15px;}
.bottom-table {height: 213px; width: 100%; background: none; background-image:url(../images/bg_footer_tile.jpg); background-repeat:repeat-x;  text-align:center; }
img.designed{margin:30px auto 20px auto;}

/* New Footer Styles */
#footer {
	position: relative;
	height: 213px; width: 100%; 
background: none; background-image:url(../images/bg_footer_tile.jpg); background-repeat:repeat-x;
	text-align:center; 
}
	#area_bottom {
		position: relative;
		height: 213px; width: 100%; 
		background: none; background-image:url(../images/bg_footer.jpg); background-position: top center; background-repeat: no-repeat;
		z-index: 2;
		}
		
	#footerComponents {
		position: relative;
		width: 942px; height: 213px;
		margin: 0 auto 0 auto;
		padding-top: 7px;
		overflow: hidden;
	}
	
		#footerComponents p {font-size: 11px; color: #c7b88d;}


	#socialMedia {
		position: relative; float: left;
		width: auto; height: auto;
		padding-top: 15px;
	}
	
	#newsletterSignup {
		position: relative; float: left;
		text-align: left;
		padding-top: 18px;
	}
	
	#newsletter {
		background-image:url(http://magpul.commercev3.com/images/bg_newsletter.jpg);
		background-position:bottom left;background-repeat:no-repeat;
	}
	
	#brandFamily {
		position: relative;
		float: right;
		width: 375px; height: auto;
		text-align: right;
	}
	
		#brandFamily a, #brandFamily img {
			display: block;
			float: left;
		}
		
		#brandFamily a {padding-top: 25px;}
		
		#brandFamily img {vertical-align: baseline;}
	
	#copyright, #footerLinks {
		position: absolute;
		width: auto; height: 20px;
		top: 175px;
		left: 0;
		text-align: left;
	}
	
	#footerLinks {
		z-index: 100;
		right: 0;
		}
	
		#footerLinks a {
			display: inline;
			margin: 0 5px 0 5px;
			font-size: 11px;
			font-weight: normal;
		}
		
		#footerLinks p {
			text-align: right;
		}
	
	img.divider {
			position: relative;
			display: block;
			float: left;
			margin: 0 15px;
			height: auto;
		}

/* SKIN */
hr {height: 1px; width: 100%; display: block; margin: 25px 0 25px 0; border:1px solid #3a3429; clear: both;}


.homePhoto {background-image:url(../images/bg_homePhoto.png); background-repeat: no-repeat;}
	.homePhoto > img {padding: 20px;}
.featuredHome {background-image:url(../images/bg_FeaturedHome.png); background-repeat: no-repeat;}
.featuredHomeNew {background-image:url(../images/bg_FeaturedHomeNew.png); background-repeat: no-repeat;}
.featuredHomeChecker {background-image:url(../images/bg_FeaturedHomeChecker.jpg); background-repeat: no-repeat;}
.featuredHomeCheckerNew {background-image:url(../images/bg_FeaturedHomeCheckerNew.jpg); background-repeat: no-repeat;}
.featuredRight {margin-right: 8px;}
.featuredRightNew {margin-right: 21px;}
.interiorPhoto{ background-image:url(../images/bg_interiorPhoto.png); background-repeat:no-repeat;}
	.interiorPhoto > img {padding: 19px;}

/* positions logo mark in footer */	
#logomark {position: relative; width: 100%; height: auto; text-align:center;}
.logomark {position: relative; display: block; height: auto; width: 305px;margin: 0 auto 0 auto; }
	.logomark img {position: absolute; z-index:2; display: block; top: -27px; left: 0;}