/*==================================================
 
Theme Name: LYNX RECRUITMENT
Author: Atelier Studios
Author URI: http://www.atelier-studios.com/
Date: OCT 2009

==================================================*/


/*------------------------------------------------

		1. Global Resets
		
		2. Typography

		3. Link

		4. Main Navigation 

		5. Structure
		
		6. Inner Elements
			
		7. Lists 
		
		8. Form Elements 
		
		9. Various Tags & Classes 
						
		10. Headers
		
 		11. Buttons

		12. Map Styles



/*==================================================================================================

	1. GLOBAL RESETS
 
 ====================================================================================================*/


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	}
	
body { 
	line-height:1.5;
	}
	
html, body {
	height: 100%;
	background: url(../images/backgrounds/background.gif) top center repeat;
	}	

table { 
	border-collapse:separate; border-spacing:0; 
	}

caption, th, td { 
	text-align:left;font-weight:normal; 
	}

table, td, th { 
	vertical-align:top; 
	}

blockquote:before, blockquote:after, q:before, q:after { 
	content:""; 
	}

blockquote, q { 
	quotes:"" ""; 
	}

a img { 
	border:none; 
	}


/* Reset all margins/padding */

* { 
	margin:0;
	padding:0;
	}

/* Gets rid of outlined links in Firefox */

a {
	outline: none;
	color:#333;
	}


/* No boders on images and displays them as block level elements in IE6 */

img {
	border:0;
	padding: 0;
	margin: 0;
	display: block;
	font-style: 
	}

/* IE PNG Fix http://www.twinhelix.com/css/iepngfix/ */
.side-nav ul li strong a { 
	behavior: url(/furniture/js/iepngfix.htc) 
}

/* Alternatively, you can specify that this will apply to all tags like so:
		   
		   * { behavior: url(/furniture/js/iepngfix.htc) }
*/

html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}

/*==================================================================================================

	2. TYPOGRAPHY
 
 ====================================================================================================*/
 
body {
	font-size: 12px;
	line-height: 19px;
	text-align: left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #231f20;
	margin:0;
	padding:0;
	height: 100%;
	}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td  {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-align: left;
	}


strong {
	font-weight:bold;
	}

	div#content ul.blue_list li strong, div#sidebar ul.blue_list li strong {
	color: #005bbe;
	}
	
em {
	font-style:italic;
	display:inline;
	}

small {
	font-size: 11px;
	line-height: 25px;
	float: left;
	}

br {
	line-height: 10px;
	}
	
blockquote {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
	padding: 15px 0 15px 15px;
	}

hr {
	display:none;
	}

.content ul {
	/*display:inline-block !important;*/
	/*border: 1px solid red;*/
	margin:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 17px 0;
	}
.content ul li {
	/*display:inline-block !important;*/
	/*border: 1px solid yellow;*/
	margin:0;
	padding:0 0 8px 17px;
	background:transparent url(../images/sitewide/bullet_greydot.gif) no-repeat scroll 0 4px;
	}


/*------------------ FONT RESET -------------------*/

 {
	margin: 0;
	padding: 0;
	float: left;
	}

/*------------------ FONT RESET ENDS -------------------*/

	
.content p {
	padding: 0 0 15px 0;
	}
.content .testimonials {
	border-left: 2px solid #EDECF2;
	padding-left:18px;
	/*color: #8B8B8B;*/
	font-style:italic;
	margin: 8px 0 17px 0;
}
.content .testimonials p{
	padding-bottom:10px !important;
}
.content .testimonials p strong{
	padding-bottom:0px !important;
}
	
	div#footer p {
	font-size: 12px;
	line-height: 18px;
	}
	
	div#footer_bottom p {
	font-size: 11px;
	line-height: 15px;
	text-align: center;
	padding: 15px 0 0 0;
	}
	
	div.sidebar_feature p {
	padding: 0 15px 15px 15px;	
	}
	
	div.slide1 p.slide_text, div.slide2 p.slide_text, div.slide3 p.slide_text, div.slide4 p.slide_text {
	width: 380px;
	height: 87px;
	font-size: 11px;
	line-height: 16px;
	padding: 0;
	color: #FFFFFF;
	position: absolute;
	right: 93px;
	top: 125px;
	}
	
	div#content p.downloads {
	padding: 20px 0 20px 60px;
	font-size: 14px;
	background: url(/furniture/images/sitewide/pdf_icon.jpg) no-repeat 0 0;
	}
	
			
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	}

h1 {
	padding: 0 0 15px 0;
	font-size: 24px;
	color: #006bb6; /* blue */
	line-height: 32px;
	font-weight: bold;
	}

.content h2 {
	padding: 0 0 0 0;
	font-size: 31px;
	color: #333333; /* charcoal */
	line-height: 34px;
	font-weight: bold;
	width:344px;
	}
.content h2.pagetitle {
	margin-bottom:17px;
	}


h3 {
	font-size: 20px;
	color: #B7D611; /* lime green */
	line-height: 22px;
	/*padding: 0 0 10px 0;*/
	margin: 0 0 10px 0;
	}

	
h4 {
	display:block;
	clear:both;
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 5px 0;
	font-weight: bold;
	}


h5 {
	font-size: 14px;
	line-height: 14px;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	color: #B7D511; /* blue */
	border-bottom: 1px solid #999999;
	}
	
h6 {
	font-size: 14px;
	line-height: 16px;
	padding: 0 0 10px 0;
	color: #006bb6; /* blue */
	}

a:hover {
	text-decoration:underline;
}


h1.logo {
	width:300px;
	height:223px;
	float: left;
	margin:0;
	padding: 0 0 0 30px;
	line-height:1px;
	font-size:1px;
	text-indent:-3000px;
	}

h1.logo a {
	width:300px;
	height:223px;
	text-indent:-3000px;
	overflow: hidden;
	display:block;
	cursor: pointer;
	border: none;
	background: url(../images/sitewide/logo.jpg) right -261px no-repeat;
	/*border: 1px solid green;*/
	}
	
h1.logo a:hover {
	background: url(../images/sitewide/logo.jpg) right 0 no-repeat;
	}
	
.titles {
	/*float:left;*/
	display:inline-block;
	text-indent:-3000px;
	/*display:inline;*/
	}

.title_our_calls {			background: url(../images/headings/title_ourcallsare.gif) 0 0 no-repeat; 
							width:315px; height:29px; display:inline-block;text-indent:-3000px; margin-bottom:20px;}
			
.title_latest_jobs {		background: #F7F5FA url(../images/headings/title_latestjobs.gif) bottom left no-repeat; 
							width:231px; margin-left:25px !important; height:38px; display:inline-block;text-indent:-3000px;}
			
.title_why_us {
	float:left;
	margin:0;
	padding:0;
	text-indent:-3000px;
	display:inline;
	background: url(../images/backgrounds/polaroid.gif) bottom left no-repeat; 
	width:231px !important; 
	height:252px; 
	margin-bottom:17px !important; 
	margin-left:25px !important;		
	display:inline-block;
	text-indent:-3000px;
}
			
.title_upload_timesheet {	float:left;
	margin:0;
	padding:0;
	text-indent:-3000px;
	display:inline;
	background: url(../images/backgrounds/upload-timesheet.jpg) bottom left no-repeat; 
	width:231px !important; 
	height:50px; 
	margin-bottom:17px !important; 
	margin-left:25px !important;
	display:inline-block; 
	text-indent:-3000px;
}

.title_it_technical {		background: url(../images/headings/title_ittechnical.gif) 0 0 no-repeat; 
							width:315px !important; height:45px;display:inline-block;text-indent:-3000px;}
			
.title_hot_candidates {		background: url(../images/headings/title_hot.gif) 0 0 no-repeat; 
							width:215px !important; height:29px; margin-bottom:-5px !important;	display:inline-block;
							text-indent:-3000px;}
			
.title_our_experience {		background: url(../images/headings/title_someof.gif) 0 0 no-repeat; 
							width:113px; height:16px; margin-bottom:5px !important; clear:both; display:inline-block;
							text-indent:-3000px;}
			
.title_similar_sector {		background: #F7F5FA url(../images/headings/title_similar-sector.gif) bottom left no-repeat; 
							width:231px; margin-left:25px !important; height:38px; display:inline-block;text-indent:-3000px;}
			
.title_similar_salary {		background: #F7F5FA url(../images/headings/title_similar-salary.gif) bottom left no-repeat; 
							width:231px; margin-left:25px !important; height:38px; display:inline-block;text-indent:-3000px;}
			
.title_similar_location {	background: #F7F5FA url(../images/headings/title_similar-location.gif) bottom left no-repeat; 
							width:231px; margin-left:25px !important; height:38px; display:inline-block;text-indent:-3000px;}

.title_hot_candidates_side {background: #F7F5FA url(../images/headings/title_hot-candidates.gif) bottom left no-repeat; 
							width:231px; margin-left:25px !important; height:38px; display:inline-block;text-indent:-3000px;}
							
.submit_vacancy {			background: url(../images/headings/btn1_submit-a-cv.gif) 0 0 no-repeat; 
							width:288px; height:107px; margin:0 16px 16px 0;display:inline-block;
							text-indent:-3000px;}
	
.upload_cv {				background: url(../images/headings/btn1_upload-a-cv.gif) 0 0 no-repeat; 
							width:288px; height:107px; margin-bottom:16px;display:inline-block;
							text-indent:-3000px;}

.register_today {				background: url(../images/headings/btn1_register.gif) 0 0 no-repeat; 
							width:288px; height:107px; margin-bottom:16px;display:inline-block;
							text-indent:-3000px;}

.testimonials_link {				background: url(../images/headings/btn1_testimonials.gif) 0 0 no-repeat; 
							width:288px; height:107px; margin-bottom:16px;display:inline-block;
							text-indent:-3000px;}

.submit_upload_buttons {
	border: 1px solid #fff; /* for ie6 ? */
	}

.titles-float {
	float:left;
	margin:0;
	padding:0;
	text-indent:-3000px;
	display:inline;
	}
.right-col h2.searchtitle {
	background-image: url(../images/headings/title_jobseekers.gif); 
	width:206px; /* originaly 231px */
	height:35px;
	margin:38px 0 15px 0;
	margin-left:25px !important;
	}



/*==================================================================================================
 
     3. LINK STYLES

================================================================================================== */







/*==================================================================================================

	4. MAIN NAVIGATION
	
==================================================================================================*/

div.header {
	width: 250px;
	margin:0;
	padding:0;
	float: right;
	position: relative;
	z-index: 111;
	}
	
div.relative_header {
	width: 448px;
	height: 276px;
	margin:0;
	padding:0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 133;
	}	
	
div.pen {
	float:left;
	width:164px;
	height:188px;
	background: url(/furniture/images/sitewide/pen.png) 0 0 no-repeat;
	}

ul.main-nav {
	float:right;
	width:273px; /* originally 273px */
	display:inline;
	height:250px;
	z-index:50;
	/*background-color:grey;*/
	padding-bottom:14px;
	padding-top:12px;
	/*border: 1px solid red;*/
	background: url(../images/sitewide/PDA-navigation.gif) 0 0 no-repeat;
}
ul.main-nav li {
	float:right;
	display:inline;
	/*background-color:hotpink;*/
}
ul.main-nav li a{
	float:right;
	width:273px; /* originally 273px */
	height:27px;
	text-indent:-3000px;
	display:inline;
	/*background-color:yellow;*/
	/*border:1px solid red;*/
}

ul.main-nav li a.nav_home_selected, 
ul.main-nav li a.nav_home:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -473px no-repeat;}

ul.main-nav li a.nav_about_us_selected, 
ul.main-nav li a.nav_about_us:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -500px no-repeat;}

ul.main-nav li a.nav_employers_selected, 
ul.main-nav li a.nav_employers:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -527px no-repeat;}

ul.main-nav li a.nav_looking_for_work_selected,
ul.main-nav li a.nav_looking_for_work:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -554px no-repeat;}

ul.main-nav li a.nav_news_selected,
ul.main-nav li a.nav_news:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -581px no-repeat;}

ul.main-nav li a.nav_contact_selected,
ul.main-nav li a.nav_contact:hover{	background: url(../images/sitewide/PDA-navigation.jpg) 0 -608px no-repeat;}

a.nav-login {
	/*background-color:red;*/
	background: url(../images/sitewide/PDA-navigation.jpg) -91px -285px no-repeat;
	width:73px !important;
	margin:28px 40px 0 0;}
strong a.nav-login, 
a.nav-login:hover {
	background: url(../images/sitewide/PDA-navigation.jpg) -91px -746px no-repeat;
	}
	
a.nav-logout {
	background: url(../images/sitewide/PDA-navigation.jpg) -18px -288px no-repeat;
	width:73px !important;
	margin:30px 158px 0 0;}
strong a.nav-logout, 
a.nav-logout:hover {
	background: url(../images/sitewide/PDA-navigation.jpg) -18px -749px no-repeat;
	}
	
a.nav-signup {
	/*background-color:yellow;*/
	background: url(../images/sitewide/PDA-navigation.jpg) -202px -294px no-repeat;
	width:63px !important;
	margin:40px 70px 0 0;}
strong a.nav-signup, 
a.nav-signup:hover {
	background: url(../images/sitewide/PDA-navigation.jpg) -202px -755px no-repeat;
	}


/*==================================================================================================

	4. SIDEBAR NAVIGATION
	
==================================================================================================*/




.side-nav ul {
	float:left;
	width:231px; /* originally 256pxpx */
	display:inline;
	line-height:10px;
	font-weight:bold;
	/*background-color:grey;*/
	margin-top:16px;
	background: url(../images/navigation/side-nav_bottom.jpg) left bottom no-repeat;
	min-height:150px;
	padding-bottom:20px;
}
.side-nav ul li {
	float:left;
	width:230px; /* originally */
	display:inline;
	/*background-color:hotpink;*/
}
.side-nav ul li a {
	float:left;
	color:#454545; /* grey */
	font-size:13px !important;
	width:172px;
	padding:7px 0 7px 0;
	margin:0 32px 0 26px;
	text-decoration:none;
	font-size:11px;
	display:inline;
	line-height:16px;
	/*background-color:yellow;*/
	border-bottom:1px dotted #8DA40F;
}
.side-nav ul li strong a {
	color:#fff;
}
.side-nav ul li a:hover {
	color:#fff;
	text-decoration:none;
}





	
/*==================================================================================================


	5. MAIN STRUCTURE
 
==================================================================================================*/

/* ================= MISC ================= */
div.wrapper {
	margin:0 auto;
	width:970px;
	/*background-color:blue;*/
	height:100%;
	position: relative;
	z-index: 2;
}

div.page-container {
	float:left;
	width:970px;
	padding-bottom:30px;
	position: relative;
	z-index: 6;
	/*background-color:hotpink;*/
	}
	
div.header_wrapper {
	float:left;
	height:0px;
	position:relative;
	width:714px;
	z-index:55;
	}	

div.header_container {
	float:left;
	width: 714px;
	height: 275px;
	position: absolute;
	z-index: 99;
	top: 0;
	left: 0;
	/*background: #FF3399;*/
	}
	
div.content_container {
	float:left;
	clear: both;
	width: 714px;
	margin: 0;
	background: url(/furniture/images/backgrounds/paper_left.gif) no-repeat 11px bottom;
	}

div.content {
	float:right;
	width:620px; /* originally 714px */
	margin: 0 0 31px 0;
	padding:197px 32px 0 32px;	
	background-color:#fff;
	/*border: 1px solid #F5F5F5;*/
	margin-top:37px;
	/*height:800px;*/
	/*background: #fff url(/furniture/images/backgrounds/page-folded.gif) top right no-repeat;*/
	background: #fff url(/furniture/images/backgrounds/texture.gif) 0 0 repeat;
}
.content img {
	margin-bottom:16px;
}

div.right-col {
	float: right;
	width:256px; /* originally 256px */
	background: url(../images/backgrounds/paper_right.gif) 0 0 no-repeat;
	/*background-color:blue;*/
}

.side-nav {
	float:left;
	width:231px; /* originally 231px */
	margin-left:25px;
	display:inline;
	background: url(../images/navigation/side-nav_bg.jpg) 0 0 repeat-y;
	margin-bottom:17px;
}


.latest-jobs {
	float:left;
	display:inline;
}



.latest-jobs ul.holey-paper {
	float:left;
	width:231px; /* originally 231px */
	margin-left:25px !important;
	margin-bottom:17px !important;
	display:inline;
	background: #F7F5FA url(../images/backgrounds/background_paperholes.gif) 0px 4px no-repeat;
	/*background-color:grey;*/
	padding-top:6px;
	padding-bottom:14px;
}
.latest-jobs ul.holey-paper li {
	float:left;
	width:231px;
	display:inline;
	/*background-color:hotpink;*/
}
.latest-jobs ul.holey-paper li a{
	float:left;
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	font-size:11px;
	width:192px; /* originally 231px */
	margin-left:8px;
	margin-top:0px;
	padding:0 0 16px 17px;
	background: url(/furniture/images/sitewide/arrow.gif) top right no-repeat;
	display:inline;
	line-height:16px;
	/*background-color:yellow;*/
}
.latest-jobs ul.holey-paper li a span{
	/*float:left;*/
	clear:left !important;
	font-weight:normal !important;
	color:#333333;
	/*display:inline;*/
	display:block;
}
.latest-jobs ul.holey-paper li a:hover{
	background: url(/furniture/images/backgrounds/circle.gif) 0 0 no-repeat;
}

.homepage_left_list {
	margin-right:24px;
	width:300px;
	float:left;
}


.homepage_right_list {
	width:258px !important;
	float:left;
}

.team_member_repeater {
	float:left;
	width:617px;
	/*background-color: red;*/
	display:inline;
	/*margin-bottom:17px;*/
}
.team_member_repeater img {
	float:left;
	margin: 0 10px 0 0;
	padding-bottom: 17px !important;
	/*background-color: red;*/
	display:inline;
}
.team_member_repeater h3{
	font-size:14px;
	/*margin-bottom:25px;*/
	font-weight:bold;
	padding:0;
}
.team_member_repeater h3 a{
	color: #B7D611; /* lime green */
	font-size:14px;
	font-weight:bold;
}


.search_result_repeater {
	float:left;
	width:617px;
	/*background-color: red;*/
	display:inline;
	/*margin-bottom:17px;*/
}
.search_result_repeater h3{
	font-size:20px;
	/*margin-bottom:25px;*/
	font-weight:bold;
	padding:0;
}
.search_result_repeater h3 a{
	color: #B7D611; /* lime green */
	font-size:20px;
	font-weight:bold;
}
.search_result_repeater h3 a:hover {
	text-decoration:none;
}
.search_result_repeater_date {
	float:right;
	margin:-24px 0;
	font-weight:bold;
	padding:0 !important;
	/*background-color: red;*/
	display:inline;
	/*margin-bottom:17px;*/
}

ul.job-spec {
	float:left;
	font-size:15px;
	list-style:none;
	border: 2px dashed #D8D8D8;
	margin-bottom:25px;
	padding:0;
	display:inline;
}
ul.job-spec li {
	float:left;
	background:none;
	width:242px;
	padding:20px;
	line-height:14px;
	/*border: 1px solid yellow;*/
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	display:inline;
}
ul.job-spec li.list_items {
	padding-bottom:0 !important;
}

.min-height-control {
	position:relative;
	top:0;
	left:0;
	height:714px;						/* THESE VALUES NEED TO MATCH */
	margin-bottom:-714px;				/* THESE VALUES NEED TO MATCH */
	display:inline-block !important;
	float:none;	width:1px;
	/*background-color:red;*/
}
.slider {
	margin-bottom:16px;
}



/* ================= FOOTER - Contact Details ================= */
.footer-contact {
	float:left;
	width:618px;
	height:64px;
	/*border-top: 1px solid pink;*/
	background: url(../images/backgrounds/background_footer.gif) 0 0 no-repeat;
	display:inline;
}
.footer-contact h2 {
	float:left;
	width:217px;
	text-indent:-3000px;
	display:inline;
}
.footer-contact ul {
	float:right;
	list-style:none;
	margin-top:18px;
	padding:0;
	/*border: 1px solid blue;*/
	display:inline;
}
.footer-contact li {
	float:left;
	width:29px;
	height:40px;
	display:inline !important;
	background:none !important;
	padding:0 !important;
	/*border: 1px solid yellow;*/
	text-indent:-3000px;
	display:inline;
}
.footer-contact li {
	float:left;
	width:29px;
	height:40px;
	padding:0;
	/*border: 1px solid yellow;*/
	text-indent:-3000px;
	display:inline;
}


/* ================= FOOTER ================= */


div.footer {
	float:left;
	/*margin-top:23px;*/
	width:594px; /* originally 714px */
	padding:0 30px 0 90px;
	/*border-top: 1px solid red;*/
	font-size:11px;
	color:#FFFFFF;
	/*background-color:red;*/
}

.footer a {
	color:#FFFFFF;
	font-size:11px;
}
.footer a:hover {
	text-decoration:none;
}

.footer img {
	float:left;
	/*border: 1px solid red;*/
	display:inline;
}


.footer ul {
	float:left;
	list-style:none;
	margin-top:4px;
	padding:0;
	/*border: 1px solid blue;*/
	display:inline;
}
.footer li {
	float:left;
	padding:0;
	line-height:10px;
	margin-bottom:5px;
	/*border: 1px solid yellow;*/
	list-style:none;
	list-style-image:none;
	list-style-type:none;
	border-right: 1px solid #666;
	padding-right:6px;
	margin-right:6px;
	display:inline;
}

.back-to-top a{
	float:right;
	width:110px;
	height:30px;
	/*border: 1px solid blue;*/
	margin:-50px 0 0 0;
	text-indent:-3000px;
	}


/*==================================================================================================
	
	6. INNER ELEMEMTS

==================================================================================================*/

.content ul.unique_selling_points {
	float:left;
	width:231px; /* originally 231px */
	/*background-color:grey;*/
	padding-bottom:25px;
	display:inline;
}
.content ul.unique_selling_points li {
	float:left;
	width:231px;
	display:inline;
	padding:0;
	padding-left:24px;
	margin-bottom:4px;
	background: url(../images/sitewide/bullet_greydot.gif) 8px 4px no-repeat;
	/*background-color:hotpink;*/
	display:inline;
}
.content ul.unique_selling_points li a{
	float:left;
	width:231px;
	text-decoration:none;
	font-size:11px;
	display:inline;
	/*background-color:yellow;*/
	display:inline;
}
.content ul.unique_selling_points li a:hover{
	text-decoration:underline;
}


.content ul.usps li.hot_candidate{
	float:left;
	background: url(../images/sitewide/bullet_person.gif) 6px 4px no-repeat;
}




/*==================================================================================================
	
	7. LISTS 

==================================================================================================*/





/*==================================================================================================

	8. FORMS
 
 ====================================================================================================*/

 /*==================================================================================================
	Validation Unit
  ====================================================================================================*/
  
.validationSummary {
	background: url(../images/sitewide/validate-bg.jpg) 0 0 no-repeat;
	padding:14px 0 5px 30px;
	color:#FF0000; /* red */
	border: 1px solid #FF7F7F; /* charcoal */
	margin-bottom:17px;
	}
.validationSummary ul {
	padding:0px;
	padding-bottom:10px;
	margin:10px 0 0 0;
	border:none;
	/*border: 1px solid red;*/
	line-height:20px;
	font-weight:bold;
	/*background-color:grey;*/
}
.validationSummary ul li {
	/*background-color:hotpink;*/
	color:#333333;
}


/*==================================================================================================
	8b. Form In Right Column - 15% Width roughly
  ====================================================================================================*/
.form-right .searchforField {
	float:left;
	width:161px;
	padding:7px 8px 5px 8px;
	height:20px;
	color:#57A9CF; /* electric blue */
	border: 2px solid #2E3339; /* charcoal */
	background-color:#000000;
	margin-right:5px;
	}
.form-right input.search_button {
	border:0 none;
	float:left;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}
.advancedsearch a {
	float:left;
	text-align:right;
	width:203px;
	padding:4px 24px 4px 4px;
	color:#666666;
	text-decoration:none;
	/*background-color:#2E3339;*/
	margin:0 0 17px 25px;
	background: url(../images/backgrounds/icon_arrow.gif) right 10px no-repeat;
	}

.advancedsearch a:hover {
	color:#57A9CF; /* electric blue */
	}
.form-right {
	margin-left:25px;
	}

/*==================================================================================================
	8. Form Generics for all in website
  ====================================================================================================*/

a.formhelper {	
	float:left;
	margin-left:5px;
	display:inline;
	/*background-color:yellow;*/
	font-size:10px;
	color:#838383;
}
form span { /* Required Fields Indicator */
	color:#FF0000;
}

.parting { /* i.e when 2 select menus appear on same line and need seperation */
	margin-right:5px;
}
.width22 {	width:52px !important;}
.width33 {	width:80px !important;}

input.quantity {
	border:1px solid #CCCCCC;
	float:left;
	height:15px;
	margin:0;
	padding:6px;
	width:50px;
}

.siteHR {
	border: 0;
	color: #cfd0d4;
	background-color: #cfd0d4;
	margin: 0 0 25px 0;
	height: 1px;
	width:617px;
	height:8px;
	background: url(/furniture/images/sitewide/ruler.gif) no-repeat 0 0;
	/*border: 1px solid red;*/
}

.row-of-items {
	float:left;
	width:300px;
	display:inline;
}


/*==================================================================================================
	8a. Form In Left Column
  ====================================================================================================*/

.search_box_parent {
	float:left;
	margin-left:26px;
	display:inline;
}
.search-again input,
.search_box_parent input {
	border:none;
	background:none;
	background: url(/furniture/images/sitewide/form-field-bg.gif) 0 0 no-repeat;
	float:left;
	height:20px;
	line-height:12px;
	margin:0;
	padding:10px;
	width:146px;
	margin-right:9px;
}
.search_box_parent button {
	float:left;
	width:47px;
	height:36px;
	border:none;
	background: url(/furniture/images/sitewide/btn_go.gif) 0 0 no-repeat;
	text-indent:-3000px;
	display:inline;
	cursor:pointer;
}

/*==================================================================================================
	8b. Form In Center Column - 75% Width (i.e. Registration Page)
  ====================================================================================================*/

.mid-form {	
	float:left;
	width:582px; /* originally 593px */
	/*margin-top:15px;*/
	padding:15px;
	border: 1px solid #ccc;
	display:inline;
	margin-bottom:25px;
	/*background-color:yellow;*/
}
.mid-form label {
	float:left;
	width:220px;
	font-size:12px;
	margin-right:15px;
	display:inline;
}
.mid-form input.formField,
.mid-form select.formField,
.mid-form textarea {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	/*font-style:italic;*/
	padding:4px;
	width:244px;
	margin-bottom:10px;
	display:inline;
}
.mid-form input.formField_short,
.mid-form select.formField_short,
.mid-form textarea_short {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	float:left;
	/*font-style:italic;*/
	padding:4px;
	width:80px;
	margin-bottom:10px;
	display:inline;
}
.mid-form label.formLabel {
	float:left;
	padding-top:3px;
	width:210px;
}
.width-50 {
	width:50px !important;
	display:block !important;
	/*float:none !important;*/
}
.width-70 {
	width:70px !important;
	display:block !important;
	margin-right:5px !important;
	/*float:none !important;*/
}

/*==================================================================================================
	8c. Form In Center Column - 25% Width (i.e. Login register page)
  ====================================================================================================*/

.halfwidth-form {	
	float:left;
	/*margin-top:15px;*/
	/*border: 1px solid #ccc;*/
	display:inline;
	/*background-color:yellow;*/
}
.halfwidth-form label {
	float:left;
	width:120px;
	font-size:12px;
	margin-bottom:5px;
	display:inline;
}
.halfwidth-form input.formField,
.halfwidth-form select.formField,
.halfwidth-form textarea {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	color:#666666;
	float:left;
	/*font-style:italic;*/
	padding:4px;
	width:204px;
	margin-bottom:10px;
	display:inline;
}
.halfwidth-form label.formLabel {
	float:left;
	padding-top:3px;
	width:120px;
}
.checker {
	
	padding:0 !important;
	width:16px !important;
	border:none !important;
	margin-bottom: 10px !important;
}
.unfloat {
	float:none !important;
	margin-left:2px;
}


/*==================================================================================================
	8d. Form In Center Column - 50% Width (i.e. Payment Page)
  ====================================================================================================*/

.fifty-form {	
	float:left;
	padding:15px;
	border: 1px solid #ccc;
	width:358px; /* originally 390px */
	display:inline;
	/*background-color:yellow;*/
}
.fifty-form label {
	float:left;
	width:100px;
	font-size:12px;
	margin-right:15px;
	display:inline;
}
.fifty-form input.formField,
.fifty-form select.formField,
.fifty-form textarea {
	background-color:#FFFFFF;
	border:1px solid #ccc;
	color:#666666;
	float:left;
	/*font-style:italic;*/
	padding:4px;
	width:234px;
	margin-bottom:10px;
	display:inline;
}
.fifty-form label.formLabel {
	float:left;
	padding-top:3px;
	width:100px;
}


/*==================================================================================================
	
	9. Various Tags & Classes 
	
==================================================================================================*/



/* End Various Tags & Classes*/



/*==================================================================================================
	
	10. HEADERS
	
==================================================================================================*/







/*==================================================================================================
	
	11. BUTTONS
	
==================================================================================================*/


/* ================= NON-FORM BUTTONS ================= */
.btn_generics {
	display:inline-block !important;
	font-size:12px;
	text-decoration:none;
	border: 1px solid red;
	color:#fff;
	margin:0;
	padding: 5px 20px 0 20px;
	height:26px;
}
.btn_green {	background: #8FA70D url(/furniture/images/buttons/btn_bg_green.gif) 0 0 repeat-x; border-color: #8FA70D;}
.btn_grey  {	background: #6F6D6B url(/furniture/images/buttons/btn_bg_grey.gif) 0 0 repeat-x; border-color: #6F6D6B;}

.btn_generics:hover {	background: #11100C url(/furniture/images/buttons/btn_bg_dark.gif) 0 0 repeat-x; border-color: #11100C; text-decoration:none;}

.margin-right {	 	 margin-right:10px;}



/*---------------SUBMIT BUTTONS ------------------*/
	

input.submit {
	background-color:#0e9edb;
	border:1px solid #08648d;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	height:35px;
	padding: 2px 5px 5px 5px;
	margin: 0;
	/*width:100px;*/
	float: left;
	}
	
input.search_button {
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	border: 0;
	float: left;
	}
	
div.content input.genericFormButton, div.content input.button_register {
	background:#6F6D6B url(/furniture/images/buttons/btn_bg_grey1.jpg) repeat-x scroll 0 bottom;
	border:1px solid #6F6D6B;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0 10px 0 0;
	padding:5px 10px;
}
div.content ul.cartListing li.cartListingItem ul li.cartItemQuanity input.CartDeleteButton {
	background-color:#CC0000;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:30px;
	line-height:12px;
	margin:0 0 0 10px;
	padding:5px;
	width:56px;
}
div.content input.button_update_cart {
	background:#11100C url(/furniture/images/buttons/btn_bg_black1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #11100C;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0 0 0 10px;
	padding:5px 10px;
	width:100px;
}
div.content input.button_continue_shopping {
	background:#B0ADAB url(/furniture/images/buttons/btn_bg_grey1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #B0ADAB;
	color:#333333;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0 0 0 10px;
	padding:5px 10px;
	width:140px;
}
div.content input.button_shipping {
	background:#B0ADAB url(/furniture/images/buttons/btn_bg_grey1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #B0ADAB;
	color:#333333;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0;
	padding:5px 10px;
	width:120px;
}
div.content input.button_checkout {
	background:#8FA70D url(/furniture/images/btn_bg_green1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #8FA70D;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0 0 0 10px;
	padding:5px 10px;
	width:120px;
}
div.content input.button_save_and_continue {
	background:#8FA70D url(/furniture/images/btn_bg_green1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #8FA70D;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0 0 0 10px;
	padding:5px 10px;
	width:160px;
}
div.content p.button_continue_shopping_wrapper input.button_checkout {
	background:#8FA70D url(/furniture/images/btn_bg_green1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #8FA70D;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0;
	padding:5px 10px;
	width:160px;
}
div.content form#CreditCardForm input.button_checkout {
	background:#8FA70D url(/furniture/images/btn_bg_green1.jpg) no-repeat scroll 0 bottom;
	border:1px solid #8FA70D;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-size:12px;
	font-weight:bold;
	height:35px;
	line-height:12px;
	margin:0;
	padding:5px 10px;
	width:160px;
}




/*--------------- LABEL STYLES ------------------*/


label.short_label, span.short_label {
	width: 80px;
	display: block;
	float: left;
	text-align: right;
	padding: 7px 15px 0 0;
}
	
label.extra_short_label, span.extra_short_label {
	width: 50px;
	display: block;
	float: left;
	text-align: right;
	padding: 7px 15px 0 0;
}
.extra_short_label_inline {
	float: left;
	text-align:right;
	width: 30px !important;
	padding: 0 0 0 0;
}
	


label.formLabel, span.formLabel {
	width: 190px;
	display: block;
	float: left;
	text-align: right;
	padding: 0px 20px 0 0;
	/*background-color:red;*/
}
	
label.medium_two_label, span.medium_two_label {
	width: 120px;
	display: block;
	float: left;
	text-align: right;
	padding: 0px 20px 0 0;
}

label.checkbox_label {
	color: #666666;
	font-size: 12px;
	padding: 10px 20px 0 0;
}
	
label.long_label, span.long_label {
	width: 250px;
	display: block;
	float: left;
	clear: none;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 10px;
}


label.long_label_two, span.long_label_two {
	width: 180px;
	display: block;
	float: left;
	clear: none;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0 0 10px;
}


/*--------------- TEXT FIELD STYLES ------------------*/

input.medium_textbox, input.formField {
	height: 15px;
	width: 300px;
	float: left;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
}
	
input.small_textbox {
	height: 15px;
	width: 50px;
	float: left;
	padding: 10px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
}
	
input.quantity {
	height: 15px;
	width: 50px;
	float: left;
	padding: 6px;
	margin: 0;
	border: 1px solid #CCCCCC;
}
		
input.searchforField {
	height: 20px; 
	width: 132px;
	float: left;
	padding: 10px 10px 0 10px;
	margin: 0;
	border: 1px solid #CCCCCC;
	line-height: 12px;
}
	
input.long_textbox {
	height: 17px;
	width: 170px;
	float: left;
	padding: 6px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	line-height: 14px;
}
	
input.extra_long_textbox {
	height: 17px;
	width: 250px;
	float: left;
	padding: 6px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	line-height: 14px;
}

.fileupload_textbox { 
	border: 1px solid #CCCCCC;
	padding: 6px;
}	
	
/*--------------- SELECT STYLES ------------------*/

select.short_select {
	font-size:12px;
	height: 30px;
	width: 90px;
	float: left;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	}	
	
select.medium_select, select.formField {
	font-size:12px;
	height: 30px;
	width: 150px;
	float: left;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	}	

select.long_select {
	font-size:12px;
	height: 30px;
	width: 250px;
	float: left;
	padding: 5px;
	margin: 0 0 15px 0;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	text-transform: lowercase;
	}	

select.date_select {
	border: 1px solid #CCCCCC;
	float:left;
	margin:0 10px 10px 0;
	padding:4px 4px 4px 6px;
	width:70px;
	font-size: 12px;
	text-transform: lowercase;
	}



/*--------------- MISC FORM STYLES ------------------*/


div.checkbox_container {
	float: left;
	width: 300px;
	padding: 7px 0 10px 110px;	
	}
	
	
.cv_table {
	
}
.cv_table_footer {
	padding-top:30px;
	/*padding-right:15px;*/
}

.cv_table_item {
	padding-right:15px;
}

/*--------------- ERROR MESSAGE STYLES ------------------*/


span.error_marker {
	float: left;
	display: block;
	padding: 2px 5px 0 0;
	color: #60b1da;
	

}