/* @group Structure */

html {	
	height: 100%;
}

body {	
	font: 13px Arial, Helvetica, sans-serif;	
	height: 100%;	
}

#blue {	
	background: #0079af url('../images/bg_blue.png') repeat-x top;		
}

#pink {	
	background: #c4003e url('../images/bg_pink.png') repeat-x top;		
}

#cyan {	
	background: #27aeb7 url('../images/bg_cyan.png') repeat-x top;		
}

#green{
	background: #a0b801 url('../images/bg_green.png') repeat-x top;
}

#orange{
	background: #ff7400 url('../images/bg_orange.png') repeat-x top;
}

#purple{
	background: #ac12a6 url('../images/bg_purple.png') repeat-x top;
}

* {
	padding:0;
	margin:0;
}

a {
	color: #204a82;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #81792a;
	text-decoration: underline;
	font-weight: bold;
}

h1 {
	color: #204a82;
	font-size: 16px;
}

#container{
	width: 800px;
	height: 500px;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	left: 55px;
}

#container #content{
	width: 663px;
	float: left;
}

#home{
	position: relative;
	z-index: 1;
	margin-top: -100px;	

}

#fadeshow2{
	position: relative;
	z-index: 1;
	margin-top: -50px;	
	margin-bottom: -63px;
}

#fadeshow2toggler{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	position: relative;
	top: 28px;
	left: -1px;
	z-index: 10;
}

#container #content #layout_top{
	width: 663px;
	height: 31px;
	background-image: url('../images/bg_top.png');
}

#container #content #layout_bottom{
	width: 663px;
	height: 31px;
	background-image: url('../images/bg_bottom.png');
}

#container #content #layout{
	width:663px;
	background-color: #FFFFFF;
}

#container #content #layout #logo{
	width: 134px;
	height: 103px;
	background-image: url('../images/logo.gif');
	margin: 0 auto;
	position: relative;
	z-index: 3;
}

#container #content #layout #layout_home{
	width: 663px;
	height: 532px;
	background-image: url('../images/home_1.jpg');
	position: relative;
	margin-top: -103px;
	z-index: 0;
}

#container #content #layout #layout_about{
	width: 539px;
	padding-top: 20px;
	position: relative;
	margin: 0 auto;
	padding-bottom: 30px;
}

#container #content #layout #layout_about #left{
	width: 318px;
	float: left;	
}

#container #content #layout #layout_about #left P{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #3a3a3b;	
	padding-top: 10px;
	text-align: justify;
}

#container #content #layout #layout_about #right{
	width: 181px;
	height: 290px;
	background-image: url('../images/about-charlotte.jpg');
	float: right;
	margin-top: 20px;
}

#container #content #layout #layout_storefinder{
	width: 612px;
	padding-top: 20px;
	position: relative;
	margin: 0 auto;
}

#layout_storefinder #flash{
	margin-top: 10px;
}

#container #content #layout #wholesale{
	width: 465px;	
	padding-top: 20px;
	margin: 0 auto;
	position: relative;
}

#container #content #layout #contact{
	width: 465px;	
	padding-top: 20px;
	margin: 0 auto;
	position: relative;
}

#container #content #footer{
	margin: 0 auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	padding-top: 8px;
	padding-bottom: 5px;

}

#container #content #footer a{
	color: #FFF;
	text-decoration: underline;
}

#container #content #footer a:hover{
	color: #FFF;
	text-decoration: none;
}

#container #navigation{
	position: relative;
	z-index: 2;
}

#container #navigation ul{
	position: relative;
	top: 40px;	
	left: -4px;
	width: 125px;
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;	
}

#container #navigation ul li{
	display: block;
	padding-bottom: 5px;
	padding-left: 1px;
	position: relative;
	z-index: 2;
}


#container #navigation #selected{
	position: relative;
	left: -30px;
	margin-top: -10px;
	margin-bottom: -9px;
	z-index: 1;
}

#clear {	
	clear:both;	
}

/* JOTFORM CSS BEGIN */

.tbmain{ 
 /* Changes on the form */
 background: white !important; 
 margin-left: -13px;
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: Arial !important;
  font-size: 12px !important;
  text-align: left;
  padding-top: 10px;
}
.head{
  color:#333333;
  font-size:20px;;
  text-decoration:underline;
  font-family:"Arial";
}
td.left {
  font-family:"Arial";
  font-size:12px;
  color:black;
}
td.right {
	padding-top: 10px;
}

.pagebreak{
  font-family:"Arial";
  font-size:12px;
  color:black;
}
.tbmain{
  height:100%;
  background:white;
}
span.required{
  font-size: 13px !important;
  color: red !important;
}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{
    padding-right:5px;
    margin-bottom:15px;
    float:left;
}

/* JOT FORM END */



/* End of Stylesheet */