@import url(bestattorney.css);
@import url(content_index.css);
/**************************************/
/*              COMMONS               */
/**************************************/
body {font-size: 62.5%; font-family: Arial, sans-serif; color: #675f52;}
#header, #content, #footer {width: 100%;}
.meta, .header, .page, .content, .footer {margin: 0 auto; max-width: 100em; overflow: hidden;}
.ie .meta, .ie .header, .ie .page, .ie .content, .ie .footer {margin: 0 auto; max-width: 1000px; overflow: hidden;}
.wrapper {background: #fff;}

/**************************************/
/*              styles               */
/**************************************/
.screenreader-only {height:1px; left:-9999px; overflow:hidden; position:absolute; top:-9999px; width:1px;}
.border_none {border: none !important;}
#contents  .box_type3.rankings  .box_inner,
#contents  .box_type3.rankings1  .box_inner{position: relative; padding-bottom:4px;}
#contents  .box_type3.rankings span.rounded,
#contents  .box_type3.rankings1 span.rounded,
#contents span.rounded {position: absolute; top: 0; width: 222px; height: 2px; background: url(../../img/rankings_rounded.gif) no-repeat; top: 100%; left: 0;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
}

/* Colors */
a.gold {color: #987026;}
.red {color: #d70000;}
.underline {text-decoration: underline !important;}
.b {font-weight: bold;}
.f-18 {font-size: 1.8em;}
.f-11 {font-size: 1.1em}
/**************************************/
/*                 HEADER             */
/**************************************/
#header {background: #fff url(../../img/header_bg.gif) repeat-x;}
.header {position: relative;}
#header .brand {float: left;}
#header .nav {float: right; position: relative; width: 770px;}
	/* Advetrise area */
	#header.advertise  {background: #fff url(../../img/advertise_bg.png) repeat-x;}
	#header.advertise ul.sub li a {padding:3px 10px 0 0; display: block; background: url(../../img/icons/arrow-left.gif) right 70% no-repeat}
	#header.advertise ul.main {top: 34px;}
	#header.advertise .nav {width: 792px;}
	#header.advertise .brand{background: url(../../img/advertise-brand_bg.png) no-repeat; margin-left: 7px; width: 169px; height: 65px;}
	#header.advertise .brand h1#logo {margin-top: 0.5em;}
	.advertise #contents.intro_page {background: url(../../img/advertise-header_bg.png) 0 0 no-repeat; padding-top: 290px;}
	.advertise #contents {background:transparent url(../../img/advertise-brand_bg1.png) no-repeat scroll 7px 0; padding-top: 20px;}
	/* Member area */
	#header.member  {background: #fff url(../../img/advertise_bg.png) repeat-x;}
	#header.member .header {padding-bottom: 0; height: 120px;}
	#header.member .brand{background: url(../../img/advertise-brand_bg.png) no-repeat 6px 0; padding: 0 0 0 6px;}
	#header.member .brand h1#logo {margin-top: 1.5em;}
	#header.member .nav {position: absolute; width: 1000px; background: #F5F1E1 url(../../img/images/bg_07.gif) no-repeat; top: 65px; left: 0; height: 52px;}
	#header.member .nav ul {float: right; margin-top: 5px;}
	#header.member .nav ul  li {font-family: Arial;}
	#header.member .meta{float: right; font-size: 1.1em; margin-top: 5px;}
	#header.member .meta,
	#header.member .meta a {color: #fff; font-family: Arial; padding: 0 4px;}
	#header.member  a.cart {background: url(../../img/images/ico_cart.png) 3px 0 no-repeat; padding-left: 23px;}
	#header.member  a.checkout {color:red;}
	#header.member ul#completed {font-size: 1.1em; font-weight: bold; margin-left:10px;}
	#header.member ul#completed li {padding: 0; font-weight: normal; color: #000;}
	#header.member ul {float: left;}
	#header.member ul#profile_parts {width: 230px; margin-left: 30px;}
	#header.member ul#profile_parts li {color: #000; font-size: 1.1em; height: 15px; float: left; margin-top:4px; padding: 2px 0 0 14px; width: 95px; background: url(../../img/member_btn.gif) 0 50% no-repeat;}
	#header.member ul#profile_parts li.active, #header.member ul#profile_parts li:hover {background: url(../../img/member_btn-active.gif) 0 50% no-repeat; cursor: pointer;}
	#header.member ul#shopping-cart {font-size: 1.2em; padding-top: 15px; padding-right: 5px;}
	#header.member ul#shopping-cart li a {background: url(../../img/images/cart.png) no-repeat; padding-left: 22px;} 
	#header.member ul#shopping-cart span {padding:0 10px 0 20px;}
	#content.member  {padding: 0;}
/*  NAVIGATION  */
#header ul.sub, #header ul.main {position:absolute;}
#header ul.sub {right: 10px;}
#header ul.sub li, #header ul.main li {float: left;}
#header ul.sub li a, #header ul.main li a{color: #fff;}
#header ul.sub {top: 5px; color: #fff;}
#header ul.sub li {font-family: Arial; font-size: 1.1em;}
#header ul.sub li a {font-family: Arial; padding: 0 5px; background: url(../img/subnav_bg.gif) left no-repeat;}
#header ul.sub li.first-child a {background: none;}
#header ul.main {top: 81px; left: -2px;}
#header ul.main li {position: relative; margin-left: 4px; padding: 8px 4px; background: #851717;}
#header ul.main li.first-child {margin-left: 0;}
#header ul.main li a {color: #D2CFC0; font-family: Georgia,"Times New Roman",Times,serif; font-weight: bold; font-size: 1.2em; padding: 7px 6px; border-top: 1px solid #c9302f;}
#header ul.main li span.rounded {position: absolute; top: 0; width: 4px; height: 31px;}
#header ul.main li span.tl {background: url(../../img/rounded_tl.gif) no-repeat; left: 0;}
#header ul.main li span.tr {background: url(../../img/rounded_tr.gif) no-repeat; right: 0;}
#header ul.main li:hover a {color: #fff;}
#header ul.main li.active {background: #fff;}
#header ul.main li.active a {color: #851717; /*border-top: 1px solid #fff;*/}
#header ul.main li.active span.tl {background: url(../../img/rounded_tl-active.gif) no-repeat;}
#header ul.main li.active span.tr {background: url(../../img/rounded_tr-active.gif) no-repeat;}

/* BRAND */
#header .brand {background: url(../../img/brand_bg.png) no-repeat; margin-left: 7px; width: 169px; height: 110px;}
#header p.date {font-size: 1.1em; text-align: center; padding-top: 10px; font-family: Arial;}
#header .brand h1#logo {text-indent:-9999px; float: left; font-size: 2em; margin: 2.6em 0 1em 0.5em; }
#header .brand h1#logo a {display: block; background: url(../../img/ba_logo.png) no-repeat; height: 31px; width: 149px;}

#header .banner {margin-top: 16px; margin-left:5px;}
#header .banner a {display: block;}
#header .banner img {width: 387px; height: 48px;}

/**************************************/
/*             CONTENT                */
/**************************************/
.content {position: relative;}
.brand_bg {display: block; background: url(../../img/brand_bg1.png) no-repeat; position: absolute; left: 7px; top: 0; width: 169px; height: 19px;}
#content.advertise{padding: 0;}
.content {background: #fff;}
/* #contents input, #contents select {border: 1px solid #acacac;} */
#contents input.browse {height: 23px;}
/* #contents input {padding: 2px 0 1px 2px;} */

/* layout */
.col1, .col2, .col3, .banner {float: left;}
	/* homepage */
	.index .col1, .index .col1 .section {width: 192px;}	
	.index .col2, .index .col2 .section {width: 575px;}	
	.index .col3, .index .col3 .section {width: 192px;}	
	.index .col1 {margin-left: 10px;}
	.index .col2 {margin: 0 10px;}
	.index .col3 {margin-right: 10px;}
/* breadcrumbs */
ul#breadcrumbs {font-size: 1.2em; float:left; font-family: Arial; padding: 3px 0 10px 14px; width:99%;}
ul#breadcrumbs li {float:left;}
ul#breadcrumbs li a.arrow {background: url(../../img/icons/arrow.gif) right center no-repeat;padding-right: 8px;padding-left: 4px;}
ul#breadcrumbs li.active, ul#breadcrumbs li.active span {background: url(../../img/breadcrumbs_bg.gif) no-repeat; height: 18px;}
ul#breadcrumbs li.active {background-position: 0 0;}
ul#breadcrumbs li.active span {color: #c01d1d; display:inline-block; padding: 0 4px; background-position: 100% -18px;}
ul#breadcrumbs li a, ul#breadcrumbs li.active span {padding-top: 2px; height: 16px; font-size:0.9em; font-family: Georgia, Times New Roman, Times, serif;}
ul#breadcrumbs li a {color:#675f52; display: block;}
/* page title */
h1.title {text-transform: uppercase;
background: #f2f9fe url(../../img/pagetitle_bg.png) repeat-x scroll 0 0;
border: 1px solid #d7d7d7;
color: #454545;
font-size: 2.2em;
font-weight: bold;
font-family: Arial;
float: left;
width: 97.7%;
margin: 6px;
padding: 6px 0 5px 10px;}


/**************************************/
/*              FOOTER                */
/**************************************/
.footer {width: 90em; background: url(../../img/footer_bg.gif) repeat-x;}
#footer a {font-size: 1.1em; font-family: Georgia,"Times New Roman",Times,serif;}
#footer .nav {padding: 25px 0; text-align: center;}
#footer .nav ul {margin-bottom: 6px; width: 100%;}
#footer .nav ul li {display: inline; border-left: 1px solid #000; padding: 0 3px 0 6px;}
#footer .nav ul li a {color: #404040;}
#footer .nav ul.last-child li a {font-size: 1em;}
#footer .copyright {float: left; margin: 0 5px 5px 5px; width: 55%;}
#footer .copyright p, #footer .copyright p a {font-family: Georgia,"Times New Roman",Times,serif;display: inline; font-size: 0.9em; color: #b19e80;}
#footer .meta {padding: 3px 0 13px 0; float:right;}
#footer .meta a {padding: 0 3px;}

/**************************************/
/*              BANNERS               */
/**************************************/
/* supersize-it banner - 260 x 60 pixels */
.banner dl.supersize-it {float: left;}
.banner dl.supersize-it dt, 
.banner dl.supersize-it dd {float: left; height: 70px;}
.banner dl.supersize-it dt {width: 118px;}
.banner dl.supersize-it dt img {}
.banner dl.supersize-it dd {clear: right; padding: 0 6px 6px 10px; width: 291px;}
.banner dl.supersize-it dd h3 {padding-bottom: 4px;}
.banner dl.supersize-it dd h3 a {color: #003f77; text-decoration: underline; font-size: 1.1em;}
/* value - 125 x 25 pixels */
.banner ul.value li {float: left; width: 145px; height: 60px; margin: 12px 21px 6px 22px;}
.banner ul.value li a {display: block;}
.banner ul.value li h5 {text-align: center;}
/* skyscraper - 125 x 243 pixels */
/* integrated rectangle - 125 x 125 pixels */
/* pop-up leaderboard */
.section.partners .holder a {display: block; width: 190px; height: 40px; margin-bottom: 10px;}

/* Safari, Chrome */
.webkit .i.text, .webkit .i.pass {border: 1px solid #bdbcbd; background: #fff url(../../img/input_bg.png) bottom repeat-x !important;}