body {
 font-family: 'PT Sans Narrow', Helvetica, Arial, sans-serif;
 font-size: 22px;
 font-weight: 700;
 color:#fff;
 line-height: 26px;
 background: #a6cc66;
}

#wrapper {
 margin:0 auto;
 width:994px; /* Change to desired width */
 background: #7c6969 url(../images/zoobg.jpg) no-repeat 0 0;
}

#container { display:block;
}

#container-left {width:508px; float:left; display: block;margin: 366px 0 0 30px;
 
}

#container-right {width:415px; float:right; display: block;margin: 390px 25px 50px 0;
 
}

.cards-bg {display:block; width:508px; height:270px;background: transparent url(../images/card-bg.png) no-repeat 0 0;position: relative;}
.cards-bg img {margin:23px 0 0 22px;}
.card-id {position: absolute;display: block; padding:5px;background: #fff;color:#000;top:20px; left:20px;font-size: 14px;}
p {margin-bottom:35px;}
.clear {width:100%; display: block; clear: both;}
a, a:link, a:visited, a:active {color:#a6cc66;text-decoration: none;}
a:hover {color:#fff;text-decoration: underline;}
#nav {
	height: 50px;
	width: 400px;
	position: absolute;
	top: 220px;
	left: 495px;
}

#nav {
	font-size: 1.2em;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#content ul { margin: 0 0 1em 5px; }
#content ul li { 
	margin: 0 0 .4em 0; 
	padding: 0 0 0 25px; 
	background: url(../images/star.png) no-repeat 4px 4px; 
}
#content ol {
	margin: 0 0 1em 30px;
}
#content ol li {
	list-style-type: decimal;
	margin: 0 0 .4em 0; 
}
#nav a.current, #nav a.current:link, #nav a.current:visited, #nav a.current:hover, #nav a.current:active {
	background-color: #fff;
	color: #e11d24;
}
#nav a, #nav a:link, #nav a:visited, #nav a:active {
	display: block;
	background-color: #e11d24;
	border: 1px solid #fff;
	margin: 0 10px 0 0;
	color: #fff;
	padding: 9px 15px 8px 15px;
	padding: 9px 15px 8px 15px;
	/*height: 15px; CANNOT ADD HEIGHT, IE SUCKS*/
	text-decoration: none;
}

#nav a:hover {
	background-color: #ac2d31;
	color: #fff;
}

#nav li {
	float: left;
	text-align: center;
}


.data {
	width: 100%;
	margin: 0 0 1em 0;
}

.data, .data td, .data th {
	border: 1px solid #d3d3d3;
	border-collapse: collapse;
}
.data td, .data th {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

.data th {
	background-color: #000;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}


#footer {
	
}

fieldset {
	border: none;
}

table {
	width: 100%;
	margin-bottom: 1em;
	background-color: #79ad43;
	border: 1px solid #a11d20;
	border-color: #fff;
}
table th, table td {
	padding: 10px 15px 5px 15px;
	text-align: left;
	vertical-align: top;
}
table th {
	width: 200px;
}
input {
	padding: 5px;
	border: 1px solid #a11d20;
	border-color: #fff;
	width: 250px;
	background-color: #a6cc66;
	/*background-color: #ac2d31;*/
	color: #fff;
}
label {font-size: 14px;}

label input{
	float:left;
	height:2em;
}
textarea {
	width: 250px;
	height: 50px;
	border: 1px solid #a11d20;
	border-color: #fff;
	background-color: #a6cc66;
	/*background-color: #ac2d31;*/
	padding: 5px;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 12px;}
select {
	padding: 5px;
	border: 1px solid #a11d20;
	border-color: #fff;
	color: #fff;
	background-color: #a6cc66;
}
option {
	color: #fff;
}

input#ccardCard_number, input#ccardCard_number1, input#ccardCard_number2, input#ccardCard_number3 {
	width: 50px;
}

input.button {
	width: auto;
}
input#use_delivery {width:50px;}
option {
	padding-right: 5px;
}

.step1,.step2,.step3{
	width:298px;
	height:71px;
	display:block;
	margin:6px 0;
	padding:0;
	text-indent:-3000em;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
}
.step1{background-image:url(../images/text/step1.png)}
.step2{background-image:url(../images/text/step2.png)}
.step3{background-image:url(../images/text/step3.png)}
span.error {font-size: 12px; color:#000;}
th span {font-size:13px;color:#000;}
.worded {font-size: 18px;}