body { margin:0; padding:0; font-family:lucidia, arial, helvetica,sans-serif; background: #f5f7f8; }

#owrap { width:100%;  display:block; background: url(../images/common/bg-body.jpg) top left repeat-x;}
#landing #owrap { width:100%;  display:block; background: url(../images/landing/bg-body.jpg) top left repeat-x;}

#mwrap {display:block; background:url(../images/common/bg-owrap.jpg) bottom left repeat-x;}
#iwrap { display:block; margin: 0 auto; background:url(../images/common/clouds.jpg) top center no-repeat;}

#landing #iwrap { display:block; margin: 0 auto; background:url(../images/landing/clouds.jpg) top center no-repeat;}


#content {width:970px; display:block; margin:auto; }



h1 {color:#236195; text-transform:uppercase; font-size:150%;}
	#landing h1 {font-size:120%;}
h2 {color:#a7541f; text-transform:uppercase; font-size:120%;}
	h2 a {color:#a7541f; text-decoration:none;}
#video h2 {padding-top:30px; display:block; clear:both;}
#landing h2 {padding-top:30px; }

h3 {text-transform:uppercase; font-size:100%;}

p, li, blockquote {font-size:0.9em; color:#535252;}
	p.more {}
	sup {font-size:60%; vertical-align:top;}
	li li {font-size:100%;}
	.sitemap li {line-height:150%;}
	.caption {font-size:80%; margin-top:2px;}
a { color: #284b72;}

blockquote {background:url(../images/generic/bg-blockquote.jpg) top left no-repeat; width:548px; padding:20px 40px; }


/* ----- MAIN MENU ------ */

#mainnav {display:block;  }
	#mainnav ul {list-style:none; margin:0; padding:0; display:block; float:right;}
	#mainnav li { display:block; float:left; list-style:none; margin:0; padding:0}
	#mainnav a {}
	#mainnav img {border:none;}

		/*mouse over rules*/
		#mainnav  a:hover {color:#0f4267; background:#333;}
		
	/*drop down navigation  */
		#mainnav li ul { left:-999em; position:absolute; z-index:10; display:block; }
		#mainnav li:hover ul, #mainnav #nav li.sfhover ul {left:auto; margin-left:0; top:86px;}	
		
		#mainnav li ul li { background: #000f1e; text-align:left; font-size:0.9em; padding:0;margin:0; border-top:1px solid #314752; float:none; display:block; }
		#mainnav li ul li a {color:#ffcc66; background: url(../images/common/bg-menu.gif) 12px 12px no-repeat #000f1e; padding:8px 15px 8px 30px; margin:0; text-decoration:none; width:90px; display:block;}
		#mainnav li ul li a:hover {color:#fff; background: url(../images/common/bg-menu.gif) 12px 12px no-repeat #2e5272;  }






/*sub navigation*/
.subnavigation {padding:0; text-align: center;  margin:0;}
		.subnavigation ul li, .wrap #content .subnavigation ul li {font-size:1em; float:left; display:block; background:url(../images/common/divider-vertical-top.gif) repeat-y; line-height:90%;}
			.subnavigation ul li.last, .wrap #content .subnavigation ul li.last {background-image:none;}
			.subnavigation ul li a {color:#4293be; text-decoration:none; padding:5px 16px; display:block;}
		/*mouse over rules*/
		.subnavigation a:hover {color:#21316b;}



	#himage {display:block; float:left;width:720px;}

	
/* ----- MASTHEAD ------ */	
#masthead {display:block; height:88px; color:#fff; overflow:hidden; margin-bottom:10px;}	
#landing #masthead {display:block; height:86px; color:#fff; overflow:hidden;}	
	#order {display:block; width:550px; float:right; height:50px; margin-right:20px;}
		.order1 {display:block; float:right; width:120px; text-align:right; margin:8px 20px 0 0; font-size:105%; line-height:100%;}
		.order2 {display:block; float:right; font-size: 210%; margin-top:6px;}
		.order3 {display:block; float:right; background:url(../images/common/bg-order3.jpg) 0 50% no-repeat; padding-left:30px; margin:6px 0 0 6px;}
	#masthead span {color:#ea9134; text-transform:uppercase;}
	







/* ----- FORMS & BUTTONS ------ */
.bluebutton {background:url(../images/common/bg-bluebutton.jpg) no-repeat; display:block; height:40px; width:168px; color:#fff; text-decoration:none; font-weight:normal; padding-top:10px; margin:auto; text-align:center; font-size:75%; display:block; line-height:85%;}
.bluebutton.twoline {padding-top:8px;}
.orangebutton {background:url(../images/common/bg-orangebutton.jpg) top center no-repeat; width:123px; height:31px; text-align:center; display:block;padding-top:8px; margin:0; float:right;}
	.orangebutton a {color:#ffffff; text-decoration:none; font-size:140%; }

input {background:url(../images/common/bg-input.jpg) top left no-repeat; height:25px; width:218px; border:none; font-size:80%; padding: 0 0 0 4px;}


input.submit {background:url(../images/common/bg-submit.jpg) center center no-repeat; color:white; text-align:center; height:20px; width:79px; border:none; font-weight:bold; margin:4px; padding:0;}







/* ----- COLUMNS ------ */





.box-full {display:block; width:970px; margin-top:10px;}
.photo {width:200px; float:left; display:block;margin:20px 30px 20px 0; text-align:center;}
.photoleft {width:300px; float:left; display:block; margin:6px 30px 10px 0; text-align:center;}
.photoright {width:300px; float:right; display:block; margin:6px 0px 10px 30px; text-align:center;}
	.box-full .photo p, .photo.full p, .photoleft p, .photoright p {color:#666; font-size:80%; text-align:center;}
.photo.full {width:350px;}

.blank {background:url(../images/common/bg-box-full-sides.gif) top center repeat-y;}
.blank-top {background:url(../images/common/bg-box-full-top.jpg) top center no-repeat;}

	.left67 {float:left; width:500px; display:block; margin:20px 40px; }
	.right33 {float:right; width:350px; display:block; margin:20px 40px 20px 0; }



	
	.box-full p {color:#535252; line-height:110%; margin:0; padding:0;}
		
	.box-full a.more {color:#044284; text-decoration:none; font-size:110%; background:url(../images/common/more.gif) right center no-repeat; padding-right:20px;}

	.box-full .wrap {background:url(../images/common/bg-box-full-bottom.gif) bottom center no-repeat; display:block; padding: 0 0 10px 0 }
		.name {display:block; width:270px; float:left; text-align:right;margin-right:20px; height:100px;}
			.name h1 {font-size:120%; margin:10px 0 4px 0; padding:0}
		.desc {display:block; float:left; margin:12px 0 0 0; width:650px;}
			.desc p {padding:4px 0}
		.one {display:block; float:left; width:200px; height:210px;}
			.one .bluebutton {margin-top:175px;}
		.two {display:block; float:left;width:570px; height:210px; }
			.two img {width:570px; height:210px; }
		.three {display:block; float:right;width:130px; height:210px; text-align:right; margin-right:20px; }
			p.price {font-size:350%; color:#000; text-align:right; margin:10px 0 0 0; padding:0;}
			p.price span {font-size:70%; color:#000; }
			
			.three .orangebutton {float:right; clear:both; margin:6px 0 0 0; padding:8px 0 0 0;}
			.flags {display:block; width:100%; text-align:right; margin:-10px 0 0 0; padding:0;}
				.flags img {margin: 0 2px;}
			.or {float:right; display:block; width:40px; text-transform:uppercase; font-size:70%; line-height:100%; margin-top:3px; font-weight:bold; }
			.hours {color:#c84f01; font-size:170%; line-height:100%;padding:0 0 6px 6px; margin:0; width:50px; display:block; float:right; font-weight:bold;}

	.lpad {padding:40px 20px 20px 100px;  display:block; }
	.lpad h1 {margin:0; padding:0;}
		.lpad li {margin:6px 0;}
		.lpad ul {padding-left:0;}
	.rpad {padding:50px 0px 20px 0px;  display:block; }
.halfbox {float:left; width:400px;display:block; margin:20px 20px 0 0; }

.halfbox p, .left67 p, .right33 p {float:none; margin:0; text-align:left;}

	.halfbox .usephoto {display:block; float:left;width:110px;}
	.halfbox .usedesc{display:block;float:left; width:220px; margin:0 10px 0 20px;}
		.usedesc h2 {margin:0; padding:0; line-height:100%;}
		.usedesc p {font-size:80%; padding:0; line-height:90%;}
		.usedesc p.more {padding:0 0 0 10px;background:url(../images/common/bullet.gif) 0 3px no-repeat; }
	.halfbox .usethumb{display:block;float:left; width:35px;}
	
	.halfbox .securefloat {display:block;float:left; width: 75px;}
	.halfbox .pricefloat {display:block; float:left; margin:0 10px; width:180px;}
		.halfbox .pricefloat p.price {font-size:450%; margin:0; padding:0;}
		.halfbox .pricefloat .flags {margin:-40px 0 0 -20px;}
	.halfbox .buynow {display:block; float:right; width:123px;}


ul li { background:url(../images/common/bullet.gif) 0 3px no-repeat; list-style:none;padding-left:10px;}
	.right33 ul {padding-left:0;}
	.left67 ol, .right33 ol {padding-left:20px;}
	.right33 li, .left67 li {padding-bottom:10px;}

ol li {margin-bottom:10px; line-height:130%;}

.whatsnew {background:url(../images/content/whats-new.jpg) top left no-repeat; }

.primaryfeatures {background:url(../images/content/primary-features.jpg) top left no-repeat; }
	.primaryfeatures .gallery {display:block; width:100%; clear:both; text-align:center; margin:10px 0;}
		.primaryfeatures .gallery img {border: solid 3px #dbe7e4; margin:0 4px;  }
		.primaryfeatures .gallery .view {border:none; margin:30px 30px 0 10px; display:block; float:right;}
		#landing .gallery {padding-top:30px;}
.otherfeatures {background:url(../images/content/other-features.jpg) top left no-repeat; }
.specs {background:url(../images/content/specs.jpg) top left no-repeat; }
	.specs .fright a {text-decoration:none; }
	.specs .fright {font-size:0.9em; font-weight:bold; text-align:center;}
.returns {background:url(../images/content/returns.jpg) top left no-repeat; }

.box-full p { line-height:120%; margin:8px  0;}
		
.box-1-3 {background:url(../images/common/bg-box-1-3-newsletter.jpg) top left no-repeat;display:block; width:360px; float:left; margin:10px 0 0 0;}
	.box-1-3 .wrap {background:url(../images/common/bg-box-1-3-bottom.jpg) bottom left no-repeat; padding:10px 20px 10px 45px; height:375px;}
	.box-1-3 ul, .box-1-3 li {list-style:none; margin:0; padding:0; background:none;}
		.box-1-3 li {display:inline; text-align:center; padding:0 6px 0 2px; border-right:solid 1px #7c7c7c;}
	.box-1-3 ul.form li {display:block;margin:6px 0; border:none;}
		.form label {width:150px; display:inline;margin-right:10px; text-align:right; height:23px; vertical-align:-4px; color:#464545;}
		.form input {display:inline;}
	.box-1-3 p {margin:80px 10px 10px 10px; font-size:80%; color:#464545;}
	.box-1-3 .statement {color:#7c7c7c; margin:10px 0; font-size:70%;}
	li.submit {border:none;}

.box-2-3 {background:url(../images/common/bg-box-2-3.gif) top left no-repeat;display:block; width:590px; float:right; margin:10px 0;}
	.box-2-3 .wrap {background:url(../images/common/bg-box-2-3-bottom.jpg) bottom left no-repeat;padding:10px 20px; height:375px;}
	.videowrap {margin:10px auto; display:block; width:425px;}
.box-2-3 h2 {margin-top:4px; padding-top:4px;}
.box-2-3 p, .box-2-3 li,.box-2-3 h3, .box-2-3 .addthis_toolbox {margin-left:50px;}

table {border: solid 1px #dddddd; padding:0; border-collapse:collapse;}
th {color:#236195; background:#f5f7f8; padding:6px 10px;}
	th.l {text-align:left;}
td {border: solid 1px #dddddd; padding:4px 20px 4px 20px; font-size:80%; color:#000;}



/* ----- FOOTER ------ */


#footer {display:block; background: url(../images/common/bg-footer.gif) no-repeat top center; text-align:center; width:100%; height:164px; margin-top:20px; }
	
	#footer a {color:#9f9f9f; text-decoration:none;padding:0px 6px;}
	#footer p {color:#9f9f9f; font-size:0.8em; text-align:center; margin-top:10px; clear:both;}


	#footer .wrap {padding:20px 0; display:block;}
	#footer  ul#primary {list-style:none; margin: 0; padding: 20px 0; display:block; clear:both; list-style:none; }
	#footer #primary li {color: #ffffff; font-size:0.8em; display:inline; list-style:none; margin:0; padding:0 4px 0 0; border-right: solid 1px #fff; line-height:0.8em; background:none;}
	#footer #primary li.last {border-right:solid 0px #000;}
	#footer #primary a {color:#fff; text-decoration:none; padding:0;}
	
/* ----- VIDEO ----- */

.youtubesmall { width:325px; height:263px;}
.youtubemed { width:400px; height:324px;}

.videoblock {margin:0 0 40px 35px; display:block; float:left; width:45%;}
.videoblock p {width:auto; font-size:90%;}



/* ----- FLOAT DIVS ------ */
.fleft {float:left; margin-right:10px;}
	
.fright {float:right;padding:0 0 20px 20px; }
	
/* ----- CLEARING DIVS ------ */	
.cboth {clear:both;}
.cleft {clear:left;}
.cright {clear:right;}


/* ----- CENTER DIV ----- */
.center, .center p {text-align:center;}