/* FAQ INTERACTIVE CSS */
body {
	margin: auto;
	text-align: center;
	font-size: 12px;
	font-family: verdana, sans-seriff;
}
img {
	border: 0;
}
#RedBarContainer {
display: block;
width: 1003px;
margin: auto;
}
#Contact {
font-size: 12px;
color: #ffffff;
margin: 3px 0px 0px 0px;
padding: 0px;
float: right;
}
#siteContainer {
	display: block;
	margin: auto;
	width: 1003px;
}
#siteContents {
	position: relative;
	width: 100%;
	display: block;
	float: left;
}
#redBar {
	background-image: url(../images/redbarTop.jpg);
	background-repeat: repeat-x;
	display: block;
	float: left;
	height: 33px;
	width: 100%;
}
#aboveBanner {
	display: block;
	float: left;
	height: 205px;
	width: 100%;
}
#menuOptionsContainer {
	float: left;
	display: block;
	width: 100%;
}
#menuRedStrip {
	background-image: url(../images//trafficLawRedMenuBar.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	width: 100%;
	font-size: 11px;
}
#menuRedStrip ul {
	display: block;
	float: right;
	margin: 8px 0 0;
	padding: 0;
	width: 620px;
}
#menuRedStrip li {
	float: left;
	list-style: none;
}
#menuRedStrip a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0px 0 0px 3px;
}
#menuRedStrip a:hover {
	background-color: #FFFFFF;
	color: #CC0033;
	padding: 5px 0 6px 3px;
}
#breadCrumbs {
	width: 100%;
	float: left;
	display: block;
}
#breadCrumbsContent {
	color: #676767;
	display: block;
	float: left;
	font-size: 11px;
	height: 30px;
	margin: 0px 0px 0px 285px;
	padding: 0;
	text-align: left;
	width: 71%;
}

#breadCrumbsContent a{
	color: #676767;
        text-decoration: none;
}
#breadCrumbsContent a:hover{
	color: #676767;
        text-decoration: underline;
}

#breadcrumb-start {
	display: block;
	float: left;
}

#breadcrumb-1 {
	display: block;
	float: left;
}

#breadcrumb-2 {
	display: block;
	float: left;
}

#breadcrumb-3 {
	display: block;
	float: left;
}

#breadcrumb-4 {
	display: block;
	float: left;
}

.breadcrumb-item {
	display: block;
	float: left;
}

.breadcrumb-seperator {
	display: block;
	float: left;
}

.breadcrumb-end {
	display: block;
	float: left;
}

.callToAction {
	display: block;
	float: right;
	height: 50px;
	margin-top: 1px;
	width: 109px;
}
#buttons {
	float: right;
	margin-right: 45px;
	margin-top: 0;
	width: 100px;
  position: absolute;
  top: 0px;
  left:900px;
}
#bookBtn {
	background-image: url(../images/bookAnAppointmentBtn.jpg);
}
#forwardBtn {
	background-image: url(../images/forwardToBtn.jpg);
}
#contactBtn {
	background-image: url(../images/contactUsBtn.jpg);
}
#requestBtn {
	background-image: url(../images/requestAQuote.jpg);
}
#rightSide {
	display: block;
	float: left;
	height: 203px;
	width: 100%;
}
#leftSide {
	display: block;
	float: left;
	width: 25%;
}

#mainBody {
	background-repeat: no-repeat;
	display: block;
	float: left;
	margin-top: 0px;
	width: 100%;
	position: relative;
}
#searchBox {
display:block;
float:right;
font-size:10px;
margin: 0px 50px 0px 0px;
text-align:left;
width:200px;
height: 170px;
}
#searchBox h1 {
	font-size: 11px;
	color: #FF0000;
}
#leftBody {
	display: block;
	float: left;
	width: 263px;
}
#leftBodyContent {
	width: 100%;
	font-size: 11px;
	float: left;
	display: block;
}
#leftBodyContent ul {
	float: left;
	display: block;
	margin: 10px 0 10px 10px;
	padding: 0;
}
#leftBodyContent li {
	background-image: url(../images/liBox.jpg);
	background-repeat: no-repeat;
	background-position: 0px 4px;
	list-style: none;
	paddinG: 0px;
	margin: 0px;
	text-align: left;
}
#leftBodyContent li:hover {
	background-position: 0px -9px;
}
#leftBodyContent a {
	padding: 0 0 0 11px;
	margin: 0px;
	text-decoration: none;
	color: #777777;
}
#leftBodyContent a:hover {
	color: #b3091c;
}
#LeftSideMenuBelow {
margin-left:10px;
text-align:left;
width:95%;
display:block;
float:left;
font-size:10px;
color:#555555;
}
#LeftSideMenuBelow h1 {
font-size: 10px;
}

#rightBody {
	display: block;
	float: right;
	width: 720px;
}
#rightBodyContent {
	display: block;
	float: right;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: left;
	width: 100%;
	_width: 97%;
}

#rightBodyContent h1 {
margin: 0px 0px 10px 0px;
padding: 0px; 
color: #B2091C;
font-size: 14px;
}

#rightBodyContent a {
margin: 0px 0px 10px 0px;
padding: 0px; 
color: #B2091C;
}

#rightBodyContent a:hover {
margin: 0px 0px 10px 0px;
padding: 0px; 
color: #B2091C;
text-decoration: none;
}

#LawSectionTop {
padding: 0px;
margin: 5px 0 0;
width: 80%
float: left;
display: block;
}

#LawSectionBottom {
padding: 0px;
margin: 0px;
width: 95%
float: left;
display: block;
}

#PottsContent {
padding: 0px;
margin: 20px 0px 20px 0px;
width: 95%
} 

#azlinks {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
display: block;
}

#azlinks table {
width: 100%;
}

#PottsContent h1.tagcolor {
padding: 0px;
margin: 0px 0px 10px 0px;
width: 100%;
font-size: 14px;
background-color: #e6e6e6;
}

#PottsContent h1 {
margin: 0px;
padding: 0px; 
color: #B2091C;
font-size: 14px;
}

#PottsContent h3 {
margin: 0px 0px 15px 0px;
padding: 0px; 
color: #B2091C;
font-size: 16px;
}

#PottsContent p {
margin: 0px 0px 15px 0px;
padding: 0px;
}

#PottsContent ul {
margin: 0px 0px 0px 60px;
padding: 0px;
}

#PottsContent a {
text-decoration: none;
color: #B2091C;
}

#PottsContent a:hover {
text-decoration: underline;
}

#LeftSection {
display: block;
float: left;
padding: 25px 0px 0px 0px;
margin: 0px;
}

#RightSection {
display: block;
float: right;
text-align: left;
padding: 25px 0px 0px 0px;
margin: 0px;
width: 580px;
_width: 570px;
height: 150px;
}

#RightSection a {
text-decoration: none;
color: #b2091c;
}

#RightSection a:hover {
text-decoration: underline;
}

#RightSection ul {
list-style: none;
margin: 0px;
padding: 10px 0px 0px 10px;
}

#RightSection li.articleicon {
background-image:url('/templates/potts/images/listicon1.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection li.casestudyicon {
background-image:url('/templates/potts/images/listicon2.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection li.lawicon {
background-image:url('/templates/potts/images/listicon3.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection h3 {
color: #B2091C;
font-size: 14px;
padding: 0px;
margin: 0px;
}

#RightSection p {
padding: 0px;
margin: 0px;
}

#Scrapeholder {
float: left;
padding: 0px;
margin: 20px 0px 0px 35px;
display: block;
}

#Scrapeholder a {
text-decoration: none;
color: #b2091c;
}

#Scrapeholder a:hover {
text-decoration: underline;
}

#Scrapeholder ul {
list-style: none;
margin: 0px;
padding: 10px 0px 0px 10px;
}

#Scrapeholder li.articleicon {
background-image:url('/templates/potts/images/listicon1.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#Scrapeholder li.casestudyicon {
background-image:url('/templates/potts/images/listicon2.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#Scrapeholder li.lawicon {
background-image:url('/templates/potts/images/listicon3.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection2 {
display: block;
float: right;
text-align: left;
padding: 25px 0px 0px 0px;
margin: 0px;
width: 580px;
}

#RightSection2 a {
text-decoration: none;
color: #b2091c;
}

#RightSection2 a:hover {
text-decoration: underline;
}

#RightSection2 ul {
list-style: none;
margin: 0px;
padding: 10px 0px 0px 10px;
}

#RightSection2 li.articleicon {
background-image:url('/templates/potts/images/listicon1.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection2 li.casestudyicon {
background-image:url('/templates/potts/images/listicon2.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}

#RightSection2 li.lawicon {
background-image:url('/templates/potts/images/listicon3.jpg');
background-repeat: no-repeat;
padding: 2px 0px 10px 35px;
}




.LawName {
margin: 20px 0px 0px 0px;
width: 450px;
}

.ArticleName {
padding: 0px 280px 0px 0px;
margin: 20px 0px 0px 0px;
}

#LawCategoryBox h2 {
color: #B2091C;
font-size: 14px;
}

#ArticlesBox h2 {
color: #B2091C;
font-size: 14px;
}

#ArticlesBox strong {
color: #B2091C;
font-size: 14px;
}

.disclaimer {
 margin: 10px 0 0 0;
 font-size: 11px;
 font-style: italic;
}

.PoliceMustProve {
 margin: 10px 0 0 0;
}

.MaxPenalty {
 margin: 10px 0 0 0;
}

.StreetNames {
 margin: 10px 0 0 0;
}

.CourtProcess {
 margin: 10px 0 0 0;
}

.PossibleDefences {
 margin: 10px 0 0 0;
}

.expertise {
 margin: 10px 0 0 0;
}



#footer {
  border-top: 1px solid #B2091C;
  border-bottom: 1px solid #B2091C;
	display: block;
	float: left;
	height: 36px;
	width: 100%;
}
#footerContentLeft {
	color: #777777;
	display: block;
	float: left;
	font-size: 8px;
	padding: 5px 0 0 5px;
	text-align: left;
	width: 50%;
}
#footerContentRight {
display: block;
float: right;
width: 27%;
color: #777777;
font-size: 9px;
}
#footerContentRight p {
float: left;
margin: 0px;
padding: 12px 0px 0px 0px;
}
#footerContentRight a {
   color: #777777;
   text-decoration: none;
}
.FAQMiniLogoStyle {
float: right;
margin: 0px;
padding: 4px 0px 0px 0px;
_margin: 4px 0px 0px 0px;
}
#belowTheFoldContainer {
	width: 100%;
	display: none;
	height: 200px;
	margin-top: 20px;
	color: #777777;
	position: absolute;
	top: 101%;
	left: 0px;
}
.belowTheFold {
	width: 100%;
	float: left;
	display: none;
}
.belowTheFold {
	width: 150px;
	float: left;
	display: none;
	height: 200px;
	margin-top: 20px;
}
.belowTheFold ul li {
	text-decoration: none;
	list-style: none;
}
.belowTheFold a, .belowTheFold a:link, .belowTheFold a:visited {
	color: #777777;
	text-decoration: none;
}
.belowTheFold a:hover {
	text-decoration: underline;
}

.LocationEmail {
display: none;
}

.LocationPriContact {
display: none;
}

.Profiletable h4
{
font-size: 12px;
font-weight: bold;
color: #B2091C;
padding: 0px;
margin: 0px;
}

.Profiletable h5
{
font-size: 12px;
color: #B2091C;
font-weight: normal;
padding: 0px 0px 10px 0px;
margin: 0px;
}

#Interlinking {
float: left;
display: block;
width: auto;
}

#Interlinking ul {
margin: 0px;
padding: 0px;
}
#greyArea {
	background-color: #E6E6E6;
	display: block;
	float: left;
	margin-top: 0;
	width: 100%;
}
#greyAreaContent {
	display: block;
	float: left;
	margin: 0px 0px 0px 25px;
	text-align: left;
	width: 76%;
}
#greyAreaContent h1 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#greyAreaContent ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 250px;
}

#greyAreaContent table {
margin: 10px 0px 0px 0px;
padding: 0px;
width: 800px;
}

#greyAreaContent td {
float: left;
}

#greyAreaContent li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#greyAreaContent a {
	color: #777777;
	font-size: 9px;
	text-decoration: none;
}
.catrollover {
  width: 120px;
  height: 120px;
  float: left;
  display: block;
  margin: 20px 15px 10px 0px;
  padding: 0px;
  border: 1px solid #FFFFFF;
  outline: 1px solid #B2091C;
}

#crimhover {
background-image: url(/templates/potts/images/Icon_Criminal.jpg);
background-repeat: no-repeat;
} 

#crimhover:hover {
background-position: 0px -119px;
}

#traffichover {
background-image: url(/templates/potts/images/Icon_Traffic.jpg);
background-repeat: no-repeat;
} 

#traffichover:hover {
background-position: 0px -119px;
}

#collarhover {
background-image: url(/templates/potts/images/Icon_White_Collar.jpg);
background-repeat: no-repeat;
} 

#collarhover:hover {
background-position: 0px -119px;
}

#lithover {
background-image: url(/templates/potts/images/Icon_Litigation.jpg);
background-repeat: no-repeat;
} 

#lithover:hover {
background-position: 0px -119px;
}

#greybelowTheFoldContainer {
  background-color: #E6E6E6;
	display: block;
	width: 100%;
	position: absolute;
	top: 100%;
	*top: 100.1%;
	_top: 100%;	
	left: 0;
	border-bottom:1px solid #B2091C;
}

#BTFgreyAreaContent {
	display: block;
	float: left;
	margin: 0px 0px 0px 45px;
	_margin: 0px 0px 0px 25px;
	text-align: left;
	width: 95%;
}
#BTFgreyAreaContent h1 {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
#BTFgreyAreaContent ul {
	display: block;
	margin: 0px;
	padding: 0px;
	width: 300px;
}

#BTFgreyAreaContent table {
margin: 10px 0px 0px 0px;
padding: 0px;
float: left;
}

#BTFgreyAreaContent td {
float: left;
vertical-align: top;
}

#BTFgreyAreaContent li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#BTFgreyAreaContent a {
	color: #777777;
	font-size: 9px;
	text-decoration: none;
}

#LocationPromoText h1 {
margin-top: 10px;
}



    #rightBodyContent p span {
    color: #B2091C;
    }
    #rightBodyContent a.expander {
    background-image: url("/templates/potts/images/closeSHlong.jpg");
    background-repeat: no-repeat;
    color: #ffffff;
    cursor: pointer;
    display: block;
    height: 31px;
    list-style: none outside none;
    width: 720px;
    margin: 0px;
    }
#rightBodyContent a.expander:hover {
background-image: url("/templates/potts/images/showhideredopenlong.jpg");
}
    #rightBodyContent a.OPEN {
    background-image: url("/templates/potts/images/openSHLong.jpg") !important;
    }
    #rightBodyContent .expander h2 {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    margin: 2px 0 0 30px;
    padding: 6px 0 0;
    }
    #rightBodyContent div.expandcontent {
    float: none;
    padding: 10px 10px 10px 20px;
    text-align: left;
    }
    .SHScrape {
    }
    .SHScrape ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    }
    .SHScrape li.lawicon {
    background-image: url("/templates/potts/images/listicon3.jpg");
    background-repeat: no-repeat;
    padding: 2px 0 10px 35px;
    }
    .SHScrape a {
    text-decoration: none;
    }
    .SHScrape a:hover {
    text-decoration: underline !important;
    }

#LawCategoryBox #expand1 { margin-top: 30px; }



#LawCategoryBox a.expander {
    background-image: url("/templates/potts/images/closeSHLong.jpg");
    width: 720px;
    }
#LawCategoryBox a.OPEN {
    background-image: url("/templates/potts/images/openSHLong.jpg") !important;
    }

#LawCategoryBox .expander h2 { 
margin: 2px 0px 0px 10px; 
font-size: 11px; 
padding: 6px 0px 0px 0px;
}

#LawCategoryBox div.expandcontent {
float: left;
width: 690px;
}

#LawCategoryBox a.expander {
float: left;
margin: 1px 0px;
}

.showHideDD { float: right; margin: 0px !important; padding-left: 10px; }

.LawIntro {
width: 420px; 
margin-top: 20px;
}

.LawIntro span { 
color: #AD071F; 
font-weight: bold;
}

.LawName span { 
color: #AD071F; 
font-weight: bold;
}

#ScrapeholderNoFloat {
padding: 0px;
margin: 20px 0px 0px 35px;
display: block;
}


#searchBox a {
color: #B3081B;
text-decoration: none;
}

#searchBox a:hover {
color: #B3081B;
text-decoration: underline;
}

.profileMember {
display: none;
}

.profileBoxRed1 img {
display: none;
}

.profileBoxRed1 {
    float: left;
    margin-left: 10px;
}

.profileBoxRed2 {
    float: right;
    margin-right: 12px;
    margin-top: 5px;
}

.profileCTA {
    float: left;
    margin-left: 10px;
}

.profileCTA div {
font-size: 16px !important;
}


