﻿/*-----------------------------------------------------------------------------

KENBURNER RESPONSIVE BASIC STYLES OF HTML DOCUMENT

Screen Stylesheet

version:   	1.0
date:      	07/27/11
author:		themepunch
email:     	support@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/


  /*********************************************************************************************
		-	SET THE SCREEN SIZES FOR THE BANNER IF YOU WISH TO MAKE THE BANNER RESOPONSIVE 	-
  **********************************************************************************************/

  /*	-	THE BANNER CONTAINER (Padding, Shadow, Border etc. )	-	*/

  .bannercontainer {
		background-color:transparent;
		max-width:1170px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}

	.padder_wrapper { padding:0px 20px;}



  .banner{
		max-width:1170px;
		height:600px;
		position:relative;
		overflow:hidden;
   }


    .bannercontainer-simple {
		padding:0px;
		background-color:#fff;
		width:960px;
		position:relative;
		position:relative;
		margin-left:auto;
		margin-right:auto;

	}

  .banner-simple{
		width:1170px;
		height:600px;
		position:relative;
		overflow:hidden;
   }

 .fullwidthbanner-container{
	width:100% !important;
	position:relative;
	padding:0;
	max-height:640px !important;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthabnner	{
	width:100% !important;
	max-height:640px !important;
	position:relative;
	
	 margin-top:-101px; z-index:1!important
}

	.fullscreen-container {
		width:100% !important;
		position:relative;
		padding:0;
		height:100%;
	}










ol, ul 		{  list-style: none; }

a			{	text-decoration:none;}

.clear 		{	clear:both;  }
.space10	{	width:100%;height:10px;}
.space15	{	width:100%;height:15px;}
.space20	{	width:100%;height:20px;}
.space30	{	width:100%;height:30px;}
.space40	{	width:100%;height:40px;}

/************************
	-	HEADER	-
************************/



/***************************
	-	CONFIGURATOR	-
*****************************/

.configurator					{	max-width:960px; margin:auto; padding:0px 20px;}
.one_third						{	width:32%;margin-right:2%; float:left;}
.one_third.last					{	margin-right:0}

.configurator table tr					{		width:100%; color:#D31E00; font-weight:900; font-family: 'Open Sans', sans-serif; font-size:37px; line-height:39px; }
.config_title.small						{		font-size:18px; white-space:nowrap; }

.configurator table td:first-child		{	padding-right:10px;}
.configurator table td.divider			{		width:100%; height:10px; background:url(../images/tiles/divider.png) repeat-x left 24px;}
.configurator table td.divider.small	{		width:100%; height:10px; background:url(../images/tiles/divider.png) repeat-x left 18px;}

.configurator .conftitle		{	color:#000; font-weight:800; font-family: 'Open Sans', sans-serif; font-size:12px;}
.configurator .conftitle span	{	font-size:10px; font-weight:500; color:#999;}

.configurator .selecter			{	position:relative; min-width:200px; max-width:320px; margin:5px auto 0px;}
.configurator select			{	min-width:200px; max-width:320px;  width:100%; opacity:0; -moz-opacity: 0; -webkit-opacity: 0; filter: alpha(opacity = 0); cursor:pointer; background:#fff; height:30px; }


.configurator .dropdown			{	min-width:200px; max-width:320px; width:100%; height:28px;
									position:absolute;top:0px; left:0px;
									background-color:#fff;
									-webkit-border-radius:5px; border-radius:5px; -moz-border-radius:5px;
									border:1px solid rgba(0,0,0,0.1);
								}

.configurator .dropcontent		{	line-height:30px;padding:0px 20px;
									font-family: 'Open Sans', sans-serif;font-size:12px;
									color:#404040;
									float:left;
								}

.configurator .dropbutton		{	width:23px;height:23px; background:url(../images/tiles/dropdown.png) no-repeat;
									float:right;margin-right:2px;
									margin-top:2px;
								}
.configurator .selecter:hover .dropbutton	{ background-position:bottom;}

.configurator .inputfield			{	width:154px;height:30px; background:url(../images/tiles/inputfield.png) no-repeat -2px 0px;
										font-family: 'Open Sans', sans-serif;font-size:12px; line-height:30px;padding-left:20px;color:#404040;
										margin-top:5px;
									}


.infofield							{	font-family:Arial; color:#555;font-size:12px; line-height:22px;}
.infofield span						{	font-size:13px;font-weight:bold;}


.configurator table.features tr td:first-child	{	width:100px;}

.slogan								{	text-align:center; color:#4e5b6c; font-weight:900; font-family: 'Open Sans', sans-serif; font-size:28px;}
.plus								{	background:url(../images/tiles/plus.png) no-repeat; width:23px; height:23px; float:left; margin-right:5px; cursor:pointer;}
.minus								{	background:url(../images/tiles/minus.png) no-repeat; width:23px; height:23px; float:left; cursor:pointer;}

.plus.slot, .minus.slot				{	margin-top:10px;}

.plus:hover, .minus:hover			{	background-position:bottom;}

.configurator .pmbutcont			{	position:relative; min-width:200px; max-width:320px; margin:0px auto 0px;  }


/******************************
	-	ROTATOR	-
*******************************/
.configurator .rotator				{	background:url(../images/tiles/rotator.png) no-repeat; width:75px; height:75px; margin-top:-10px;margin-right:10px; position:relative; cursor:pointer;}

.configurator .rotator-line			{ 	background:url(../images/tiles/rotator-line.png) no-repeat; width:75px; height:75px; position:absolute; top:0px; left:0px;}
.configurator .rotator:hover .rotator-line	{ background-position: bottom;}

.configurator .rotbutcont			{	 min-width:260px; max-width:260px; margin:0px auto 0px;  }



/***********************************
	-	THE LIST OF FUNCTIONS	-
************************************/
.configurator ul li					{			background:url(../images/tiles/ok.png) no-repeat 0px 4px; padding-left:45px;
												font-family: 'Open Sans', sans-serif;font-size:12px; line-height:15px;padding-left:20px;color:#404040;margin-bottom:10px;
									}
.configurator ul li	span			{ 			font-size:13px;font-weight:bold; line-height:15px;}

/***************************************
	-	TABLE OF COMPATIBILITY   -
****************************************/

.configurator table.features		{	width:100%;}
.configurator table.features tr		{	font-size:11px;line-height:16px !important; color:#000; font-weight:900; font-family: 'Open Sans', sans-serif;
										height:50px;
									}
.configurator table.features td		{	border-bottom:1px solid #ddd;	vertical-align:middle;}

.configurator table.features span	{	font-size:11px;line-height:16px !important; color:#000; font-weight:500;}

.configurator table.features tr.titles	{	color:#999; font-size:10px;  font-weight:500; text-align:center;}

.yo									{	background:url(../images/tiles/ok.png) no-repeat; width:11px;height:8px; margin:auto;}
.nop								{	background:url(../images/tiles/no.png) no-repeat; width:11px;height:8px; margin:auto;}



/*************************************
	-	TESTIMONIALS	-
**************************************/
.testimonials						{  padding:20px; background-color:#eee; border:1px solid rgb(229,229,229);	margin-bottom:10px;
									   font-family: 'Open Sans', sans-serif;font-size:16px; line-height:22px; color:#555; font-weight:300;
									  }
.testimonials span				{font-weight:900;}







.fb_iframe_widget iframe{
	z-index: 120;
}