*{margin:0px;padding:0px}









/* Layout */

body

{
background: white url(test.jpg) ;
background-repeat: repeat
font-family:Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: #333333;
}



#wrapper 

{
background-color:#fff;
margin-top: 20px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
width:950px;
border:0px solid #ffffff;
}

#flash

{
float:right;
width:300px;
height: 250px;
clear:both;
margin-top: 0px;
background-color:#fff;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
} 

#nav
{
float:left;
list-style:none;
margin-top:0px;
margin-left:0px;
margin-left:0px;
height:100%;

}

#nav ul

{
list-style:none;
margin-bottom:20px;
margin-top:20px;
margin-left:20px;
margin-right:0px;
}


#nav li

{
text-align:left;
padding-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
border-top:1px solid #eaeada;
/* border-bottom:1px solid #eaeada; */
border-left:1px solid #eaeada;
border-right:1px solid #eaeada;
}


#nav ul li a

{

display:block;
background-color:#ffffff;
line-height:1.7em;
margin-right:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:22px;
color: #666666;
font-weight:normal;
font-size: 0.8em;
text-decoration: none;
width:165px;
}

#nav  li a:hover
{
color: #37210c;
background:transparent url(arrow.png) no-repeat 0 0;
background-position:top left;
text-align:right;
margin-right:25px;
padding-left:5px;
}

#nav .selected
{
color: #666;
background-color:#f7f7f2;
background:transparent url(arrow.png) no-repeat 0 0;
background-position:top left;
text-align:right;
margin-right:25px;
padding-left:5px;
}



{
height: 1px;
}

#col1

{
float:left;
width:710px;
margin-top:20px;
margin:auto;
padding:0px;
margin-bottom:30px;
margin-right:0px;
text-align:left;
font-size:1.2em;
padding
padding-top:0px;
padding-bottom:0px;
padding-right:5px;
padding-left:10px;
}
 
fieldset 
{ 
padding-top:8px;
-moz-border-radius: 3px; border: 1px #dddddd solid;
 }

#col1 legend
{
 

color: #333333;
font: 16px Verdana;
padding: 2px 5px 2px 5px;
-moz-border-radius: 3px; border: 1px #dddddd solid;
}

#col1 br
{
line-height: 0.1cm
}

#col1 h1
{
display:block;
font-size:2.em;
font-family: arial;
text-align:left;
font-weight:bold;
color:#403f3b;
font-family:arial;
font-weight:bold;
padding:0px;
margin-top:0px;
margin-left:10px;

}



#col1 p

 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
text-align:left;
padding-left: 10px;
padding-right: 10px;
}

#col1 br
 { 
font: normal 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.9em;
color: #000000;
padding:20px;
text-align:left;
}


#footer 

{
width:950px;
height: 85px;
clear:both;
margin-top: 0px;
background-color:#fff;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 15px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:arial;
font-weight:normal;
line-height: 1.4em;
color:#555555;
padding:0px 0 0 00px;
text-align:center;
}









ul.tabs {
  padding:15px 20px;

  border:0px solid #222;
  margin:8px auto;
}
ul.tabs li {
list-style:none; float:left;  
}
ul.tabs li a {
    display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:666666;
  background:white;
 border:1px solid #222;
 color:#000000;
}
ul.tabs  a:hover {
  color:#FFFFFF;
  background:#333333;
  }
ul.tabs .selected {
  margin-bottom:0;
  color:#FFFFFF;
  background:#333333;
  border-bottom:1px solid snow;
  cursor:default;
}
.tab-content {
padding-top:20px;
padding-left:5px;
padding-right:5px;
text-align:left;

}



      
   
#left {
	width: 350px;
	height: 100px;
	float: left;
	text-align: left;
    margin-left:250px;
	
}


#center {
	width: 350px;
	height: 100px;
	float: left;
	text-align: left;
}

#right {
	width: 350px;
	height: 100px;
	float: left;
	text-align: left;

}
#mid {
	width: 300px;
	height: 100px;
	float: center;

}

   #emaildiv {padding:20px 20px 10px 10px;}
        legend { font-size:18px; margin:0px; padding:10px 0px; color:#b0232a; font-weight:bold;}
        label { display:block; margin:15px 0 5px;}
        input[type=text], input[type=password], textarea, select { width:300px; padding:5px; border:solid 1px #000;}
		textarea:focus, input:focus, select:focus {border:1px solid red;}
        .prev, .next { background-color:#FFFFFF; padding:5px 10px; color:#000000; text-decoration:none;  border:1px solid #333333;}
        .prev:hover, .next:hover { background-color:#FFFFFF;color:red; text-decoration:none;  border:1px solid red;}
        .prev { float:left  ;padding:5px 5px 5px 5px;}
        .next { float:right; }
        #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;}
        #steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;}
        #steps li span {font-size:11px; display:block;}
        #steps li.current { color:#000;}
        #makeWizard { background-color:#FFFFFF; color:#666666; padding:5px 10px; text-decoration:none; font-size:18px;}
        #makeWizard:hover { background-color:#000;}


.button input { border:none; margin-left:40%; font-size:1.2em; color:red; background:none; padding:0 4px; cursor:pointer; width:auto;  }
	.formError {
			position:absolute;
			top:300px; left:300px;
			padding-bottom:13px;
			display:block;
			z-index:5000;
		}
			#debugMode{
				background:#000;
				position:fixed;
				width:100%; height:200px;
				top:0; left:0;
				overflow:scroll;
				opacity:0.8;
				display:block;
				padding:10px;
				color:#fff;
				font-size:14px;
				z-index:100000;
			}
		
			.ajaxSubmit{ padding:20px; background:#55ea55;border:1px solid #999;display:none}
			.formError .formErrorContent {
				width:100%; 
				background:#ee0101;
				color:#fff;
				width:150px;
				font-family:tahoma;
				font-size:11px;
				border:2px solid #ddd;
				box-shadow: 0px 0px 6px #000;
				-moz-box-shadow: 0px 0px 6px #000;
				-webkit-box-shadow: 0px 0px 6px #000;
				padding:4px 10px 4px 10px;
				border-radius: 6px;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
			.greenPopup .formErrorContent {background:#33be40;}
			
			.blackPopup .formErrorContent {background:#393939;color:#FFF;}
			
			.formError .formErrorArrow{
				position:absolute;
				bottom:0;left:20px;
				width:15px; height:15px;

				z-index:5001;
			}
			.formError .formErrorArrowBottom{top:0;margin:-6px;}
			
				.formError .formErrorArrow div{
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					box-shadow: 0px 2px 3px #444;
					-moz-box-shadow: 0px 2px 3px #444;
					-webkit-box-shadow: 0px 2px 3px #444;
					font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
				}
					.formError .formErrorArrowBottom div{
						box-shadow: none;
						-moz-box-shadow: none;
						-webkit-box-shadow: none;
					}
					
				.greenPopup .formErrorArrow div{background:#33be40;}
				.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

				.formError .formErrorArrow .line10{width:15px;border:none;} 
				.formError .formErrorArrow .line9{width:13px;border:none;} 
				.formError .formErrorArrow .line8{width:11px;} 
				.formError .formErrorArrow .line7{width:9px;} 
				.formError .formErrorArrow .line6{width:7px;} 
				.formError .formErrorArrow .line5{width:5px;} 
				.formError .formErrorArrow .line4{width:3px;} 
				.formError .formErrorArrow .line3{width:1px;
					border-left:2px solid #ddd;
					border-right:2px solid #ddd;
					border-bottom:0px solid #ddd;} 
				.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
				.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  
				
				#slide
				{





				}
				
				.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;
}

.bottom {
	bottom: 0;
}

.right {
}

.left {
	position: absolute;
	left: 0;
}

.top {
	top: 0;
}

.content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	background-color: #343434;
	height: 0;
	width: 100%;
	color: #fff;
}

.slide-button {
	margin-left: auto;
	margin-right: 50px;
	position: relative;
	float:right;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	background-color:#343434;
	color: #9f9d8e;
}

.slide-button:hover {
	color: white;
}


#corner {

	margin-left: auto;
	margin-right: auto;
	
	overflow: hidden;
	text-align: left;
	background-color: #343434;
	height: 50px;
	width: 300px;
	color: #fff;

}




/* Congratulation message */
.MsgSent {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgSent h1 {
	
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
}

/* Error message */
.MsgError {
	Display: block;
	padding: 10px;
	margin: 40px auto;
	width: 400px;
	text-align: center;
	border: 1px solid #EEE;
	background-color: white;
}

.MsgError h1 {
	
	padding-left: 20px;
	height: 85px;
	line-height: 85px;
	color: #CC0000;
}

.MsgSent p, .MsgError p {
	font-size: 1.3em;
	color:#999;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	
	
	
	
	/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


.thumbnails{background-color:#FFF;border:#FFF 2px solid;}