/* CSS Document */
/*----------------------------------------------------------------------------------------------------------
[Layout Stylesheet of all website pagess]
Project:	AUTOSALLY
Version:	1.1
Author:     pixessive.com 
----------------------------------------------------------------------------------------------------------*/
/*------------------Layout,Table of Contents----------------------------------------------------------------- 
1. GLOBAL RESET
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
3. COMMON CSS CLASSES
4. GLOBAL LAYOUT
5. COMMON SITE HEADER
6. HOME ROTATING BANNER
7. COMMON SITE FOOTER 
8. HOME CONTENT SECTION
9. CONTENT SECTION
10. PROFILE SECTION
11. CREATE / EDIT PROFILE
12. REGISTER
13. MY ACCOUNT - COUPONS
14. FIND A MECHANIC / FIND A JOB / FIND A COUPON
15. MY ACCOUNT - JOBS
16. COUPON POP-UP
17. FIND A JOB - MAKE OFFER
18. POPUP MESSAGE
19. CALENDAR
20. ABOUT US
-----------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------
1. GLOBAL RESET
---------------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}
/*---------------------------------------------------------------------------------
2. GLOBAL BASIC STYLING FOR COMMON HTML ELEMENTS
---------------------------------------------------------------------------------*/
fieldset, img {
	border:0;
	padding:0px;
	margin:0px;
}
a {
	outline:none;
	padding:0;
	margin:0;
	border:0;
	color: #CC3300;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
input {
	outline:none;
}
h1 {
	font-size:20px;
	padding:0 0 10px 0;
}
h2 {
	font-size:14px;
}
h3 {
	font-size:12px;
}
/*---------------------------------------------------------------------------------
3. COMMON CSS CLASSES
---------------------------------------------------------------------------------*/

body {
	font-family:"Arial", Verdana, Sans-serif;
	font-size:12px;
	color:#010101;
}
body.popupBody {
	background-color:#FFF;
	background-image:none;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.imgfleft {
	float:left;
	padding:0px 10px 10px 0px;
}
.imgfright {
	float:right;
	padding:0px 0px 10px 10px;
}
.clear {
	clear:both;
}
.jusify {
	text-align:justify;
}
.normallink {
	color:#161617;
	text-decoration:none;
}
.normallink:hover {
	text-decoration:underline;
}
.textbox {
	border:1px solid #a5acb0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	height:16px;
}
.bntstyle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#c7c2bc;
	border:1px solid #3c3c3c;
	padding:1px 3px;
	cursor:pointer;
}
.marginbottom10 {
	margin-bottom:10px;
}
.blockinline {
	display:inline-block;
}
.noBorder {
	border: 0 !important;
}
/* buttons */
.smallBtn, .medBtn, .bigBtn {
	border:none;
	color:white;
	cursor:pointer;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}
a.smallBtn, a.medBtn, a.bigBtn, a:hover.smallBtn, a:hover.medBtn, a:hover.bigBtn {
	float: left;
	display:inline;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
.smallBtn {
	width: 70px;
	height: 20px;
	padding:1px 2px 3px 2px;
	font-size: 11px;
}
a.smallBtn {
	padding:4px 2px 0px 2px;
	height: 16px;
}
.greenS {
	background-image: url(../images/btn_small_green.gif);
	color:#fff;
}
.redS {
	background-image: url(../images/btn_small_red.gif);
	color: #CC3300;
}
.blueS {
	background-image: url(../images/btn_small_blue.gif);
	color:#fff;
}
.medBtn {
	width:140px;
	height:30px;
	font-size:14px;
	font-weight:bold;
}
a.medBtn {
	height:23px;
	padding:7px 0 0 0!important;
	font-size:14px;
}
.greenM {
	background-image: url(../images/btn_med_green.gif);
	color:#fff;
}
.blueM {
	background-image: url(../images/btn_med_blue.gif);
	color:#fff;
}
.redM {
	background-image: url(../images/btn_med_red.gif);
	color: #CC3300;
}
.bigBtn {
	width:190px;
	height:40px;
	font-size:16px;
}
a.bigBtn {
	height:30px;
	padding-top:10px;
	font-size:16px;
	font-weight: normal;
}
.greenB {
	background-image: url(../images/btn_large_green.gif);
	color:#fff;
}
.redB {
	background-image: url(../images/btn_large_red.gif);
	color: #CC3300;
}
.blueB {
	background-image: url(../images/btn_large_blue.gif);
	color:#fff;
}
input.small, input.standard, textarea, input.medium {
	border: 1px solid #BFD0F8;
}
input.small, input.standard, input.medium {
	height: 18px;
}
textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.mileage {
	background:url(../images/change.gif) no-repeat right;
	height:20px;
	display:block;
}
.mile {
	background-color:#FFF;
}
.mile button {
	border:none;
	color:white;
	cursor:pointer;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 70px;
	height: 20px;
	padding:1px 2px 3px 2px;
	font-size: 11px;
	background-image: url(../images/btn_small_blue.gif);
	float: right;
}
/*---------------------------------------------------------------------------------
4. GLOBAL LAYOUT
---------------------------------------------------------------------------------*/
.page_container {
	margin:0 auto;
	width:960px;
	position: relative;
}
/*---------------------------------------------------------------------------------
5. COMMON SITE HEADER
---------------------------------------------------------------------------------*/
.headeroutter {
	width:960px;
}
.header {
	width:960px;
	height:60px;
	margin:0px auto;
}
.header .logo, .header .logo a {
	border:0px;
	float:left;
	display: inline;
	width:270px;
}
.header .logout {
	border:0px;
	float:right;
	width:235px;
	padding:5px 15px;
	text-align:right;
}
.header .logout p {
	font-size:12px;
	text-align:right;
}
.header .logout p span, .header .logout form {
	margin:5px;
}
.header .logout p button {
	float: right;
	display: inline;
}
.header .login {
	border:0px;
	float:right;
	width:395px;
	padding:10px 10px 0px 0px;
}
.header .login button {
	position: relative;
	top: 8px;
} 
.header #username, .header #password, .header #password_text {
	width: 125px;
	margin: 0 10px 0 0;
}
.login span {
	width: 145px;
	margin: 3px 10px 0 0;
	font-size: .9em;
}
.header #username, .header #password, .header #password_text {
	border:1px solid #BFD0F8;
	margin: 4px 10px 0 0;
	height: 18px;
	padding-right: 20px;
}
.header #username {
	background: #fff url("../images/mail.gif") right no-repeat;
}
.header #password, .header #password_text {
	background: #fff url("../images/lock.gif") right no-repeat;
}
.header .login #login {
	margin: 4px 0px 0 0;
}
.login span {
	float: left;
	display: inline;
}
.login span a {
	color: #CC3300;
	text-decoration: none;
}
.login a:hover {
	text-decoration:underline;
}
/* MAIN NAVIGATION LINKS */
.mainnav {
	width:960px;
	height:40px;
	overflow:hidden;
	background:url(../images/nav_bg.gif) repeat-x top left;
	clear:both;
}
.mainnav div {
	background:url(../images/nav_leftbg.gif) no-repeat top left;
}
.mainnav div div {
	background:url(../images/nav_rightbg.gif) no-repeat top right;
}
.mainnav ul {
	padding:0px 0px 0px 0px;
	margin:0px;
	height:40px;
}
.mainnav li {
	list-style:none;
	display:inline;
	float:left;
}
.mainnav li a {
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	display: inline;
	height:28px;
	padding:12px 10px 0px 10px;
	float:left;
	border-right:1px solid #000000;
}
.mainnav .home a, .mainnav .home a:hover {
	margin-top: 0px !important;
}
.mainnav .home a {
	padding-left: 15px;
}
.variation .home .navselected, .variation .home a:hover {
	background: url(../images/nav_leftbgHover.gif) no-repeat top left !important;
}
.mainnav .home .navselected, .mainnav .home a:hover {
	background: url(../images/nav_leftbgHoverGrey.gif) no-repeat top left;
}
.mainnav li a:hover, .mainnav li .navselected, .navselected {
	color:#000000;
	background-color:#eaeaea;
	margin-top: 1px;
}
.variation .navselected, .variation a:hover {
	background-color:#fff !important;
}
/*---------------------------------------------------------------------------------
6. COMMON SITE FOOTER 
---------------------------------------------------------------------------------*/
.footeroutter {
	width:960px;
	overflow:hidden;
	clear:both;
	background:url(../images/footer_bg.png) repeat-x 0px 0px;
	height:20px;
	padding:10px 0px 0px 0px;
}
.footer {
	width:960px;
	margin:0 auto;
}
.footer a {
	font-size:13px;
	color:#cc3300;
	text-decoration:none;
	padding:0px 3px;
}
.footer a:hover {
	text-decoration:underline;
}
.footer span {
	padding:0px 0px;
	margin:0px;
	font-size:13px;
	color:#000000;
	text-decoration:none;
	line-height:17px;
}
/*---------------------------------------------------------------------------------
7. GENERAL INFO SECTION
---------------------------------------------------------------------------------*/
.generalinfo {
	width:900px;
	height:130px;
	/* overflow:hidden; */
	padding:20px 30px 0px 30px;
	background:url(../images/ginfo_bg.gif) no-repeat top left;
	position:relative;
}
.generalinfo h2 {
	font-weight:bold;
	color:#666666;
	padding-bottom:5px;
}
.generalinfo h2 a {
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#CC3300;
	padding:0px 1px;
}
.generalinfo h2 a:hover {
	text-decoration:underline;
}
.generalinfo .ginfocontent {
	width:70%;
	overflow:hidden;
}
.generalinfo .ginfocontent img {
	float:left;
	padding:0px 10px 10px 0px;
	height:70px;
}
.generalinfo .ginfocontent p {
	font-size:13px;
	text-decoration:none;
}
.generalinfo .ginfonav {
	height:27px;
	/* overflow:hidden; */
	background:#dbdad8;
	border-top:1px solid #dedddb;
	clear:both;
	z-index:9900;
	position:absolute;
	bottom:0px;
	left:30px;
}
.ginfonav ul {
	padding:0px;
	margin:0px;
}
/* dprodown menu */
.ginfonav table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
.ginfonav ul ul {
	visibility:hidden;
	position: absolute;
	top: 27px;
	right: -110px;
	z-index: 99;
	width:110px;
	z-index:9910;
}
html > body .ginfonav ul ul {
	position: absolute;
	right: 1px;
}
.ginfonav ul :hover ul {
	visibility:visible;
}
.ginfonav ul ul li {
	background-color: #dbdad8;
	border-left:1px solid #dedddb;
	border-bottom:1px solid #dedddb;
}
.ginfonav li {
	list-style:none;
	display:inline;
	float:left;
	position: relative;
	height:27px;
}
.ginfonav li table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
.ginfonav li a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#666666;
	display:block;
	height:20px;
	padding:7px 0px 0px 0px;
	width:110px;
	float:left;
	background:url(../images/ginfo_navbg.gif) no-repeat top right;
}
.ginfonav li a:hover, .gselected {
	color:#000000;
	background-color:#FFFFFF;
	text-decoration:none;
}
.ginfonav li a.gselected {
	color:#000000;
	background-color:#FFFFFF;
}
.carOwner {
	width: 360px !important;
}
/*---------------------------------------------------------------------------------
8. HOME CONTENT SECTION
---------------------------------------------------------------------------------*/
.content_index, .content_index2 {
	height: 360px;
	width:900px;
	overflow:hidden;
	clear:both;
	padding:30px 30px 0 30px;
	font-size: 15px;
}
.content_index {
	background: #fff url(../images/indexMainImg.jpg) no-repeat top left;
}
.content_index2 {
	background: #fff url(../images/indexMainImg2.jpg) no-repeat top left;
}
.content_index h1, .content_index p, .content_index ul {
	margin-left: 155px;
}
.content_index2 h1, .content_index2 p, .content_index2 ul {
	margin-left: 150px;
}
.content_index h1, .content_index2 h1 {
	color: #003399;
	font-size: 25px;
	font-weight: bold;
	padding-top: 20px;
	width: 400px;
}
.content_index p, .content_index2 p {
	padding: 10px 20px;
	width: 400px;
}
.content_index ul {
	padding: 0px 20px;
	width: 290px;
	list-style: none outside;
}
.content_index2 ul {
	padding: 0px 20px;
	width: 400px;
	list-style: none outside;
}
.content_index ul li, .content_index2 ul li {
	background: url(../images/line.gif) no-repeat left center;
	padding-left: 10px;
}
.content_index .links, .content_index2 .links {
	width: 450px;
	padding: 10px 0;
}
.content_index .links a, .content_index2 .links a {
	margin-right: 20px;
}
.content_index .button {
	margin-right: 15px;
}
.indexContainer {
	background:#fff url(../images/indexBottomBg.png) no-repeat bottom left;
	width:940px;
	overflow:hidden;
	clear:both;
	padding:0px 0 30px 20px;
}
.indexBox {
	width: 290px;
	background: url(../images/indexBoxMiddle.gif) top left repeat-y;
	position: relative;
	float: left;
	display: inline;
	margin-right: 27px;
}
.indexBoxRight {
	float: right;
	margin-right: 15px;
}
.indexBoxInside {
	width: 290px;
	background: url(../images/indexBoxBottom.gif) bottom left no-repeat;
	position: relative;
	height: 210px;
}
.indexBox h2 {
	background: url(../images/indexBoxTop.gif) top left no-repeat;
	text-align: center;
	color: #003399;
	font-size: 16px;
	font-weight: bold;
	padding: 13px 6px 6px 0;
}
.indexBoxInside div {
	border-top: 1px solid #676767;
	margin-right: 6px;
	color: #669900;
	font-weight: bold;
	text-align: center;
	font-weight:normal;
	color:#000;
	padding:13px 23px 0;
}
.indexBoxInside .video {
	padding-top: 8px;
}
.indexBoxInside div p {
	margin: 0 0 7px 0;
	text-align: left;
}
.indexBoxInside div img {
	margin: auto;
}
.boxLinks {
	position: absolute;
	background: url(../images/boxLinkBg.gif) no-repeat top left;
	width: 265px;
	height: 30px;
	left: 10px;
	bottom: 4px;
	display: block;
	color: #fff;
	padding: 8px 0 0 0;
	text-align: center;
	text-decoration: none;
}
/* bottom box */
.indexBottomBox {
	height: 260px;
	clear: both;
	padding-top: 10px;
	background: url(../images/indexBtmBg.gif) bottom left no-repeat;
}
.indexBottomBoxHead {
	background: url(../images/indexBtmBarMiddle.gif) repeat-x top;
	overflow: hidden;
	height: 40px;
	width: 925px;
}
.indexBottomBoxHead h2 {
	background: url(../images/indexBtmBarLeft.gif) no-repeat top left;
	float: left;
	display: inline;
	width: 450px;
	height: 30px;
	color: #fff;
	font-size: 16px;
	padding: 10px 0 0 10px;
}
.indexBottomBoxHead .zipCode {
	background: url(../images/indexBtmBarRight.gif) no-repeat top right;
	float: right;
	display: inline;
	height: 30px;
	color: #fff;
	font-size: 16px;
	padding: 10px 15px 0 0;
}
.indexBottomBoxHead button {
	float: right;
	display: inline;
	margin: 1px 0px 0 10px !important;
}
.indexBottomBoxHead input {
	margin: 0 0 0 15px;
	font-size: 12px;
	padding: 0px 3px;
}
.indexBottomBoxHead input, .indexBottomBoxHead label {
	float: left;
	display: inline;
}
.zipCode #zipCode {
	width: 45px;
}
.zipCode #submit {
	background-color: #999;
	color: #fff;
}
.indexBottomBox .column {
	float: left;
	display: inline;
	width: 260px;
	padding: 0 23px;
	border-right: #999 solid 1px;
	margin-top: 20px;
}
.indexBottomBox .thirdColumn {
	border-right: #999 solid 0px;
	margin-top: 20px;
	width: 260px;
	padding: 0 0 0 23px;
}
.indexBottomBox .column h3 {
	font-weight: bold;
}
.indexBottomBox .column p {
	margin-top:1px;
}
.indexBottomBox .column .item {
	min-height: 47px;
}
.indexBottomBox .column .item p a {
	color: #CC3300;
}
.indexBottomBox .column p a {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.indexBottomBox .column p a:hover {
	text-decoration: underline;
}
.indexBottomBox .column .item p a span {
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
.indexBottomBox .column .logos {
	float: right;
	display: inline;
	margin-top: 5px;
}
.indexBottomBox .column .logos img {
	float: left;
	display: inline;
}
/*---------------------------------------------------------------------------------
7. CONTENT SECTION
---------------------------------------------------------------------------------*/
#blank {
	background:none;
}
.content_outter {
	width:900px;
	overflow:hidden;
	clear:both;
	padding:30px;
	background:#fff url(../images/content_bottombg.png) no-repeat bottom left;
}
.content_popup {
	width:660px;
	overflow:hidden;
	clear:both;
	padding:0;
	margin-left:-5px;
	background:none;
}
.withTopBg {
	width:960px;
	padding:0;
	min-height: 500px;
}
.content_outterTopBg {
	overflow:hidden;
	/* min-height:400px; */
	padding:30px;
	width:900px;
	background:transparent url(../images/innerBg.gif) no-repeat top left;
}
html > body .content_outterTopBg {
	height:auto;
}
.content_leftoutter {
	width:640px;
	overflow:hidden;
	border:1px solid #bfd0f8;
	background:#e8eefd;
	padding:9px;
	margin-right:10px;
}
.content_rightoutter {
	width:228px;
	overflow:hidden;
	border:1px solid #cccccc;
	background:#eaeaea;
	margin-bottom: 200px;
}
/*---------------------------------------------------------------------------------
9. CONTENT SECTION
---------------------------------------------------------------------------------*/
.leftcnt_box {
	width:640px;
	overflow:hidden;
	margin-bottom:10px;
	overflow:visible;
}
.leftcnt_box h2 {
	font-weight:bold;
	background:#1d679b;
	color:#FFFFFF;
	padding:9px;
}
.leftcnt_boxinner {
	width:620px;
	padding:9px;
	overflow:hidden;
	border:1px solid #bfd0f8;
	background-color:#FFFFFF;
	border-top:none;
}
.leftcnt_graybox {
	width:602px;
	padding:9px;
	overflow:hidden;
	border:1px solid #cccccc;
	background-color:#eaeaea;
}
.leftcnt_graybox h3 {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	padding:0px 9px 9px 9px;
}
.leftcnt_graybox h6 {
	display:block;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	padding:0px 0px 15px 15px;
}
.leftcnt_graybox ul {
	padding:0px;
	margin:0px;
}
.leftcnt_graybox ul li {
	padding:0px 0px 0px 28px;
	margin:0px;
	list-style:none;
	background:url(../images/blt.png) no-repeat 15px 2px
}
/*---------------------------------------------------------------------------------
10. PROFILE SECTION
---------------------------------------------------------------------------------*/
.leftginfo .thumbimg {
	float:left;
	padding:0px 10px 10px 0px;
	width:300px;
}
.leftginfo .information {
	width:300px;
	font-size:13px;
	text-decoration:none;
	float:left;
}
.leftginfo .information a {
	color: #CC3300;
	text-decoration: none;
}
.leftginfo .information .medBtn {
	color: #FFFFFF;
	text-decoration: none;
}
.leftginfo .information a:hover {
	text-decoration: underline;
}
.leftginfo .information .medBtn:hover {
	text-decoration: none;
}
.tablecnt {
	background: #fff;
	overflow: hidden;
	width:100%;
}
.tablecnt p {
	width:100%;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
}
.tablecnt span {
	float:left;
	display:inline-block;
	padding:5px 15px 5px 15px;
	text-align:center;
	height:32px;
}
.tablecnt p .col1 {
	background:#eaeaea;
	border-right:1px solid #bfd0f8;
	text-align:left;
	width:60%;
}
.tablecnt p .col2 {
	width:30%;
}
.rightcnt_box {
	width:210px;
	overflow:hidden;
	padding:9px;
	border-bottom:1px solid #CCCCCC;
	margin-bottom:10px;
}
.rightcnt_box h2 {
	font-weight:bold;
	color:#000000;
	padding:0px 9px 9px 9px;
	margin-bottom:9px;
	border-bottom:1px solid #CCCCCC;
}
.rightcnt_box p {
	padding:0px 12px;
}
.rightcnt_box p.subitem {
	margin: 10px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #7f7f7f !important;
}
.leftcnt_graybox ul {
	padding:0px;
	margin:0px;
}
.rightcnt_box ul {
	padding:0px;
	margin:0px;
}
.rightcnt_box ul li {
	padding:0px 0px 0px 28px;
	margin:0px;
	list-style:none;
	background:url(../images/blt.png) no-repeat 15px 2px
}
.rightcnt_box li span.fees1 {
	float: left;
	width: 80px;
}
.btns {
	width:100%;
	padding:20px 0px;
}
.btns a, .buttons a {
	border:0px;
	display:inline-block;
}
.buttons input {
	margin-right: 15px;
}
.reviewBox {
	padding:10px 0px 10px 11px;
	width:627px;
}
.review {
	float: left;
	display:inline;
	width:176px;
	height:225px;
	border:1px solid #BFD0F8;
	padding:10px;
	margin-right:11px;
}
.lastReview {
	margin-right:0;
}
.review .reviewerName {
	margin-top:10px;
	font-weight:bold;
	float: left;
	display:inline;
	width: 66px;
	clear: none;
}
.reviewImage {
	float: left;
	display:inline;
	margin-right:10px;
	width: 100px;
	height: 100px;
}
.review p {
	padding-top:6px;
	position:relative;
	clear: left;
}
/*---------------------------------------------------------------------------------
11. CREATE / EDIT PROFILE
---------------------------------------------------------------------------------*/
.leftColumnProfile {
	width:660px;
	float: left;
	display: inline;
}
.leftColumnProfile .content_leftoutter {
	padding: 0;
	width:658px;
	margin-right: 0;
}
.rightcntInfo {
	color:#333333;
	padding:5px;
	margin-bottom:10px;
}
.rightcntInfo .clear {
	font-size: 1px;
	height: 1px;
}
.rightcntInfo h2 {
	font-weight:bold;
	padding:2px 5px;
	margin-bottom:9px;
}
.rightcntInfo p {
	padding:0px 5px;
}
.profile {
	border:1px solid #000;
	background-color:#000;
	padding:9px;
	margin-bottom:10px;
	color: #fff;
}
.profileSection {
	border-bottom: 1px solid #BFD0F8;
	padding: 20px 30px;
	overflow: hidden;
}
.profileSection h2 {
	color:#003399;
	font-weight: bold;
	padding-bottom: 15px;
}
.profileSection p {
	clear: left;
}
.profileSection .title {
	width: 170px;
	float: left;
	display: inline;
	clear: left;
	text-align: right;
	padding-right: 0px;
	margin-top: 12px;
}
.profileSection span.title {
	padding-right: 10px;
}
.profileSection span em {
	font-size: 11px;
	font-style: normal;
}
.profileSection .lowerx3 {
	padding-top: 29px;
}
.profileSection .lowerx2 {
	padding-top: 14px;
}
.profileSection textarea {
	width: 300px;
	height: 80px;
	float: left;
	display: inline;
}
.profileSection .standard {
	width: 210px;
	margin: 10px 5px 0 0px;
	float: left;
	display: inline;
}
.profileSection .checkbox, .profileSection span, .profileSection .timetable {
	margin-right: 5px;
	float: left;
	display: inline;
	margin-top: 10px;
}
.profileSection .time {
	margin-top: 0px;
}
.profileSection .checkbox {
	clear: left;
}
.profileSection .timetable {
	width: 80px;
}
.profileSection label {
	margin-right: 15px;
	float: left;
	display: inline;
	margin-top: 10px;
	position: relative;
}
.profileSection p .rightLabel {
	margin-right: 15px;
	float: left;
	display: inline;
	margin-top: 10px;
}
.profileSection .small {
	width: 60px !important;
	margin-top: 10px;
	float: left;
	display: inline;
}
.profileSection .inputColumn {
	float: left;
	display: inline;
	width: 260px;
	margin-top: 0;
}
.profileSection .inputColumn input {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-right: 5px;
}
.profileSection label input {
	margin-right: 5px;
	margin-top: 0;
}
.profileSection .checkBoxCols {
	float: left;
	display: inline;
	width: 150px;
	margin: 0 50px 0 0;
}
.profileSection .checkBoxCols label {
	width: 140px;
}
.profileSection .checkBoxCols a {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.profileSection .checkBoxCols a:hover {
	text-decoration: underline;
}
.profileSection .wider {
	width: 350px;
}
.profileSection .wider label {
	width: 345px;
}
.profileSection .checkBoxCols label {
	clear: left;
}
.profileSection .additional {
	margin-left: 15px;
	width: 300px;
}
.further {
	margin-left: 185px !important;
}
.buttons {
	padding: 20px 25px;
	clear: left;
}
/*---------------------------------------------------------------------------------
12. REGISTER
---------------------------------------------------------------------------------*/
.register .profileSection .standard {
	width: 295px;
}
.register .profileSection span span {
	margin: 0px 12px 0 0;
	padding: 2px 4px;
	width: 82px;
	text-align: center;
	color:#929292;
	background-color: #eaeaea;
	border: 1px solid #BFD0F8;
}
.register .registerHeader {
	border-bottom: #ccc 1px solid;
	overflow: hidden;
	margin-bottom: 10px;
}
.register .registerHeader ul {
	list-style: none outside;
	border-right: #ccc 1px solid;
	border-top: #ccc 1px solid;
	overflow: hidden;
	width: 460px;
	margin: auto;
}
.register .registerHeader ul li {
	float: left;
	display: inline;
	width: 50%;
}
.register .registerHeader ul a {
	border-left: #ccc 1px solid;
	background-color: #eaeaea;
	color: #999;
	text-decoration: none;
	padding: 7px 0;
	text-align: center;
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.register .registerHeader ul .active {
	background-color: #fff;
	color: #000;
}
/* step 3 */
.membershipType {
	padding-left: 350px;
}
.mechanicRegRow {
	clear: left;
	padding: 7px 0 0 0;
	overflow: hidden;
}
.mechanicRegRow p {
	padding: 7px 0 0 0;
}
.mechanicRegRow ul {
	list-style: none outside;
	padding: 5px 0 0 0;
}
.mechanicRegRow ul li {
	background: url(../images/line.gif) no-repeat left center;
	padding-left: 10px;
}
.mechanicRegRow .red {
	color: #C72E1E;
	font-weight: bold;
	padding: 10px 0;
}
.mechanicRegRow .col1 {
	width: 350px;
	float: left;
	display: inline;
}
.membershipType p, .mechanicRegRow .col2, .mechanicRegRow .col3 {
	float: left;
	display: inline;
	width: 100px;
	clear: none;
	text-align: center;
	padding: 0 10px;
}
.mechanicRegRow .medium {
	width: 100px;
}
.mechanicRegHolder {
	border: 0;
	padding-bottom: 0;
}
/*---------------------------------------------------------------------------------
13. MY ACCOUNT - COUPONS
---------------------------------------------------------------------------------*/
.coupons {
	border: 1px solid #ccc;
	width: 880px;
	padding: 10px;
	background-color: #fff;
	overflow: hidden;
}
.coupons .couponsList {
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.coupons .couponsList .headerRow {
	background-color: #000;
	font-weight: bold;
	margin-bottom: 10px;
}
.coupons .couponsList .headerRow div {
	color: #fff !important;
}
.coupons .couponsList .headerRow, .coupons .couponsList .row {
	width: 865px;
	clear: left;
}
.coupons .couponsList .currentNo {
	width: 3%;
	text-align: center;
}
.coupons .couponsList .category {
	width: 15%;
}

.coupons .couponsList .couponName {
	width: 25%;
}
.coupons .couponsList .period {
	width: 15%;
	text-align: center;
}
.coupons .couponsList .couponsDistributed {
	width: 20%;
	text-align: center;
}
.coupons .couponsList .status {
	width: 10%;
	text-align: center;
}
.coupons .couponsList div {
	padding: 4px 8px;
	float: left;
	display: inline;
}
.coupons .couponsList .headerRow .cfix {
	padding-top: 12px;
}
.coupons .couponsList .couponName {
	color: #c72e1e;
	font-weight: bold;
}
.coupons .couponsList .couponName a {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.coupons .couponsList .couponName a:hover {
	text-decoration: underline;
}
.coupons .buttons {
	padding-left: 100px;
}
.fileUpload {
	margin-top:10px;
	height: 22px;
}
/*---------------------------------------------------------------------------------
14. FIND A MECHANIC / FIND A JOB / FIND A COUPON
---------------------------------------------------------------------------------*/
.rightColumnWide .content_leftoutter {
	margin: 0px 0 10px 0;
}
.rightColumnWide .content_leftoutter div {
	color: #003399;
	font-weight: bold;
}
.rightColumnWide .content_leftoutter div, .rightColumnWide .item div {
	float: left;
	display: inline;
	text-align: center;
}
.rating {
	width: 17%
}
.distance {
	width: 17%
}
.shopName {
	width: 66%;
	text-align: left!important;
}
.shopName a {
	color: #CC3300;
	text-decoration: none;
}
.shopName a:hover {
	text-decoration: underline;
}
.category {
	width: 20%;
	text-align: left!important;
}
.category_ShopInfo {
	width: 40%;
	text-align: left !important;
}
.category_ShopInfo span {
	display: block;
}
.category_ShopInfo img {
	float: left;
	display: inline;
	margin-right: 5px;
}
.couponName {
	width: 25%
}
.period {
	width: 22%
}
.shopNameCupon {
	width: 25%
}
.distance {
	width: 10%
}
.distance2 {
	width: 20%
}
.avatar {
	float: left;
	margin-right: 5px;
}
.bb {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width:688px;
	float: left;
}
.bb .columnsHolder {
	width: 642px;
}
.ownerJobTitleCarInfo {
	width: 335px;
}
.columnsHolder .ownerJobTitleCarInfo {
	width: 310px;
}
.ownerJobTitleCarInfo1 {
	width: 270px;
}
.columnsHolder .ownerJobTitleCarInfo1 {
	width: 243px;
}
.columnsHolder .timeLeftPX {
	width: 65px;
}
.columnsHolder a img {
	margin-left: 3px;
}
.statusPX {
	width: 120px;
	text-align: center;
}
.timeLeftPX {
	width: 58px;
	text-align: center;
}
.timeLeftPX1 {
	width: 78px;
	text-align: center;
}
.columnsHolder .timeLeftPX1 {
	width: 88px;
}
.timeLeftPX2 {
	width: 105px;
	text-align: center;
}
.columnsHolder .timeLeftPX2 {
	width: 117px;
}
.actionPX {
	width: 170px;
	float: right !important;
	text-align: right;
}
.actionPX1 {
	width: 100px;
	float: right !important;
	text-align: right;
}
.actionPX2 {
	width: 80px;
	float: right !important;
	text-align: right;
}
.columnsHolder .actionPX {
	width: 180px;
}
.columnsHolder {
	width: 595px;
	padding: 0!important;
}
.jobsContent .headerRow div, .jobsContent .item  .columnsHolder div {
	padding:0 10px 0 0;
}
.columnsHolder a {
	font-weight: bold;
}
.columnsHolder .category_ShopInfo {
	width: 210px;
	clear: left;
}
.columnsHolder .distance2 {
	width: 122px;
}
.columnsHolder .distance {
	width: 68px;
}
.columnsHolder .clear {
	width: 600px;
	height:1px;
	font-size: 1px;
	float: none !important;
}
.jobTitle {
	width: 40%;
	text-align: left!important;
}
.carMake {
	width: 20%
}
.posted {
	width: 20%
}
.timeLeft {
	width: 10%;
}
.offers {
	width: 10%;
}
.rightColumnWide .item {
	width:640px;
	overflow:hidden;
	border-bottom:1px solid #BFD0F8;
	padding:9px;
}
.rightColumnWide .item .itemTitle a {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.rightColumnWide .item .itemTitle a:hover {
	color:#CC3300;
	text-decoration: underline;
}
.rightColumnWide .item .itemTitle span {
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
/*searchbox */
.searchBox {
	height: auto !important;
}
.searchBox button {
	position: relative;
	top: 7px;
	clear: left;
}
.searchBox .small {
	width: 90px;
	margin-left: 7px;
}
.searchBox .standard {
	width: 207px;
}
.searchBox p {
	padding-bottom: 10px;
	clear: left;
	overflow: hidden;
}
.searchBox p .checkBoxCols {
	overflow: hidden;
	display: block;
	width: 207px;
}
.searchBox p .checkBoxCols input {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0px;
}
.searchBox p .checkBoxCols label {
	clear: left;
	float: left;
	display: inline;
	margin-bottom: 7px;
	width: 185px;
	padding-left: 21px;
	position: relative;
}
.searchBox .radioGroup label {
	margin-right: 10px;
}
/*---------------------------------------------------------------------------------
15. MY ACCOUNT - JOBS
---------------------------------------------------------------------------------*/
.jobsContainer .menu {
	list-style: none outside;
	border-top: 1px solid #ccc;
	position: absolute;
	width: 190px;
}
.jobsContainer .menu li {
	border-bottom: 1px solid #ccc;
}
.jobsContainer .menu li a {
	display: block;
	width: 176px;
	padding: 7px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.jobsContainer .menu li .active {
	border-right: 1px solid #fff;
	color: #000;
	background: url(../images/dot.gif) repeat-y left;
}
.jobsContainer .menu li a:hover {
	color: #000;
}
.jobsContent {
	float: right;
	display: inline;
	width: 688px;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
	/* height: 350px;
	min-height: 350px; */
}
.jobsPopup {
	float: left;
	width: 640px;
	margin:-10px 0;
	border: none;
}
.jobsView {
	float: left;
	width: 638px;
}
html>body .jobsContent {
	height: auto;
}
.jobsContent .headerRow {
	background-color: #000;
	font-weight: bold;
	overflow: hidden;
	float: left;
	display: inline;
	width: 100%;
	margin-bottom:10px;
}
.jobsContent .headerRow .jfix {
	padding-top: 18px;
}
.jobsContent .headerRow div {
	color: #fff !important;
}
.jobsContent .headerRow div, .jobsContent .item div, .headerRow div, .leftcnt_boxinner .item div {
	float: left;
	display: inline;
	padding: 10px;
}
.jobsContent .item {
	clear: left;
	overflow: hidden;
}
.jobsContent .item .itemTitle {
	font-weight: bold;
	color: #CC3300;
	text-decoration: none;
}
.jobsContent .item a:hover {
	color:#CC3300;
	text-decoration: underline;
}
.jobsContent .item .itemTitle span {
	font-weight: normal;
	color: #666;
	text-decoration: none;
}
.jobsContent .jobTitleOwnerCarInfo {
	width: 30%;
}
.jobsContent .jobTitleCar {
	width: 18%;
}
.openJobs .jobsContent .maxDistance {
	width: 13%;
	text-align: center;
}
.jobsContent .timeLeft {
	width: 9%;
}
.openJobs .jobsContent .numberOffers {
	width: 9%;
	text-align: center;
}

.jobsContent .jobTitleOwnerCarInfo a, .jobsContent .title a {
	font-weight: bold !important;
	color: #CC3300;
	text-decoration: none;
}
.jobsContent .item .title {
	padding: 20px 10px 0 10px;
}
.openJobs .item {
	border-top: 1px solid #ccc;
}
.jobsContent .jobTitleOwnerCarInfo a :hover {
	text-decoration: underline;
}
.jobsContent .full_width {
	width: 100%;
}
.jobsContent .timeLeft {
	width: 10%;
	text-align: center;
}
.jobsContent .noOffers {
	width: 10%;
	text-align: center;
}
.jobsContent .status {
	width: 20%;
	text-align: center;
}
.openJobs .jobsContent .status {
	width: 22%;
	text-align: center;
}
.jobsContent .action {
	width: 15%;
	text-align: center;
}
.jobsContent .action a {
	color: #CC3300;
	text-decoration: none;
}
.jobsContent .action a :hover {
	text-decoration: underline;
}
.jobsContent h2 {
	background-color: #EAEAEA;
	font-weight: bold;
	border: 1px solid #CCCCCC;
	color: #000000;
	margin: 0 0 10px 0;
	padding: 10px;
	clear: left;
	float: left;
	display: inline;
	width: 666px;
}
.jobsPopup h2 {
	width: 610px;
}
.jobsView h2 {
	width: 616px;
}
.jobsContent .content_leftoutter {
	width: 667px;
	margin: 0;
	clear: left;
}
.jobsPopup .content_leftoutter, .popup .content_leftoutter {
	width: 611px;
}
.jobsView .content_leftoutter {
	width: 617px;
}
.jobsContent .content_leftoutter h3 {
	color:#003399;
	font-weight: bold;
	padding-bottom: 15px;
}

.rightColumnWide .item .need {
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	display:inline;
	float:left;
	margin:5px 0;
	padding:10px;
	width:620px;
}
.rightColumnWide .item .need div {
	text-align: left;
}
.rightColumnWide .item .need h3 {
	color:#003399;
	font-weight: bold;
	margin: 3px 0;
}
.jobsContent .content_leftoutter .section {
	border-bottom: 1px solid #BFD0F8;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float: left;
	width: 610px;
}
.rightColumnWide .item .need .section {
	padding-bottom: 5px;
	margin-bottom: 5px;
	float: left;
	width: 600px;
}
.jobsContent .content_leftoutter .section p {
	padding: 0 0 3px 15px;
	overflow: hidden;
	clear: left;
}
.rightColumnWide .item .need .first p {
	padding: 0 0 3px 15px;
	overflow: hidden;
	clear: left;
}
.rightColumnWide .item .need .second p {
	padding: 0 0 3px 25px;
	overflow: hidden;
	clear: left;
}
.jobsContent .content_leftoutter .section .title, .rightColumnWide .item .need .section .title {
	padding: 5px 0 3px 15px;
	font-weight: bold;
}
.jobsContent .content_leftoutter .section strong, .jobsContent .content_leftoutter .section span, .rightColumnWide .item .need .section strong, .rightColumnWide .item .need .section span {
	float: left;
	display: inline;
}
.jobsContent .content_leftoutter .first strong {
	width: 170px;
}
.rightColumnWide .item .need .first strong {
	width: 125px;
}
.jobsContent .content_leftoutter .first span, .rightColumnWide .item .need .first span {
	width: 370px;
}
.jobsContent .content_leftoutter .second span, .rightColumnWide .item .need .seconf span {
	width: 50px;
	text-align: right;
	margin-right: 30px;
}
.jobsContent .content_leftoutter .second strong, .rightColumnWide .item .need .second strong {
	width: 70px;
}
.jobsContent .content_leftoutter .second strong, .jobsContent .content_leftoutter .second span, .jobsContent .content_leftoutter .third strong, .jobsContent .content_leftoutter .third span, .rightColumnWide .item .need .second strong, .rightColumnWide .item .need .second span {
	color: #000;
	font-weight: bold;
}
.jobsContent .content_leftoutter .third span {
	width: 50px;
	text-align: right;
	margin-right: 30px;
}
.jobsContent .content_leftoutter .third strong {
	width: 220px;
}
.jobsContent .content_leftoutter .third p {
	padding: 3px 0 3px 15px;
}
.jobsContent .content_leftoutter .fourth strong {
	width: 150px;
}
.jobsContent .content_leftoutter .fourth span {
	width: 420px;
}
.jobsContent .content_leftoutter .further {
	margin-left: 140px !important;
}
/* CO */
.postJob .standard {
	width: 420px;
}
.jobsContent .postJob .section {
	width:667px;
}
.jobsContent .item .postJob .section {
	padding: 0 0 10px 0 !important;
}
.jobsContent .item .postJob .second {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
}
.item .postJob {
	margin-top: 7px;
}
.postJob .small {
	width: 80px;
	margin-right: 3px;
}
.jobsContent .postJob .first strong {
	width:195px;
}
.jobsContent .postJob .first span {
	width:425px;
}
.jobsContent .postJob .section p {
	padding:0 0 10px 15px;
}
.jobsContent .postJob .second .title {
	padding:4px 0 9px 15px;
}
.jobsContent .postJob .second textarea {
	width:630px;
}
/* CO add a job */
.addCar p {
	clear: left;
	overflow: hidden;
	padding: 10px 0 0 20px;
}
.addCar .buttons input {
	margin: 20px 10px 20px 0px;
}
.addCar p label {
	float: left;
	display: inline;
	width: 130px;
}
.addCar p .standard {
	width: 200px;
}
/* CO open jobs Job details */
.jobsContent .informationBox .headerRowInner, .jobsContent .informationBox .itemInner {
	width:685px;
}
.jobsContent .informationBox .itemInner {
	background:	#E8EEFD;
}
.jobsContent .informationBox {
	width: 685px;
	padding: 0 !important;
	margin-bottom: 10px;
}
.jobsContent .informationBox div {
	padding: 0 !important;
}
.jobsContent .informationBox .headerRowInner div, .jobsContent .informationBox .itemInner div {
	padding: 7px !important;
}
.jobsContent .informationBox .headerRowInner {
	color: #003399 !important;
	border-bottom: 1px solid #BFD0F8;
	font-weight: bold;
}
.jobsContent .informationBox .changed {
	background-color: #BFD0F8;
}
.CO_openJobs .jobsContent .content_leftoutter h3 {
	color: #fff;
	background-color: #003399;
	font-size: 14px;
	padding: 7px;
}
.CO_openJobs .jobsContent .informationBox {
	margin-bottom: 0;
}
.CO_openJobs .jobsContent .item {
	margin-bottom: 10px;
}
.jobsContent .informationBox .itemInner .innerProfile {
	border: 1px solid #BFD0F8;
	background-color: #fff;
	margin: 0 10px;
	padding: 7px 10px !important;
	width: 640px;
	clear: left;
}
.jobsContent .informationBox .innerProfile span {
	margin: 0 8px 0 0;
}
.jobsContent .informationBox .innerProfile span img {
	margin: 0 1px;
	vertical-align: middle;
}
.jobsContent .informationBox .innerProfile p {
	margin: 5px 0 0 0;
}
.jobsContent .informationBox .innerProfile .viewProfile {
	float: right;
	margin: 4px;
}
.jobsContent .informationBox .col1 {
	width: 3%;
	text-align: center;
}
.jobsContent .informationBox .col2 {
	width: 4%;
	text-align: center;
}
.jobsContent .informationBox .col3 {
	width: 25%;
	font-weight: bold;
}
.jobsContent .informationBox .headerRowInner div {
	text-align: center;
}
.jobsContent .informationBox .col4 {
	width: 11%;
	text-align: center;
}
.jobsContent .informationBox .col5 {
	width: 9%;
	text-align: center;
}
.jobsContent .informationBox .col6 {
	width: 18%;
	text-align: center;
}
.jobsContent .informationBox .col7 {
	width: 15%;
	text-align: center;
	float: right;
}
.jobsContent .informationBox .col8 {
	width: 31%;
	text-align: center;
}
.jobsContent .informationBox .col9 {
	width: 40%;
	text-align: center;
}
/*---------------------------------------------------------------------------------
16. COUPON  AND JOB POP-UP
---------------------------------------------------------------------------------*/
.popoUpContainer {
	width:625px;
	margin:0;
	padding:10px;
	overflow:hidden;
}
.popoUpContainer .popupFurther  {
	padding: 20px 10px 10px 0;
	text-align: center;
	margin-left:0px !important;
}
.popoUpContainer .popupFurther button {
	margin-left: 10px !important;
}
.popoUpContainer h1 {
	background-color: black;
	color:white;
	font-size:18px;
	font-weight:bold;
	padding:9px 15px;
	margin-bottom: 10px;
}
.popoUpContainer h2 {
	background-color: black;
	color:#000000;
	background-color:#EAEAEA;
	border:1px solid #CCCCCC;
	padding:4px 15px;
	margin-bottom: 10px;
	font-weight:bold;
	font-size:18px;
}
.popoUpContainer .medBtn, .buttonsBar .medBtn {
	margin: 10px 15px 0 0;
}
.cuponContent {
	border:1px solid #BFD0F8;
	padding:28px 28px 5px 28px;
}
.cuponContent .cuponimg {
	border: 10px solid #BFD0F8;
	width: 550px;
	margin: 0 auto 20px;
}
.cuponContent .shopimg, .shopimg {
	float: left;
	display:inline;
}
.cuponContent .shopinfo, .shopinfo {
	padding-left:120px;
}
.cuponContent .shopinfo p, .shopinfo p {
	margin-bottom:10px;
}
.cuponContent strong {
	color:#C72E1E;
}
.shopinfo span {
	color: #003399;
	font-weight:bold;
}
/* Job popup*/
.viewJob {
	background-color:transparent;
	border-left: 1px solid #CCCCFF;
	border-bottom: 1px solid #CCCCFF;
	border-right: 1px solid #CCCCFF;
	border-top: 0px solid #CCCCFF !important;
	padding:0;
}
.viewJob .tableHead {
	background-color:#E8EEFD;
	border-top: 1px solid #CCCCFF;
	color:#003399;
	padding: 5px 5px 3px 10px;
	font-size:18px;
	clear: both;
}
.viewJob .tableRow {
	border-top: 1px solid #CCCCFF;
	overflow: hidden;
	clear: both;
}
.viewJob .tableRow .left, .viewJob .tableRow .right {
	display:inline;
	padding: 5px 5px 5px 20px;
	font-size:14px;
}
.viewJob .tableRow .left {
	float:left;
	width:37%;
}
.viewJob .tableRow .right {
	padding: 5px 20px 5px 5px;
	float:right;
	width:53%;
	border-left: 1px solid #CCCCFF;
}
.viewJob .tableRow .right ul {
	padding: 5px 0px 5px 15px;
}
.viewJob .fullrow {
	padding: 5px 5px 5px 20px;
	border-top: 1px solid #CCCCFF;
	font-size: 14px;
}
.popupFurther {
	margin-left:139px !important;
	overflow: hidden;
	clear: left;
}
.popupFurther .medBtn {
	float: left;
	display: inline;
}
/*---------------------------------------------------------------------------------
17. FIND A JOB - MAKE OFFER
---------------------------------------------------------------------------------*/
.findaJob {
	float: left;
	display: inline;
	width: 660px;
	border: 0px solid #ccc;
	background-color: #fff;
	padding: 0px;
}
.findaJob .content_leftoutter {
	width: 640px;
}
.findaJob .content_leftoutter .section {
	width: 640px;
}
.findaJob .headerRow {
	background-color: #000;
	font-weight: bold;
	overflow: hidden;
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 10px;
}
.findaJob .headerRow h1 {
	color: #fff;
	padding: 10px;
	font-size: 18px;
	padding:5px 10px !important;
}
.findaJob .content_leftoutter .second span, .findaJob .content_leftoutter .third span {
	width: 80px;
}
.findaJob .small {
	width: 79px;
}
.findaJob .content_leftoutter .third strong {
	width: 250px;
}
.findaJob .content_leftoutter textarea {
	width: 400px;
	height: 100px;
}
/*---------------------------------------------------------------------------------
18. POPUP MESSAGE
---------------------------------------------------------------------------------*/
.popup {
	float: left;
	display: block;
	width: 640px;
	background-color: #fff;
	padding: 10px;
	border:medium none;
	margin: 0 auto;
}
.popup h2 {
	font-size: 18px;
}
.popup .content_leftoutter h3, .popup .content_leftoutter .section .message {
	color: #000;
}
.popup .content_leftoutter .section {
	padding: 0px 0;
	margin: 0;
}
.popup .content_leftoutter .section p {
	padding: 10px 0;
}
.popup .content_leftoutter .section strong {
	color:#003399;
	font-weight: bold;
	width: 20%;
}
.popup .content_leftoutter .section span {
	width: 70%;
}
.popup .content_leftoutter .section span textarea {
	width: 90%;
	height: 150px;
}
.popup .content_leftoutter .buttons {
	padding: 10px 0 0 0;
	margin-left: 130px !important;
}
p.error, p.notice, p.success {
	margin: 0 0 5px 0;
	padding: 5px 15px;
}
p.error {
	color: #CC3300;
	background: #F9D7D2;
	border: 1px solid #F2AA9F;
}
p.notice {
	color: #666666;
	background: #eaeaea;
	border: 1px solid #cccccc;
}
p.success {
	color: #003399;
	background: #E8EEFD;
	border: 1px solid #BFD0F8;
}
.days {
	height: 35px;
}
/* CO My Account Cars */
.jobsContent .headerRow .singleTitle {
	width: 500px;
}
.jobsContent .headerRow .buttonHolder {
	float: right;
	display: inline;
	width: 70px;
	padding: 7px 10px 0 0;
}
.jobsContent .box {
	border: 1px solid #ccc;
	clear: left;
	overflow: hidden;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
}
.jobsContent .mainBox {
	padding: 10px;
	width: 666px;
}
.jobsContent .mainBox img {
	float: left;
	display: inline;
}
.jobsContent .mainBox .infoBox {
	width: 255px;
	float: right;
}
.jobsContent .mainBox .infoBox .col1, .jobsContent .mainBox .infoBox .col2 {
	float: left;
	display: inline;
	padding: 0 0 5px 0;
}
.jobsContent .mainBox .infoBox .col1 {
	width: 125px;
	clear: left;
}
.jobsContent .mainBox .infoBox .col2 {
	width: 120px;
}
.jobsContent .mainBox .infoBox .updateHolder {
	clear: left;
	font-size: 10px;
}
.jobsContent .historyDetails .updateHolder {
	float: right;
	display: inline;
	width:74px;
}
.jobsContent .mainBox .infoBox .updateHolder .smallBtn, .jobsContent .updateHolder .smallBtn {
	float: right;
	display: inline;
	margin: 2px 0 0 3px;
}
.jobsContent .secondBox {
	padding-bottom:0px;
	width:686px;
	margin-bottom: 0;
}
.jobsContent .middleLine {
	background: url(../images/dotCCC.gif) repeat-y 340px;
}
.jobsContent .secondBox .tabMenu {
	list-style: none outside;
	border-bottom: 1px solid #ccc;
	width: 100%;
	overflow: hidden;
}
.jobsContent .secondBox .tabMenu li {
	float: left;
	display: inline;
	overflow: hidden;
}
.jobsContent .secondBox .tabMenu li a {
	float: left;
	display: inline;
	border-right: 1px solid #ccc;
	padding: 5px 0;
	text-align: center;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
}
.jobsContent .secondBox .tabMenu .mItem1 a {
	width: 160px;
}
.jobsContent .secondBox .tabMenu .mItem2 a {
	width: 290px;
}
.jobsContent .secondBox .tabMenu .mItem3 a {
	width: 140px;
}
.jobsContent .secondBox .tabMenu .mItem4 a {
	width: 93px;
	border-right: 0px !important;
}
.jobsContent .secondBox .tabMenu li .active, .jobsContent .secondBox .tabMenu li a:hover {
	border-right: 1px solid #0066FF;
	color: #fff;
	background-color: #0066FF;
}
.jobsContent .secondBox .tabMenu .mItem4 a:hover {
	border-right: 0px solid #0066FF;
}
.jobsContent .secondBox .item .column {
	width: 150px;
}
.jobsContent .secondBox .item {
	border-top: 1px solid #ccc;
}
.carContent {
	padding: 10px;
}
.carContent p {
	padding: 0 0 7px 0;
	clear: left;
	overflow: hidden;
}
.carContent p strong, .carContent p span {
	float: left;
	display: inline;
}
.carContent .title {
	font-weight: bold;
}
.carContent p strong {
	width: 300px;
}
.carContent p span {
	width: 350px;
}
.carContent .buttonHolder {
	padding: 15px 0 0 0;
}
.carContent .headerRow div {
	color: #003399 !important;
}
.carContent .headerRow {
	background-color: transparent;
	margin-bottom: 0;
}
.nopadding .headerRow div {
	color: #fff !important;
	background-color: #7DB1FF;
}
.nopadding {
	padding: 0 !important;
}
.nopadding .headerRow div, .nopadding .item div {
	padding: 8px 10px !important;
}
.carContent .col1, .carContent .col2, .carContent .col3 {
	padding: 4px 10px !important;
}
.carContent .col1 {
	width:300px;
}
.carContent .col2 {
	width:156px;
}
.nopadding .col2 {
	width:176px;
	
}
.carContent .col3 {
	width:150px;
	text-align: right;
}
.historyDetails .section {
	border-top: 1px solid #ccc;
	padding: 10px;
	overflow: hidden;
}
html>body .historyDetails .section {
	padding: 10px 10px 0 10px;
}
html>body .historyDetails .noBorder {
	padding: 10px 10px 10px 10px;
}
.historyDetails .section h3, .historyDetails .section h4 {
	color: #003399;
	font-weight: bold;
}
.historyDetails .section h4 {
	padding-bottom: 10px;
}
.historyDetails .section h3 {
	font-size: 14px;
}
.historyDetails .section p {
	padding: 0 0 10px 0;
	clear: left;
	overflow: hidden;
}
.historyDetails .first span {
	width: 150px;
}
.historyDetails .first strong {
	width: 150px;
}
.historyDetails .third strong {
	width: 230px;
}
.historyDetails .third span {
	width: 60px;
	text-align: right;
}
.historyDetails .first span, .historyDetails .third strong, .historyDetails .third span, .historyDetails .first strong {
	display: inline;
	float: left;
}
.carContent .carImage {
	width: 180px;
	margin: 10px 20px;
	float: left;
	display: inline;
}
/*pictures */
.box .upload {
	border-top: 1px solid #ccc;
	padding: 10px;
	clear: left;
}
.box .upload h3 {
	color: #003399;
	font-weight: bold;
}
.box .upload p {
	padding: 10px 20px 0 20px;
}
/*---------------------------------------------------------------------------------
19. CALENDAR
---------------------------------------------------------------------------------*/

.calendar {
	width: 570px;
	margin-bottom: 0 !important;
}
.calendar table {
	margin-bottom: 0 !important;
}
.calendar #month {
	color:#003399;
	display:block;
	font-weight:bold;
	height:30px;
	margin:auto;
	overflow:hidden;
	text-align:center;
	width:234px;
}
.calendar #month span {
	float: left;
	display: inline;
	font-size: 14px;
	text-align: center;
	padding:7px 10px 0;
	width:200px;
}
.appointments {
	width: 277px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 40px;
}
.appointments h1 {
	background-color: #000;
	color: #fff;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
}
.appointments ol {
	margin: 10px 0 0 0px;
	list-style-position: inside;
	border-top: 1px solid #ccc;
	padding: 0;
}
html>body .appointments ol {
	margin: 10px 0 0 0px;
}
.appointments ol li {
	padding: 10px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	float: left;
	position: relative;
	width: 255px;
}
.appointments ol li span{
	float: right;
	width: 235px;
	clear: right;
}
.appointments ol li a {
	font-weight:bold;
	float: right;
	width: 235px;
}
.mileage {
	background:url(../images/change.gif) no-repeat right;
	height:20px;
	display:block;
}
.mile {
	background-color:#FFF;
}
.mile button {
	border:none;
	color:white;
	cursor:pointer;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	width: 70px;
	height: 20px;
	padding:1px 2px 3px 2px;
	font-size: 11px;
	background-image: url(../images/btn_small_blue.gif);
	float: right;
}
.topinner {
	background:transparent url(../images/innerBg.gif) no-repeat
}
/* find a mechanic form */
.relativePositioned {
	position: relative;
}
.navigationLine {
	position: absolute;
	top: 40px;
	right: 45px;
	color: #fff;
	width:650px;
	text-align: right;
}
.bottomNavigation {
	padding: 14px 15px 7px 0;
	text-align: right;
}
.navigationLine input, .bottomNavigation input {
	padding: 2px;
	height: 26px;
}
.navigationLine input[disabled], .bottomNavigation input[disabled] {
	color:#CCCCCC;
}
/* 5 AS - MR 3 */
.promotion {
	color:#003399;
	font-weight:bold;
	padding: 15px 0 10px 0;
	font-size: 18px;
}
.promotionOffer .headerRow {
	color: #fff;
	margin: 0 1px 0 277px;
	background: #287EFF url(../images/headerVerticalLine.jpg) repeat-y top center;
	overflow: hidden;
}
.promotionOffer span {
	margin: 0 !important;
}
.promotionOffer ul {
	list-style: none outside;
	margin: 0;
	padding: 0px 0 0 0;
	clear: left;
}
.promotionOffer li {
	clear: left;
	overflow: hidden;
	padding: 2px 0 0 0;
	margin: 0;
}
.promotionOffer .bigRow {
	overflow: hidden;
	border-top: 1px solid #BFD0F8;
	clear: left;
	background: url(../images/bgPromotion.gif) repeat-y left;
	padding: 15px 0 15px 15px;
}
.promotionOffer .bigRow2Cols {
	background: url(../images/bgPromotion2Col.gif) repeat-y left;
}
.promotionOffer .column {
	width: 160px;
	padding: 0 0px;
	text-align: center;
}
.promotionOffer .mergedColumn {
	width: 320px;
}
.promotionOffer .headerRow .column {
	color: #fff;
	padding: 5px 0px;
}
.promotionOffer .firstColumn {
	width: 263px;
}
.promotionOffer .small {
	float: none !important;
	margin: 0 !important;
	width:80px !important;
}
.promotionOffer .clear {
	border-top: 1px solid #BFD0F8;
	margin-right: 1px;
}
.promotionOffer .firstColumn, .promotionOffer .column {
	float: left;
	display: inline;
}
/*---------------------------------------------------------------------------------
	20. ABOUT US
---------------------------------------------------------------------------------*/
.topBg {
	background: #FFF url(../images/innerBg.gif) no-repeat top left;
}
.aboutUs h2 {
	color:black;
	font-size:12px;
	border:none;
	background-color:transparent;
	padding: 5px 0 3px 0;
	float:none;
	display:block;
	margin:0;
}
.aboutUs h1 {
	font-size:14px;
	color:black;
	padding: 10px 0 3px 0;
	font-weight:bold;
}
.aboutUs p {
	padding: 0 0 10px 0;
}
.aboutUs .table {
	border: 1px solid black;
	border-right: none;
	border-bottom:none;
	width:684px;
	overflow:hidden;
	margin-bottom:5px;
}
.aboutUs .table .headRow {
	color:black;
	background-color:#ccc;
	overflow:hidden;
}
.aboutUs .tableCell {
	padding:5px;
	width:160px;
	float:left;
	display:inline;
	border-right:1px solid black;
	border-bottom:1px solid black;
}
/**************************************************************/

/***************************************************
39-40 -- Find A Job
****************************************************/
.findaJob .whiteBg, .whiteBg {
	background-color:#FFF;
	padding:0;
	width:658px;
}
.whiteBg .small {
	width: 85px !important;
}
.whiteBg h3 {
	background-color:#E8EEFD;
	padding:5px 10px !important;
	font-size:16px;
	border-bottom:1px solid #BFD0F8;
	color: #003399;
	font-weight: bold;
}
.whiteBg .block {
	margin-bottom:0;
	width:658px;
	border-bottom:1px solid #BFD0F8;
	float:left;
	display: inline;
	padding-bottom:0px;
}
.whiteBg .block .colRight {
	float:right;
	display:inline;
	padding: 10px;
}
.whiteBg .block .colLeft {
	display:inline;
	clear:both;
	float:left;
	padding: 10px;
}
.whiteBg .first {
	background: url(../images/bluepixel.gif) 400px 0px repeat-y;
}
.whiteBg .first img {
	margin: 10px 0 10px 10px;
}
.whiteBg .first .colRight strong {
	width:110px;
	float:left;
	display:inline;
	clear:right;
}
.whiteBg .first .colRight span {
	width:220px;
	float:right;
	display:inline;
	margin-right: 10px;
}
.whiteBg .first .colRight {
	width:370px;
	padding-top:10px;
}
.whiteBg .second {
	background: url(../images/bluepixel.gif) 200px 0px repeat-y;
}
.whiteBg .second .colLeft {
	width:180px;
}
.whiteBg .second .colRight {
	width:437px;
}
.secondColumn {
	float: left;
	display: inline;
	clear: both;
	background: url(../images/bluepixel.gif) 441px 0px repeat-y;
	padding-bottom: 10px;
}
.whiteBg .third {
	background: url(../images/bluepixel.gif) 549px 0px repeat-y;
	padding-bottom:0 !important;
}
 .whiteBg .third .colLeft {
	padding-bottom:0px;
	width:421px;
}
.whiteBg .third .colLeft h4 {
	font-size:16px;
	font-weight:bold;
	color:#003399;
	padding: 0 0 4px 0;
}
.whiteBg .third .colRight {
	width:87px;
	text-align:right;
	font-weight:bold;
	padding-bottom:0px;
	float: left;
}
.whiteBg .third .btop {
	float: left;
	margin-top:10px;
	width:100%;	
}
.whiteBg .colfull {
	background-color: #fff !important;
	padding: 10px;
}

.rowContainer {
	float: left;
	display: inline;
	clear: both;
}
.rowContainer div {
	background: #fff;
	margin-right: 1px;
}
.whiteBg .block .rowContainer .colLeft {
	padding-top: 7px;
}
.rowContainer .colRight {
	text-align: center !important;
}
.whiteBg .pinkBg {
	background-color:#FCC;
	padding: 5px !important;
}
.whiteBg .beta {
	padding-bottom: 10px !important;
}
.whiteBg .beta .colRight {
	float: right;
}
.whiteBg .beta .colLeft {
	font-weight: bold;
}
.whiteBg .fourth p, .whiteBg .fifth p {
	padding:10px 15px;	
}
.whiteBg .fourth .colLeft {
	padding:0px 15px 10px 15px;
}
.whiteBg .fourth .colRight {
	padding:0px 15px 10px 15px;
	clear: right;
	width: 460px;	
}
.whiteBg .fourth .colRight textarea {
	width: 456px;	
	height: 75px;
}
.whiteBg .fifth {
	padding-bottom: 15px;
}
.whiteBg .fifth p textarea {
	width: 626px;	
	height: 75px;
}
.whiteBg .fifth p input {
	margin: 0 5px;
}
.whiteBg .sixth {
	background: url(../images/bluepixel.gif) 180px 0px repeat-y;
}
.whiteBg .sixth .colLeft  {
	width: 160px;
}
.whiteBg .sixth .colRight  {
	width: 458px;
}
.whiteBg .colRight .medBtn {
	margin-top: 0;
}
.btop {
	border-top:1px solid #BFD0F8;
}
.bbot {
	border-bottom:1px solid #BFD0F8;
}

.bright {
	border-right:1px solid #BFD0F8;
}
.total {
	border-bottom: 1px solid #000;
	padding: 0 0 5px 0 !important;
	margin: 10px 10px 0 10px;
	font-weight: bold !important;
}

/*************************************************
27 AS - CO My Account - Services - Open Jobs - View Offer Detail
***********************************************************/

.openJobsPopup {
	width: 660px;
}
.whiteBg .shopimg {
	margin: 10px;
} 
.whiteBg .shopinfo {
	margin: 0px 10px 10px 10px;
	padding: 0 !important;
	float: left;
	display: inline;
} 
.whiteBg .shopinfo p {
	margin: 10px 0 0 0 !important;
} 
.whiteBg .third h3 .colRight {
	float: right;
	padding: 0;
	width: 200px;
	text-align: center;
}
.buttonsBar {
	padding: 0 0 10px 0px;
	clear: both;
	text-align: center;
}
.updateServ {
	width: 435px;
}
/*************************************************
12 AS - CO My Account - Services - Post Job
***********************************************************/
.jobsContainer .whiteBg, .jobsContainer .whiteBg .block {
	width: 686px;
}
.jobsContainer .whiteBg .seventh .colLeft {
	width: 180px;
	padding-left: 15px;
}
.jobsContainer .whiteBg .seventh .colRight {
	width: 460px;
}
.jobsContainer .whiteBg .seventh label {
	padding:0 0 5px 0px;
	display: block;
}
.jobsContainer .whiteBg .seventh input {
	margin: 0 5px 0 0;
}
.jobsContainer .whiteBg .seventh .title {
	padding: 15px 0 5px 0;
	font-weight: bold;
}
.jobsContainer .whiteBg .seventh .colfull {
	padding: 0 15px 15px 15px;
}
.jobsContainer .whiteBg .seventh .long {
	width: 654px;
}
.carContainer {
	width: 159px;
	height: 139px;
	background: url(../images/carBg.png) no-repeat top left;
	float: left;
	display: inline;
	padding: 9px 20px 20px 9px;
	text-align: center;
	margin: 10px 0px 10px 110px;
}
.carContainer p { position: relative; top: 7px;}
.jobsContent .buttonHolder {
	clear: left;
	text-align: center;
}
/*************************************************
BUTTONS
******************************************************/
/* general */
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	background: transparent;
}
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}
button span { 
	float: left !important;
	display: inline !important;
	white-space: nowrap !important;	
	width: auto  !important;
	margin: 0 !important;
	border: 0 !important;
	color: #fff !important;
}
button span span{ 
	margin: 0 !important;
	padding: 0 !important;
}

.buttonLeft {
	padding-left: 6px !important;
	background-repeat: no-repeat;
	background-position: top left;
}
.buttonRight {
	padding-right:6px !important;
	background-repeat: no-repeat;
	background-position: top right;
}
.buttonMiddle {
	padding: 3px 8px 0 8px !important;
	background-position: top left;
	background-repeat: repeat-x;
}
/* small buttons */
.smallButton {
	padding:0;
	font-size: 11px;
}
.smallButton span {
	height:21px !important;
	font-size: 11px  !important;
}
.smallButton .buttonMiddle {
	height: 18px !important;
}
.smallButton:hover span {
	background-position: 0 -25px;
}
.smallButton:hover .buttonRight {
	background-position: right -25px;
}
.blueSmall .buttonLeft {
	background-image: url(../images/buttons/blueSmallLeft.gif);
}
.blueSmall .buttonRight {
	background-image: url(../images/buttons/blueSmallRight.gif);
}
.blueSmall .buttonMiddle {
	background-image: url(../images/buttons/blueSmallMiddle.gif);
}
.greenSmall .buttonLeft {
	background-image: url(../images/buttons/greenSmallLeft.gif);
}
.greenSmall .buttonRight {
	background-image: url(../images/buttons/greenSmallRight.gif);
}
.greenSmall .buttonMiddle {
	background-image: url(../images/buttons/greenSmallMiddle.gif);
}
.redSmall .buttonLeft {
	background-image: url(../images/buttons/redSmallLeft.gif);
}
.redSmall .buttonRight {
	background-image: url(../images/buttons/redSmallRight.gif);
}
.redSmall .buttonMiddle {
	background-image: url(../images/buttons/redSmallMiddle.gif);
}

/* medium buttons */
.mediumButton {
	padding:0;
	font-size: 14px;
}
.mediumButton span {
	height:31px !important;
}
.mediumButton .buttonMiddle {
	height: 25px !important;
	padding-top: 6px !important;
}
.mediumButton:hover span {
	background-position: 0 -33px;
}
.mediumButton:hover .buttonRight {
	background-position: right -33px;
}
.blueMedium .buttonLeft {
	background-image: url(../images/buttons/blueMediumLeft.gif);
}
.blueMedium .buttonRight {
	background-image: url(../images/buttons/blueMediumRight.gif);
}
.blueMedium .buttonMiddle {
	background-image: url(../images/buttons/blueMediumMiddle.gif);
}
.greenMedium .buttonLeft {
	background-image: url(../images/buttons/greenMediumLeft.gif);
}
.greenMedium .buttonRight {
	background-image: url(../images/buttons/greenMediumRight.gif);
}
.greenMedium .buttonMiddle {
	background-image: url(../images/buttons/greenMediumMiddle.gif);
}
.redMedium .buttonLeft {
	background-image: url(../images/buttons/redMediumLeft.gif);
}
.redMedium .buttonRight {
	background-image: url(../images/buttons/redMediumRight.gif);
}
.redMedium .buttonMiddle {
	background-image: url(../images/buttons/redMediumMiddle.gif);
}
.redMedium span, .redSmall span {
	color: #cc3e22 !important;
}


/*SaGad*/
.content_outterTopBg2 {
	background:transparent url(../images/innerBg2.gif) no-repeat scroll left top;
	overflow:hidden;
	padding:30px;
	width:900px;
}
a#fdbk_close {
	margin-left:650px;
}
.calendar_view_all 
{
	height:30px;
	line-height:10px;
}
.calendar_view_all a
{
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
}
.events a
{
	color:#CC3300;
	font-weight:normal;
}
#appointment_details h1{
	height:18px;
	vertical-align:middle;
}
#photo IMG {
	border:1px solid #ccc;
}
#slideshow {
    position:relative;
    height:274px;
	float:left;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	border:1px solid #ccc;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
	.register .registerHeader ul a:hover
	{
		background-color:#FFFFFF;
	}
	.register .registerHeader ul a:active
	{
		background-color:#FFFFFF;
		color:#000;
	}
.active, .active:hover{
	color:#fff;
	text-decoration:none;
	cursor:default;
}
.list_m {
	border:0 none;
	float:left;
	margin-right:10px;
	padding:0;
}

/* maintenance */
.maintenanceSelect {
	background-color: #7DB1FF;
	font-size: 14px;
}
.maintenanceSelect .milesSelect {
	list-style: none outside;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
	height: 1%;
}
.maintenanceSelect .milesSelect li {
	display: inline;
	float: left;
}
.maintenanceSelect .milesSelect li a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	display: inline;
	float: left;
	padding: 7px 20px;
	border-right: 1px solid #ccc;
}
.maintenanceSelect .milesSelect .active a, .maintenanceSelect .milesSelect li a:hover {
	background-color:#E8EEFD;
	color: #0066FF;
}
.maintenance {
	padding: 0;
}
.jobsContent .maintenanceContent h2, .jobsContent .maintenanceContent h3, .jobsContent .computerSelect h3 {
	background-color:#E8EEFD;
	border-width:0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	color:#CC3300;
	display:block;
	float:none;
	font-weight:bold;
	margin:0 0px;
	padding:10px;
	font-size: 12px;
	clear: both;
}
.jobsContent .maintenanceContent .item {
	border-width:0 0 0px 0;
	background: url(../images/milesSelectSep.gif) repeat-y 170px 0;
	height: 1%;
}
.jobsContent .maintenanceContent .col1x3 {
	width: 150px;
	border-top: 1px solid #ccc;
}
.jobsContent .maintenanceContent .itemDiv {
	width: 515px;
	padding: 0;
	float: right;
	border-top: 1px solid #ccc;
}
.jobsContent .maintenanceContent .col2x3 {
	width: 210px;
}
.jobsContent .maintenanceContent .col3x3 {
	width: 265px;
}
.jobsContent .maintenanceContent .headline {
	font-weight:bold;
}
.jobsContent .maintenanceContent .headline div {
	border: 0;
}
.jobsContent .maintenanceContent .lastItem {
	border-bottom: 1px solid #ccc;
}
.jobsContent .maintenanceContent p {
	padding: 7px 10px 0px 10px;
}

.jobsContent .computerSelect h2 {
	background-color: #7DB1FF;
	color: #fff;
	font-size: 14px;
	margin-bottom: 0;
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0;
	margin-top: 10px;
	clear: both;
}
/* offer detail */
.entries, .jobsContent .item .entries:hover {
	display: block;
	height: 25px;
	width: 30px;
	text-align: center;
	color: #fff;
	background: url(../images/entriesBg.png) no-repeat top left;
	padding-top: 5px;
	font-weight: bold;
	margin: auto;
}
.openJobs .jobsContent .numberEntries {
	text-align:center;
	width:9%;
	padding: 5px 10px;
}
.openJobs .jobsContent .entryAction {
	float: right;
	width: 18%;
	text-align: center;
}
.openJobs .jobsContent .entryStatus {
	text-align:center;
	width:30%;
	padding: 10px !important;
}
.openJobs .jobsContent .item .entryAction, .openJobs .jobsContent .item .entryStatus {
	padding: 5px 10px;
}

.entryStatus img, .entryAction img {
	margin: 0 3px;
}

.modified .informationBox .innerProfile .viewProfile {
	margin-right: 20px;
}

/* 27B popup */
.whiteBg .fourth .shopinfo p {
	padding:0px 15px;
}
.viewOfferDetail .seventh img {
	margin: 10px;
}
.viewOfferDetail .rightInfo {
	margin: 20px 0 0 0;
}
.viewOfferDetail .rightInfo p {
	margin: 7px 0 0 0;
}
.viewOfferDetail .rightInfo p strong {
	margin-right: 7px;
}
.viewOfferDetail .secondColumn {
	border-bottom:1px solid #BFD0F8;
}
.viewOfferDetail .pinkBg {
	background-color: #FFCBB9;
	color: #000;
	margin-top: 10px;
	font-weight: bold;
	width: 658px;
	padding:5px 0 !important;
}
.viewOfferDetail .pinkBg div {
	background-color: #FFCBB9 !important;
	margin-bottom: 3px;
}
.subHeader  {
	background-color: #FFCBB9 !important;
	padding: 4px;
	border-color:#BFD0F8;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}
.viewOfferDetail .colLeft ul {
	border-color:#BFD0F8;
	border-width: 0 1px;
	border-style: solid;
	list-style: none;	
}
.viewOfferDetail .colLeft ul ul, .viewOfferDetail .colLeft ul ul li {
	border-width: 0px;
}
.viewOfferDetail .colLeft ul ul li {
	padding: 7px 10px 0px 10px;
}
.viewOfferDetail .colLeft ul ul li span {
	display: block;
	font-style: italic;
	margin-left: 10px;
	padding-top: 5px;
}
.viewOfferDetail .colLeft ul li {
	border-color:#BFD0F8;
	border-width: 0 0 1px 0;
	border-style: solid;
	padding: 7px 10px;
}
.totalTop .colRight {
	border-top:1px solid #000000;
	margin:10px 10px 0;
	padding:5px 0 0px 0 !important;
	font-weight: bold !important;
}
.totalTop .colLeft {
	padding:16px 10px 0px 10px !important;
}
.viewOfferDetail .colLeft, .viewOfferDetail .third .colRight {
	font-weight:normal;
}
.viewOfferDetail .costsHolder .total {
	margin-bottom: 10px;
}
.viewOfferDetail .costsHolder .colLeft, .viewOfferDetail .costsHolder .colRight {
	font-weight: bold;
}
.viewOfferDetail .costsHolder .colRight {
	float: right;
}
.discount {
	color: #ff0000;
}
.appointmDateHolder {
	background: url(../images/appointmBg.gif) left top no-repeat;
	height: 89px;
}
html>body .appointmDateHolder {
	min-height: 89px;
	height: auto;
}
.viewOfferDetail .fourth .appointmDateHolder {
	padding-left: 99px;
	width:351px;
	font-weight: bold;
}
.viewOfferDetail .fourth .appointmDateHolder p {
	padding: 5px 0;
}
.viewOfferDetail .fourth .appointmDateHolder input {
	margin-left: 20px;
}
.viewOfferDetail .fourth .appointmDateHolder .standard {
	width: 170px;
}
.viewOfferDetail .feedbackBox p, .whiteBg .feedbackBox h4 {
	padding: 10px 15px 0 15px;
	overflow: hidden;
}
.viewOfferDetail .feedbackBox h4 {
	font-weight: bold;
	font-size: 12px;
}
.viewOfferDetail .feedbackBox p strong, .whiteBg .feedbackBox p span {
	float: left;
	clear: both;
	display: inline;
	width: 200px;
}
.viewOfferDetail .feedbackBox p .starHolder {
	position: relative;
	top: -2px;
	width: 400px;
	clear: none;
}
.viewOfferDetail button {
	margin: 0 2px 0 0px;
}
.viewOfferDetail .feedbackBox p .starHolder img {
	margin-right: 3px;
}
.viewOfferDetail .feedbackBox .colRight label {
	display: block;
	padding: 3px 0;
}
.viewOfferDetail .feedbackBox p.buttonHolder {
	padding: 10px 0 15px 210px;
	clear: both;
}
.viewOfferDetail div.buttonHolder {
	padding: 20px 0 15px 0px;
	text-align: center;
	clear: both;
}
.communication a {
	color: #000;
	float: left;
	overflow: hidden;
}
.communication a:hover {
	text-decoration: none;
}
.communication li {
	background-repeat: no-repeat;
	background-position: 10px center;
	padding: 15px 15px 15px 15px;
	clear: both;
	border-bottom: 1px solid #BFD0F8;
	overflow: hidden;
	height: 1%;
	list-style: none;
}
.communication li strong, .communication li span {
	display: inline;
	float: left;
	margin: 4px 0;
}
.communication li strong {
	font-size: 14px;
}
.communication li .leftBit {
	width: 105px;
	margin: 0 10px 0 0;
}
.communication li .leftBit strong, .communication li .leftBit span {
	width: 105px;
}
.communication li .rightBit {
	width: 430px;
	margin: 0 0px 0 0;
}
.communication li .rightBit strong {
	width: 430px;
}
.communication li .rightBit .bigTitle {
	font-size: 30px;
	margin: 0;
}
.communication li .imagePlaceholder {
	padding: 0;
	margin: 0 10px 0 0
}
/* registration */
.registrationColumn {
	width: 190px;
	text-align: center;
	float: left;
	display: inline;
	margin: 20px 35px 20px 75px;
}
.registrationColumn h3 {
	text-align: left;
	font-size: 18px;
	padding-bottom: 15px !important;
}
.registrationColumn p {
	padding-bottom: 25px !important;
}
.loginWithFacebook {
	position: absolute;
	right: 10px;
	top:  68px;
}
.introText {
	margin: 20px 75px 0px 75px;
	font-size: 14px;
}

/* changes to profile 29 */

.leftcnt_boxinner .headerRow {
	background-color:#67AEE2;
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 5px;
	clear: both;
}
.navBar .jobHistory, .navBar .pages {
	float: left;
	display: inline;
	padding: 5px 0 10px 0;
}
.navBar .pages {
	float: right;
}
.navBar .pages a {
	color: #000;
	padding: 0 2px;
}
.leftcnt_boxinner .item {
	float: left;
	display: inline;
	width: 100%;
	background:url(../images/bgGray.gif) repeat-y -25px;
	border-bottom: 1px solid #ccc;
}
.leftcnt_boxinner .item p {
	margin: 0 0 5px 0;
}
.leftcnt_boxinner .col1x4 {
	width: 247px;
}
.leftcnt_boxinner .col2x4 {
	width: 50px;
	text-align: center;
}
.leftcnt_boxinner .col3x4 {
	width: 50px;
	text-align: center;
}
.leftcnt_boxinner .col4x4 {
	width: 193px;
	float: right !important;
}
.leftcnt_boxinner .col4x4 img {
	margin: 2px 4px 2px 0;
}
.leftcnt_boxinner .col5x4 {
	width: 380px;
	clear: left;
	padding-top: 0 !important;
}
.leftcnt_boxinner .col5x4 .mechanicAnswer {
	background-color: #fff;
	padding: 5px;
	clear:left;

}
.leftcnt_boxinner .col5x4 .messageLines {
	float: left;
	display: inline;
	width: 320px;
	margin: 0 10px 15px 0;
}
.leftcnt_boxinner .col5x4 img {
	float: left;
	display: inline;
	margin: 0 10px 15px 0;
}
.whiteRightBg {
	background:#fff none repeat scroll 0 0;
	border:0px solid #CCCCCC;
	margin-bottom:200px;
	overflow:hidden;
	width:228px;
}
.whiteRightBg .rightcnt_box {
	border-bottom:0px solid #CCCCCC;
	margin-bottom:10px;
	overflow:hidden;
	padding:9px;
	width:210px;
}
.article ul{
	line-height:20px;
	margin:0 25px;
	clear:both;
}
.article ul li{
	width:300px;
	display:block;
	margin:2px 5px;
	float:left;
}
.article .headerRow .singleTitle a{
	font-size:16px;
	line-height:12px;
}
.article .info{
	margin:5px;
}
.article .body{
	line-height:20px;
	margin:5px 15px;
}
.article .source{
	margin:25px 5px 5px;
}
.article .author{
	margin:5px;
}

/* added */
.singleSection {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	border-bottom: 0 !important;
}
.singleSection p {
	padding:5px 0 5px 15px !important;
}