/*
   style.css
   Pulse Smartpen
   
   Created by Jesper Thøgersen (www.thogosphere.com) on 2009-09-06.
*/



/* Useful stuff
--------------------------------------------------*/

	/* ###### Clearfix ###### */

		.clearfix:after{ content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
		*:first-child+html .clearfix{display:inline-block;}
		html[xmlns] .clearfix{display:block;}
		* html .clearfix{height:1%;}


/* Tags & Generic Classes
--------------------------------------------------*/

	/* ###### Tags ###### */	
	
		body { background: #fff url(images/site_bg.jpg) center 45px repeat-x; font: 13px Palatino, Georgia, serif; margin: 0; }
		
		a { color: #006ea3; }
		a img { border: none; }
		
		cite { font-family: Palatino, Georgia, serif; }
		
		h1, h2, h3, h4 { font-size: 1em; margin: 0; }
		
		h3 { color: #006ea3; font-family: Helvetica, Arial, sans-serif; font-size: 16px; font-weight: bold; margin-bottom: 15px; text-transform: uppercase; }
	
	
	/* ###### Generic Classes ###### */

		/* Wrappers */
		.wrapper { margin: 0 auto; position: relative; min-width: 900px; }
		.inner { margin: 0 auto; position: relative; width: 880px; }
		
		/* Blocks */
		.block-row { float: left; margin-bottom: 30px; width: 100%; }
		.block { position: relative; }
		.block-title { padding: 0 10px; }
		.block-content { padding: 10px; position: relative; }
		.block-content .divclear {
			clear: both;
		}

		
		/* Icons */
		.icon { background-position: left center; background-repeat: no-repeat; padding: 2px 0 2px 20px; }
		.icn_amobil { background-image: url(images/icons/icon_amobil.png); }
		.icn_budstikka { background-image: url(images/icons/icon_budstikka.png); }
		.icn_pcworld { background-image: url(images/icons/icon_pcworld.png); }
		.icn_vg { background-image: url(images/icons/icon_vg.png); }
		.icn_fa { background-image: url(images/icons/icon_fa.png); }
		.icn_plus { background-image: url(images/icons/plus.png); }
	



/* Layout
--------------------------------------------------*/

	/* ###### Header ###### */

		.header { background: url(images/header_bg.jpg) center top repeat-x; font-family: Helvetica, Arial, sans-serif; height: 45px; }
		
		/* Logo */
		.header h1.logo { float: left; margin: 0; }
		.header h1.logo a { background: url(images/logo.png) center left no-repeat; display: block; margin-top: 8px; width: 130px; height: 30px; text-indent: -9000px; }
		
		/* Menu */
		.header ul.menu { float: right; list-style: none; margin: 0; padding: 0; }
		.header ul.menu li { display: inline; float: left; }
		.header ul.menu li a { color: #fff; display: block; font-size: 13px; font-weight: bold; float: left; line-height: 45px; margin-left: 20px; text-decoration: none; }
		.header ul.menu li a:hover { text-decoration: underline; }
		.header ul.menu li.button-order a { background: url(images/button_order_small.png) center left no-repeat; text-indent: -9000px; width: 100px; }
	
	
	
	/* ###### Body ###### */

		/* Top */
		.tc { background: url(images/intro_bg.jpg) top center no-repeat; font-family: Helvetica, Arial, sans-serif; height: 284px; position: relative; z-index: 2; }

			/* Intro */	
			.tc .intro {}	
				
				/* Quotes */
				.tc .intro .quotes { position: absolute; top: 90px; width: 600px; }
				.tc .intro .quotes blockquote { color: #555; font-size: 30px; letter-spacing: -1px; margin: 0; padding: 0; }
				.tc .intro .quotes blockquote em { color: #006ea3; font-style: normal; font-weight: bold; }
				.tc .intro .quotes blockquote cite { color: #a2a2a2; display: block; font-size: 14px; font-weight: bold; letter-spacing: 0px; margin-top: 10px; position: relative; right: 30px; text-align: right; }
		
				/* Buttons */
				.tc .intro ul.buttons { margin: 0; position: absolute; top: 200px; padding: 0; list-style: none; }
				.tc .intro ul.buttons li { display: inline; float: left; }
				.tc .intro ul.buttons li a { display: block; float: left; text-indent: -9000px; width: 130px; height: 38px; }
				.tc .intro ul.buttons li.button-videos a { background: url(images/button_videos.png) no-repeat; margin-right: 10px; }
				.tc .intro ul.buttons li.button-order a { background: url(images/button_order.png) no-repeat; }
		
		
		/* Middle */
		.mc { background: url(images/pitch_bg.jpg) top center repeat-x; font-family: Palatino, Georgia, serif; position: relative; top: -25px; width: 100%; height: 370px; z-index: 1; }
		.mc .inner { padding-top: 30px; }
		
			/* Features */
			.mc ul.features { margin: 0; padding: 0; list-style: none; width: 390px; }
			.mc ul.features li { background-position: center left; background-repeat: no-repeat; border-top: 1px solid #dbd9b9; font-size: 15px; padding: 12px 0 15px 45px; }
			.mc ul.features li:first-child { border: none; }
			.mc ul.features li h2 { font-size: 15px; margin: 0; font-weight: normal; }
			.mc ul.features li.feature-1 { background-image: url(images/features/feature-icon-1.png); }
			.mc ul.features li.feature-2 { background-image: url(images/features/feature-icon-2.png); }
			.mc ul.features li.feature-3 { background-image: url(images/features/feature-icon-3.png); }
			.mc ul.features li.feature-4 { background-image: url(images/features/feature-icon-4.png); }
			.mc ul.features li.feature-5 { background-image: url(images/features/feature-icon-5.png); }
		
		
		/* Bottom */
		.bc {}
		
			/* Testimonials */
			.bc .testimonials { float: left; width: 335px; }
			.bc .testimonials blockquote { font-size: 15px; font-weight: bold; margin: 0; padding: 0 0 20px; }
			.bc .testimonials blockquote cite { color: #555; font-style: italic; font-weight: normal; white-space: nowrap; }
			.bc .testimonials blockquote cite a { color: #555; font-size: 12px;}
			
			/* Order */
			.bc .order {
	background: url(images/order_bg.jpg) left 25px no-repeat;
	float: left;
	width: 100%;
}
			.bc h4 { font-family: Palatino, Georgia, serif; }
			.bc .order .block-content { font-family: Helvetica, Arial, sans-serif; padding: 25px 10px 10px; text-align: center; }
			.bc .order .block-content ul { font-weight: bold; margin: 8px 0 0; padding: 0; list-style: none; }
			.bc .order .block-content .order-button { color: #555; font-size: 10px; margin-top: 15px; width: 100%; }
			.bc .order .block-content .order-button a img { margin-bottom: 4px; }
			
				/* View Cart */
				.bc .order .viewcart-button { position: absolute; top: -8px; right: 3px; }

				/* Order 1 */
				.bc .order .order1 { float: left; width: 264px; margin: 3px; background-color:#FFF}
				.bc .order .order1 h4 { color: #555; font-size: 17px; margin-top: 10px; }
				.bc .order .order1 ul { color: #999; font-size: 10px; line-height: 17px; }
			
				/* Order 2 */
				.bc .order .order2 { float: left; width: 264px;  margin: 3px; background-color:#FFF}
				.bc .order .order2 h4 { color: #555; font-size: 17px; margin-top: 10px; }
				.bc .order .order2 ul { color: #999; font-size: 10px; line-height: 17px; }
				
				/* Order 3 */
				.bc .order .order3 { float: left; width: 264px; margin: 3px; background-color:#FFF }
				.bc .order .order3 h4 { color: #555; font-size: 17px; margin-top: 10px; }
				.bc .order .order3 ul { color: #999; font-size: 10px; line-height: 17px }
				
				
				/* Order 4 */
				.bc .order .order4 { float: right; width: 234px; margin-top: 25px; padding-top: 60px;}
				.bc .order .order4 a { font-family: Palatino, Georgia, serif; font-size: 16px; font-style: italic; font-weight: bold; text-decoration: none; }
				.bc .order .order4 a:hover { text-decoration: underline; }
				/*
				.bc .order .order4 h4 { color: #555; font-size: 17px; margin-top: 10px; }
				.bc .order .order4 ul { color: #999; font-size: 10px; line-height: 17px; }
				*/
				
				/* Order 3 */
				/*
				.bc .order .order3 { clear: both; padding-top: 25px; text-align: center; }
				.bc .order .order3 a { font-family: Palatino, Georgia, serif; font-size: 16px; font-style: italic; font-weight: bold; text-decoration: none; }
				.bc .order .order3 a:hover { text-decoration: underline; }
				*/
			/* Videos */
			.bc .videos ul { list-style: none; margin: 0; padding: 0; }
			.bc .videos ul li {
	position: relative;
	text-align: center;
	width: 220px;
}
			.bc .videos ul li a { color: #777; font-family: Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; outline: none; }
			.bc .videos ul li img { margin-bottom: 4px; }
			.bc .videos .zoom { background: url(images/zoom.png) no-repeat; display: block; position: absolute; top: -5px; right: 0px; width: 22px; height: 22px; }



	/* ###### Footer ###### */
	.footer .inner { border-top: 1px solid #ddd; color: #777; font-size: 11px; padding: 30px 0; text-align: center; }




/* Extras
--------------------------------------------------*/

		body#extras { background: #fff; font-family: Helvetica, Arial, sans-serif; }
		body#extras .itemno { display: block; font-size: 10px; font-weight: normal; font-style: italic; color: #888; }
		
		body#extras table { padding: 0; width: 100%; }
		body#extras table tr {}
		body#extras table tr.alt { background: #d7e2ea; }
		body#extras table tr th, body#extras table tr td { height: 40px; padding: 3px 6px; text-align: left; vertical-align: middle; }
		body#extras table tr td input { background: #9FCE00; border: 1px solid #617B00; color: #3f5000; cursor: pointer; font-weight: bold; padding: 5px; width: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
		body#extras table tr td input:hover { background: #b7ed00; }



/* IE6 FIXES
--------------------------------------------------*/

	/* ###### PNG ###### */

		* html .header h1.logo a,
		* html .intro img {
	        position:relative;
	        behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
	        this.src = "/media/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
	        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
	        this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
	        );
		}
.block-row #videoer {
	width: 300px;
	float: right;
}