/* Style sheet for TWC Graphics Design template */
html {
	margin: 0px;
	padding: 0px;
}
body  { 	
	width: 100%;
	height: 100%;
	color: #003300; 
	margin: 0px;
	padding: 20px;
	font-family:Arial, Helvetica, sans-serif;
		
}

div#maincontainer{width:780px !important; width /**/:780px;
    margin: 0 auto;padding:5px;text-align:left; background:#FFF;margin-bottom : 0.5em;}

div#maincontainer2{width:780px !important; width /**/:780px;
    margin: 0 auto;padding:5px;text-align:left;background:#FFF}



/* body text color formerly 666 */
div {text-align:center; }
input { color: #000; font: normal normal 12px Arial, sans-serif; }
p{
color: #333; 
font-size: 12px;
line-height: 18px;
margin: 18px;
font-family:Arial, Helvetica, sans-serif;
}
h1  {font: Arial; color:#C17400; font-size:16px; font-weight:bold; padding:0 0 1px 0;}

h2  {font: Arial; color:#C17400; font-size:14px; font-weight:bold; padding:0 0 1px 0;}

h3    { font: Arial; color: #C17400; padding: 3px; font-size:14px;}
h4    { font: Arial; margin: 16px; color: #C17400; padding: 3px; font-size:14px;}
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;  
}	

/* 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; }

.whitefooter { color: #FFFFFF;  
	font-family:arial;  
}	

/* Define whitefooter mouseover states */
.whitefooter a {color:#FFFFFF;} 
.whitefooter a:link { color: #FFFFFF; text-decoration: none; }
.whitefooter a:visited { color: #FFFFFF; text-decoration: none; }
.whitefooter a:hover {color: #006699; text-decoration: none; }

div#container {position:relative; text-align:left; width:720px;  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:5px; 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 nav 606060*/
div.nav1                 {font-size:12px; padding:0px 0px 0px 0px; height:50px; border:1px solid #fff; border-bottom:1px solid #00005B;}
div.nav1                 {*zoom:1;}
div.nav1 a               {color:#C17400;}
.nav1, .nav1 ul          {list-style: none;	line-height: 1; }
div.nav1 ul              {padding:10px 0px 0px 60px; }
div.nav1 ul.parent       {*zoom:1;}

/* padding and size of colored boxes */
div.nav1 ul li           {float:left; padding:0px; border:1px solid #fff; border-bottom:0px none;}
div.nav1 ul li.active    {border:1px solid #00005B; border-bottom:0px none;}
div.nav1 ul li:hover     {border:1px solid #00005B; border-bottom:0px none; }
div.nav1 ul li a         {display:block; color:#00005B; padding:2px 20px 2px 20px; _padding:5px 6px 5px 6px;}  
div.nav1 ul li a:hover   {display:block; color:#fff; background:#00005B; padding:7px 20px 7px 20px;  _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:#800000 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 #800000;}
div.nav1 ul li ul li               {float:none; border:1px none; padding:0; width:200px; }
div.nav1 ul li ul li:hover         {float:none; border:1px none; padding:0; }
div.nav1 ul li ul li a             {display:block;   height:15px; padding:6px 10px 6px 10px; background:#FFF;   }
div.nav1 ul li ul li a:hover       {background:#800000; 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:#800000 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:#800000; 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:#800000; }
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:0px 3px 0px 3px;  width:235px; float:left;  background:url('http://www.connectedrentals.com/images/columnline.gif') no-repeat top right; height:380px; }	
div#columns h3 {text-align:left; color:#800000; 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:#800000;}
div#columns h3 a span {color:#800000; font-weight:normal;} 
div#columns h3 a span:hover {color:#800000;}
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:#800000; line-height:1.4;}
div#columns ul li a span {line-height:90%;}
div#columns ul li a span:hover {color:#800000;}	 
div#columns a { text-align: left; color: #800000; text-decoration: none; }
div#columns a:link { text-align: left; color: #800000; text-decoration: none; }
div#columns a:visited { text-align: left; color: #800000; text-decoration: none; }
div#columns a:hover {text-align: left; color: #CCCCCC; text-decoration: none; } 


/* Define Container to set Fixed Width */
.leftside { background: #FFF; color: #333; 
	width: 220px; padding: 2px; 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;
	 
}	

/* 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: 500px;
	color: #333; 
	font-family:arial,helvetica,clean,sans-serif;
	padding: 10px; 
	text-align: left;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #F1EFC5;
}
.content a:link  { color: #006699; text-decoration: none;  }  
.content a:active { color: #006699; text-decoration: none;  }
.content a:visited { color: #006699; text-decoration: none; }
.content a:hover { color: #C0C0C0; text-decoration: none; }





.contentfull { background: #FFF;
	width: 720px; 
	padding: 0px; 
	text-align: left;
	
}

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




.contenthalfl { background: #FFF;
	width: 360px;
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 1px; 
	text-align: left;
	border-top: 1px solid #F1EFC5;
	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: 370px;
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 1px; 
	text-align: left;
	border-left: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}


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

.contenthalfnewr { background: #FFF;
	width: 370px;
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 1px; 
	text-align: left;
	border-right: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
}


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



.contenthalfr { background: #FFF;
	width: 360px;
	color: #333; 
	font-family:Arial, Helvetica, sans-serif;
	padding: 1px; 
	text-align: left;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #F1EFC5;
	border-bottom: 1px solid #F1EFC5;
	border-top: 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; }


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

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


.htable { background: #FFF;
	
	
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #333; 
	padding: 3px 0px 0px 0px;
	}
	
	.htable2 { background: #FFF;
	
	
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #333; 
	padding: 5px 0px 0px 0px;
	}

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

/*used for left panel page */
.htablel { background: #FFF;
	
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	margin: 18px;
	color: #333; 
	padding: 3px 0px 0px 0px;
	}

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

/*used for labels under small video icons panel page */
.htablevideo { background: #FFF;
	
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	margin: 18px;
	color: #333; 
	padding: 3px 0px 0px 0px;
	}

/* Define  mouseover states */
.htablevideo a { text-align: left; color: #333; text-decoration: none; }
.htablevideo a:link { text-align: left; color: #333; text-decoration: none; }
.htablevideo a:visited { text-align: left; color: #333; text-decoration: none; }
.htablevideo 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, sans-serif; 
	font-size:12px;
	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: #800000; text-decoration: none;  }  
a:active { color: #800000; text-decoration: none;  }
a:visited { color: #800000; text-decoration: none; }
a:hover { color: #D98E13; text-decoration: none; }


/* rotator in-page placement */
        div.rotator {
			position:relative;
	
	height:235px;
	
}


/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:0px solid #ccc;
	padding: 0px;
	background: #FFF;
}
        div.rotator ul li.show {
	z-index:500;
}