@import url("asrco-typography.css");
@import url("asrco-skin.css");
@import url("asrco-css3.css");
@import url("asrco-yuimenu.css"); 

/* ASRCO.com common layout formatting */
.block-left {
	display: block;
	float: left;
}

.block-right {
	display: block;
	float: right;
}

.block-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.clearfix {
	clear: both;
	height: 2px;
}

.container {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
}

.container-auto {
	float: left;
	display: inline;
	clear: both;
	width: auto;
}

.inline {
	float: left;
	display: inline;
}

.innertube5 {
	float: left;
	display:  inline;
	margin: 5px;
}

.innertube10 {
	float: left;
	margin: 10px;
	display: inline;
}

.innertube20 {
	float: left;
	margin: 20px;
	display: inline;
}

.hidden {
	display: none;
}

.framed {
	border: 1px solid gray;
}

body {
	margin-top: 0px;
	padding-top: 10px;
	margin-bottom: 0;
}

.paginate {
	padding: 5px 8px;
}

/*--header--*/

img.headerlogo {
	float: left;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	height: 45px;
	width: auto;
}

div#menubar-container {
	float: none;
	clear: both;
}

/*--slideshow--*/

div#slideshow {
	margin-top: 10px;
}

/*--brandimage-banner--*/

div#brandimage-banner {
	margin-top: 10px;
	height: 100px;
}

/*announcements*/

div.announcement {
	float: left;
	display:  block;
	width: 99.4%;
	background: white url(../images/ui/announce-bg.gif) repeat-x;
	border: 2px solid white;
}

div.announcement h1 {
	font-size: 1.4em;
}

div.announcement .image {
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
	display: inline;
}

div.announcement .extended {
	display:  block;
	color: #b0b0b0;
	margin-top: 10px;
	border-top: 1px dotted black;
}

/*--flags--*/

div#sectionflags {
	margin-top: 10px;
}

div.flag {
	float: left;
	display: inline;
	width: 353px;
	padding: 5px;
	margin: 4px;
	border: 1px solid gray;
}

div.banner {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	margin-top: 10px;
}

div.flag img,
div.banner img {
	float: left;
	display: inline;
	margin-right: 8px;
	margin-bottom: 0;
}

/*--sitemap global--*/

div#sitemap {
	border-top: 1px dashed;
	margin-top: 1.5em;
	padding-top: 1.2em;
	margin-bottom: 1em;
}

table.sitemap,
table.sitemap td {
	border-style: none;
	border-width: 0;
}

/*--homepage--*/
/*--iframe banner--*/

div#iframecontainer {
	float: left;
	display: inline;
	clear: both;
	margin: 10px 0 0;
	width: 100%;
	padding-top: 10px;
}

/*--footer--*/

div.footer {
	position: static;
	padding-bottom: 20px;
	padding-top: 5px;
}

/*--modules--*/

div.module {
	margin-top: 10px;
	padding-bottom: 4px;
}

div.module div.title {
	padding: 5px;
	display: block;
}

div.module div.content {
	padding: 5px;
}

/*-- form elements --*/

input.submit {
	display: block;
	margin-left: auto;
}

fieldset {
	margin-bottom: .25em;
}

legend {
	display: none;
}

label {
	float: left;
    clear: both;
	margin-bottom: .10em;
	margin-top: .25em;
}

select {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}

/*-- contact module --*/

/*-- PRODUCT LIST --*/
/*-- Section Bar --*/

div.sectionbar {
	float: left;
	display: block;
	clear: both;
	height: 22px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 0px;
}

div.sectionbar h3,
div.sectionbar p {
	display: block;
	float: left;
}

/*--PRODUCT DETAIL--*/
table.product-detail {
	margin-bottom: 2px;
	width: 100%;
}

table.product-detail .product-package {
	float: right;
}

table.product-detail td {
	/*overwrites yui-base*/
	border:0px;
	padding: 10px;
}

table.product-detail img.product-package {
	margin-right: 10px;
}

table.product-detail .button {
	margin-top: 10px;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

table.product-specs {
	float: right;
	margin-right: 10px;
	margin-top: 0px;
	text-align: center;
}

table.product-specs {
	font-size: smaller;
}

table.product-specs th.row {
	background-color: silver;
}

table.product-specs th.col {
	background-color: gray;
	color: white;
}

table.product-specs th,
table.product-specs td {
		border-color: gray;
}

/*--HISTORY DETAIL--*/
table.history-detail {
	width: 100%;
	border-top: 4px solid #bfbfb9;
}

h1.history-headline {
	font: 2em Georgia;
	color: #72726f;
}

table.history-detail h1.history-year {
	margin-top: 0;
	font: bold 2em Georgia;
	color: #72726f;
}

table.history-detail td.history-title,
table.history-detail td.history-body {
	padding-left: 10px;
}

table.history-detail h1.history-title {
	color: #005481;
}

table.history-detail td {
	/*overwrites yui-base*/
	border:0px;
	padding: 0;
}

table.history-detail h3.history-summary {
	margin-top: 0px;
}

table.history-detail img {
	display: block;
	margin: 3px auto;
}

div.history-image {
	background-color: white;
	border: 1px dotted #bfbfb9;	
}


/*--SEARCH RESULTS--*/
div#search-results div.result {
	margin-bottom: 4px;
}

div#search-results li,
div#search-results h3,
div#search-results p {
	padding: 6px;
}

div#search-results h3 {
	font-weight: normal;
	font-style: normal;
}

div#search-results span.keyword {
	color: white;
}

div#search-results span.title {
	font-weight: bold;
}

div#search-results ul,
div#search-results li {
	color: dimgray;
}

div#search-results em {
	font-size: smaller;
}

/*--CONTACT CARD--*/
table.contact {
	border: 1px solid gray;
	font: 89% Arial;
	width: 100%;
	height: 185px;
	margin: 0;
	background-color: white;
}

table.contact .vlink {
	font-size: 85%;
	float: right;
	display: block;
	margin: 0 0 2px;
}

table.contact tr.footer td {
	padding: 0 5px 0 0;
}

table.contact .fn.n,
table.contact .tel,
table.contact .organization-name {
	font-weight: bold;
}

table.contact td {
	border-style: none;
}

table.contact td.telephone {
	width: 110px;
}

table.contact tr.company,
table.contact tr.vlink {
	background-color: white;
}

table.contact td.vlink {
	padding: 0;
}

div.vcard {
	float: left;
	display: inline;
	width: 352px;
	padding: 5px;
	margin: 4px;
}

table.contact div.tel {
	display: block;
	float: right;
}

table.contact tr.person {
	background-color: #005481;
	color: white;
}

table.contact tr.person a:link,
table.contact tr.person a:visited {
	color: white;
}

table.contact tr.person td {
	vertical-align: top;
}

table.contact tr.footer td {
	vertical-align: bottom;
}

/*--Contact List Tabs--*/

table.contact-list {
	width: 100%;
	border-style: none;
	float: left;
	display: inline-block;
	clear: both;
	margin-top: 5px;
}

table.contact-list th {
	text-align: left;
	color: #bfbfb9;
	border-style: none;
	border-bottom: 2px solid #bfbfb9;
}

table.contact-list tr.title-row td {
	color: white;
	background-color: #bfbfb9;
	border: none;
	font-weight: bold;
}

table.contact-list tr.category-row {
	border-top: 2px solid #bfbfb9;
}

table.contact-list td.col1,
table.contact-list td.col2,
table.contact-list td.col3 {
	vertical-align: top;
	border-bottom: 1px dotted #bfbfb9;
	border-right-style: none;
	border-left-style: none;
	border-top-style: none;
}

table.contact-list td.col1 {
	font-weight: bold;
}

table.contact-list td.col3 {
	width: 380px;
}

/*Corporate News*/

.news-title {
	color: #005481;
}

div.news-banner {
	padding: 5px 10px;
	font-weight: bold;
	color: white;
}

div.news-intro h1.news {
	margin-top: 0;
	margin-bottom: 1em;
}

div.news-item {
	background-color: white;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.news-item span.contact-tel {
	vertical-align: baseline;
    position: relative;
    bottom: -0.25em;
	font-weight: bold;
}

div.news-item img {
	display: block;
	float: left;
	clear: left;
	margin-top: 5px;
	margin-right: 10px;
}

div.news-boilerplate,
div.news-contact {
	float: left;
	display: block;
	margin-top: 10px;
	margin-bottom: 0;
}

/*Document Library*/

table.documents {
	width: 100%;
	border-style: none;
	float: left;
	display: inline-block;
	clear: both;
	margin-bottom: 10px;
}

table.documents td.thumbnail {
	width: 100px;
}

table.documents td.thumbnail img {
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

table.documents th,
table.documents td {
	border-style: none;
}

table.documents tr.category {
	background-color: #005481;
}

table.documents th {
	color: white;
	text-align: left;
}

table.documents tr.title {
	border-top: 2px solid #bfbfb9;
	border-bottom: 1px dotted #bfbfb9;
	color: #005481;
	font-weight: bold;
}

table.documents td {
	vertical-align: top;
}

table.documents .icon {
	vertical-align: baseline;
    position: relative;
    bottom: -0.47em;
}

table.documents .updated {
	margin-top: 1em;
}

table.documents p.download,
table.documents a:link,
table.documents a:visited {
	color: #005481;
}

table.documents p.download {
	margin-bottom: 10px;
}

table.documents a:hover {
	color: white;
	background-color: black;
}

