@import "typography.css";
@import "layout.css";
@import "extras.css";
@import "wireframe.css"; /* ### DO NOT INCLUDE INTO LIVE SITE ### */

/* !Generals */

body{
font-family: Arial, Verdana, Tahoma, sans-serif;
background: url(../images/site_bg.png) 0 0 repeat-x;
}

#content {
width: 922px;
margin: 0 auto;
}

#stripe {
overflow: hidden;
margin: 1em 0 0 0;
}

#stripe .left {
font-weight: bold;
font-size: .9em;
color: #7f7f7f;
}

#stripe .left a {
color: #7f7f7f;
text-decoration:none;
}
#stripe .left a:hover {
text-decoration:underline;
}

#stripe .left a strong {
color: #ffc09a;
}


#stripe .right {
font-size: .9em;
color: #7f7f7f;
text-align: right;
}

#stripe .right li {
display: inline;
}

#stripe .right li a {
font-weight: bold;
text-decoration: none;
}

.blue {
color: #5485dd !important;
}

.orange {
color: #ff9021 !important;
}

#branding {
clear: both;
margin: 0;
width: auto;
float: left;
}

#branding h1 {
margin: 0;
font-size: 2.2em;
position:relative;
top:12px;
}

#branding h1 a {
text-decoration: none;
color: #000;
}

#branding h1 strong {
text-transform: uppercase;
color: #ff8135;
}

#nav {
float: right;
width: auto;
clear: none;
background: transparent;
position:relative;
top:11px;
}

#nav li {
display: inline;
color: #7f7f7f;
padding: 0 0 0 .3em;
font-weight: bold;
}

#nav li a {
display: inline;
color: #7f7f7f;
text-decoration: none;
padding: 0px 6px;
font-weight: bold;
font-size: .9em;
}

#nav li a:hover {
text-decoration: underline;
}

#mainContent {
margin: 12px 0 0 0;
width: 922px;
}

#primary {
background: url(../images/prim_cont_bg.png) 100% 0 no-repeat;
width: 525px;
float: left;
}

#primary h2 {
font-weight: normal;
font-size: 1.6em;
color: #000;
margin:12px 0;
}

.mainCont {
width: 250px;
margin-bottom: 1.5em;
}

.mainCont h3 {
margin: 0;
font-size: 1em;
font-weight: normal;
}

.mainCont h3 a{
color: #ff9352;
font-weight: normal;
text-decoration: none;
}

.mainCont h3 a:hover{
color: #ff9352;
font-weight: normal;
text-decoration: underline;
}

.mainCont p {
margin: 0;
font-size: .9em;
}

#primary h4 {
font-size: 2em;
color: #000;
text-align: center;
margin: 0;
}

#secondary {
float: right;
width: 397px;
background: url(../images/secondary_bg.png) 0 0 repeat-y;
}

#search {
background: url(../images/pointer.png) 50% 100% no-repeat;
width: 370px;
margin: 0 auto 0 auto;
padding: 20px 10px;
}

#innerOne #search {
margin: 0 auto 1em auto !important;
}

#search fieldset {
width: 330px;
margin: 0 auto;
}

#search fieldset h4 {
text-align: center;
font-weight: normal;
font-size: 1.8em;
color: #000;
margin: 0 0 1em 0;
line-height: 100%;
}


.ctrlHolder, .multiHolder {
overflow: hidden;
margin: 0 0 .8em 0;
}

.ctrlHolder label, .boxHolder label {
display: block;
width: 60px;
float: left;
margin: 0 10px 0 0;
text-align: right;
font-size: .9em;
line-height: 150%;
}

.ctrlHolder input {
border: 1px solid #ccc;
float: left;
width: 216px;
}

.ctrlHolder .note {
color: #000;
font-style: italic;
font-weight: bold;
font-size: .6em;
margin: 0 0 0 70px;
clear: both;
}

.boxHolder {
width: 155px;
float: left;
}

.boxHolder select {
width: 83px;
}

.secondLabel {
width: 40px !important;
}

.smallLabel {
width: 28px !important;
text-align: center;
}

.bigBoxHolder {
width: 175px;
float: left;
}

.bigBoxHolder label {
float: left;
}

.bigBoxHolder select {
float: left;
margin: 0 10px 0 0;
width: 65px;
}

.bigBoxHolder p {
float: left;
margin: 0;
padding: 0;
}

.buttonHolder {
overflow: hidden;
padding: .5em;
}

.birthBox select {
width: 70px;
}

.buttonHolder button {
display: block;
background: url(../images/button_bg.png) 0 0 repeat-x;
text-shadow: 1px 1px 0 #000;
-moz-border-radius: .5em;
-webkit-border-radisu: .5em;
border-radius: .5em;
font-family: Verdana, Arial, Tahoma, sans-serif;
border: none;
height: 59px;
line-height: 59px;
width: 100%;
font-size: 1.3em;
font-weight: bold;
color: #fff;
text-align: center;
margin: 0 auto;
text-transform: uppercase;
}

#tertiary {
clear: both;
}

#tertiary ul {
overflow: hidden;
background: #EBEBEB url(../images/user_listing_bg.png) 0 0 repeat-x;
padding: 20px 20px 15px 20px;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
-moz-box-shadow: 2px 2px 5px #ccc;
}

#tertiary ul li {
float: left;
width: 90px;
margin: 0 20px 0 0;
}

.last {
margin: 0 !important;
}

#tertiary ul li img {
display: block;
}

#tertiary ul li a {
color: #000;
text-decoration: none;
line-height: 100%;
font-size: .9em;
}

#tertiary ul li p {
line-height: 100%;
font-size: .9em;
text-transform: uppercase;
margin: 0;
font-weight: bold;
color: #1cd603;
padding:3px;
padding-top: 10px;
text-align:center;
}

.xs {
margin: 0 2em;
font-size: .9em;
color: #918f8f; 
}

#inner #primary {
background: none;
}

#inner #primary h2 {
margin-bottom: .5em;
}

#inner #primary p {
line-height: 120%;
margin-bottom: 1em;
}

#loader h5 {
text-align: center;
font-size: 2em;
color: #000;
font-weight: normal;
}

#loader #mainContent {
text-align: center;
padding: 8em 0;
}