﻿body {
    background: #fff url(/Content/images/chameleon/bkgd-tile.gif) repeat-x top left;
    font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: center;
}

#outerwrapper {width:1000px; margin:0 auto;}

/* Wrapper */
#wrapper {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
}

/* Header */
#header {
    background: url(/Content/images/chameleon/banner.jpg) no-repeat top left;
    width: 980px;
    height: 116px;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
#header h1,
#header h2,
#header p {
    text-indent: -99999px;
    overflow: hidden;
}
#nav {
    position: relative;
    top: 0px;
    left: 670px;
    width: 299px;
    height: 44px;
}

/* Splash */
#splash {
    width: 1000px;
    height: 281px;
}

/* Content */
#content {
    width: 1000px;
    background: url(/Content/images/chameleon/bg_content.gif) no-repeat top left;
    padding-bottom:20px;
}
#left {
    width: 460px;
    overflow:hidden;
    float: left;
}
#leftinner {
    width: 376px;
    margin: 5px 0 0 45px;
}
#leftinner h2 {
    font-size: 2.7em;
    line-height: 0.75em;
    margin-bottom: .5em;
}

#lefttext p {
    font-size: 1.4em;
    line-height: 1.4em;
}

#couponholder {
    margin-top: 20px;
}
#guy {
    background: url(/Content/images/chameleon/guy.jpg) no-repeat top left;
    width: 375px;
    height: 253px;
    margin-top: 20px;
}
#guy p {
    text-indent: -99999px;
    overflow: hidden;
}


#right {
    width: 540px;
    overflow:hidden;
    float: right;
    display: inline;
}
#rightinner {
    width: 495px;
    margin: 5px 0 0 21px;

}
#topbox {
    width: 462px;
    margin: 0;
    text-align: center;
    font-size: 1.6em;
    line-height: 1.4em;
}
#topbox p {
    margin: 13px 45px;
}
#pnlThankYou { font-size: 1.6em;}
#quoteform {}


#quoteform h2 {
    color: #02026f;
    font-size: 2.2em;
    line-height: 1.05em;
    margin-bottom: 0px;
}
#quoteform h3 {
    font-size: 1.8em;
    line-height: 1.3em;
    margin-bottom: 10px;
}
#quoteform label {
    font-size: 1.6em;
}
#quoteform label small {
	font-size:.7em;
}
#quoteform input {
    margin-bottom: 5px;
}
#firstname {
    float: left;
    width: 225px;
}
#lastname {
    float: left;
    width: 225px;
    margin-left: 10px;
    position: relative;
    display: inline;
}
#firstname input,
#lastname input,
#city input {
    width: 224px;
}
#email {
    width: 461px;
}
#email input {
    width: 461px;
}
#address {
    width: 461px;
}
#address input {
    width: 461px;
}
#city {
    float: left;
    width: 225px;
}
#statediv {
    float: left;
    width: 135px;
    position: relative;
    display: inline;
    margin-left: 10px;
}
#statediv select {
    width: 135px;
    padding: 1px;
}
#zip {
    width: 80px;
    position: relative;
    display: inline;
    margin-left: 10px;
}
#zip input {
    width: 75px;
}
#phone {
    float: left;
    width: 225px;
}
#phone input,
#location select {
    width: 225px;
}

#location {
    float: left;
    width: 225px;
    margin-left: 10px;
    position: relative;
    display: inline;
}
#location  select {
    padding: 1px;
}
#checkboxes {
    width: 462px;
}

#checkboxes .radio { width:100px; float:left; display:inline; }

#cblServiceType {
    float: left;
    width: 351px;
    margin-left: 10px;
    position: relative;
    display: inline;

}
#cblServiceType label,
#cblContactType label {
    font-family: "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    margin-right:20px;
}

#cblServiceType label[for="cblServiceType_1"] {
	margin-right:0px;
}

#cblServiceType input { margin-right:4px; }

#need {
    float: left;
    width: 50px;
    font-size: 1.6em;
}

.contactMethod {
    margin-top:10px;
}

.confirm {
margin-top:10px;
}

#year {
    float: left;
    width: 55px;
    position: relative;
    display: inline;
}
#year input {
    width: 55px;
}

#tiresizes {
    float: left;
    width: 101px;
    position: relative;
    display: inline;
}
#tiresizes input {
    width: 55px;
}

#tiresize {
    float: left;
    margin-left: 5px;
    width: 123px;
    display: inline;
}
#tiresize input {
    width: 118px;
}

#wheelsizes {
    float: left;
    width: 116px;
    margin-left: 5px;
    position: relative;
    display: inline;
}
#wheelsizes input {
    width: 55px;
}

#wheelsize {
    float: left;
    width: 135px;
    display: inline;
    margin-left: 5px;
}
#wheelsize input {
    width: 104px;
}
#make {
    float: left;
    width: 150px;
    display: inline;
    margin-left: 10px;
}
#make input {
    width: 150px;
}
#model {
    float: left;
    width: 140px;
    display: inline;
    margin-left: 10px;
}
#model input {
    width: 140px;
}
#package {
    float: left;
    width: 75px;
    display: inline;
    margin-left: 10px;
}
#package input {
    width: 75px;
}

#miles {
    float: left;
    width: 225px;
    display: inline;
    position: relative;
}
#miles input {
    width: 224px;
}
#description {
	display:inline;
	float:left;
	margin-bottom:10px;
}
#description textarea {
	width:460px;
	height: 50px;
}
#service {
    float: left;
    margin-left: 10px;
    display: inline;
    position: relative;
    width: 200px; overflow:hidden;
}
#service select {
    margin-bottom:5px;
    padding: 1px;
    width: 220px;
}
#sbmtButton {
    margin: 15px 0;

}

#agree {
    font-size: 0.90em;
}

#prvacy {
    margin: 10px 30px;
    font-size: 1.2em;
    line-height: 1em;
    text-align: center;
}

#checked {
    float: left;
    width: 20px;
    padding-top: 3px;
}
#checked checkbox {
    vertical-align: middle;
}
#checktex {
    float: left;
    width: 425px;
    position: relative;
    display: inline;
    margin: 0 0 10px 10px;
}

/* Footer */
#footer {
    background: url(/Content/images/chameleon/footer.gif) no-repeat top left;
    width: 1000px;
    height: 147px;
    text-align: center;
}

#copytext {
    font-size: 1.2em;
    padding-top: 10px;
}

#awards {
    padding-top: 20px;
}

#awards img {
    padding: 0px 25px;
}

#img_loading { position:absolute; width:32px; height:27px; background:url(../../images/ico_loadng2.gif) 0 0 no-repeat; overflow:hidden; text-indent:-999em;  }
.formRowHalf { width:230px !important; float:left !important; display:inline !important; clear:none !important; overflow:hidden !important; }
