/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ------------------------ CSS FOR 3-BAR PAGES -------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/



/* ---------- COLOR BACKGROUND main-content=		F1F2ED  -----------------*/
/* ---------- COLOR BACkGROUND extra-content =		EEEFEA  -----------------*/


/* ---------- COLOR FONT  main-content = 			666666  -----------------*/
/* ---------- COLOR LINK  main-content = 			9e444c  -----------------*/
/* ---------- COLOR LINK HOVER main-content = 		666666  -----------------*/


/* ---------- COLOR FONT extra-content =        	7A7A7A  ------------------*/
/* ---------- COLOR LINK extra-content =			9f545b  ------------------*/
/* ---------- COLOR LINK HOVER extra-content =		999999  ------------------*/


/* ---------- MOST LINES & DECORATIVE BOXES =		cccccc  ------------------*/


/* ------ FONT FAMILY main-content=					Arial, Helvetica, sans-serif; ------------*/
/* ------ FONT FAMILY extra-content=				"Times New Roman", Times, serif; ---------*/


/* ------ PADDING BOTTOM TEXT main-contnet =				1.3em  ---------*/
/* ------ LINE HEIGHT  main-contnet =				1.55em  --------*/

/* ------ PADDING BOTTOM TEXT extra-contnet =				.9em; ---------*/
/* ------ LINE HEIGHT  extra-contnet =				1.55em; ---------*/



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




* {
   padding:0;
   margin:0;
}

p, ul, ol, li h1, h2, h3, blockquote{
	margin: 0px;
	padding: 0px;

	
}




a.tooltip {
	outline:none;
	text-decoration:none;
}

a.tooltip strong {
	
} 

a.tooltip:hover {
	text-decoration:none;
} 

a.tooltip span {
	z-index:10;
	display:none; 
	padding:5px 5px; 
	margin-top:20px; 
	margin-left:-110px; 
	width:200px; 
	line-height:16px;
	text-align:left;
} 

a.tooltip:hover span {
	display:inline; 
	position:absolute; 
	color:#666666; 
	border:1px solid #cccccc; 
	background:#F4F4F2;
	text-decoration:none;
}

.callout {
	z-index:20;
	position:absolute;
	top:30px;border:0;
	left:-12px;
 
 } /*CSS3 extras*/ 

a.tooltip span { 
	text-decoration:none;
	border-radius:4px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
	}

/************************ TEXT ******************************/


h1 {
	
	font-size: 190%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h2.home {
	font-weight: normal;
	border:0;
	padding:0;
	text-transform: none;
	clear: both;
	margin-bottom: 0em;
	margin-left: 0em;
	font-size: 190%;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

h3.home {
	color:#9e444c;
	letter-spacing: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: none;
	padding: .5em 1em .3em .5em;
	font-size: 1.4em;
	font-weight:normal;	
}

h4.home {
	color:#efefef;
	letter-spacing: 2px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size: 100%;
	margin-bottom: 4px;
	font-weight:normal;
	margin-bottom: 0px;
	margin-top: 0px;
}

h4.home {
	color: #cccccc;
	text-decoration:none
}

h4.home{
color: #cccccc;
	text-decoration:none
	
}

h4.home{
color: #DBDBDB;
	text-decoration:none;
	
}


#extra-content h6.home {
	margin-bottom:4px;
}


#extra-content h6.home a:link{
	font-size: 1.1em;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(background-images/forward.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
}




#extra-content h6.home a:visited {
	font-size: 1.1em;
	letter-spacing: 1px;
	text-transform:uppercase;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(background-images/forward.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 12px;
}


#extra-content h6.home a:hover {
	color: #9e444c;
	font-size: 1.1em;
	letter-spacing: 1px;
	text-transform:uppercase;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:4px;
	background-image:url(background-images/forward-01.jpg);
	background-repeat: no-repeat;
     background-position: 0px 2px;
	padding-left: 12px;
}


/******************************************************************/
/************************   LAYOUT  *******************************/
/******************************************************************/




/************************   BODY  *********************************/


body {
    margin: 0px;
	padding: 0px;
	background-color: #EDEEE8;
	
} 

/************************   TOP  *********************************/


#top {
	background-color: #dad8ce;
	height:0px;
	clear:both;
}

/************************  HEADER IMAGE  **************************/

#header {
	background-image:url(background-images/essential-vermeer-top.jpg);
	height: 115px;
	clear:both;
}

#ruckers-name a:link {
	display:block;
	height: 115px;
	background-image:url(background-images/essential-vermeer-top.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#ruckers-name a:hover {
	display:block;
	height: 115px;
    background-image:url(background-images/essential-vermeer-top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -115px;
}

/***************** MENU  ***************** */

#top-menu { 	
	height: 25px;
	width: 980px;
	letter-spacing:1px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.82em;
	background-image:url(../jquery-routines/home-slider/slider-images/menu_3bar.jpg);
	background-repeat:no-repeat;	
}

#top-menu img{ 
	border: none;	
}


#top-menu ul {
	list-style:none;
	margin:auto;
	padding:0;
	display:block;
}

#top-menu li {
	margin:0;
	padding:0;
	list-style:none;
	padding: 5px 0px 9px 0px;
	margin: 0px 30px 0px 40px;
	float:left;
	display:block;
}

#top-menu a:link{
	
	border:none;
	text-decoration:none;
	color: #9e444c;
	letter-spacing:.1em;
}

#top-menu a:visited{
	margin:0;
	text-decoration:none;
	color: #9e444c;
	letter-spacing:.1em;
}

#top-menu a:hover{
	color: #999999;
	text-decoration: underline;
	margin:0;
	letter-spacing:.1em;
}

/**********************  WRAPPER  *****************************/

#wrapper {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(background-images/background-home.jpg);
	background-repeat: repeat;
	background-position: right top;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

/************************  BACKGROUND *********************************/

#background {
	float: right;
	width: 978px;
	
}

/************************  MAIN CONTENT *************************/


#main-content{
	float: left;
	width: 720px;
	padding: 0em  .5em 0em .9em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.75em;
	color: #666666;
}


#main-content p{
    line-height: 1.55em;
	padding-bottom: 1.35em;
}

/************************   MAIN CONTENT LINKS  *********************************/


#main-content a:link {
	color:#9e444c;
	text-decoration:none;
}

#main-content a:visited {
	color:#9e444c;
	text-decoration:none;
}

#main-content a:hover {
	color: #666666;
	text-decoration:underline;
}

/************* DIVS WHICH HOLDS MAIN LISTS *******************************/


#listholder {
		float:left;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		padding-top: 20px;
		padding-bottom: 3px;
		margin-top: -30px;	
}	
	
#left {
	float: left;
	width: 370px;
}

#right {
	float: left;
	width: 330px;
	padding-right: 4px;
	padding-top: 4px;
}

/************* LISTS *******************************/
	
#listholder li {
	margin-bottom: 0.3em;
	list-style-type: none;
	background-image: url(../directorygraphics/square.gif);
	background-repeat:no-repeat;
	background-position: left 5px;
	padding-left: 10px;
}

#listholder a:link {
	color: #80807D;
	text-decoration: none;
    border: none;
}

#listholder a:visited {
	color:#666666;
	border: none;
	text-decoration: none;
}

#listholder a:hover {
		color:#666666;
		border: none;
		text-decoration: underline;	
}

/************************ BOTTOM *********************************/

#bottom {

    clear: both;
	height:20px;
	background-color:#ACA595;
}

/************************ FOOTER *********************************/

#footer {
	clear: both;
	height:20px;
	background-color:#eeefeb;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;
	color: #666666;
	padding: 0.7em;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	text-align:center;
}

#footer a:link {
	color:#9e444c;
	text-decoration:none;
}

#footer a:visited {
	color:#9e444c;
	text-decoration:none;
}

#footer a:hover {
	color: #666666;
	text-decoration:underline;
}

/***********************************************************************/
/***********************************************************************/
/************************  MISC for MAIN CONTENT ***********************/
/***********************************************************************/
/***********************************************************************/

/**************** LINES ****************************/

.line {
	clear: both;
	border-top: solid 1px #cccccc;
	margin-bottom: 1.35em;
}


/**************** CLEAR BOTH ****************************/

.clearboth {
	clear: both;
}


/***********************************************************************/
/***********************************************************************/
/***********************  MISC FOR EXTRA CONTENT ***********************/
/***********************************************************************/
/***********************************************************************/

/************************  EXTRA CONTENT*********************************/


#extra-content {
	float: left;
	width: 230px;
	padding: 0em 0em 0em 0em;
	font-family: "Times New Roman", Times, serif;
    font-size: 0.78em;
	line-height: 1.3em;
	color: #7a7a7a;
}

#extra-content p{
	padding-bottom: .6em;
}

#extra-content .sidebar-text {
	margin-bottom: 20px;
	width:222px;
	border-top: solid 1px #cccccc;
	margin:0px auto 20px 10px;
	padding-top: 4px;
	/*
	background-image: url(../../css/background-images/asterix-small.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;	
	*/	
	}
#extra-content .sidebar-text img{
	 margin-bottom: 3px;
	 margin-top: .2em;
	 margin-left: auto;
	 margin-right: auto;
	 text-align: center; 
}

#extra-content .sidebar-text a:link{
	color:#7A7A7A;
	text-decoration:none;	 
}


#extra-content .sidebar-text a:visited{	 
	color:#7A7A7A;
	text-decoration:none; 
}


#extra-content .sidebar-text a:hover{
	text-decoration:none;
	color: #9e444c; 
}

/****************************** SIDEBAR SPACERS & SIDEBAR VECTOR *****************************/

.sidebar-vector {
	clear: both;
	margin-right: auto;
	margin-right: auto;
	background-image: url(background-images/vector-01.jpg);
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
	height: 10px;
	margin-left: -10px;
	margin-bottom: 10px;	 
}

#share  {
	background-image:none;
	margin: 10px 0px 25px 10px;
	clear:both;
	float:left;
	width:100%;
	border: none;
}
	
#brandname {
	background-image:url(background-images/brandname-01.jpg);
	margin: 0em auto 24px auto;
	height:50px;
	background-repeat: no-repeat;
	background-position: center;
}

#complete-ct-02 {
	float: left;
	margin: 10px auto 20px 9px; 
	background-color: #D8D1CD;
	height: 87px;
	width: 222px;
	padding-top: 262px;
	text-align:center;
	background-image: url(background-images/framed-young-woman-02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#complete-ct-02 a:link {
	color: #cccccc;
	text-decoration:none;
}

#complete-ct-02 a:visited{
	color: #cccccc;
	text-decoration:none;
}

#complete-ct-02 a:hover{
color: #E0E0E0;
	text-decoration:none;
	
}

.small-line {
	clear: both;
	height: 1px;
	width: 60%;
	margin: 7px auto 7px auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
}

#subscribe-home {
	display:block;
	text-align:center;
	height: 93px;
	width: 160px;
	margin: 6px auto 20px 0px;
	border-width:0px;
	clear:both;
}

#subscribe-home a:link{
	display:block;
	text-align:center;
	background-image:url(background-images/newsletter_icon__sprite-home-02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 93px;
	width: 160px;
	margin: 6px 0px 0px 0px;
	border-width:0px; 	
}

#subscribe-home a:hover{
	display:block;
	text-align:center;
	background-image:url(background-images/newsletter_icon__sprite-home-02.jpg);
	background-repeat: no-repeat;
	background-position: 1px -92px;
	height: 93px;
	width: 150px;
	margin: 6px 0px 0px 0px;
	border-width:0px;
}

/******************************** UP for MAIN CONTENT  **********************************/ 

.up, .up-margin-top {
	clear:both;
	margin-left: 0.2em;
	margin-bottom: 1.3em;
	float: left;
}


.up a:link, .up-margin-top a:link {
	display:block;
	width:13px;
	height: 9px;
	background-image: url(background-images/multiple-backgrounds.jpg);	
	background-repeat: no-repeat;
	background-position: 0px -18px;
	text-decoration: none;
	border: none;
}

.up a:hover, .up-margin-top a:hover {
	display:block;
	background-image: url(background-images/multiple-backgrounds.jpg);	
	background-position: -16px -18px;
	text-decoration: none;
	border: none;
}

.up-margin-top {
	margin-top: 1.1em;
}



/************** GOOGLE CUSTOM SEARCH ENGINE  *****************/

#google-search {
	background-color: none!important;
	width: 300px!important;
	float: right!important;
	margin: 1px -10px 0px 0px!important;*/
	*margin: 1px -20px 0px 0px!important;*/
	clear:both!important;

}		

/************** wrapper for entire search results page *****************/

.gsc-results-wrapper-visible {
    opacity: 1 !important;
    visibility: visible !important;
	background-color:#EEEFEA !important;
}

.gsc-adBlockVertical {
    position: relative;
    display: block;
    float: right;
    clear: right;
    width: 30%;
	background-color:#EEEFEA !important;
}

#adBlock{
    background: none repeat scroll 0px 0px #EEEFEA!important;
    margin: 0px!important;
    padding: 0px!important;
}

/************** Google ads *****************/

.gsc-webResult.gsc-result:hover, .gsc-imageResult:hover {
    border-color: #cccccc !important;
    background-color: #F5F7F2!important;
}


.gsc-resultsHeader {
    width: 2%;
    clear: both;
	border:none!important;
}

.gsc-control-cse .gsc-table-result {
    width: 100%;
    font-family: Arial,sans-serif;
    font-size: 13px;
	border:none!important;
}

.gsc-table-cell-thumbnail, .gs-promotion-image-cell {
    vertical-align: top;
	border:none!important;
	border-style: none!important;
}

.gsc-table-cell-snippet-close, .gs-promotion-text-cell {
    vertical-align: top;
    width: 100%;
	border:none!important;
	border-style: none!important;
}

/************** top box around how many results in how much time  *****************/
.gsc-above-wrapper-area-container {
    width: 100%;
	border:none!important;
	border-style: none!important;
}

.gsc-resultsHeader td.gsc-configLabelCell {
    text-align: right;
    width: 75%;
	border:none!important;
	border-style: none!important;
}

.gsc-resultsHeader td.gsc-twiddleRegionCell {
    width: 75%;
	border:none!important;
	border-style: none!important;
}

/************** holds how many results in how much time *****************/

.gsc-result-info-container {
    text-align: left!important;
	float: left!important;
	padding: 3px!important;
	border:none!important;
	border-style: none!important;
}

/************** wrapper for entire search results page *****************/

table.gsc-search-box {
    border-style: none!important;
    border-width: 0px!important;
    border-spacing: 0px!important;
	border-color:#33FF00!important;
    width: 100%!important;
    margin-bottom: 2px!important;
	border-collapse: collapse!important;
	padding: 20px!important;
}

/************** box which contains search bar, button and close *****************/

.gsc-control-cse {
    font-family: Arial,sans-serif!important;
	font-weight:normal!important;
    border-color: none!important;
	padding:0px!important;
	width: 0px!important;
	height:0px!important;
}

.gsc-control-cse td {
    border:none!important;
	border-style: none!important;
	padding:0px!important;
}
	
	
/************** input box *****************/	
	
input.gsc-input {
	border-color: none!important;
	background-color:#F5EFEF!important;
	background-image:none!important;
	width:180px!important;
	height:14px!important;
	color:#666666!important;
	font-size: .82em!important;
	margin-right: 6px!important;
	*margin:-right: 0px!important;
	border-top: 1px solid #777777 !important;
	border-left: 1px solid #aaaaaa !important;
}
  
/************** search button *****************/
  
  
input.gsc-search-button {
	
	border-top: 1px solid #F1F2ED !important;
	border-left: 1px solid #F1F2ED !important;
	border-bottom: 1px solid #666666 !important;
	border-right: 1px solid #666666 !important;
	background-color: #9e444c!important;
	width:20px!important;
	height:19px!important;
	font-weight:normal!important;
	color:#F1F2ED!important;
	font-size: .86em!important;
	padding-bottom:3px!important;
}
  
  /************** clear button *****************/
 
.gsc-clear-button {
	border:none!important;
	border-style: none!important;
	background-image:none!important;
	background-repeat:no-repeat!important;
	background-position: 0px 0px!important;
	width:0px!important;
	height:0px!important;	
}

.gs-result .gs-title, .gs-result .gs-title * {
    color: #9e444!important;
    text-decoration: underline!important;
}

/************** Google results in number of seconds  *****************/

.gs-spelling a {
    color: #666666 !important;
    cursor: pointer;
}