/*
 * Main stylesheet for this particular website.
 * Contents:
 *   - Layout
 *       - Header
 *       - Navigation
 *       - Pagebody
 *       - Primary
 *       - Secondary
 *       - Footer
 *   - Shared Snippets
 *       - Iconic Lists
 *       - sIFR
 *   - Section Specific (may import as separate files if any section is large)
 *       - Home
 * CSS 2.0
 * @author      Dave Robertson <drobertson@jplprod.com>
 * @author      Dave Mingos <dmingos@jplprod.com>
 * @author      Joe Mallory <jmallory@jplprod.com>
 * @copyright   Copyright 2007 JPL Productions
 */

/* CSS INCLUDES */
@import url(base.css);



/* ========================================================================== */

@media screen {


/* LAYOUT ================================================================== */

html {
    background: #010A1E url(../img/template/bg.jpg) no-repeat center top;
}

body {
	padding: 0px;
	border: 0px;
}


/* ALTERNATE FLASH CONTENT ON HOME PAGE */
#flash-alt {
	width: 940px;
	height: 462px;
	padding: 20px 20px 20px 20px;
	background: url(/lib/img/template/homeFlashAlt.jpg) no-repeat;
 	font-size: 11px;
	line-height: 16px;
 	color: #FFF;
	visibility: hidden;
}
#flash-alt a:link, #flash-alt a:visited { color: #FFF; text-decoration: underline; font-weight: bold; }
#flash-alt a:hover, #flash-alt a:active { color: #FFF; text-decoration: none; }
#flash-alt h1 { margin: 0px; padding: 10px 0px; font-size: 17px; font-weight: bold; }
#flash-alt .callout { float: left; padding: 17px; width: 200px; }


#master_body {
	position: absolute;
	z-index: 1;
	width: 100%;
	top: 0px;
	left: 0px;
}

#master_page {
	position: relative;
	width: 982px;
	margin: 0px auto 0px auto;
	padding: 0px;
	min-height: 200px;
}

a.red:link, a.red:hover, a.red:visited {
	color: #AA1224;
    text-decoration: underline;
}

#expandableBanner {
	z-index: 3;
	position: absolute;
	display: none;
	top: 89px;
	left: 1px;
	width: 980px;
	height: 214px;
	background: transparent url(../img/template/expandableBanner/expandable-rollover_bg.jpg) no-repeat 0px 0px;
}

#expandableBanner .productPanel {
	position: relative;
	float: left;
	display: none;
	margin: 0px;
	padding: 0px;
}

#expandableBanner #picHolder {
	position: relative;
	float: left;
	width: 533px;
	height: 208px;
	margin: 6px 0px 0px 0px;
	background: transparent url(../img/template/expandableBanner/truck_blank.jpg) no-repeat 0px 0px;
}

#expandableBanner #textHolder {
	position: relative;
	float: left;
	width: 446px;
	margin: 0px;
	background: #FF0000 url(../img/template/expandableBanner/header_blank.jpg) no-repeat 0px 0px;
}

#expandableBanner #textHolder p {
	font-size: 11px;
	display: block;
	padding: 70px 60px 10px 2px;
}

#expandableBanner .links {
	position: relative;
	float: left;
	width: 150px;
	height: 50px;
	margin: 0px;
	padding: 0px;
}

#expandableBanner .links ul {
	list-style: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#expandableBanner .links li {
	width: 125px;
	margin: 0px 0px -8px 0px;
	padding: 0px;
	border: none;
	list-style-image: none;
}

#expandableBanner .links a, 
#expandableBanner .links a:hover, 
#expandableBanner .links a:visited {
	display:block;
	color: #AA1224;
    text-decoration: underline;
    padding: 6px 6px 6px 24px;
    background: transparent url(../img/template/subnav-bullet.gif) no-repeat left top;
}

#banner-overflow {
	z-index: 2;
	position: absolute;
	width: 60%;
	top: 92px;
	margin: 0px auto 0px auto;
	padding: 0px;
}

/* === HEADER ============================================================== */

#header {
	margin: 0px;
    padding: 53px 0 9px 0;
}

#site-logo {
    float:left;
}

#site-logo a {
    display: block;
    background: transparent url(../img/template/logo.gif) no-repeat;
    width: 239px;
    height: 42px;
}

#site-logo img {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}

#site-name {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}

#site-name a {
}

#site-name span {
}

#tagline {
}

/*  === /HEADER ============================================================ */


/* === SECTIONS ============================================================ */

#sections {
    background: #001D61;
    height: 32px;
    margin: 6px 0 0 0;
    float:left;
}

#sections ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sections li {
    display: inline;
    margin: 0;
    padding: 0;
}

#sections li.first {
}

#sections a {
    float: left;
    display: block;
    height: 32px;
    text-decoration: none;
}

#sections a:hover {
    text-decoration: none;
    background-position: 0 32px;
}

#sections li#nav-dry-freight    a { width:121px; background-image: url(../img/template/nav/dry-freight.gif); }
#sections li#nav-refrigerated   a { width:122px; background-image: url(../img/template/nav/refrigerated.gif); }
#sections li#nav-platform       a { width:146px; background-image: url(../img/template/nav/platform-stake.gif); }
#sections li#nav-curtainsider   a { width:121px; background-image: url(../img/template/nav/curtainsider.gif); }
#sections li#nav-parcel-van     a { width:108px; background-image: url(../img/template/nav/parcel-van.gif); }
#sections li#nav-walkramps      a { width:125px; background-image: url(../img/template/nav/walkramps.gif); }

#sections a span {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}


/*  === /SECTIONS ========================================================== */


/* === NAVIGATION ========================================================== */

#navigation.loggedIn {
	position: relative;	
    margin:-80px 0px 0px 0px;
    float:right;
}

#navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#navigation li {
    display: inline;
    margin: 0;
    padding: 0;
}

#navigation li.first a {
    border-left: 0;
}

#navigation a {
    display: block;
    float: left;
    color: #EDEDED;
    text-decoration: none;
    padding: 1px 10px;
    border-left: 1px solid #4C97EF;
}

#navigation a:hover {
    text-decoration: none;
}

#navigation li#nav-login a {
    background: #BF172D url(../img/template/bg-login-button.gif) repeat-x;
    border: 1px solid #7E1B37;
    font-weight: bold;
}

#navigation #login-status {
	font-size: 9px;
	color: #afd8fb;
	position: absolute;
	top: 24px;
	right: 0px;
}
/*  === /NAVIGATION ======================================================== */


/* === PAGEBODY ============================================================ */


#pagebody {
	position: relative;
    background:#FFFFFF url(../img/template/bg-pagebody-middle.jpg) repeat-y;
	width: 980px;
    margin: 0 1px;
}

#homepage2 #pagebody {
	background: none;
	position: relative;
	width: 980px;
    margin: 0 1px;
}

#pagebody #page-theme {
	position: relative;
    padding: 0px 0px 0px 0px;
    min-height: 330px;
}



/*  === /PAGEBODY ========================================================== */


/* === PRIMARY ============================================================= */


#content {
	position: relative;
	margin: 0px 0px 0px 10px;
	padding: 0px;
    color: #00326D;
    width: 960px;
}

#content h1#pagetitle {
    font-size: 2em;
    text-transform: uppercase;
    padding: 40px 0 65px 60px;
    line-height: 1em;
}

#content h1#pagetitle .lowercase{
    text-transform: lowercase;
}

#content h1#pagetitle span {
    color: #2F4977;
}

#content_banner_block {
	position: relative;
	float: left;
	width: 960px;
	margin: 0px;
	padding: 0px;
}

#bannerTitle {
	position: relative;
	margin: 55px 0px 0px 280px;
	padding: 0px 0px 0px 0px;
}

#bannerText {
	position: relative;
	height: 90px;
	line-height: 18px;
	margin: 15px 60px 0px 280px;
	padding: 0px 0px 0px 0px;
}

#content_body_grid {
	position: relative;
	float: left;
	clear: left;
	width: 960px;
	margin: 0px;
	padding: 0px;
}

#content #content_grid .headerBar {
	position: relative;
	width: 650px;
	height: 31px;
	display: block;
	margin: 0px 0px 2px 0px;
	background-color: #233E6E;
}

#content #content_grid .headerBar_first {
	margin-top: 10px;
}

#content #content_grid .headerBar h5 {
	float: left;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 8px 0px 0px 15px;
}

#content #content_grid ol {
    margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content #content_grid ol li {
    list-style-position: outside;
    margin: 0px 20px 0px 40px;
	padding: 0px 0px 10px 0px;
}

/*  === /PRIMARY =========================================================== */


/* === ss ============================================================= */

#sidebar {
    position: relative;
	float: left;
    width: 240px;
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	/* background-color: #3300CC; */
}

#sidebar .addressBlock {
	position: relative;
	float: left;
    width: 230px;
    margin: 0px;
    padding: 0px;
}

#sidebar .addressBlock li {
    margin: 0px 0px 0px 40px;
    padding: 0px;
	list-style-image: none;
	list-style: none;
}

#sidebar .addressBlock li a {
    color: #AA1224;
    text-decoration: underline;
}

/* === SUB-NAVIGATION ====================================================== */

.subnav {
	position: relative;
	float: left;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.subnav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
	list-style-type: none;
}

.subnav li {
    margin: 0px 0px 0px 37px;
    padding: 0px;
    border-top: 2px dotted #BABABA;
	list-style: none;
	list-style-type: none;
}

.subnav li.first {
    border-top: 0;
}

.subnav a:link,
.subnav a:visited,
.subnav a:hover {
    display: block;
    color: #00326D;
    text-decoration: none;
    padding: 6px 6px 6px 24px;
    background: transparent url(../img/template/subnav-bullet.gif) no-repeat left top;
}
.subnav li.current a {
    font-weight: bold;
}


/*  === SUB-NAVIGATION ===================================================== */


/*  === /SIDEBAR =========================================================== */


/* === FOOTER ============================================================== */

#footer {
    padding: 0px 0px 15px 1px;
    color: #3E6AAA;
}

#footer p {
	text-align: center;
    line-height: 1.3em;
    padding-bottom: 0.9em;
}

#footer p#footer-nav1 {
    text-align: center;
	margin-bottom: 0px;
	padding-bottom: 5px;
}
#footer p#footer-nav1b {
    text-align: center;
	margin-top: 0px;
	padding-top: 5px;
}

#footer p#footer-nav1 a {
    color: #ffffff;
}
#footer p#footer-nav1b a {
    color: #ffffff;
}

#footer p#footer-nav2 a {
	text-align: center;
    color: #3E6AAA;
}

#footer #legal {
	text-align: center;
    padding-bottom: 0.75em;
}

#footerBodyBottom {
	display: block;
	width: auto;
	height: 45px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
    background-image: url(../img/template/bg-pagebody-bottom.jpg);
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

#homepage2 #footerBodyBottom {
	display: block;
	width: auto;
	height: 5px;
	margin: 0px;
	padding: 0px;
    background: none;
}
/*  === /FOOTER ============================================================ */


/*  /LAYOUT ================================================================ */



/* SHARED SNIPPETS ========================================================= */

/* STANDARD PDF FOOTER ===================================================== */
.pdfTopDivider { 
	position: relative; 
	float: left; 
	width: 650px; 
	font-size: 0px; 
	line-height: 0px; 
	height: 2px; 
	margin: 0px 0px 2px 0px; 
	padding: 0px; 
	border-bottom: 2px dotted #BABABA; 
}

#pdfFooter {
	position: relative;
	float: left; 
	width: 641px;
	margin: 0px; 
	padding: 0px 0px 10px 10px;
	background-color: #EEE;
}

#acrobatReaderBar {
	position: relative; 
	float: left;
	width: 115px;
	margin: 5px 0px; 
	padding: 0px;
	background: url(../img/template/buttons/btn_acrobatReader.jpg);
	background-position: 0px 0px;
	background-repeat:no-repeat;
}

#acrobatReaderBar a {
	display: block;
	text-indent: -9000px;
	width: 112px;
	height: 33px;
}

#acrobatReaderInfo {
	position: relative; 
	float: left;
	width: 480px;
	margin: 11px 0px 0px 8px; 
	padding: 0px;
}
/* STANDARD PDF FOOTER ===================================================== */

/* === MORE BUTTONS ======================================================== */

p.more {
    padding-top: 0;
}
p.more a {
	display: block;
    background-image: url(../img/template/buttons/more.gif);
	background-repeat: no-repeat;
}

/*  === /MORE BUTTONS ====================================================== */


/* === ICONIC LISTS ======================================================== */

ul.iconic {
    margin: 0 0 10px 0;
    padding: 5px 0 0 20px;
}

ul.iconic li {
    background-position: 0 3px;
    background-repeat: no-repeat;
    line-height: 16px;
    list-style: none;
    margin: 2px 0 2px 0;
    padding: 3px 0 2px 22px;
}

ul.iconic li.i-audio    { background-image: url(../img/fileicons/audio.gif); }
ul.iconic li.i-movie    { background-image: url(../img/fileicons/movie.gif); }
ul.iconic li.i-wmv      { background-image: url(../img/fileicons/wmv.gif); }
ul.iconic li.i-image    { background-image: url(../img/fileicons/image.gif); }
ul.iconic li.i-earth    { background-image: url(../img/fileicons/earth.gif); }
ul.iconic li.i-pdf      { background-image: url(../img/fileicons/pdf.gif); }
ul.iconic li.i-doc      { background-image: url(../img/fileicons/doc.gif); }
ul.iconic li.i-xls      { background-image: url(../img/fileicons/xls.gif); }
ul.iconic li.i-ppt      { background-image: url(../img/fileicons/ppt.gif); }
ul.iconic li.i-box      { background-image: url(../img/fileicons/box.gif); }
ul.iconic li.i-page     { background-image: url(../img/fileicons/page.gif); }
ul.iconic li.i-form     { background-image: url(../img/fileicons/form.gif); }
ul.iconic li.i-phone    { background-image: url(../img/fileicons/phone.gif); }
ul.iconic li.i-env      { background-image: url(../img/fileicons/envelope.gif); }
ul.iconic li.i-none     { background-image: none; }

/*  === /ICONIC LISTS ====================================================== */


/* === SIFR ================================================================ */

/* do not alter: --- */
.sIFR-flash 		{ visibility: visible !important; margin: 0; }
.sIFR-replaced		{ visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* ----------------- */

.sIFR-hasFlash h2 {
    display: block;
    font-size: 28px !important;
    letter-spacing: -3px;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    visibility: hidden;
}

/*  === /SIFR ============================================================== */


/*  /SHARED SNIPPETS ======================================================= */



/* SECTION SPECIFIC ======================================================== */

/* === HOME ================================================================ */

body#homepage2 #content {
	position: relative;
    width: auto;
    float: none;
	margin: 0px;
    padding: 0px;
}

.home-box {
	margin: 0px;
    padding: 20px 20px 0px 20px;
}

.home-box h2 {
	margin: 0px;
	padding: 0px;
    font-size: 1.35em;
}

.home_rule {
	text-align: left;
	display: block;
	width: 273px;
	margin: 3px 0px 0px 20px;
	border-top: 2px dotted #D5D5D5;
}

/* ======= INTRO =========================================================== */

#intro {
	/* note: #intro is not unique reused many times */
}

#intro h1 {
    background: transparent url(../img/template/home/homepage_center_message.jpg) no-repeat center top ;
    height: 78px;
    text-indent: -9999em;
    margin-bottom: 0.25em;
}

#intro p {
    line-height: 1.6em;
    text-align: justify;
}

#intro p.more {
    width: 270px;
	text-align: right;
}

#intro p.more a {
	height: 40px;
    line-height: 1.6em;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 5px 0px;
	background-position: 250px -2px;
}

/* ======= FASTRAK ========================================================= */

#fastrak {
    background: transparent url(../img/template/home/homepage_fastrak_truck.jpg) no-repeat 203px 15px;
}

#fastrak img.home-box_fastrakHeader {
    margin: 0px 0px -5px 0px;
}

#fastrak p {
    padding-right: 90px;
    padding-bottom: 0.8em;
}

#fastrak p.more {
    padding-bottom: 0.5em;
}

#fastrak p.more a {
    text-align: right;
	width: 145px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 40px 0px 0px;
	background-position: 150px -2px;
}

/*  ======= /FASTRAK ======================================================= */


/* ======= NEWS ============================================================ */

#news {
    padding-top: 0px;
}

#news h4 {
    font-weight: normal;
    font-size: 1em;
}

#news h4 a {
    color: #233E6E;
}

#news p {
    padding: 0px;
    font-size: 0.9em;
    color: #3E6AAA;
}

#news.home-box ul {
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	list-style: outside;
	list-style-type: none;
}

#news.home-box li {
	margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	list-style-image: url(../img/template/home/arrow.gif);
}

#news.home-box  h4 {
    margin: 8px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#news.home-box li p {
	display:block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
}

#news p.more a {
	text-align: right;
	width: 210px;
	height: 20px;
	display: block;
	margin: 0px 20px 0px 0px;
	padding: 0px 40px 5px 0px;
    background: transparent url(../img/template/buttons/more.gif) no-repeat 215px -2px;
}

/*  ======= /NEWS ========================================================== */


/* ======= SERVICE ========================================================= */

#service {
    background: transparent url(../img/template/home/homepage_serviceCenters_man.jpg) no-repeat 158px 8px;
	height: 110px;
}

#service h2,
#service p {
	width: 140px;
}

#service p.more a {
    text-align: left;
	width: 150px;
	height: 20px;
	background-position: 120px -2px;
}

/*  ======= /SERVICE ======================================================= */


/* ======= PARTS =========================================================== */

#parts {
	float: left;
	clear: left;
    margin: 0px 0px 0px 0px;
	padding: 0px;
    background: transparent url(../img/template/home/part.gif) no-repeat 20px 0px;
}

#parts h2 {
	margin: 0px 0px 0px 150px;
	padding-left: 0px;
}
#parts p {
	margin: 0px 0px 0px 150px;
	width: 150px;
    padding-left: 0px;
}
#parts p.more a {
	display: block;
    text-align: left;
	height: 40px;
	background-position: 60px -2px;
}

/*  ======= /COMPETITOR TRACKER ====================================== */

h2.content-title { padding: 13px 0px 15px 0px; font-size: 17px; height: 37px; font-weight: bold; background: url(/lib/img/template/corporate/h2-bg.gif) repeat-x; }

.div-text { float: left; width: 420px; }
.div-button { padding: 0px 0px 0px 70px; } 

.div-text-details1 { float: left; width: 100px; line-height: 20px;  }
.div-text-details2 { float: left; width: 250px; line-height: 20px;  }
.div-button-details { float: left; padding: 5px 0px 0px 15px; } 

.sub-head { font-size: 13px; font-weight: bold; color: #AA1224; margin: 0px; }

.competitor-details { margin: 10px 0px; padding: 14px; background-color: #CCC; font-size: 12px; color: #000; }
.competitor-details select { margin: 2px 0px; padding: 2px; width: 145px; border: 1px solid #7f9db9; }
.competitor-details2 input { margin: 10px 5px 0px 0px; border: none; padding: 0px; background: none; }
.competitor-details h2 { color: #0b1f43; font-size: 14px; margin: 0px 0px 4px 0px; }
.competitor-details .inside-box { background-color: #FFF; border: 1px solid #989898; padding: 10px; }

.competitor-details .col1 { float: left; width: 175px; padding-left: 0px; text-align: right; line-height: 24px; }
.competitor-details .col2 { float: left; width: 180px; padding-left: 0px; text-align: right; line-height: 24px; }
.competitor-details .col3 { float: left; width: 220px; padding-left: 0px; text-align: right; line-height: 24px; }
.competitor-details .col3-txt { float: left; width: 225px; padding-left: 20px; text-align: left; line-height: 24px; }
.competitor-details .hdr { color: #9C0000; font-weight: bold; }

.input-hidden { background-color: #FFF !important; border-color: #FFF !important; }
ul.form-fields { list-style-type: none; margin: 0px; padding: 0px; }
ul.form-fields li { padding: 3px 0px; }
ul.form-fields li.first { padding: 0px 0px 3px 0px; }

.competitor-details .left-col { float: left; width: 200px; }
.competitor-details .date-col { float: left; }
.competitor-details .left-col h2, .competitor-details .date-col h2 { color: #0b1f43; font-size: 14px; margin: 0px 0px 8px 0px; }
.competitor-details .left-col select, .competitor-details .date-col input { margin: 0px 0px 10px 0px; }

.customer-units { padding: 0px 130px 0px 20px; text-align: right; }
#more_csus { text-align: left; }
.photos img { float: left; margin: 0px 10px 0px 0px; }

.search-competitor { margin: 10px 0px; }
.search-competitor fieldset { margin: 0px 10px 0px 0px; padding: 14px; float: left; width: 181px; background-color: #CCC; }
.search-competitor fieldset.right { margin: 0px; padding: 14px; float: left; width: 181px; background-color: #CCC; }
.search-competitor fieldset select { margin: 2px 0px; padding: 2px; width: 145px; border: 1px solid #7f9db9; }

.search-buttons, .search-buttons-right { float: left; width: 216px; text-align: right; }
.search-buttons input { margin: 0px 5px 0px 0px; border: none; padding: 0px; background: none; }
.search-buttons-right input { margin: 0px; border: none; padding: 0px; background: none; }

.submit { text-align: right; }
.submit input { margin: 10px 0px 0px 0px; border: none; padding: 0px; background: none; }

.search-competitor fieldset .inside-box { background-color: #FFF; border: 1px solid #989898; padding: 10px; height: 105px; }
.search-competitor fieldset h2 { color: #0b1f43; font-size: 13px; margin: 8px 0px 12px 0px; }

/*  ======= /STATUS TABS/FORUM AREA ====================================== */

#StatusTabs li { display:block; float:left; text-align:center; }
#StatusTabs a { height: 25px; width: 75px; display: block; text-decoration: none; }
#StatusTabs a.submitted { background: url(/lib/img/template/corporate/tabs/submitted.gif) no-repeat; }
#StatusTabs a.open { background: url(/lib/img/template/corporate/tabs/open.gif) no-repeat; }
#StatusTabs a.resolved { background: url(/lib/img/template/corporate/tabs/resolved.gif) no-repeat; }
#StatusTabs a.rejected { background: url(/lib/img/template/corporate/tabs/rejected.gif) no-repeat; }
#StatusTabs a.archived { background: url(/lib/img/template/corporate/tabs/archived.gif) no-repeat; }

#StatusTabs a.active, #StatusTabs a:hover { background-position: 0px -25px; }

#StatusTabs a span { display: none; }

/*  ======= /DISTRIBUTOR LANDING PAGE ====================================== */

.listing { margin: 5px 0px; padding: 7px; background-color: #233D6E; color: #FFF; font-size: 13px; }
.listing span { color: #CCCCFF; font-weight: bold; }

.listing-details { padding: 7px; background-color: #EDEDED; }
.listing-details div { padding: 0px; }
.listing-details .phone, .listing-details .fax { width: 160px; float: left; }
.listing-details .address { padding: 0px 0px 5px 0px; }
.listing-details .email { float: left; }

.listing-details a:hover { text-decoration: none; }

/*  ======= /DISTRIBUTOR ISSUES FORUM ====================================== */

.search-area { margin: 0px 10px 0px 0px; float: right; }
.search-area form { margin: 0px; padding: 0px; }
.search-area form input { padding: 2px; margin: 0px; vertical-align: middle; }
.search-area form input.clean { margin: 0px; padding: 0px; }

.forum-container { margin: 0px; border: 1px solid #D1D1D1; padding: 0px 10px; }

table.forum { margin: 0px; width: 100%; border: none; padding: 0px; }

table.forum tr.odd td { padding: 6px; background-color: #EDEDED; }

table.forum th { padding: 6px; background-color: #233E6E; margin: 0; }
table.forum th a:link, table.forum th a:visited { color: #FFF; text-decoration: underline; }
table.forum th a:hover, table.forum th a:active { color: #FFF; text-decoration: none; }

.tall { margin: 10px 0px 0px 0px !important; }

table.forum td.clear { padding: 0px; border: none; } /* clear padding/border/etc for pagination area */
table.forum td { padding: 6px; border-top: 7px solid #FFF; }
table.forum td a:link, table.forum td a:visited { text-decoration: none; }
table.forum td a:hover, table.forum td a:active{ text-decoration: underline; }

table.forum td a.under:link, table.forum td a.under:visited { text-decoration: underline; }
table.forum td a.under:hover, table.forum td a.under:active{ text-decoration: none; }

.post-question { margin: 10px 10px 10px 0px; text-align: right; }
.post-question img { vertical-align: middle; }
.post-question a:link, .post-question a:visited { font-weight: bold; text-decoration: none; }
.post-question a:hover, .post-question a:active { text-decoration: underline; }

.back-to-listing { text-align: right; }
.back-to-listing a:link, .back-to-listing a:visited { font-weight: bold; text-decoration: underline; }
.back-to-listing a:hover, .back-to-listing a:active { text-decoration: none; }

.forum-content { margin: 20px 0px 0px 0px; padding: 2px 0px; }
.forum-header { margin: 0px; padding: 10px 15px; border-bottom: 1px solid #CCC; }

table.forum-controls { width: 100%; }
table.forum-controls td { padding: 2px 2px 2px 0px; }
table.forum-controls td img { vertical-align: middle; }
table.forum-controls a:link, .forum-controls a:visited { font-weight: bold; text-decoration: underline; }
table.forum-controls a:hover, .forum-controls a:active { text-decoration: none; }

table.add-comment { margin: 20px 0px; border: none; }
table.add-comment td { padding: 3px; }
table.add-comment input { cursor: pointer; }

/*  ======= /PHOTO VAULT ====================================== */

#categories select { margin: 2px 0px; padding: 2px; width: 177px; background-color: #FFF; }
#categories a:link, #categories a:visited { 
	margin: 2px 0px 2px 2px;
	padding: 4px 2px; 
	width: 173px; 
	font-weight: bold; 
	background-color: #FFF; 
	border: 1px solid #A7A6AA; 
	color: #00326D;
	display: block;
	border: 1px solid #A7A6AA;
	text-decoration: none;
	text-align: center;
}
#categories a:hover, #categories a:active { text-decoration: underline; }

#categories { margin: 30px 0px; }
#categories div {
	float:left;
	width:184px;
	height:160px;
	margin: 0px 22px 30px 0px;
	padding: 3px;
	background-color:#ccc;
	text-align:center;
	border: 1px solid #A7A6AA;
}
#categories img { margin-top: 5px; border: 1px solid #A7A6AA; }
#items img { border: 1px solid #A7A6AA; }
#itemPhoto img { border: 1px solid #A7A6AA; }
span.subTitle {	font-weight:bold; }
a.lnkBack:link, a.lnkBack:visited { float:right; font-weight:bold; text-decoration: none; }
a.lnkBack:hover, a.lnkBack:active { text-decoration: underline; }

#items { margin: 30px 0px; }
#items div.photo {
	float:left;
	width:184px;
	height:108px;
	margin: 0px 22px 30px 0px;
	padding: 5px 3px;
	background-color:#ccc;
	text-align:center;
	border: 1px solid #A7A6AA;
}
#itemDetail {
	margin: 20px 0px 0px 20px;
	float: left;
}
#itemDetail strong { color: #AA1125; }
#itemDetail a:link, #itemDetail a:visited { text-decoration: none; }
#itemDetail a:hover, #itemDetail a:active { text-decoration: underline; }

#itemPhoto {
	margin: 30px 0px;
	background-color:#ccc;
	padding: 10px;
	border: 1px solid #A7A6AA;
	float: left;
}
#downloadWindows { margin: 5px 0px 10px 0px; padding: 0px; width:300px; float:left; }
#downloadMac { margin: 5px 0px 10px 0px; padding: 0px 20px 0px 0px; width:280px; float:left; }
h5.photo-vault { margin: 0px 0px 0px 0px; color: #AA1125; font-size: 11px; }
h5.photo-vault2 { margin: 15px 0px 0px 0px; color: #AA1125; font-size: 11px; }
hr { margin: 3px 0px; padding: 0px; }
p.sub { margin: 0px; padding: 0px; }

/*  ======= /PARTS ========================================================= */


/*  === /HOME ============================================================== */


.fixer 
{
	clear:both;
}
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }

/*  /SECTION SPECIFIC ====================================================== */


}
@media print {

/* TODO */

}