/*
    LawNet web site CSS
    version of 2010-01-23

*/

/* ===== global styles ===== */

body  {
    font-family: "Helvetica", sans-serif;
    background: url(../images/page_bkg.jpg);
    margin: 0;  /* shorthand for all margins = 0 */
    padding: 0;
}

a:link img,
a:visited img {
    border-bottom: none;
	border: none;
	onfocus: this.blur()
}

a:hover img {
    border-bottom: none;
	border: none;
}

table {
    margin: 0;
    padding: 0;
    border-spacing: 0;
    text-align: left;
}

td, tr {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

p {
    font-family: "Helvetica", sans-serif;
    font-size: 12pt;
    line-height: 150%;
    margin: 10px 0px 10px 0px;
}

ul {
	font-family: "Helvetica", sans-serif;
    font-size: 12pt;
    line-height: 170%;
}

li {
    font-family: "Helvetica", sans-serif;
    font-size: 12pt;
    line-height: 170%;
}

h1 {
    font-family: "Helvetica", sans-serif;
    font-size: 1.6em;
    font-weight: bold;
    color: #333333;
    margin: 0 0 .4em 0;
}

h2 {
    font-family: "Helvetica", sans-serif;
    font-size: 1.2em;
    color: #333333;
    margin: 0 0 .4em 0;
}

h3 {
    font-family: "Helvetica", sans-serif;
    font-size: 13pt;
    font-weight: bold;
    color: #333333;
    margin: 0 0 .4em 0;
}

hr {
	height: 1px;
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
}

 a:link,
 a:visited {
    color: #0066CC;
	text-decoration: none;
	border: 0;
}

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

/* ===== outer container ===== */

#outerContainer {
    margin: 0 auto; /* shortcut for top & bottom = 0, left & right = auto (center) */
	padding-top: 5px;
    width: 987px;
	border:0;
}	

/* ===== banner ===== */

#banner {
	width: 987px;
	height: 125px;
	background: url(../images/banner/banner.jpg) no-repeat;
}

#navTop {
	width: 987px;
	height: 88px;
}

#navButtonsContainer {
	width: 987px;
	height: 30px;
	background: url(../images/banner/nav_container-bkg.png) no-repeat;
}

.navButton {
	float: left;
	width: 149px;
	height: 30px;
}	 

#navLeft {
	float: left;
	width: 25px;
	height: 30px;
}	

#navBottom {
	width: 987px;
	height: 9px;
}	

/* ===== main content ===== */

#MainContentTop {
	float: left;
    background: url(../images/main_content-top.jpg);
    width: 742px;
	height: 14px;
	margin: 0 auto;
	border: 0;
}
	 

#MainContentMiddle {
	float: left;
    background: url(../images/main_content_middle.jpg);
    width: 742px;
	min-height: 461px;
	margin: 0 auto;
	border: 0;
}

#MainContentBottom {
	float: left;
    background: url(../images/main_content-bottom.jpg);
    width: 742px;
	height: 14px;
	margin: 0 auto;
	border: 0;
}

.content {
	padding: 20px 30px;
}

.ulHeader {
	margin-bottom: -13px;
}

#radioBioContainer {
	padding: 140px 0px 0px 35px;
	width: 425px
}

#radioBioCopy {
    padding: 10px 0px 10px 0px;
}

#contentRadioOverview {
    background: none;
    width: 742px;
	height: 734px;
	margin: 0 auto;
	border: 0;
	vertical-align: bottom;
}

/* ===== sub boxes ===== */

#subBoxes {
	float: right;
    margin: 0 auto;
	width: 243px;
	padding: 0px 0px 0px 0px;
}

#topBox {
	vertical-align: bottom;
	height: 245px;
	width: 243px;
}

#middleBox {
    padding: 0px 0px 0px 0px;
    margin: 0;
	border: 0;
	vertical-align: bottom;
	height: 246px;
	width: 243px;
}

#bottomBox {
    padding: 0px;
    margin: 0;
	border: 0;
	vertical-align: bottom;
	height: 245px;
	width: 243px;
}

/* ===== About Nav ===== */

div#aboutNav {
    padding: 0px 30px 0px 30px;
    margin: 0;
}

/* ===== footer ===== */

#footer {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	margin: 10px 5px 0px 5px;
	padding-bottom: 10px;
	width: 732px;
	height: 50px;
	float: left;
}

#footer .cr {
	float: left;
	text-align: left;
	vertical-align: text-top;
}

#footer .credit {
	float: right;
	vertical-align: text-top;
}

.credit img {
	float: right;
	padding-top: 3px;
}

.credit p {
	float: right;
	padding-right: 5px;
}	

.cr p {
    font-family: "Helvetica", sans-serif;
    font-size: 8pt;
	line-height: 170%;
    color: #666666;
	margin: 5px 0px;
}

#footer a {
    color: #1B9D95;
    text-decoration: none;
}

/* ===== Tabbed Panels ===== */

.TabbedPanelsContent p {
    font-family: "Helvetica", sans-serif;
    font-size: 11pt;
	line-height: 120%;
    color: #333333;
    text-align: left;
	margin: 7px 30px 7px 30px;
}

.TabbedPanelsContent h3 {
    font-family: "Helvetica", sans-serif;
    font-size: 12pt;
	line-height: 100%;
    font-weight: bold;
    color: #333333;
	margin: 7px 30px 0px 30px;
}

.specPadding {
	padding-bottom: 40px;
}

#specData {
	width: 490px;
	border: 0;
	margin: 0;
}

.paddingLeft {
	padding-left: 4px;
}

/* ===== miscellaneous ===== */

.clear {
	clear: both;
}

#siteInfo {
	width: 100%;
	margin: 0 auto;
}

.chartTopBottomLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.chartunderline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

.smallType {
	font-family: "Helvetica", sans-serif;
    font-size: 8pt;
	line-height: 200%;
    color: #666666;
    text-align: right;
	margin: 0px;
}

.leftPriceBoxContainer {
	float: left;
	width: 461px;
	margin: 10px 0px 0px 25px;
	border: 0;
}

.rightPriceBoxContainer {
	float: right;
	width: 461px;
	margin: 10px 25px 0px 0px;
	border: 0;
}		

.priceBoxTop {
	width: 461px;
	min-height: 20px;
	background: url(../images/about/pricing/pricebox_top.jpg) no-repeat;
	margin: 0 auto;
	border: 0;
}

.priceBoxMiddle {
	width: 461px;
	background: url(../images/about/pricing/pricebox_middle.jpg);
	margin: 0 auto;
	padding: 20px 0px;
	border: 0;
}

.priceBoxBottom {
	width: 461px;
	height: 20px;
	background: url(../images/about/pricing/pricebox_bottom.jpg) no-repeat;
	margin: 0 auto;
	border: 0;
}

#gpsImage {
    background: url(../images/home/gps_image.jpg) no-repeat;
	height: 322px;
	padding: 30px 0px 30px 0px;
}

#gpsDivider {
	width: 5px;
	height: 100%;
	margin: 0px;
}

.divider {
	width: 5px;
	height: 300px;
	background: url(../images/about/about_gps/divider.jpg);
}

.dividerSpacer {
	width: 5px;
	height: 40px;
	background: url(../images/about/about_gps/divider_spacer.jpg);
}	

#gpsScreenshot {
	padding: 40px 30px 20px 30px;
}

#radioBkg {
	background: url(../images/radios/radio_overview.jpg) no-repeat;
	width: 742px;
	height: 490px;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
}

#radio4350Bkg {
	background: url(../images/radios/radio_xpr4350.jpg) no-repeat;
	width: 742px;
	height: 490px;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
}

#radio4550Bkg {
	background: url(../images/radios/radio_xpr4550.jpg) no-repeat;
	width: 742px;
	height: 490px;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
}

#radio6350Bkg {
	background: url(../images/radios/radio_xpr6350.jpg) no-repeat;
	width: 742px;
	height: 490px;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
}

#radio6550Bkg {
	background: url(../images/radios/radio_xpr6550.jpg) no-repeat;
	width: 742px;
	height: 490px;
	margin: 0 auto;
	vertical-align: middle;
	float: left;
}

.leftFloatPic {
	float: left;
	margin: 3px 10px 0px 0px;
}

.productBio {
	padding-left: 15px;
	width: 100%;
}

.productImg {
	padding-top: 3px;
	width: 107px;
}

.callout {
	font-weight: 700;
	color: #0066CC;
}
	

.hiddenPic {
	display: none;
}