/* Original Hula Styles ----------------------------------------------------------------
body {
	margin-top: 20px;
	}

body, td, th {
	color: #333333;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	}
	
h1, h2 {
	color: #FF6600;
	font-family: Arial, sans-serif;
	}
	
td.left_nav {
	border-right: 1px dotted #FF6600;
	}
	
a:link, a:active, a:visited {
	color: #FF6600;
	}
a:hover {
	color: #6A849A;
	}
	
ul.nav li {
	list-style: none;
	padding: 0px 0px 2px 2px;
	margin-left: -30px;
	margin-bottom: 5px;
	}
End Original Hula Styles -------------------------------------------------------------*/

/* Reset ----------------------------------------------------------------------------------*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe/*,img*/,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup/*,table,tbody,td,tfoot,th,thead*/,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}/*table{border-collapse:collapse;border-spacing:0}th,td,*/caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}

/*Text ------------------------------------------------------------------------------------*/
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}pre,code{font-family:'DejaVu Sans Mono',Menlo,Consolas,monospace}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6/*,ol,ul,*/pre,table,address,fieldset,figure{margin-bottom:20px}

/*Headings --------------------------------------------------------------------------------*/
h1 {font-size:30px;color:#000;}
h2 {font-size:26px;color:#000;}
h3 {font-size:22px;color:#000;}
h4 {font-size:18px;color:#000;}
h5 {font-size:14px;color:#000;}
h6 {font-size:14px;color:#000;font-weight:normal;}

/*Styles ----------------------------------------------------------------------------------*/
.clear {clear:both;}

.padding {padding:10px;}

a {text-decoration: none;}

a img {border:none;}

.floatL {float:left;}

.floatR {float:right;}

.contentPadding {
	padding:40px;
}

.orderNow {
	color: #ff0000;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

/*Fonts ----------------------------------------------------------------------------------*/
@font-face {
    font-family: 'MarketingScriptRegular';
    src: url('/images/template/new/new/fonts/marketing-script/MarketingScript-webfont.eot');
    src: url('/images/template/new/fonts/marketing-script/MarketingScript-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/template/new/fonts/marketing-script/MarketingScript-webfont.woff') format('woff'),
         url('/images/template/new/fonts/marketing-script/MarketingScript-webfont.ttf') format('truetype'),
         url('/images/template/new/fonts/marketing-script/MarketingScript-webfont.svg#MarketingScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikMediumRegular';
    src: url('/images/template/new/fonts/qlassik/Qlassik_TB-webfont.eot');
    src: url('/images/template/new/fonts/qlassik/Qlassik_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/template/new/fonts/qlassik/Qlassik_TB-webfont.woff') format('woff'),
         url('/images/template/new/fonts/qlassik/Qlassik_TB-webfont.ttf') format('truetype'),
         url('/images/template/new/fonts/qlassik/Qlassik_TB-webfont.svg#QlassikMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'QlassikBoldRegular';
    src: url('/images/template/new/fonts/qlassik/QlassikBold_TB-webfont.eot');
    src: url('/images/template/new/fonts/qlassik/QlassikBold_TB-webfont.eot?#iefix') format('embedded-opentype'),
         url('/images/template/new/fonts/qlassik/QlassikBold_TB-webfont.woff') format('woff'),
         url('/images/template/new/fonts/qlassik/QlassikBold_TB-webfont.ttf') format('truetype'),
         url('/images/template/new/fonts/qlassik/QlassikBold_TB-webfont.svg#QlassikBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*Layout ----------------------------------------------------------------------------------*/
body {
	text-align:center;
	background: url(/images/template/new/background.jpg) no-repeat top #F2BC2D;
	font-family: Helvetica, verdana, arial, sans-serif;
}
	body#content {
		background:transparent;
		text-align:left;
	}
	#container {
		width:1000px;
		margin:0 auto;
		text-align:left;
		-webkit-box-shadow: 1px 1px 10px 0 #666666;
		-moz-box-shadow: 1px 1px 10px 0 #666666;
		box-shadow: 1px 1px 10px 0 #666666; 
		min-height: 1px;
	}
		#header {
			position: relative;
			min-height: 1px;
			width:1000px;
		}
			#logo {
				width:233px;
				position: absolute;
				left:-13px;
				z-index:9999;
			}
			
			#topBar {
				/*height:112px;*/
				width:768px;
				position:relative;
				left:232px;
				background: #434f61; /* Old browsers */
				background: -moz-linear-gradient(top, #434f61 0%, #2a303a 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434f61), 	color-stop(100%,#2a303a)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #434f61 0%,#2a303a 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #434f61 0%,#2a303a 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #434f61 0%,#2a303a 100%); /* IE10+ */
				background: linear-gradient(top, #434f61 0%,#2a303a 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434f61', endColorstr='#2a303a',GradientType=0 ); /* IE6-9 */
				-webkit-box-shadow: -2px 0px 5px 1px #666666;
				-moz-box-shadow: -2px 0px 5px 1px #666666;
				box-shadow: -2px 0px 5px 1px #666666; 
				min-height: 1px;
			}
			
				#nav {
					margin:0 0 0 25px;
					width:535px;
					float:left;
				}
					#nav ul#mainNav {
						margin:0;
						padding:0;
						width:450px;
						float:left;
					}
						#nav ul#mainNav li {
							background: url(/images/template/new/nav-sprite.png) no-repeat -113px 0;
							float:left;
							color:#FDF0C4;
							list-style:none;
							margin:0;
							padding:0;
							height:84px;
							width:85px;
							text-transform: lowercase;
							position:relative;
							text-align:center;
							min-height: 1px;
						}
							#nav ul#mainNav li a {
								color:#FDF0C4;
								display:block;
								position:relative;
								height:60px;
								padding:20px 8px 0 0;
								font-size: 20px;
								font-family: 'MarketingScriptRegular';
								line-height: 70%;
							}
							
							#nav ul#mainNav li a:hover {
								color:#FDF0C4;
							}
					
					#nav ul#myCart {
						margin:0;
						padding:0;
						width:85px;
						float:left;
					}
						#nav ul#myCart li {
							background: url(/images/template/new/nav-sprite.png) no-repeat -8px 0;
							float:left;
							color:#FDF0C4;
							list-style:none;
							margin:0;
							padding:0;
							height:84px;
							width:85px;
							text-transform: lowercase;
							position:relative;
							text-align:center;
						}
							#nav ul#myCart li a {
								color:#FDF0C4;
								display:block;
								position:relative;
								height:60px;
								padding:20px 8px 0 0;
								font-size: 20px;
								font-family: 'MarketingScriptRegular';
								line-height: 70%;
							}
							
							#nav ul#myCart li a:hover {
								color:#FDF0C4;
							}
				
				#phone {
					color:#fff;
					font-size:23px;
					text-align: center;
					padding:20px 0 0;
					font-family: 'QlassikMediumRegular';
					float:left;
					width:200px;
				}
				
				#iconNav {
					width:165px;
					float:left;
					margin:3px 0 0 420px;
				}
					#iconNav ul {
						margin:0;
						padding:0;
					}
						#iconNav ul li {
							width:33px;
							height:28px;
							float:left;
							overflow: hidden;
							list-style: none;
							margin:0;
							padding:0;
							position:relative;
						}	
							#iconNav ul li a {
								
							}
								/*#iconNav ul li a img {
									width:33px;
									height:28px;
								}*/
								
								#account img {
									position:relative;
									right:0;
								}
								
								#contact img {
									position:relative;
									right:38px;
								}
								
								#login img {
									position:relative;
									right:72px;
								}
								
								#home img {
									position:relative;
									right:112px;
								}
								
								#search img {
									position:relative;
									right:148px;
								}
				
				#searchBox {
					float:right;
					background: url(/images/template/new/icons-sprite.png) no-repeat -180px 8px;
					margin:-5px 10px 0 0;
					height:35px;
				}
					#searchBox #searchText {
						float:left;
						width:149px;
					}
						#searchBox #AreaQ {
							margin:10px 0 10px 10px;
							background:none;
							border:0;
							color:#000;
							font-size:11px;
							font-weight:bold;
							
						}
					
					#searchBox .submit {
						height: 25px;
						float:right;
						padding:10px 0 0 0;
					}
						#searchBox .submit #submit {
							background:none;
							border:0;
							cursor: pointer;
							height:20px;
						}
				
		
		#middle {
			background:url(/images/template/new/bg-content.png) repeat-y 0 0;
			min-height: 1px;
		}
			#sideNav {
				margin:140px 0 0;
				padding: 0 0 20px 0;
				width:233px;
				float:left;
				text-align: center;
			}
				#sideNav h3 {
					font-family: 'MarketingScriptRegular';
					font-weight: bold;
					text-transform: lowercase;
					font-size: 30px;
				}
				
				#sideNav ul {
					margin:0;
					padding:0;
				}
					#sideNav ul li {
						list-style:none;
						text-align:center;
						margin:0;
						padding:10px 35px;
						font-size:18px;
						position:relative;
						font-family: 'QlassikMediumRegular';
					}
						#sideNav ul li a {
							color:#230900;
							display:block;
							line-height: 100%;
						}
			
			#middleRight {
				width:767px;
				float:left;
			}
				#banner {
					width:767px;
					overflow:hidden;
				}
					#banner ul {
						margin:0;
						padding:0;
					}
						#banner ul li {
							margin:0;
							padding:0;
							list-style:none;
							position:relative;
						}
							#banner ul li img {
								
							}
							
							.bannerDescription {
								position:absolute;
								color:#fff;
								font-family: 'MarketingScriptRegular';
								bottom:0;
								right:20px;
								font-size: 26px;
								font-weight: bold;
								text-shadow: 1px 1px 5px #000000;
								filter: dropshadow(color=#000000, offx=1, offy=1); 
							}
							
				#slider {
					height:138px;
					background: url(/images/template/new/bg-slider.png) no-repeat -2px -2px;
					position:relative;
					width:806px;
				}
					#slider ul {
						margin:0;
						padding:0;
					}
						#slider ul li {
							background: url("/images/template/new/shadow-pipe.png") no-repeat 320px 10px;
						    float: left;
						    list-style: none outside none;
						    margin: 0;
						    padding: 16px 0 0 38px;
						    width: 317px;
						    position:relative;
						}
							#sliderText {
								font-family: 'MarketingScriptRegular';
								color:#FDF0C4;
								font-size: 26px;
								position: absolute;
							    right: 75px;
							    top: 35px;
							}
							
				#content {
					
				}
		
		#bottom {
			background: #434f61; /* Old browsers */
			background: -moz-linear-gradient(top, #434f61 0%, #2a303a 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#434f61), 	color-stop(100%,#2a303a)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #434f61 0%,#2a303a 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #434f61 0%,#2a303a 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #434f61 0%,#2a303a 100%); /* IE10+ */
			background: linear-gradient(top, #434f61 0%,#2a303a 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434f61', endColorstr='#2a303a',GradientType=0 ); /* IE6-9 */
			font-family: 'QlassikBoldRegular';
			height:160px;
		}
			.box {
				float:left;
				color:#FDF0C4;
				line-height: 125%;
				margin:5px 0 0 0;
			}
				.box #box1, .box #box2 {
					width:75%;
				}
				
				.box #box3 {
					width:380px;
					padding-bottom:30px;
				}
				
				.box a {
					color:#FDF0C4;
				}
				
				.boxPadding {
					padding:25px 0 0 60px;
				}
			
				#box1 {
					text-transform: uppercase;
					font-size: 17px;
					margin: 10px 0 0 0;
				}
				
				#box2 {
					background:url(/images/template/new/shadow-pipe.png) no-repeat -5px 20px;
					font-size: 17px;
					color:#FDF0C4;
				}
				
				#box3 {
					background:url(/images/template/new/shadow-pipe.png) no-repeat -5px 20px;
					font-size: 24px;
					line-height: 150%;
					color:#FDF0C4;
					font-size:20px;
				}
		
		#footer {
			width:1000px;
			margin:10px auto;
			padding:0 0 10px 0;
			text-align:left;
			font-size:10px;
		}
			#cms {
				width:50%;
				float:left;
			}
			
			#copyright {
				width:50%;
				float:right;
				text-align:right;
			}