/***  Universal Selectors ***/
body { font: 14px/1.3 helvetica, arial, sans-serif; background-color:#EDEDED; }
body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, pre, form, label, table, caption, tbody, thead, tfoot, tr, th, td, .clear, hr { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; background: none; }
img, abbr { border: 0; }
a { text-decoration: none; }
h1 { color: #5c5c5c; font-size: 24px; text-align: left; }
h2 { font-size: 20px; }
h3 { color: #BF1E2D; font-size: 16px; }

/***  Structure  ***/
#outerWrap {width: 100%; margin: 0 auto;}
#headerWrap, .leftPane, .contentPane, .topPane, .contentLeftPane, .contentMidPane, .contentRightPane, .bottomPane { width: 100%; }
#header, #mainLinks, #mainContent, #footer { width: 1000px; margin: 0 auto; }
#headerWrap {background-image:url('images/tentMaterialBG.jpg'); background-repeat: repeat; background-color:#fff; float: left; position: fixed; top: 0; box-shadow: 0 0 7px 2px; z-index: 200;}
#logo { float: left;}
#header {clear: both; height: 110px;}
#mainLinksBar { clear: both; height: 50px; background: #646466 url('images/navBar.gif') repeat-x; }
#mainContentWrap {height: 100%; width: 100%; margin: 0 auto; /*background-color:#ccc;*/ }
/*#mainContentWrap {height: 100%; width: 100%; margin: 0 auto; background-image:url('images/pageBG.jpg'); background-color:#fff; }*/
#leftWrap, #contentWrap { float: left; text-align: left; }
#contactWrap { text-align: center; width: 990px; background: #fff; display: inline-block; min-height: 575px; padding: 20px 5px; margin-top: 105px; box-shadow: 0 2px 10px -2px; }
#contentWrapHP { width: 990px; background: #fff; display: inline-block; min-height: 575px; padding: 20px 5px; box-shadow: 0 2px 10px -2px;} 
#contentWrap { width: 990px; background: #fff; display: inline-block; min-height: 575px; padding: 20px 5px; margin-top: 105px; box-shadow: 0 2px 10px -2px;} 
#leftPane { float: left; width: 500px; height: 700px; margin: 0 14px; padding: 16px 0 0 20px; background-image:url('images/mitten.gif'); background-repeat: no-repeat; background-color:#fff;}
#leftPane p { font-size: 14px; text-align: justify; margin: 10px; width: 428px; line-height: 21px;}
#leftPane h3 { margin-top: 20px;}
#rightPane { float: left; width: 400px; float: left; height: 100%;}
#rightPane p { color: #fff; font-size: 15px; padding: 0 36px; margin-top: 95px; text-align: justify;}
#rightPane img { margin: 5px;}
#productsPane, #policiesPane { /*float: left;*/ padding: 0 0 0 0; width: 950px; height: 100%; margin: 0 auto;}
#imagePane, #detailPane {float: left; width: 450px;}
#topPane { padding: 10px 0; }
#bottomPane { clear: both; width: 100%; padding: 10px 0; text-align: center;}
#bottomSection { clear: both; width: 100%; padding: 10px 0; }
#footerWrap { background: #000; height: 200px; border-top: 5px solid #BF1E2D; position: relative; margin-top: -5px; z-index: 10; }
#copy {clear: both; text-align: center; color: #000; font-size: 80%; }
.clear {clear: both;}




/*** utility nav  ***/
#footNav {width: 1000px; margin: 0 auto; height: 20px; font-size: 14px;}
#footNav ul {text-align: center; line-height: 20px;}
#footNav li {display: inline; list-style: none;}
#footNav a {color: #fff; font-size: 85%;  padding-left: 5px; }
#footNav a:hover {color: #ffde17; }

/*** footer Nav ***/
#footer {padding-top: 10px;}
#footer div { float: left; width: 325px;  }
#footer h4 {font-size: 110%; margin-bottom: 20px; width: 110px; border-bottom: 1px solid #000; padding-bottom: 5px;}
#footer li { font-size: 90%;  color: #5d5d5d; list-style: none; padding: 10px 0; }
#footer li a { color: #5d5d5d; }
#footer li a:hover { color: #ffde17; }
#social li { float: right; margin-right: 20px;}
#credIcons li {margin-left: 20px;}




/*** Header ***/
#phone { display: inline-block;
    float: left;
    font-size: 20px;
    margin: 66px 0 0 32px; }
    
#phone span { font-size: 24px; color: #BF1E2D; }

/*** Products Page ***/
.productImage { margin: 5px 0 30px 20px; float: left; }
#productsPane h1 { margin-bottom: 20px;}
#productsPane h2 { clear: both; margin-bottom: 20px;}
#productsPane h3 {color: #bf1e2d; clear: left; padding: 2px 0 0 8px;
    background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #ccc, #bf1e2d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #ccc, #bf1e2d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #ccc , #bf1e2d); /* Standard syntax (must be last) */}
.rates { width: 300px; float: left;  font-size: 16px; line-height: 36px; list-style: circle inside none; margin:5px 0 0 10px;}
.description { float: left; margin-bottom: 50px; text-align: justify; }
.description span { text-decoration: underline; }
.top { float: right; color: #bf1e2d; text-decoration: underline; }
.top:hover { color: #777; }

/*** Policies Page ***/
#policiesPane {/*background-image:url('images/policyBG.jpg'); background-repeat: no-repeat;*/ background-color:#f6f6f6; background-position: top center; position: relative;
    top: 0;}
#policiesPane h1 { margin-bottom: 20px;}
#policiesPane h2 { background: none repeat scroll 0 0 #494B57;
    border-radius: 0 30px 0 0;
    color: #ffde17;
    font-size: 18px;
    font-weight: normal;
    padding: 5px 0 3px 5px;}
#policiesPane p { padding-left: 5px;}

/*** Misc ***/
#leftPane span { font-size: 14px; color: #BF1E2D; }


/*** Contact Page ***/
#contactImage { margin: 15px auto 0; }
#contact { position: relative; bottom: 280px; margin: 0 auto; padding: 15px; font-size: 18px; background-color: #000; width: 230px;}
#contact ul {text-align: center; line-height: 20px; }
#contact li { color: #fff; list-style: none;}
#contact a {color: #fff; font-size: 85%;  padding-left: 5px; }
#contact a:hover {color: #ffde17; }

/*** item detail tabs ***/
.tabDiscription {width: 990px; clear: both; margin-top: 25px; text-align: left; display: inline-block; }

ul.tabs li {float: left; padding: 0; height: 32px; line-height: 32px; margin-right: 10px; background: #c4c4c4; overflow: hidden; position: relative;}
ul.tabs li a {	display: block;  padding: 0 10px; outline: none; color: #000;}
ul.tabs li a:hover {background: #ccc;}	
html ul.tabs li.active, html ul.tabs li.active a  {background: #003366; color: #fff;}

.tab_container {width: 990px; border: 1px solid #003366; clear: both; float: left; background: #c4c4c4;}
.tab_content {padding: 15px; background: #c4c4c4; text-align: left;}
.tab_content h2 {font-weight: normal; padding-bottom: 10px; font-size: 16px;}


/*** Mobile ***/

@media only screen and (min-device-width: 320px) and (max-device-width: 590px)
{
	.theme-dark.slider-wrapper{ display: none;}
	 #header, #mainLinks, #footer, #headerWrap, #contentWrap, #leftPane, #rightPane, #mainContent, #footNav, #contactWrap, #contactPane, #outerWrap, #productsPane, #policiesPane { width: 99% !important; padding: 2px !important;}
	#contentWrapHP { width: 100%; height: 100%;}
	#mainContent { margin-top: 70px;}
	.menu { clear: both; margin: 0 0 10px 0 !important; border-radius: 0 !important; width: 99% !important; }
	.menu ul { width: 100%; }
	.menu li a { padding-left: 20px !important; font-size: 14px!important; border-right: none !important;}
        .menu li { float: left !important;  display: inline-block !important; }
	.menu a { width: 100%;}
	.menu ul li a { background-color: #000;}
	/*.menu { clear: both; margin: 0 0 10px 0 !important; border-radius: 0 !important; width: 99% !important; height: 100% !important;}
        .menu li { display: block !important; float: none !important; border: 1px solid #5e5e5e !important; height: 60px !important; background-color: #000 !important; width: 100%;}
	.menu a { text-align: center; border-right: none !important; padding-top: 10px !important;}
	.menu li a { }*/
	#logo { display: block; margin: 0 auto !important; float: none !important; }
	#leftPane { display: block; height: 100%; margin-top: 100px !important; padding: 0 2px !important;}
	#leftPane p { margin: 0 !important; padding: 2px;}
	#rightPane { clear: both!important; margin: 0 auto; }
	#phone { display: none; }
	#headerWrap { display: block; }
	body, p { width: 100% !important;  }
	#productsPane h3 { background: #fff !important;}
	.productImage { width: 100%!important; }
	img { width: 100%; }
	img#partyTent { clear: both!important; margin: 0 auto; }
    
    /*
    h1 { font-size: 100%;}
    #header { height: 100%; }
    
    
    
    
    .menu {  clear: both; margin: 0 0 10px 0 !important; border-radius: 0 !important; width: 99% !important; height: 50px !important;}
    .menu li { font-size: 18px !important; float: none !important; border: 1px solid #5e5e5e !important; height: 100%; padding: 20px 0; }
    .menu a { font-size: 2em !important; text-align: center; height: 80px; }
   
    #leftPane { background-image: none; width: 100%; height: 100%; margin: 0 !important; padding: 0 !important;}
    #leftPane img,  #rightPane img { width: 100%; height: 100%; }
 #leftPane h1 { font-size: 1.6em; text-align: center; margin-top: 20px;}
  #leftPane p { font-size: 1.5em; width: 95%; }
   
    #rightPane img { width: 100%; height: 100%;}
    #copyright li { clear: both; }
    #footer ul#social { text-align: center;}
    #social li { display: inline-block; float: none; margin: 0; padding: 20px;}
    .pic { height: 100%;}
    .pic img { width: 315px; }
    .paragraph { width: 95%;}
    #productsPane { width: 95% !important; text-align: left;}
    #contactWrap { background-image: none;}
    #serving, #phone { display: none;}
    #contactPane { text-align: center;}
    #emails { font-size: 1em; line-height: 40px; margin: 0 !important; float: none;}
    #contactPane h1 { margin-top: 20px;}
    #footLinks { display: none;}
    #address h3 { line-height: 50px;}*/
    
   
   
   
    

}






/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	max-width: none;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
	background:white; 
	filter:alpha(opacity=0); 
	opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}