/*

Theme Name: eDealerMax1

Description: Premium Motor Trade theme

Version: 1.0

Author: Steve Smith

*/







/*



#fbfbfb = almost white

#eeeeee = 5% gray

#cfcfcf = 15% gray

#afafaf = 30% gray

#949494 = 40% gray

gray = 50% gray

#333333 = 80% gray



*/



/* 

************************************

RESET

************************************

*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,  cite, code,del, dfn, em, font, img, ins, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%;  background: transparent;

}

body { 

line-height: 1;}



ul { 

list-style: none;

}



blockquote, q { 

quotes: none;

}



:focus { outline: 0;}

ins { text-decoration: none;}

del { text-decoration: line-through;}

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



/* end reset */









/* 

************************************

TYPOGRAPHY & COLORS

************************************

*/



body {

	font-size: 62.5%;

	font-family: "Lucida Sans Unicode","Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;

	background: #fbfbfb;

	color: #333;

}



h1, h2, h3, h4, h5, h6 {

	margin-bottom: 10px;

	/* font color defined in header.php. Taken from Theme Options */

}



h1 { font-size: 3em; }



h2 {font-size: 3.3em;

	padding-bottom: 5px;

	margin-bottom: 15px;

	border-bottom: 2px solid;

	

	/* border color set in header.php.  Taken from Theme Options */

}



h3 {

font-size: 2.2em;

  }

  





h4 { font-size: 2em; }



h5 { font-size: 1.8em; }



h6 { font-size: 1.5em;  }



p {

	font-size: 1.3em;

	color: #333;

	line-height: 1.8em;

	margin-bottom: 15px;

}



code {

	color: #333;

	font-size: 1.4em;



}



	code.block {

		background: #eee;

		padding: 5px;

		display: block;

		border: 1px solid #cfcfcf;

		margin: 20px 0;

		clear: both;

	}



a {

	outline: none;

}



blockquote {

	margin: 0 50px;

	padding-left: 10px;

	border-left: 10px solid #cfcfcf;

}







a:link, a:visited {

	/* font color defined in header.php. Taken from Theme Options  */

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}



pre {

	font-size: 2em;

}



.alignleft {

	float: left;

	margin: 0 15px 10px 0;

}



.alignright {

	float: right;

	margin: 0 0 10px 15px;

}



.aligncenter {

	display: block;

	margin: 0 auto;

}



input[type=submit], a.button, button {

	background: url(images/button.png) repeat-x 0 -10px;

	color: white;

	border: none;

	padding: 3px 10px;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

}



	#ishome #customsearch input[type=submit] {

		background-color: white !important;

	}



a.button:link, a.button:visited {

	color: white;

	text-decoration: none;

	font-size: 13px;

	padding-bottom: 5px;

	padding-bottom: 5px;

}



	input[type=submit]:hover, a.button:hover, button:hover {

		background-image: none;

	}



#intro ul li, #content ul li, #features ul li, dl dt, #loancolumn ul li, .sidebarwidget ul li{

	background: url(images/bullet.png) no-repeat left 5px;

	padding-left: 20px;

}



#intro ul li li, #content ul li li {

	background: url(images/bullet-small.png) no-repeat left 10px;

}



	#content li, #loancolumn li, .sidebarwidget li{

		line-height: 1.5em;

		padding-bottom: 7px;

	}



	#content li li {

		font-size: 1.0em;

	}

	

	#intro ul, #intro ol, #content ul, #content ol, #features ol, #features ul, #loancolumn ul, .sidebarwidget ul {

		margin-bottom: 25px;

		font-size: 1.2em;

	}

	

	#features ul {

		margin-top: 20px;

	}

	

	#intro ol, #content ol, #features ol{

		margin-left: 20px;

	}

	



	

		#intro ul ul, #content ul ul, #features ul ul, #intro ol ol, #content ol ol, #features ol ol {

			margin-bottom: 0;

			font-size: 1em;

		}

		

dl {

	font-size: 1.2em;

	line-height: 1.8em;

	margin-bottom: 20px;

}



	dl dt {

		font-size: 1.1em;

	}

	

	dl dd {

		margin-bottom: 10px;

		margin-left: 20px;

	}

	



	



/* 

************************************

STRUCTURE

************************************

*/



#pagewrapper {

	width: 100%;

	background: url(images/background.png) repeat-x 0 0;

}



#wrapper {

	width: 960px;

	margin: 0 auto;

	position: relative;

}



#header {

	height: 170px;

	background: url(images/header.png);

}



p#description {

	text-indent: -9999px;

}



h1#logo a {

	display: block;

	width: inherit;

	height: inherit;

	text-indent: -9999px;

}



/* 

************************************

CUSTOM SEARCH

************************************

*/



#customsearch {

	width: 240px;

	height: 270px;

	background: url(images/search.png) no-repeat 0 0;

	float: right;

	color: white;

}



	#sidebar-left #customsearch {

		float: none;

		color: #666;

		height: 290px;

	}



#customsearch h3 {

	color: white;

	background: url(images/mag.png) no-repeat left center;

	padding-left: 40px;

	height: 27px;

}



	#sidebar-left #customsearch h3 {

		/* font color set in header.php. Taken from Theme Options.  */

		background: url(images/mag.png) no-repeat left center;

		padding-bottom: 2px;

		padding-top: 2px;

	}

	

	#sidebar-left #customsearch .inner {

		padding-top: 30px;

	}



#customsearch .inner {

	padding: 20px;

}



	#customsearch div {

		margin-bottom:10px;

	}

	

	#customsearch label {display: block; padding-bottom: 5px;}

	

	#customsearch #beds, #customsearch #pricemin {

		width: 100px;

		float: left;

		}



	select#location_level1, select#propertytype, select#location_level2 {

		width: 180px;

	}

	

	

	div#propertytypesection {

		float: left;

		width: 100px;

	}

	

	select#propertytype {

		width: 100px;

	}



	#customsearch input[type="submit"] {

		margin-top: 13px;

	}

	

	#beds select, #baths select, #pricemin select, #pricemax select, #propertytypesection select {

		width: 80px;

	}	





/* 

************************************

BASIC SEARCH BOX & RSS

************************************

*/



#basicsearch {

	position: absolute;

	top: 118px;

	right: 10px;

	background: white;

}



	#basicsearch input {

		border: 0px;

		padding: 2px 10px 2px 10px;

	}

	

#basicsearch input#go {

		position: relative;

		top: 3px;

	}



a#rssicon {

	text-indent: -9999px;

	display: block;

	width: 16px;

	height: 16px;

	background: url(images/rss.png) no-repeat 0 0;

}





/* 

************************************

LATEST LISTINGS

************************************

*/





#latestlistings.twocolumn {

	width: 480px;

	float: left;

}



#latestlistings.onecolumn {

	width: 240px;

	float: left;

	overflow: hidden;

}



	#latestlistings .inner {

		padding: 27px 20px 20px 20px;

		overflow: hidden;

	}

	

	

	.latestlisting {

		margin-bottom: 20px;

		margin-right: 10px;

		float: left;

		position: relative;

}



.latestlisting li {

	line-height: 1.5em;

	font-size: 1.1em;

}



	.latestlisting ul {

		margin-top: 5px;

	}

	

	.latestlisting li.citystatezip {

		font-size: 1.4em;

		margin-bottom: 5px;

	}

	

	.latestlisting li.price {

		font-size: 1.4em;

	}

	

	.latestlisting li.bedsbaths {

		/* margin-top: 5px; */

	}





/* 

************************************

CONTENT

************************************

*/



#intro {

	width: 480px;

	float: left;

}



#intro .inner {

	padding: 20px;

}



#content {

	width: 710px;

	float: left;

	position: relative;

	margin-top: 15px;

	

}



#content h2, #content h3, #content h4, #content h5, #content h6 {

	clear: left;

}



	#content.norightsidebar {

		width: 720px;

		

	}

	

	#content.fullwidth {

		width: 960px;

	}

	

	#content.noleftsidebar {

		width: 720px;

	}

	

	#content.twosidebars {

		width: 475px;

	}





#content .inner {

	padding: 12px 20px;

}



	.newsitem {

		margin-bottom:30px;

	}



#content img, .latestlisting img {

	padding: 3px;

	background: url(images/trans_white_50.png);

	border: 1px solid #afafaf;

	-moz-box-shadow: 0 0 5px rgba(0,0,0, .3);

}



.blogimage {

	margin-bottom: 10px;

}



ul#features {

	margin-top: 45px;

}



.postmetawrapper {

	margin-bottom: 15px;

}





#columnswrapper {

	overflow: hidden;

	clear: both;

	position: relative;

	top: 10px;

	background: url(images/trans_white_90.png);

	padding-bottom: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);

}



	#nothome #columnswrapper {

		top: 5px;

	}





/* 

************************************

SIDEBARS

************************************

*/



#sidebar-right, #sidebar-left {

	width: 240px;

	float: right;

}





#sidebar-right .inner, #sidebar-right .inner {

	padding: 15px;

}



#sidebar-left {

	float: left;

}



#sidebar-left h3, #sidebar-right h3 {

	font-size: 2.4em;

}









/* 

************************************

COLUMNS

************************************

*/



#columnswrapper.columns-1 {

	background: transparent url(images/columns-1.png) repeat-y 0 0;

}



#columnswrapper.columns-2 {

	background: transparent url(images/columns-2.png) repeat-y 0 0;

}



/* 

************************************

PROPERTY FEATURES

************************************

*/



#features {

	width: 240px;

	position: absolute;

	right: 15px;

	top: 90px;

}



#features .inner {

	margin: 25px;

}



#features p {

	margin:0;

}



#features p {

	font-size: 1em;

}



#features p.price {

	font-size: 1.5em;

}







#features li {

	line-height: 1.4em;

	padding-top: 3x;

	padding-bottom: 3px;

}



	#features li li {

		font-size: 1em;

		}





/* 

************************************

HOMEPAGE SLIDER

************************************

*/







#slider {

	height:270px;

	width:720px;

	position: relative;

	/* z-index: 0; */

	float: left;

	background: white;

}



#slider .sliderborder {

	position: absolute;

	top: 0;

	left: 0;

	z-index: 10;

}



.slidertext {

	width: 268px;

	top: 7px;

	position: absolute;

	right: 0;

	background-color: transparent;

	z-index: 2000;

}



	.slidertext_inner  {

		padding: 25px 0 10px 0;

	}



.sliderimage {

	float: left;

	width: 720px;

}



.faderight {

	width: 127px;

	height: 270px;

	position: absolute;

	background: url(images/faderight.png);

	left: 335px;

}



#slider ul {

	margin-bottom: 10px;

}	

	

#slider li {

	line-height: 1.8em;

	font-size: 1.2em;

}



#slider li.price {

	font-size: 2em;

	font-weight: bold;

}



#slider li.bedsbaths {

	margin-top: 5px;

	margin-bottom: -5px;

}



#slider a.button {

	font-size: 1.5em;

	padding-bottom: 7px;

	color: white;

	position: relative;

	z-index: 5000;

}



#slider a.button:hover {

	text-decoration: none;

}



#slider h2 {

	margin-bottom: 0;

	border-bottom: none;

}



.slidernav {

	position: absolute;

	top: 233px;

	left: 450px;

	z-index: 100;

}



	.slidernav a {

		text-indent: -9999px;

		display: block;

		width: 10px;

		height: 10px;

		margin-right: 5px;

		float: left;

		-moz-border-radius: 20px;

		-webkit-border-radius: 20px;

	}



	

/* 

************************************

SINGLE PAGE SLIDER

************************************

*/	

	



.prevPage, .nextPage {

	position: absolute;

	display: block;

	width: 16px;

	height: 25px;

	background: url(images/nav.png) no-repeat;

	top: 450px;

	z-index: 10;

	cursor: pointer;

}



.prevPage.disabled {

	background-position: left bottom;

}



.nextPage.disabled {

	background-position: right bottom;

}



.nextPage {

	left: 435px;

	background-position: right top;

	

}



.prevPage {

	background-position: left top;

}





	

	

	

	

	

	







/* 

************************************

FOOTER

************************************

*/



#footer {

	clear: both;

	height: 35px;

	color: white;

	margin-top: 10px;

}



#footer a {

	color: white;

}



#footer ul li {

	float: left;

	margin-left: 10px;

}





#footermenu {

	float: right;

	margin: 10px 20px 0 0;

}



#copyright {

	color: white;

	float: left;

	font-size: 1em;

	margin: 10px 0 0 20px;

}





/* 

************************************

SEARCH RESULTS

************************************

*/



.searchresult {

	width: 213px;

	float: left;

	margin-right: 20px;

	position: relative;

}



.searchresult p {

	margin-bottom: 10px;

}



.norightmargin {

	margin-right: 0;

	margin-bottom: 20px;

}



.searchresult h3 {

	margin-bottom: 0;

}



.searchresult span.price {

	margin-top: 10px;

	font-size: 1.8em;

	display: block;

}



.searchresult span.citystatezip {

	margin-bottom: 10px;

}



.searchresult span.bedbath {

	margin-bottom: -5px;

}



.searchresult span {

	display: block;

}



#content img.icon {

	margin-bottom: 0;

	padding: 0;

	background: transparent;

	border: none;

	margin-top: 1px;

	position: relative;

	top: 5px;

}



.latestlisting img.icon {

	position: absolute;

	top: 8px;

	left: 8px;

	padding: 1px;

	

}



.latestlisting img.videoicon {

	left: 40px;

}







/* 

******************************************************

SOCIAL ICONS

******************************************************

*/



#social{

clear: left;

padding: 5px;

margin-bottom: 20px;

background: white;

overflow: auto;

}



#social a{

	background: transparent url(images/socialicons-small.png) no-repeat top left;

	display: block;

	float: left;

	width: 20px;

	height:20px;

	margin-right: 5px;

	padding: 0;

	border-bottom: none;

	text-indent: -9999px;

}



#social a.twitter {

background-position: 0 0;

}

	#social a:hover.twitter { background-position:0 -24px; }





#social a.stumbleupon{

background-position: -127px 0;

}

		#social a:hover.stumbleupon { background-position:-127px -24px; }



#social a.reddit{

background-position: -152px 0;

}

	#social a:hover.reddit { background-position:-152px -24px; }



#social a.digg{

background-position: -76px 0;

}

	#social a:hover.digg { background-position:-76px -24px; }



#social a.delicious{

background-position: -101px 0;

}

	#social a:hover.delicious { background-position:-101px -24px; }



#social a.facebook{

background-position: -25px 0;

}

	#social a:hover.facebook { background-position:-25px -24px; }



	

	



/*

****************************************

COMMENTS

****************************************

*/



.commentlist {

	margin-left: 75px;

}



.commentlist .depth-1 {

	/* border: 1px solid black; */

	margin-left: 40px;

}



.commentlist .depth-2 {

	/* border: 1px solid black; */

	margin-left: 30px;

}



.commentlist .depth-3 {

	/* border: 1px solid red; */

	margin-left: 30px;

}





.commentlist .comment-body {

	margin-bottom: 30px;

	position: relative;

	background: white;

	min-height: 150px;

	padding: 20px;

}



.commentlist img {

	position: absolute;

	top: 0px;

	left:-115px;

}



.comment_pointer {

	position: absolute;

	width: 28px;

	height: 31px;

	top: 25px;

	left: -14px;

	background: transparent url(images/commentpointer.png) no-repeat top left;

}



.comment-meta {

	width: 100px;

	position: absolute;

	left: 1px;

	top: 90px;

	left: -115px;

	font-size: .8em;

	line-height: 13px;

	}

	

	.comment-meta a:link {

		color: gray;

	}

	

	.comment-meta a:hover {

		color: black;

	}

	

.commentlist p {

	font-size: 1.0em;

}

	

cite.fn {

	font-weight: bold;

}



#content .commentlist li {

	background: none;

}





/*

*****************************************

SHORT CODES

*****************************************

*/





.one_quarter, .two_thirds, .one_third, .one_half, .three_quarters {

	float: left;

	margin-bottom: 25px;

	margin-right: 15px;

	position: relative;

}



	.fullwidth .one_quarter, .fullwidth .two_thirds, .fullwidth .one_third, .fullwidth .one_half, .fullwidth .three_quarters {

		margin-right: 20px;

	}

 



.fullwidth .one_quarter {

	width: 208px;

}



.two_thirds {

width: 442px;

}



	.fullwidth .two_thirds {

	width: 603px;

	}





.one_third {

width: 215px;

}



	.fullwidth .one_third {

	width: 290px;

	}



.one_half {

width: 330px;

}



	.fullwidth .one_half {

	width: 447px;

	}



.fullwidth .three_quarters {

width: 685px;

}



.last {

	clear: right;

	margin-right: 0 !important;

}





.top {

	float: right;

	text-align: right;

	display: block;

	border-bottom: 1px solid #cfcfcf;

	padding-bottom: 5px;

	margin-bottom: 20px;

	height: 10px;

}



	.top:link, .top:visited {

		color: #666666;

	}

	

	.top:hover {

	background: transparent url(images/totop.png) no-repeat scroll 0 2px;

	

	padding-left: 15px;

	}

	

.dropcap {

	float: left;

	font-size: 45px;

	display: block;

	line-height: 40px;

	margin-right: 5px;

}



.pullquote {

	display: block;

	width: 200px;

	font-size: 1.8em;

	margin-top: 10px;

	margin-bottom: 10px;

}



	.pullquote.right {

		float: right;

		margin-left: 20px;

		padding-left: 20px;

		border-left: 10px solid #eeeeee;

	}

	

	.pullquote.left {

		border-right: 10px solid #eeeeee;

		float:left;

		margin-right: 20px;

		padding-right: 20px;

	}



	

.line {

	margin: 0 0 20px;

	height: 2px;

	background: transparent url(images/line_overlight.png) repeat-x;

}



/* toggle box */



h4.trigger {

	background: transparent url(images/toggle.png) no-repeat 5px 5px;

	padding: 0 0 0 30px;

	margin: 0 0 5px 0;

	height: 25px;

	line-height: 25px;

	width: 95%;

	font-size: 1.5em;

	font-weight: normal;

	/* float: left; */

}

h4.trigger a {

	text-decoration: none;

	display: block;

}

h4.trigger a:hover { color: #ccc; }

h4.active {background-position: 5px -43px;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {

	margin: 0 0 20px 15px;

	padding: 0;

	border: 1px solid #e9e9e9;

	overflow: hidden;

	clear: both;

}

.toggle_container .block {

	padding: 15px;

	background: white;

}



/* end short codes */







/* 

************************************

LOAN CALCULATOR

************************************

*/



#loancalculator {

	border: 1px solid;

	padding: 10px 0;

	background: url(images/trans_white_20.png);

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	width: 205px;

	margin-bottom: 20px;

}



#sidebar-left #loancalculator {

	margin-left: 15px;

}



#loancalculator h3 {

	letter-spacing: -.02em;

	font-size: 2.1em;

}



#calculator_widget { 

	width: 200px !important; 

	margin-left: 20px;

	clear: left;

	}



.mc-body { border: none !important;

	background: transparent !important;

	width: 162px !important;

	}

	

.mc-logo {

	display: none;

}



.mc-button {

	border: none !important;

	font-weight: normal !important;

	height: auto !important;

	width: auto !important;

	background: url(images/button.png) repeat-x 0 -10px !important;

	padding: 3px 10px !important;

	margin-top: 15px !important;

}



.mc-nav {

	border: none !important;

}



.mc-fields label {

	font-weight: normal !important;

}



.mc-widget .mc-body {

	text-align: left !important;

}



h3.loancalculator {

	height: 32px;

	background: url(images/calculator.png) no-repeat left 0;

	padding-left: 40px;

	padding-top: 7px;

	

}



/* 

************************************

MISC

************************************

*/



.sidebarwidget {

	padding: 20px;

}



#sliderimage {

	margin-top: 15px;

}



.banner-small {

	width: 70px;

	height: 69px;

	position:absolute;

	top:-2px;

	right: -2px;

	z-index: 20;

}



	.searchresult .banner-small {

		right: 0;

	}



	.banner-small.reduced {

		background: url(images/reduced-small.png) no-repeat;

	}

	

	.banner-small.sold {

		background: url(images/sold-small.png) no-repeat;

	}
	
	.banner-small.automatic {

		background: url(images/automatic-small.png) no-repeat;

	}
	
	.banner-small.diesel {

		background: url(images/diesel-small.png) no-repeat;

	}
	
	.banner-small.lowmileage {

		background: url(images/lowmileage-small.png) no-repeat;

	}
	
	.banner-small.oneowner {

		background: url(images/oneowner-small.png) no-repeat;

	}



.banner-large {

	width: 119px;

	height: 119px;

	position:absolute;

	top:-5px;

	left: -5px;

	z-index: 20;

}



	.banner-large.reduced {

		background: url(images/reduced-large.png) no-repeat;

	}

	

	.banner-large.sold {

		background: url(images/sold-large.png) no-repeat;

	}
	
	.banner-large.automatic {

		background: url(images/automatic-large.png) no-repeat;

	}
	
	.banner-large.diesel {

		background: url(images/diesel-large.png) no-repeat;

	}
	
	.banner-large.lowmileage{

		background: url(images/lowmileage-large.png) no-repeat;

	}
	
	.banner-large.oneowner {

		background: url(images/oneowner-large.png) no-repeat;

	}
	



div.shadow-small {

	width: 205px;

	height: 5px;

	background: url(images/shadow.png) no-repeat 0 0;

	top: -1px;

	position: relative;

}	



div.shadow-large {

	width: 436px;

	height: 18px;

	background: url(images/shadow-large.png) no-repeat 0 0;

	position: relative;

	top: -1px;

}

	



.wp-caption {

	font-size: .9em;

}



#contactsidebar {

	float: right;

	width: 240px;

}



	#contactsidebar .inner {

		padding: 60px 15px 0 0;

	}

	



#map {

	width: 210px;

	overflow: hidden;

	padding: 3px;

	background: white;

	border: 1px solid;

	margin-bottom: 20px;

}



#listinglocation {

	width: 330px;

	padding: 3px;

	margin-bottom: 20px;

	clear: both;

	float: left;

	margin-right: 30px;

}



	#listinglocation iframe {

		border: 1px solid;

		padding: 3px;

		background: white;

	}



#listingcontact {

	width: 310px;

	float: left;

}



	#listingcontact textarea, #listingcontact input[type='text'] {

		width: 300px;

	}

	



#videos img {

	margin-right: 2px;

}

	

a.post-edit-link {

	display: block;

	background: green;

	margin: 15px;

	padding: 10px;

}

	a.post-edit-link:link, a.post-edit-link:visited {

		color: white;

	}



#loancolumn {

	width: 240px;

	float: right;

}



	#loancolumn .inner {

		padding: 27px 20px 0 10px;

	}

	

li#home {

	background: url(images/home.png) no-repeat left center;

	text-indent: -9999px;

	margin-right: 15px;

}

	





#features h3 {

	font-size: 2em;

}





.newsthumbnail {

	margin-bottom: 30px;

}



#videos {

	overflow: auto;

	margin-bottom: 20px;

	height: 125px;

}





#location_level2_drop_down

{

display: none;

}



.wpcf7-form p {

	font-size: 1em;

}	

	

	

	

.clearleft {

	clear: left;

}



.clearright {

	clear: right;

}	

	

.postmeta {

	font-size: 1.2em;

	background: url(images/line_overlight.png) repeat-x 100% 100%;

	border-width: 1px 0;

	padding: 5px;

}



	#newsitems .postmeta {

		border-color: lightgrey;

	}



.readmore {

	font-size: 1.2em;

	white-space: nowrap;

	margin-left: 10px;

}	



span#phone {

	color: white;

	position: absolute;

	top: 42px;

	right: 0;

	font-size: 3em;

}



.follow-responses-rss {

	clear: both;

}







.demo {

	clear: both;

	border: 1px solid #cfcfcf;

	font-size: 1em;

	position: relative;

	top: 15px;

	padding: 5px;

	margin-right: 15px;

}

	



	

	

.scrollable {

	margin-top: 10px;

	margin-bottom: 20px;

	width: 680px;

}

	



.scrollable img {

	margin: 0 5px 5px 0;



	

}









/* 

**********************************

GOOGLE MAPS

**********************************

*/



iframe {

	clear: both;

}



#mapsearch .gsmsc-mapDiv {

height: 475px;

}



#mapsearch .gsmsc-idleMapDiv {

height: 475px;

overflow: hidden!important;

}



#mapsearch * {

margin: 0px!important;

padding: 0px!important;

font-size: 12px;

}



#mapsearch {

width: 330px;

}



#mapsearch .gsmsc-controls, #mapsearch div.gs-directions-to-from {

display: none;

}



#mapsearch img {

	-moz-box-shadow: none;

}



/* contact us map */



#contactmap {

	margin-bottom: 20px;

}



#contactmap .gsmsc-mapDiv {

height: 300px;

}



#contactmap .gsmsc-idleMapDiv {

height: 300px;

overflow: hidden!important;

}



#contactmap * {

margin: 0px!important;

padding: 0px!important;

font-size: 12px;

}



#contactmap {

width: 215px;

}



#contactmap .gsmsc-controls, #contactmap div.gs-directions-to-from {

display: none;

}





/*

***********************************

COLOR PICKER

***********************************

*/



.farbtastic {

  position: relative;

}

.farbtastic * {

  position: absolute;

  cursor: crosshair;

}

.farbtastic, .farbtastic .wheel {

  width: 195px;

  height: 195px;

  margin-bottom: 15px;

}

.farbtastic .color, .farbtastic .overlay {

  top: 47px;

  left: 47px;

  width: 101px;

  height: 101px;

}

.farbtastic .wheel {

  background: url(images/wheel.png) no-repeat;

  width: 195px;

  height: 195px;

}

.farbtastic .overlay {

  background: url(images/mask.png) no-repeat;

}

.farbtastic .marker {

  width: 17px;

  height: 17px;

  margin: -8px 0 0 -8px;

  overflow: hidden; 

  background: url(images/marker.png) no-repeat;

}



#colorschemechanger {

	background: white;

	width: 195px;

	padding: 15px;

	float: left;

	margin-right: 15px;

	border: 1px solid #cfcfcf;

}



	#colorschemechanger .button {

		font-size: 1.3em;

		margin-top: 12px;

	}

	

	#resetcolorscheme {

		display: block;

		margin-top: 10px;

	}