/* Style sheet for TWC Graphics Design template */
html {
	margin: 0px;
	padding: 0px;
}
body  { 	background: #FFF;
	width: 100%;
	height: 100%;
	color: #666; 
	margin: 0px;
	padding: 0px;
	
}
div                        {text-align:left; }
input { color: #000; font: normal normal 11px Arial, sans-serif; }
h1  {color:#D98E13; font-size:14pt; font-weight:bold; padding:0 0 10px 0;}

h2  {color:#D98E13; font-size:11pt; font-weight:bold; padding:0 0 12px 0;}

h3    { font: normal bold 11pt Arial, Verdana, sans-serif; color: #626161; padding: 3px; }
h4    { color: #000; font:  normal bold 12px Verdana, Arial, sans-serif; }
h5    { color: #000; font:  normal bold 11px Verdana, Arial, sans-serif; }
h6    { color: #000; font:  normal bold 10px Verdana, Arial, sans-serif; }
ol 												{padding-left:20px;}
ol li											{font-size:12px; line-height:16px; padding:0 0 8px 10px; margin:0;}


.listing { background: #fff; color: #606060; 
	width: 720px; padding: 10px; height: 100%; text-align: left; 
	font-family:arial,helvetica,clean,sans-serif;  
}	

hr {
  border: 0;
  width: 100S%;
  color: #F1EFC5;
	background-color: #F1EFC5;
	height: 1px;
  
}

/* Define leftsideslim mouseover states 
.listing a { text-align: right; color: #606060; } */
.listing a {display:block; color:#606060; padding:5px 10px 5px 10px; _padding:5px 6px 5px 6px;} 
.listing a:link { text-align: left; color: #606060; text-decoration: none; }
.listing a:visited { text-align: left; color: #606060; text-decoration: none; }
.listing a:hover {text-align: left; color: #f5c98c; text-decoration: none; }

div#container {position:relative; text-align:left; width:760px;  padding:10px 0 0 0; margin-left:auto; margin-right:auto; margin-top:0px; border:1px solid #fff; }

	
/*Defines left side page divider  */
div.secl                 {font-size:10pt; padding:0 0 0 0px; height:38px; border:1px solid #fff; border-bottom:1px dashed #b0b0b0;}
div.secl                 {*zoom:1;}
div.secl a               {color:#606060;}
.secl, .sec1 ul          {list-style: none;	line-height: 1; }
	
/*Defines main top nav bar MAKING CHANGES old 38*/
div.nav1                 {font-size:12px; padding:0 0 0 0px; height:50px; border:1px solid #fff; border-bottom:1px solid #b0b0b0;}
div.nav1                 {*zoom:1;}
div.nav1 a               {color:#606060;}
.nav1, .nav1 ul          {list-style: none;	line-height: 1; }
div.nav1 ul              {padding:15px 0px 0px 0px; }
div.nav1 ul.parent       {*zoom:1;}

div.nav1 ul li           {float:left; padding:0px; border:1px solid #fff; border-bottom:0px none;}
div.nav1 ul li.active    {border:1px solid #b0b0b0; border-bottom:0px none;}
div.nav1 ul li:hover     {border:1px solid #f5c98c; border-bottom:0px none; }
div.nav1 ul li a         {display:block; color:#606060; padding:5px 10px 5px 10px; _padding:5px 6px 5px 6px;}  
div.nav1 ul li a:hover   {display:block; color:#fff; background:#eeab3a; padding:5px 10px 5px 10px;  _padding:5px 6px 5px 6px;} 


/*Defines main top nav bar drop down lists*/ 
div.nav1 ul li ul                  {display:inline-block; position:absolute;  margin:0 0 0 -1px; z-index:100; 
                                    background:#eeab3a url('http://www.connectedrentals.com/images/nav1-top.gif') repeat-x top;  
													          padding:1px 0 0 0;  left:-999em;}
div.nav1 ul li ul                  {background:#fff; border:1px solid #f3ca8c;}
div.nav1 ul li ul li               {float:none; border:1px none; padding:0; width:175px; }
div.nav1 ul li ul li:hover         {float:none; border:1px none; padding:0; }
div.nav1 ul li ul li a             {display:block;   height:12px; padding:6px 10px 6px 10px; background:#FFF;   }
div.nav1 ul li ul li a:hover       {background:#eeab3a; color:#fff; padding:6px 10px 6px 10px;}  
div.nav1 ul li ul li.more a        {background:#fff url('http://www.connectedrentals.com/images/nav1-divide.gif') repeat-x top;  padding:6px 10px 6px 10px;}  
div.nav1 ul li ul li.more a:hover  {background:#eeab3a url('http://www.connectedrentals.com/images/nav1-divide.gif') repeat-x top; color:#fff; padding:6px 10px 6px 10px;} 
div.nav1 ul li ul li a.end         {background-image:none;} 
div.nav1 ul li ul li a.end:hover   {background-image:none;}
div.nav1 li:hover ul               {left: auto; }
.nav1 li.over div ul               {left: auto; }
.nav1 li.over a.nav1ItemA          {background:#eeab3a; color:#FFF;}
div.nav1 ul li.active a.nav1ItemA  {background:#d9d9d9 url('www.connectedrentals.com/images/nav1-active.gif') repeat-x; _color:#606060;}
div.nav1 ul li.active a.nav1ItemA:hover  {background:#eeab3a; _color:#fff;}



/* Defines footer list 

div#footer {*zoom:1;}

*/	
div#footer {float:left; clear:both; padding:5px 0 0 0; width:720; } 		

div > div#footer ul:after {content:"."; display:block; clear:both; visibility:hidden; height:0; line-height:0;}
div#footer ul  { padding:2px 0 0 0;}
div#footer ul li a {color:#666; font-family:arial,helvetica,clean,sans-serif;}
div#footer ul li a:hover {color:#eeab3a; }
div#footer ul li {float:left; font-size:11px; padding:0 15px 0 1px; background-image:none;}

/* Column lists for bottom 1/2 of main page */
div#columns {padding:5px 3px 0px 3px;  width:235px; float:left;  background:url('http://www.connectedrentals.com/images/columnline.gif') no-repeat top right; height:230px; }	
div#columns h3 {text-align:left; color:#D98E13; font-size:90%; background:url('http://www.connectedrentals.com/images/h1dots.gif') repeat-x bottom; }
div#columns h3 {display:block; padding:9px 0 9px 50px;}
/*div#columns h3 {background:url('http://www.connectedrentals.com/images/logogrey.jpg') no-repeat left;}*/
div#columns h3 a:hover {color:#eeab3a;}
div#columns h3 a span {color:#606060; font-weight:normal;} 
div#columns h3 a span:hover {color:#eeab3a;}
div#columns {padding-left:0;}
div#columns ul{list-style: none; padding:12px 12px 12px 12px;}	
div#columns ul li {font-size:75%; padding-bottom:15px; }		
div#columns ul li a span {color:#606060; line-height:1.4;}
div#columns ul li a span {line-height:90%;}
div#columns ul li a span:hover {color:#eeab3a;}	 














/* Define Container to set Fixed Width */
.yourname { background: #FFF;
	font: normal bold 13pt Arial, Verdana, sans-serif;
	color: #152743;
	text-align: left;
	border-bottom: 1px solid #FFF;
	}

.youraddress { background: #FFF;
	position: relative;
	text-align: right;
	color: #152743;
	font: normal normal 11px/12px Arial, sans-serif;
	padding-right: 15px;
	padding-top: 2px;
	border-bottom: 1px solid #FFF;
	}
	

.leftside { background: #FFF; color: #333; 
	width: 220px; padding: 10px; height: 100%; text-align: left; 
	border-left: 1px solid #F1EFC5;
	font-family:arial,helvetica,clean,sans-serif
}

.lightleftside { background: #FFF; color: #000; 
	width: 240px; padding: 10px; height: 100%; text-align: left; 
	border-left: 1px solid #F1EFC5;
	font: normal normal 12px/16px Verdana, Arial, sans-serif; 
}	

.leftsideslim { background: #F1EFC5; color: #000; 
	width: 120px; padding: 10px; height: 100%; text-align: left; 
	border-left: 1px solid #F1EFC5;
	font: normal normal 12px/16px Verdana, Arial, sans-serif; 
}	

/* Define leftsideslim mouseover states */
.leftsideslim a { text-align: left; color: #F79646; text-decoration: underline; }
.leftsideslim a:link { text-align: left; color: #F79646; text-decoration: underline; }
.leftsideslim a:visited { text-align: left; color: #F79646; text-decoration: underline; }
.leftsideslim a:hover {text-align: left; color: #CCCCCC; text-decoration: underline; }

.leftsideneighborhoods { background: #FFF; color: #333; 
	width: 220px; padding: 10px; height: 100%; text-align: left; 
	border-left: 1px solid #F1EFC5;
	font-family:arial,helvetica,clean,sans-serif
}

/* Define leftsideneighborhoods mouseover states */
.leftsideneighborhoods a { text-align: left; color: #D98E13; text-decoration: none; }
.leftsideneighborhoods a:link { text-align: left; color: #D98E13; text-decoration: none; }
.leftsideneighborhoods a:visited { text-align: left; color: #D98E13; text-decoration: none; }
.leftsideneighborhoods a:hover {text-align: left; color: #CCCCCC; text-decoration: underline; }

.content { background: #FFF;
	width: 480px;
	color: #333; font-family:arial,helvetica,clean,sans-serif 
	 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #F1EFC5;
}

.contentneighborhoods { background: #FFF;
	width: 500px;
	color: #000; font: normal normal 12px/16px Verdana, Arial, sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* Define contentneighborhoods mouseover states */
.contentneighborhoods a { text-align: left; color: #000; text-decoration: none; }
.contentneighborhoods a:link { text-align: left; color: #000; text-decoration: none; }
.contentneighborhoods a:visited { text-align: left; color: #000; text-decoration: none; }
.contentneighborhoods a:hover {text-align: left; color: #6A2723; text-decoration: underline; }

.contentfull { background: #FFF;
	/* width: 800px; */
	padding: 10px; 
	text-align: left;
	font-family:arial,helvetica,clean,sans-serif;
		
}
.contenthalfl { background: #FFF;
	width: 360px;
	color: #333; font: normal normal 10pt/16px arial,helvetica,clean,sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}


.contenthalfl a:link  { color: #808000; text-decoration: none;  }  
.contenthalfl a:active { color: #808000; text-decoration: none;  }
.contenthalfl a:visited { color: #808000; text-decoration: none; }
.contenthalfl a:hover { color: #C0C0C0; text-decoration: none; }

.contenthalfnew { background: #FFF;
	width: 350px;
	color: #333; font: normal normal 10pt/16px arial,helvetica,clean,sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}


.contenthalfnew  a:link  { color: #808000; text-decoration: none;  }  
.contenthalfnew a:active { color: #808000; text-decoration: none;  }
.contenthalfnew a:visited { color: #808000; text-decoration: none; }
.contenthalfnew a:hover { color: #C0C0C0; text-decoration: none; }

.contenthalfnewr { background: #FFF;
	width: 350px;
	color: #333; font: normal normal 10pt/16px arial,helvetica,clean,sans-serif; 
	padding: 10px; 
	text-align: left;
	border-right: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}


.contenthalfnewr  a:link  { color: #808000; text-decoration: none;  }  
.contenthalfnewr a:active { color: #808000; text-decoration: none;  }
.contenthalfnewr a:visited { color: #808000; text-decoration: none; }
.contenthalfnewr a:hover { color: #C0C0C0; text-decoration: none; }



.contenthalfr { background: #FFF;
	width: 360px;
	color: #333; font: normal normal 10pt/16px arial,helvetica,clean,sans-serif; 
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}
.contenthalfr a:link  { color: #808000; text-decoration: none;  }  
.contenthalfr a:active { color: #808000; text-decoration: none;  }
.contenthalfr a:visited { color: #808000; text-decoration: none; }
.contenthalfr a:hover { color: #C0C0C0; text-decoration: none; }
.box1 { background: #FFF;
	width: 233px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
	border-left: 1px solid #F1EFC5;

}
.boxtop1 { background: #FFF;
	width: 233px;
	color: #6A2723;  font: normal bold 12px/16px Copperplate Gothic Light, Arial, sans-serif; 
	padding: 3px 8px 3px 8px; 
	text-align: left;
	border-left: 1px solid #FFF;

}
.box2 { background: #FFF;
	width: 235px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}
.boxtop2 { background: #FFF;
	width: 235px;
	color: #FFF;  font: normal bold 12px/16px Copperplate Gothic Light, Arial, sans-serif; 
	padding: 3px 8px 3px 8px; 
	text-align: left;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}

.box3 { background: #FFF;
	width: 235px;
	color: #000; font: normal normal 11px/14px Verdana, Arial, sans-serif; 
	padding: 8px; 
	text-align: left;
	
	border-right: 1px solid #F1EFC5;
}
.boxtop3 { background: #FFF;
	width: 235px;
	color: #FFF;  font: normal bold 12px/16px Copperplate Gothic Light, Arial, sans-serif; 
	padding: 3px 8px 3px 8px; 
	text-align: left;
	
	border-right: 1px solid #FFF;
}

	
.hmenu { background: #FFF;
	display: block;
	text-align: left;
	font-family:arial,helvetica,clean,sans-serif; 
	font-size:10px;
	color: #666;  
	height: 26px;
	padding: 3px 0px 0px 0px;
	}

/* Define menu mouseover states */
.hmenu a { text-align: left; color: #666; text-decoration: none; }
.hmenu a:link { text-align: left; color: #666; text-decoration: none; }
.hmenu a:visited { text-align: left; color: #666; text-decoration: none; }
.hmenu a:hover {text-align: left; color: #f5c98c; text-decoration: none; }


.htable { background: #FFF;
	
	text-align: left;
	font-family:arial,helvetica,clean,sans-serif; 
	font-size:10px;
	color: #333; 
	padding: 3px 0px 0px 0px;
	}

/* Define  mouseover states */
.htable a { text-align: left; color: #606060; text-decoration: none; }
.htable a:link { text-align: left; color: #606060; text-decoration: none; }
.htable a:visited { text-align: left; color: #606060; text-decoration: none; }
.htable a:hover {text-align: left; color: #D98E13; text-decoration: none; }


/* table on the main index, lower right hand pane. Used to hide the links*/
.htabler { background: #FFF;
	
	text-align: left;
	font-family:arial,helvetica,clean,sans-serif; 
	font-size:10px;
	color: #333; 
	padding: 3px 0px 0px 0px;
	}

/* Define  mouseover states */
.htabler a { text-align: left; color: #606060; text-decoration: none; }
.htabler a:link { text-align: left; color: #FFF; text-decoration: none; }
.htabler a:visited { text-align: left; color: #FFF; text-decoration: none; }
.htabler a:hover {text-align: left; color: #FFF; text-decoration: none; }

	
/* Define standard hyperlinks */	
a:link  { color: #808000; text-decoration: none;  }  
a:active { color: #808000; text-decoration: none;  }
a:visited { color: #808000; text-decoration: none; }
a:hover { color: #D98E13; text-decoration: none; }