/*	Date: 
	Title: 	
========================================
*/
@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {border:0;}
address,caption,cite,code,dfn,var,big {font-style:normal;}
ol,ul {	list-style:none;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
body{
	font-family: Arial,sans-serif, Verdana "Trebuchet MS";
	text-align:center;
	font-size:12px;
	color:#000;
}
:focus{ outline:none;}
a{ color:#000; text-decoration:none;}
a:hover {color:#000;}  /* mouse over link */
/*-----------------------------------Page Structure
*/
.wrap{
	margin:0 auto;
	width:980px;
	text-align:left;
}
/*-----------------------Header
*/
.headerOutter{
	background:url(./images/newdesign/header-back.gif) repeat-x;
	height:155px;
}
.wrapHeader{
	width:960px;
	margin:0 auto;
	text-align:left;
}
.header{
	width:960px;
	background:url(./images/newdesign/header-back-cloud.png) no-repeat 96px bottom;
	overflow:hidden;
	position:relative;
}
.logo{
	float:left;
	margin-right:5px;
}
.headerTop{
	float:left;
	height:55px;
	overflow:hidden;;
}
.headerTop img{
	float:left;
	/*margin-right:133px;*/
    margin-right: 32px;
}
.headerNav{
	/*width:260px;*/
    width:351px;
	overflow:hidden;
	float:right;
	margin-top:5px;
}
.headerNav ul{
	overflow:hidden;
	float:left;
}
.headerNav ul li{
	float:left;
	margin-right:10px;
}
.headerNav li a, .headerNav li a:hover{
	float:left;
	font:bold 12px/28px Arial;
	color:#010101;
	text-decoration:none;
	text-transform:uppercase;
}
.search{
	width:146px;
	float:right;
	overflow:hidden;
	position:absolute;
	top:5px;
	right:0;
}
.search input{
	width:104px;
	background:#fff url(./images/newdesign/search-input-back.gif) repeat-x;
	border:#449bc3 solid 2px;
	border-radius:5px;
	padding:4px 7px;
	font:normal 12px/12px Arial;
	color:#010101;
	float:left;
}
.search .searchBtn{
	background:url(./images/newdesign/search-btn-bk.png) no-repeat left top;
	border:none;
	border-radius:0;
	padding:0;
	float:right;
	width:24px; height:24px;
	cursor:pointer;
}
.headerBtm{
	height:45px; width:800px;
	float:left;
}
.slogan{
	font:bold 25px/25px 'Yanone Kaffeesatz';
	font:bold 20px/20px 'Yanone Kaffeesatz', Arial\9;
	color:#fffefe;
	text-shadow: -2px 0 #046c9e, 0 2px #046c9e, 2px 0 #046c9e, 0 -2px #046c9e;
	float:left;
}
.phone{
	font:bold 18px/22px Arial;
	color:#ff0000;
	float:right;
	text-shadow: -2px 0 #d8eef9, 0 2px #d8eef9, 2px 0 #d8eef9, 0 -2px #d8eef9;
	text-transform:uppercase;
}
/* End of header */
/*-----------------------Navigation
*/
.nav{
	width:960px;
	overflow:hidden;
	margin:0 auto;
}
.nav ul{
	height:auto;
	border-bottom:#000000 solid 1px;
	border-right:#000000 solid 1px;
	overflow:hidden;
}
.nav ul li{
	float:left;
	height:auto;
	border-top:#000000 solid 1px;
	border-left:#000000 solid 1px;
}
.nav li a{
	float:left;
	height:auto;
	text-decoration:none;
	font:bold 13px/26px Arial;
	color:#000;
	text-transform:uppercase;
}
.nav li a:hover{
	text-decoration:none;
	color:#000;
}
/*@media \0screen {
  .color {color: #F00;}
}*/
.nav .specials{
	background:url(./images/newdesign/orange-back.gif) repeat-x;
	padding:0 40px 0 42px;
	padding:0 40px 0 42px\9; /*for IE*/
}
.nav .bounceHouse{
	background:url(./images/newdesign/green-back.gif) repeat-x;
	padding:0 37px 0 49px;
	padding:0 36px 0 43px\9;/*for IE*/
}
.nav .combosDry{
	background:url(./images/newdesign/purple-back.gif) repeat-x;
	padding:0 35px 0 52px;
	padding:0 35px 0 52px\9;/*for IE*/
}
.nav .combosWetDry{
	background:url(./images/newdesign/yellow-back.gif) repeat-x;
	padding:0 36px 0 52px;
}
.nav .slidesWetDry{
	background:url(./images/newdesign/blue-back.gif) repeat-x;
	padding:0 49px;
}
@media \0screen {
 .nav .slidesWetDry{
	background:url(./images/newdesign/blue-back.gif) repeat-x;
	padding:0 49px;
}
}
.nav .games{
	background:url(./images/newdesign/purple-back.gif) repeat-x;
	padding:0 30px;
}
.nav .interactives{
	background:url(./images/newdesign/yellow-back.gif) repeat-x;
	padding:0 30px 0 35px;
	padding:0 30px 0 31px\9;/*for IE*/
}
.nav .concessionMore{
	background:url(./images/newdesign/blue-back.gif) repeat-x;
	padding:0 32px 0 32px;
}
.nav .artPanelPrint{
	background:url(./images/newdesign/orange-back.gif) repeat-x;
	padding:0 32px;
}
.nav .accessories{
	background:url(./images/newdesign/green-back.gif) repeat-x;
	padding:0 32px;
}
.nav .customize{
	background:url(./images/newdesign/red-back.gif) repeat-x;
	padding:0 29px;
	padding:0 26px\9; /*for IE*/
}
@media \0screen {
.nav .customize{
	background:url(./images/newdesign/red-back.gif) repeat-x;
	padding:0 29px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav .customize{
	padding:0 28px 0 29px; /* This works only in Safari and Google Chrome */
}
} 
/*
.nav .orange{
	background:url(./images/newdesign/orange-back.gif) repeat-x;
}
.nav .green{
	background:url(./images/newdesign/green-back.gif) repeat-x;
}
.nav .purple{
	background:url(./images/newdesign/purple-back.gif) repeat-x;
}
.nav .yellow{
	background:url(./images/newdesign/yellow-back.gif) repeat-x;
}
.nav .blue{
	background:url(./images/newdesign/blue-back.gif) repeat-x;
}
.nav .red{
	background:url(./images/newdesign/red-back.gif) repeat-x;
}*/
/* End of Navigation */
/*---------------------- Main Body
*/
.mainBodyOutter{
	background-color:#e6e6e6;
}
.wrapMainBody{
	width:960px;
	margin:0 auto;
	text-align:left;
	/*background:url(./images/newdesign/main-body-border.gif) repeat-y;*/
	overflow:hidden;
	background:#ffffff;
}
.mainbody{
	clear:both;
	width:920px;
	overflow:hidden;
	padding:20px;
}
.maincon{
	overflow:hidden;
	margin:0 0 20px 0;
}
.content{
	float:right;
	width:564px;
	overflow:hidden;
}
.manufacture{
	overflow:hidden;	
}.manufacture p{
	font:13px/21px arial;
	color:#000000;
	padding:0 0 18px 0;
	text-align:justify;	
}
.title{
	 font:bold 20px/21px arial;
	 color:#191919;	
	 margin:0 0 15px 0;
}
.imgLeft{
	 float:left;
	 margin:0 20px 5px 0;
	 border:3px solid#e4e4e4;	
}
.imgRight{
	float:right;
	margin:0 0 5px 20px;
	border:3px solid#e4e4e4;	
}
.logos{
	overflow:hidden;	
}
.product{
	width:500px;
	overflow:hidden;
}
.product dl{
	width:516px;
	overflow:hidden;
	margin-top:10px;
}
.product dl h2{
	font:bold 17px/22px Arial;
	color:#000;
	margin-bottom:10px;
}
.product dd{
	width:156px;
	overflow:hidden;
	float:left;
	margin:0 16px 10px 0;
}
.product dd img{
	border:#ccedfc solid 4px;
}
.sidebar{
	float:left;
	width:336px;
	overflow:hidden;
}
.sampleImage{
	overflow:hidden;
	margin-bottom:20px;
}
.sampleImage img{
	float:left;
	margin-bottom:14px;
}
.craditCard{
	overflow:hidden;
}
.craditCard img{
	float:left;
	margin-bottom:15px;
}
.addSpace{
	float:left;
	width:336px;
	overflow:hidden;
	margin:0 0 15px 0;
}
.newsLetter{
	 overflow:hidden;
	 background:#eff3c1;
	 border:1px solid #d1d5a4;
	 padding:10px 12px 12px 12px;	
}
.newsLetter h4{
	font:23px "Trebuchet MS";
	color:#5b5d42;
	margin:0 0 5px 0;	
}
.newsLetter input{
	width:225px;
	height:26px;
	float:left;
	border:1px solid #d1d5a4;
	padding:0 5px;
	font:13px arial;
	color:#999998;		
}
.newsLetter .newsLetterSubBTn{
	width:73px;
	height:28px;
	border:none;
	background:url(./images/newdesign/news-latterbtn.gif) no-repeat;	
	cursor:pointer;
}
/********** Product Detail **********/
.productView{
	width:920px;
	overflow:hidden;
	margin-bottom:20px;
}
.productFeacherImage{
	width:623px;
	float:left;
	overflow:hidden;
}
.productFeacherImage h2{
	font:bold 23px/23px Arial;
	color:#000;
	float:left;
	margin-bottom:20px;
}
.productFeacherImage img{
	border:#ccedfc solid 4px;
}
.productFeacherImage .socialNetIcon{
	border:none;
	float:right;
}
.productThmbImage{
	width:275px;
	float:right;
	overflow:hidden;
}
.productNav{
	width:237px;
	overflow:hidden;
	padding:0 19px;
	margin-bottom:15px;
}
.productNav li{
	width:111px;
	overflow:hidden;
}
.productNav .prevBtn{
	float:left;
}
.productNav .prevBtn a, .productNav .prevBtn a:hover{
	background:url(./images/newdesign/btn-previous-back.gif) no-repeat left top;
	width:111px; height:22px;
	float:left;
	text-indent:-999px;
}
.productNav .nextBtn{
	float:right;
}
.productNav .nextBtn a, .productNav .nextBtn a:hover{
	background:url(./images/newdesign/btn-next-back.gif) no-repeat left top;
	width:111px; height:22px;
	float:right;
	text-indent:-999px;
}
.productThmbImage dl{
	width:290px;
	overflow:hidden;
}
.productThmbImage dl dd{
	float:left;
	width:130px;
	margin:0 15px 12px 0;
	overflow:hidden;
}
.productThmbImage dd img{
	border:#ececec solid 3px;
}
.productThmbImage .btnColorCustomize, .productThmbImage .btnColorCustomize:hover{
	width:226px; height:62px;
	background:url(./images/newdesign/btn-customize-colors.gif) no-repeat left top;
	float:left;
	margin-left:24px;
	text-indent:-999px;
	text-decoration:none;
}
.productAccessories{
	width:920px;
	overflow:hidden;
	margin-bottom:20px;
}
.productAccessories dl{
	width:872px;
	overflow:hidden;
}
.productAccessories dl dt{
	font:bold 18px/18px Arial;
	color:#000;
	margin-bottom:16px;
}
.productAccessories dl dd{
	width:88px;
	float:left;
	margin:0 21px 10px 0;
}
.productAccessories dd img{
	border:#e7e7e7 solid 1px;
}
.productSpecification{
	width:920px;
	overflow:hidden;
	margin-bottom:35px;
}
.productSpeciCon{
	width:920px;
	text-align:center;
}
.productSpeciCon tr{
	width:920px;
	text-align:center;
}
.productSpeciCon th{
	/*background-color:#ececec;
	border:#3caee3 solid 1px;
	border-left:none;
	border-right:none;*/
	text-align:center;
	height:27px;
}
.productSpeciCon td{
	height:35px;
	border-bottom:#e6e6e6 solid 1px;
	text-align:center;
}
.productSpeciCon b{
	font:bold 13px/13px Arial;
	color:#000;
	text-transform:uppercase;
}
.productSpeciCon strong{
	font:normal 13px/13px Arial;
	color:#000;
	text-transform:uppercase;
}
.productOption{
	width:920px;
	overflow:hidden;
	margin-bottom:25px;
}
.productOption li{
	float:left;
	overflow:hidden;
}
.productOption li a, .productOption li a:hover{
	float:left; height:41px;
	text-indent:-999px;
}
.productOption .btnAddtoQuote, .productOption .btnAddtoQuote:hover{
	background:url(./images/newdesign/btn-add-to-quote.gif) no-repeat left top;
	width:144px;
	margin-right:18px;
}
.productOption .btnViewQuote, .productOption .btnViewQuote:hover{
	background:url(./images/newdesign/btn-view-quot.gif) no-repeat left top;
	width:127px;
	margin-right:22px;
}
.productOption .btnQuoteCheckout, .productOption .btnQuoteCheckout:hover{
	background:url(./images/newdesign/btn-quote-checkout.gif) no-repeat left top;
	width:166px;
	margin-right:9px;
}
.productOption .btnQuoteCheckout, .productOption .btnQuoteCheckout:hover{
	background:url(./images/newdesign/btn-quote-checkout.gif) no-repeat left top;
	width:166px;
	margin-right:25px;
}
.productOption .btnAddtoCart, .productOption .btnAddtoCart:hover{
	background:url(./images/newdesign/btn-add-to-cart.gif) no-repeat left top;
	width:133px;
	margin-right:24px;
}
.productOption .btnViewCart, .productOption .btnViewCart:hover{
	background:url(./images/newdesign/btn-view-cart.gif) no-repeat left top;
	width:119px;
	margin-right:24px;
}
.productOption .btnCartCheckout, .productOption .btnCartCheckout:hover{
	background:url(./images/newdesign/btn-cart-checkout.gif) no-repeat left top;
	width:118px;
	margin-right:0;
}
.productDescription{
	width:920px;
	overflow:hidden;
	margin-bottom:20px;
}
.productDescription h2{
	font:bold 18px/18px Arial;
	color:#000;
	padding-bottom:7px;
	border-bottom:#e6e6e6 solid 1px;
	margin-bottom:10px;
}
.productDescription p{
	font:normal 15px/20px Arial;
	color:#535353;
	padding-bottom:10px;
	border-bottom:#e6e6e6 solid 1px;
}
.similarProduct{
	width:920px;
	overflow:hidden;
	margin-bottom:20px;
}
.similarProduct dt{
	font:bold 18px/18px Arial;
	color:#444444;
	margin-bottom:15px;
}
.similarProduct dd{
	width:173px;
	float:left;
	margin-right:23px; 
}
.similarProduct dd img{
	border:#ececec solid 3px;
}
.cardIcon{
	width:920px; 
	overflow:hidden;
}
.tempCardIcon{
	margin:10px 0 0 26px;
	border:none;
}
/****** End of product detail *******/
/* End of Main body  */
/*----------------------Simple Form Style */
.formArea{
}
.formArea p{
	overflow:hidden;
	margin-bottom:10px;	
}
.formArea label{
	font:bold 12px/30px Arial;
	width:120px;
	float:left;
	margin:0 10px 0 0;
}
.formArea input,.formArea textarea{
	font:normal 12px Arial;
	border:1px solid #999;
	color:#666;
	padding:5px;
	width:150px;
}
.formArea .submitbtn{
	width:auto; height:auto;
	padding:0; margin:0;
	border:none;
	text-indent:-9999px;
	cursor:pointer;
}
/* End of Form Style */
/*---------------------- Footer
*/
.footerOutter{
	background-color:#dadada;
}
.footerWrap{
	margin:0 auto;
	width:960px;
	text-align:center;
}
.footer{
	width:960px;
	background:url(./images/newdesign/footer-wrap-top.gif) no-repeat left top;
	padding-top:31px;
	clear:both;
}
.footer ul{
	margin-top:30px;
	overflow:hidden;
	margin:5px auto 0 auto;
	padding:0 0 20px 0;
	width:750px;
	width:800px\9;
}
.footer ul li{
	float:left;
	padding-right:10px;
	margin-right:10px;
	background:url(./images/newdesign/footer-nav-border.gif) no-repeat right center;
}
.footer .last{
	padding:0;
	margin:0;
	background:none;
}
.footer li a{
	font:bold 12px/22px Arial;
	color:#191919;
	text-decoration:none;
	text-transform:uppercase;
}
.footer li a:hover{
	text-decoration:underline;
}
/* End of Footer */


#right{
    width:522px;
    padding:13px 0px 10px 18px;
    float:left;
    clear: right;
}
.contentarea h6, .content h6 {
    font-size: 17px;
    color: #FD1B72;
    margin: 0px 12px 0 0;
    padding: 0 0 9px 0;
    border-bottom: 2px dashed #B5EA6B;
}
.contentarea h3, .content h3, .content h2, .contact_form h3{
    font-size:25px;
    color:#FD1B72;
    border-bottom:1px dashed #CCC;
    padding-bottom:10px;
    margin-bottom:10px;
    
    display:block;
}
.contentarea h3 b, .content h3 b{
    font-size:23px;
    float:left;    
}
.contentarea h4, .content h4{
    font-size:13px;
    color:#5B5B5B;
    text-transform:uppercase;
    padding:17px 0;
}
.contentarea p, .content p{
    /*padding:0;
    margin:0;*/
    
    margin-bottom:12px;
    color:#5B5B5B;
    font-size:13px;
    line-height:17px;
    margin-right:20px;
    
}
.contentarea dl, .contentc dl{
    overflow:hidden;
    width:520px;
}
.statelist{
    font-size:13px;
    float:left;
    width:170px;
    
}
.statelist li{
    padding-left:15px;
    line-height:25px;
    background:url(images/bullet3.gif) no-repeat 0 10px;
}

.contact_form {
padding-top: 10px;
}
.contact_form label {
float: left;
width: 80px;
padding-top: 3px;
}
.contact_form .input {
width: 300px;
margin-bottom: 13px;
padding: 4px 5px;
border: 1px solid #CCC;
}
.contact_form br {
clear: both;
}
.contact_form textarea {
height: 150px;
width: 300px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #CCC;
}

.contact_form .submitbtn{
    border:1px solid #CCC;
    padding:3px 10px;
}

.err {
    background-color: #CC0033;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0;
    padding: 5px 0;
}

.ok {
    background-color: #6DA22E;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    margin: 10px 0;
    padding: 5px 0;
}
/*---------------------- Custom Reset
*/
hr{
	height:1px;
	border:none;
	border-bottom:1px solid #000;
	color:#000;
	margin:20px 0;
}
.reset p{
	font: normal 12px/19px Arial;
	margin-bottom:15px;
}
.reset ol li{
	background:none;
	list-style:decimal;
	margin-left:23px;
}
.reset ul li{
	background:none;
	list-style:square;
	margin-left:20px;
}
.reset a{
	text-decoration:underline;
}
.bn{ border:none;}				/* border none */
.bl{ display:block;} 			/* display block */

.pb0{ padding-bottom:0px;}		/* padding bottom 0px */
.pb5{ padding-bottom:5px;}		/* padding bottom 5px */
.pb10{ padding-bottom:10px;}	/* padding bottom 10px */	
.pb20{ padding-bottom:20px;} 	/* padding bottom 20px */
.pb30{ padding-bottom:30px;} 	/* padding bottom 30px */
.pb40{ padding-bottom:40px;} 	/* padding bottom 40px */

.clear{ clear:both}				/* clearing the float */
.fl{float:left;}				/* float left */
.fr{float:right;}				/* float right */
.fn{float:none;}				/* float none */

.mb0{ margin-bottom:0px;}		/* margin bottom 0 */
.mb5{ margin-bottom:5px;}		/* margin bottom 10 */
.mb10{ margin-bottom:10px;}		/* margin bottom 10 */
.mb20{ margin-bottom:20px;}		/* margin bottom 20 */
.mb30{ margin-bottom:30px;}		/* margin bottom 30 */
.mb40{ margin-bottom:40px;}		/* margin bottom 40 */
/* End of Common style */