body
{
	color: #333333;
	font-family: Helvetica;
	font-size: 12px;
	line-height: 1.4em;

	background-color: #a4ce99;
	background-image: url('/images/background/greenpattern-tile.png');
	
	margin: 0px;
	padding: 0px;
}

a
{
	font-weight: bold;
	color: #00a79d;
}

acronym
{
	border-width: 0px;
}

img
{
	border-width: 0px;
	margin: 0px;
	padding: 0px;
}

h1 /* tri-auto logo */
{
	padding-top: 0px;
	margin-top: 0px;
}
h2 /* section header at top of inside pages */
{
	font-size: 16px;
}
h3
{
	font-weight: bold;
	font-size: 14px;
	color: #aa3626;
	margin-top: 0px;
	margin-bottom: 0.5em;
}
h4
{
	color: #aa3626;
	margin-bottom: 2px;
}

em
{
	font-weight: bold;
	font-style: italic;
}

p
{
	margin-top: 2px;
}

ul
{
	list-style-type: disc;
}

.subhead
{
	font-weight: bold;
	font-size: 12px;
	color: #666666;
}



#main-outer
{
	width: 100%;
	background-color: white;
	padding-top: 5px;
}

#main-inner
{
	width: 782px;
	margin: 0px auto;
}

#header
{
	
}

#header .phone
{
	font-family: 'Helvetica Black Condensed', 'Helvetica Condensed', Helvetica;
	color: #aa3626;
	font-size: 20px;
	font-weight: bold;
	margin-right: 1em;
}

#header-upperright
{
	float: right;
}
#header-upperright img
{
	vertical-align: middle;
}

a#client-login
{
	/* background-color: #a4ce99; */

	font-size: 12px;
	font-weight: bold;
	text-decoration: none;

	line-height: 0px;
}

ol.leftnav
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	
	width: 155px;
	
	/* needed to get the arrow to appear on top in IE, and for absolute positioning later */
	/* NOTE:  This should be in the 'li' element instead to for the absolute positioning, but
	          due to MSIE bugs (all versions) related to z-index handling, we can't.  If 
              in the future, more secondary navs are required, they will all have to be
              absolutely positioned from the top of the OL, instead of from the top of its LI.
              That will be hard. */
	position: relative;
}
ol.leftnav li
{
	margin-left: 0px;
	padding-left: 0px;
}
ol.leftnav li a
{
	display: block;
	width: 156px;
	height: 30px;
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: 0pt;
}
/* handles hover state for leftnav images */
ol.leftnav li a:hover img
{
	visibility: hidden;
}



ol#leftnav li:hover div.leftnav-secondary,
ol#leftnav li.hover div.leftnav-secondary, /* for ie<7 */
div.leftnav-secondary:hover
{
	display: block;
}

div.leftnav-secondary
{
	display: none;	
	position: absolute;
	top: 10px;
	left: 140px;

	z-index: 2000 !important;
}


ol.leftnav-secondary
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
ol.leftnav-secondary li a
{
	color: #9b9b9b;
	display: block;
	font-size: 11px;

	width: 135px !important;
	padding-left: 12px;
	padding-top: 5px;

	background-repeat: no-repeat;
}

ol.leftnav-secondary li, /* IE cache bug workaround */
ol.leftnav-secondary li a
{
	background-image: url('/images/nav/popup/middle.png');
}
ol.leftnav-secondary li a
{
	height: 18px !important;
}
ol.leftnav-secondary li a:hover
{
	background-image: url('/images/nav/popup/middle-hover.png');
}

ol.leftnav-secondary li.first-child, /* IE cache bug workaround */
ol.leftnav-secondary li.first-child a
{
	background-image: url('/images/nav/popup/top.png');	
}
ol.leftnav-secondary li.first-child a
{
	height: 21px !important;
}
ol.leftnav-secondary li.first-child a:hover
{
	background-image: url('/images/nav/popup/top-hover.png');	
}

ol.leftnav-secondary li.last-child, /* IE cache bug workaround */
ol.leftnav-secondary li.last-child a
{
	background-image: url('/images/nav/popup/bottom.png');	
}
ol.leftnav-secondary li.last-child a
{
	height: 21px !important;
}
ol.leftnav-secondary li.last-child a:hover
{
	background-image: url('/images/nav/popup/bottom-hover.png');	
}


#leftnav
{
	margin-top: 2em;
	margin-right: -8px; /* arrow/frame overlap */
}
#leftnav p
{
	font-weight: bold;
	font-size: 11px;
	margin-top: 2px;
	margin-bottom: 1.4em;
	margin-left: 9px;
	line-height: 1.4em;
	width: 130px;
	color: #666666;
}

div#util-tabs
{
	float: right;
	margin-right: 40px;
	line-height: 0px;
}
div#util-tabs a
{
	float: left;
	text-transform: uppercase;
	margin: 0px 3px;
	line-height: 0px;	
}

#footer
{
	width: 100%;
}
#footer-contents
{
	background-image: url('/images/background/footer-mask.png');
	background-position: top center;
	background-repeat: no-repeat;

	width: 803px;
	height: 62px;

	margin: 0px auto;
	padding-left: 78px;
	
	font-size: 11px;
}
#footer-contents a
{
	color: #666666;
}

#footer-contents span
{
	line-height: 28px;
	margin: 3px 13px;
}

.float-right
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.float-left
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}


#bottom
{
	padding: 10px 12px 10px 6px;
}
#bottom td /* the two bottom cells on the home page */
{
	width: 49%;
}
#bottom-left
{
	border-right: 1px dashed #a5cf9a;
	padding-right: 10px;
}
#bottom-left-middleblock
{
	margin: 2em 0px;
}
#bottom-right
{
	padding-left: 20px;
}
#bottom ul
{
	padding-left: 0px;
	margin-left: 2em;
}

div.float-contain
{
	clear: both;
}

#flash-frame
{
	width: 639px;
	background-image: url('/images/background/home-flash-frame.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 9px;
}

#inside-frame
{
	width: 511px;
	background-image: url('/images/background/inside-frame.png');
	background-position: right 10px;
	background-repeat: no-repeat;
	margin-left: 16px;
	padding-bottom: 1em;
}
#inside-header,
#inside-content
{
	clear: both;
	margin-right: 14px;
	margin-left: 10px;
}
#home-flash-container
{
	display: block;
	padding: 0px;
	padding-left: 14px;
}
object#home-flash
{
	width: 611px;
	height: 273px;
	background-image: url('/images/flash/tri-auto-home-preflash.jpg');
	background-repeat: no-repeat;
	background-position: center center;	
}
object#home-flash img
{
	width: 611px;
	height: 273px;	
}


ul.products
{
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
}

ul.products li
{
	float: left;
	width: 94px;
	height: 150px;
	text-align: center;

	margin-bottom: 10px;
}

ul.products li a
{
	cursor: pointer; /* IE wasn't showing this over the image for some reason.  No harm having it here. */
	display: block;
	color: #9b9b9b;
}

ul.products li a span.image
{
	display: block;
	border: 1px solid transparent;
	
	padding: 2px 3px;
	height: 108px;

	vertical-align: middle;

	font-size: 0px;
	line-height: 0px;

	position: relative;
	overflow: hidden; /* hides the sides of the 'quick info' image */
}

ul.products li a:hover span.image
{
	border: 1px solid red;
}

ul.products li a span.image img
{
	width: 80px;
	margin: 0px auto;
}

ul.products li a span.image img.quick-info
{
	width: auto;
	margin: 0px;
	position: absolute;

	z-index: 100;
	top: 44px;
	left: -5px;
	visibility: hidden;
}
ul.products li a:hover span.image img.quick-info
{
	visibility: visible;
}

ul.products span.title
{
	display: block;
	margin: 0px 3px;
}




ol#inside-top-nav
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	font-size: 12px;
	color: #9b9b9b;
	
	margin-bottom: 2em;
	font-weight: bold; /* to match the links so things don't shift */
}

ol#inside-top-nav li
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

ol#inside-top-nav li.sep
{
	margin: 0px 3px;
}

div.quote b
{
	display: block;
}

#right-column
{
	padding-top: 30px;
	padding-left: 4px;
}

a#home-marketvision-link
{
	text-align: center;
	font-size: 11px;
	text-decoration: none;
}
a#home-marketvision-link span
{
	display: block;
	text-decoration: underline;
}

.fixme
{
	border: 3px dotted red;
}

.legalese
{
	clear: both;
	text-align: center;
	font-style: italic;
}

dl.news dt
{
	padding-top: 1em;
}
dl.news dd
{
	margin-left: 5px;
	padding-left: 0px;
}

img.quote-left
{
	float: left;
	margin: 2px;
}
img.quote-right
{
	float: right;
	margin: 2px;
}


table.layout,
td.layout
{
	margin: 0px;
	padding: 0px;	
}
table.layout
{
	border-collapse: collapse;
}
td.layout
{
	vertical-align: top;
}

ul#contact-methods
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 2em;
}
ul#contact-methods li
{
	display: block;
	clear: both;
	vertical-align: top;
}
ul#contact-methods li img
{
	float: left;
	margin-right: 2em;
	margin-bottom: 2em;
}
ul#contact-methods li h3
{
	padding-top: 10px;
}

a.view-all-products-button
{
	display: block;
	margin: 10px 0px;
}

ol#vdp-points
{
	padding-left: 1em;
	margin-left: 1em;
	margin-top: 2em;
	margin-bottom: 2em;
}
ol#vdp-points li
{
	font-weight: bold;
	font-size: 14px;
	color: #aa3626;
	
	clear: both;
	margin-top: 1em;
}
ol#vdp-points li p
{
	font-weight: normal;
	font-size: 11px;
	color: black;
}
#vdp-points em
{
	color: #666666;
	font-style: italic;
	font-weight: bold;
	font-size: 13px;
}

#careers-bottom-spacer
{
	height: 100px;
}

.clear-both
{
	clear: both;
}

.address
{
	margin-left: 3em;
}

ul#about-office-gallery
{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}
ul#about-office-gallery li
{
	display: inline;
	margin: 0px 5px;
}
ul#about-office-gallery img
{
	width: 100px;
}

div#vdp-custom-image-wrapper
{
	clear: left;
	line-height: 0px;
	font-size: 0px;

	width: 400px;
	height: 256px;
	min-width: 400px;
	min-height: 256px;
	
	margin-bottom: 6px;

	background-image: url('/images/vdp-demo/pic1-loading.jpg');
	background-repeat: no-repeat;
	background-position: top left;
}

form#vdp-form label
{
	float: left;
	clear: left;
	width: 100px;
	text-align: right;
	line-height: 26px;
	padding-right: 4px;
}
form#vdp-form div
{
	height: 26px;
	overflow: visible;
	vertical-align: middle;
}
ul#vdp-examples
{
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul#vdp-examples li
{
	display: inline;
}
ul#vdp-examples li img
{
	width: 80px;
	border: 1px solid white;
}
ul#vdp-examples li a:hover img
{
	border: 1px solid red;
}
ul#vdp-examples li input
{
	width: 80px;
}
ul#vdp-examples li button
{
	cursor: pointer;
	background: none;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	display: inline;

	width: 80px; /* needed for MSIE */
}

div#marketvision-video-demo
{
	clear: both;
	margin: 1em 0px;
}

#shadowbox_toolbar_inner,
#shadowbox_title_inner
{
	background-color: black;
}
#shadowbox_toolbar_inner img.close-x
{
	vertical-align: top;
}
#shadowbox_body
{
	border: 3px solid black;
}


/* surrounds the popup div, either embedded in a page or as a new popup document */
body#popup_container,
div#popup_container
{
	background-image: none;
	background-color: #f5f5f5;
	text-align: center;
	vertical-align: middle;
}
div#popup_container
{
	width: 460px;
	height: 320px;
	border: 1px solid #b9b9b9;
}


div#popup
{
	width: 440px;
	height: 300px;
	margin: 10px auto;
	
	/*position: relative;*/ /* for positioning the copyright notice */
}

div#popup_left
{
	float: left;
	border: 1px solid #b9b9b9;
	background-color: white;
}

div#popup_left img
{
	width: 189px;
	height: 248px;
	padding: 7px 32px;	
}
div#popup_left h3
{
	display: block;
	border-top: 1px solid #b9b9b9;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0px;
	margin: 0px;
}

div#popup_right
{
	float: right;
	text-align: center;
	height: 100%;
}
div#popup h4
{
	font-size: 13px;
}
div#popup_right,
div#popup_right h4
{
	color: #676767;
}
div#popup .copyright-notice
{
	margin-top: 8em;
	font-size: 9px;
	text-align: left;
	white-space: nowrap;
}

div#popup div.sizes
{
	width: 155px;
	margin: 0px auto;
}

div#popup_success_placeholder,
div#popup_success
{
	height: 60px;
	width: 157px;
	padding: 10px;	
	margin: 20px auto;	
}

div#popup_success
{
	text-align: left;
	
	background-image: url('/images/background/popup-success.png');
	background-repeat: no-repeat;
	background-position: center center;
	
	color: #aa3626;
}
div#popup_success h4
{
	color: #aa3626;
	margin-top: 0px;
}
div#popup_success div
{
	font-size: 11px;
	margin-left: 25px;
}
div#popup_success div.results
{
	font-weight: bold;
}


/* admin */
table#admin-products
{
	border-collapse: collapse;
}
table#admin-products td
{	
	border: 1px solid black;
	padding: 2px;
	vertical-align: middle;
}
table#admin-edit-product th
{
	text-align: right;
}
table#admin-edit-product th div
{
	font-size: 11px;
	font-style: italic;
	font-weight: lighter;
}
col#title-col
{
	width: 180px;
}
/*
,
col#sizes-col,
colgroup#results-colgroup
{
	width: 200px;
}
*/


tr.show-results td.results-group,
tr.top-seller td.product-title
{
	background-color: #a4ce99;
}table#nostyle { padding: 0px; }