/*
Meyer's Browser Default Reset (http://meyerweb.com/eric/tools/css/reset/) - v1.0 | 20080212
-------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; }
tr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; }
/*
Foundation
------------------------------------------------------*/
body { color: #333; font: 0.9em/1.34 helvetica, arial, sans-serif; background: #999 url(../_img/body_bg.gif) repeat-x; }
img { margin: 0; border: 0; outline: 0; }
a { color: #369; }
a:hover { text-decoration: none; }
#container { width: 960px; margin: 0 auto; }
#content-container { clear: both; }
#content { background: #fff; width: 100%; float: left; display: inline; }
.small { font-size:10px; color:#777; font-style:italic; }
small { font-size:10px; color:#777; font-style:italic; }
#right-column small p { font-size:10px; color:#777; font-style:italic; }
/*

Alternate Color Rows
------------------------------------------------------*/
tr.r0 td { padding:3px 3px 3px 3px;}
tr.r1 td { background-color: #EEE; padding:3px 3px 3px 3px;}
tr.r2 td { background-color: #FFF; padding:3px 3px 3px 3px;}
/*

Header
------------------------------------------------------*/
#header { width: 960px; background: url(../_img/header_bg.jpg) no-repeat; overflow: hidden; }
	#logo { margin: 19px 0 20px 0; width: 246px; height: 66px; float: left; display: inline; background: url(../_img/foley_logo.gif) bottom left no-repeat; }
	#logo a { display: block; width: 246px; height: 66px; text-indent: -20000px; }
	#header-middle { float: left; display: inline; width: 100px; height: 105px;}
	#header-right { float: right; display: inline; width: 444px; height: 105px; background: url(../_img/slogan_bg.gif) 180px 75px no-repeat; }
	#toolbar { background: #000; padding: 5px; overflow: hidden; }
		form#online-services label { width: 84px; height: 10px; margin: 6px 5px 0 3px; display: block; float: left; text-indent: -20000px; background: url(../_img/online_services_label.gif) no-repeat; }
		form#online-services { float: left; display: inline; margin: 0 10px 0 0; }
		form#online-services select { border: 1px solid #999; color: #666; font-size: 0.7em; }
		form#online-services select option {  }
		form#search { float: left; display: inline; }
		form#search input.form-text { width: 70px; border: 1px solid #999; font-size: 0.875em; padding: 1px 4px; color: #666; float: left; display: inline; }
		form#search input.form-submit { margin: 2px 0 0 6px; padding: 0; float: left; display: inline; }
	#user-links { clear: both; color: #666; }
		#user-links p { padding: 8px 6px; margin: 0; font-size: 0.75em; }
		#user-links p a { color: #999; }
	#slogan { display: block; text-indent: -20010px; font-size: 0.75em; font-weight: bold; }
/*
Navigation
------------------------------------------------------*/
#navigation { width: 956px; float: left; display: inline; border: 2px solid #fff; background: #4e4e4e url(../_img/nav_gradient.jpg) repeat-x; }
	#navigation ul { font-size: 0.85em; margin: 0 0 0 7px; }
	#navigation ul li { float: left; border-left: 1px solid #5b5b5b; position: relative; }
	#navigation ul li.first { border: none; }
	#navigation ul li a { text-transform: uppercase; display: block; float: left; padding: 10px 12px; background: #4e4e4e url(../_img/nav_gradient.jpg) repeat-x; color: #ffce10; text-decoration: none; }
	#navigation ul li a:hover { background: #000; }
	/* Suckerfish */
	#navigation ul li ul { position: absolute; background: #000; border: 1px solid #5b5b5b; border-top: none !important; width: 170px; top: 36px; left: -999em; clear: left; z-index: 999; font-size: 0.9em; margin: 0; padding: 0; }
		#navigation ul li ul ul, #navigation ul li:hover ul ul, #navigation ul li.sfhover ul ul { position: absolute; top: 0; left: -999em; z-index: 999; font-size: 0.9em; margin-left: 170px; }
	#navigation ul li ul li { border: none !important; } 
	#navigation ul li ul a { display: block; text-align: left; width: 160px; text-transform: capitalize; padding: 5px; background: none; border-top: 1px solid #5b5b5b; color: #fff; }
	/* Make Top-level styles stick on hover */
	#navigation li:hover ul, #navigation li.sfhover ul { left: auto; }
		#navigation li li:hover ul, #navigation li li.sfhover ul, #navigation li:hover li:hover ul, #navigation li.sfhover li.sfhover ul { left: auto; }
	#navigation ul li:hover a, #navigation ul li:hover a:hover, #navigation ul li.sfhover a:hover { background: #000; }
	#navigation ul li:hover li a, #navigation ul li.sfhover li a {  }
	#navigation ul li:hover li a:hover, #navigation ul li.sfhover li a:hover { background: #ffce10; color: #000; }
/*
Home-Flash
------------------------------------------------------*/
#home-flash { float: left; display: inline; width: 960px; border-bottom: 2px solid #999; padding: 0 0 2px 2px; }
	#home-flash img { float: left; display: inline; padding: 0 0 2px 2px; }
/*
Home-Content
------------------------------------------------------*/
#home-content { clear: both; overflow: hidden; border: 2px solid #fff; padding: 0 0 20px 0; }
	#home-content h2 { padding: 24px 12px 12px 12px !important; text-align: right; }
	#home-content h2 strong { float: left; display: inline; font-size: 1.2em; font-family: Impact,"Arial Narrow Bold","Arial Black" !important; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: 0.11em; }
	#home-content h2 em { font-size: 0.75em; font-style: normal; font-weight: normal; }
	#home-content em a { color: #fff; }
	#home-content em a:hover { text-decoration: none; }
/*
News-Block
------------------------------------------------------*/
#news-block { width: 315px; float: left; display: inline; margin: 0 5px 0 0; }
	#news-block h2 { background: #696969 url(../_img/h2_gradient_gray.gif) repeat-x; }
	#news-block div.news-highlight { border: 1px solid #ccc; margin: 2px 0 0 0; float: left; display: inline; width: 313px; }

		#news-block div.news-highlight div.date { color: #999; width: 40px; float: left; display: inline; margin: 10px; text-align: center; line-height: 1; }
			#news-block div.news-highlight div.date span.month { font-size: 0.75em; padding-left: 2px; }
			#news-block div.news-highlight div.date span.day { font-size: 1.8em; font-weight: bold; letter-spacing: -1px; margin: 0; padding: 0; }
			#news-block div.news-highlight div.date span.year { font-size: 0.775em; padding-left: 2px; line-height: 1; }

		#news-block div.news-highlight div.content { width: 236px; float: left; display: inline; margin: 10px 0 0 0; }
			#news-block div.news-highlight div.content a.photo { display: block; overflow: hidden; }
			#news-block div.news-highlight div.content a.photo img { float: left; display: inline; border: 1px solid #ccc; padding: 4px;  }
			#news-block div.news-highlight div.content a:hover.photo img { background: #ccc; }
			#news-block div.news-highlight div.content h3 { font-weight: normal; font-size: 0.9em; margin: 5px 0 10px 0; }

		#news-block ul.news-headlines { clear: both; font-size: 0.9em; }
			#news-block ul.news-headlines li { width: 315px; border-bottom: 1px solid #ccc; color: #999; overflow: hidden; }
			#news-block ul.news-headlines li h3 { font-weight: normal; font-size: 0.9em; }
			#news-block ul.news-headlines li h3 strong { width: 40px; float: left; display: inline; margin: 0; padding: 5px 10px 5px 15px; }
			#news-block ul.news-headlines li h3 em { width:238px; float: left; display: inline; padding: 5px 10px 5px 0; font-style: normal; }
			#news-block ul.news-headlines li h3 em a { color: #369; }
/*
Special-Offers
------------------------------------------------------*/
#special-offers-block { width: 315px; float: left; display: inline; margin: 0 5px 0 0; }
	#special-offers-block h2 { background: #38699b url(../_img/h2_gradient_blue.gif) repeat-x; }
		#special-offers-block ul.offers li { clear: both; width: 295px; margin: 12px 10px; padding-bottom: 10px; border-bottom: 1px solid #ccc; overflow: hidden; }
			#special-offers-block ul.offers li a.photo { border: 1px solid #bdcbd8; display: block; float: left; width: 132px; margin: 0 10px 0 0; padding: 4px; overflow: hidden; }
			#special-offers-block ul.offers li a.photo img { float: left; display: inline; }
			#special-offers-block ul.offers li a:hover.photo { background: #ccc; }
			#special-offers-block ul.offers li h3 { font-size: 0.85em; font-weight: normal; }
			#special-offers-block ul.offers li p { font-size: 0.85em; }
/*
Highlights-Block
------------------------------------------------------*/
#highlights-block { width: 315px; float: left; display: inline; }
	#highlights-block h2 { background: #cd3838 url(../_img/h2_gradient_red.gif) repeat-x; }
		#highlights-block ul.highlights li { overflow: hidden; border-bottom: 1px solid #ccc; }
		#highlights-block ul.highlights li a { width: 295px; text-decoration: none; display: block; overflow: hidden; padding: 10px; }
		#highlights-block ul.highlights li a:hover { background: #ccc url(../_img/highlights_gradient.gif) repeat-x; }
		#highlights-block ul.highlights li a span.title { text-decoration: none; }
		#highlights-block ul.highlights li a span.description { font-size: 0.85em; text-decoration: none; color: #666; }
		#highlights-block ul.highlights li a img { float: right; display: inline; margin: 0 10px 0 0; border: 1px solid #ccc; padding: 4px; background: #fff; }
/*
Right-Column
------------------------------------------------------*/
#right-column { float: right; display: inline; width: 738px; margin: 0 2px 0 0; padding: 0; overflow:hidden; }
	#right-column img.top { width:738px; padding:0px; background:#ccc; margin:0 0 0 0; border:0; }
	#right-column div.text-column-full { width: 690px; float: left; display: inline; margin: 20px 20px 20px 22px; }
	#right-column div.text-column { width: 357px; float: left; display: inline; margin: 20px 20px 20px 22px; }
	#right-column div.text-column img { float:right; border:2px solid #ccc; margin:0 0 5px 5px; }
		#right-column div.text-column img.left { float:left; margin:0 5px 5px 0; }

	#right-column h2 { padding: 0 0 10px 0; float:none; clear:left; border-bottom: 1px solid #ccc; font-size: 1.4em; font-weight: normal; color: #000; margin: 0 0 12px 0; }
	#right-column img.img-sm { width:125px; }
	#right-column p { font-size: 0.875em; margin: 5px 0 15px 0;  }
		#right-column p.title { margin:0 0 0 0; background:#ddd; }
		#right-column p.title a { padding:3px 5px; display:block; text-decoration:none; }
		#right-column p.title:hover {  }
		#right-column p.title span.right { float:right; padding: 0 5px; }
		#right-column .hide { padding:0 10px; margin:0 0 20px 0; }
			#right-column .hide p { margin:5px 0; }

	#right-column ul, #right-column ol { font-size:.875em; margin:5px 25px; }
		#right-column ul { list-style-type: disc; }
			#right-column .photo-column ul { list-style-type:none; margin:0; }
		#right-column ol { list-style-type: decimal; }

	#right-column blockquote { font-style: italic; margin:0 15px 10px 0; padding:10px 0 0 40px; font-size:.875em; background:url(../_img/bquote.jpg) top left no-repeat; }

	#right-column .block { float:left; display:block; padding:20px 20px 0 20px; }
		#right-column .block img { float:right; margin:0 0 10px 10px; border:2px solid #ccc; }
		#right-column .block p { margin:0; }

	#right-column .blockright { float:right; margin:20px 20px 0 0; }

	#right-column table.contacts { width:658px; float:left; margin:20px; }
		#right-column table.contacts th { padding:3px; background:#666; color:#fff; }
		#right-column table.contacts td { padding:3px; }
		#right-column table.contacts tr:hover td { background:#ccc; }
		
	#right-column div.photo-column { width: 338px; float: left; display: inline; margin: 20px 0 20px 0; }
		#right-column div.photo-column img { border: 2px solid #ccc; }
		#right-column div.photo-column p.caption { clear: both; font-size: 0.8em; margin: 5px 3px 15px 3px; }
		#right-column div.photo-column ul { width:325px; background:#fff; font-size:.85em; }
			#right-column div.photo-column ul li { background:#eee; margin:0 0 3px 0; }
				#right-column div.photo-column ul li a { display:block; padding:3px 5px; text-decoration:none; }
			#right-column div.photo-column ul li:hover { background:#ddd; }
				#right-column div.photo-column ul li:hover a {  }
		#right-column .photo-column #forms textarea { width:250px; }

	#right-column div#forms { width:670px; margin:0 4px; padding:0 30px; }
		#right-column form { float:left; width:670px; }
		#right-column form div.form { float:left; width:300px; }
		#right-column form div.formc { float:left; clear:both; display:block; }
		#right-column label { float:left; clear:left; margin:0 0 2px 0; }
		#right-column input.text { float:left; clear:left; background:#eee; height:20px; width:250px; margin:0 0 10px 3px; border:1px solid #999; }
		#right-column select { float:left; clear:left; background:#eee; margin:0 0 10px 3px; }
		#right-column textarea { float:left; clear:both; background:#eee; height:120px; width:400px; margin:0 0 10px 3px; border:1px solid #999; }
		#right-column input.form-button { padding:5px 20px; margin: 5px 0 0 3px; float:left; clear:left; }
		#right-column input.form-button:hover {  }
		#right-column #captcha { float:left; clear:left; }
		#right-column #captcha img { margin:0 0 0 3px; }
		#right-column p.error { color:red; }
/*

Breadcrumbs
------------------------------------------------------*/
#breadcrumbs { background: #666 url(../_img/interior_gradient.gif) repeat-x; padding: 3px 10px 1px 3px; font-family:Arial, Geneva, sans-serif; }
	#breadcrumbs p { font-size: 0.75em; color: #666; }
	#breadcrumbs p strong { display: block; float: left; width: 14px; height: 14px; text-indent: -20000px; background: url(../_img/breadcrumb_arrow.gif) no-repeat; margin:0 10px 0 0; }
	#breadcrumbs p a { color: #666; }
	#breadcrumbs p span { margin: 0 4px; }
	#breadcrumbs p a.active { text-decoration: none; font-weight: bold; }
/*
Left-Column
------------------------------------------------------*/
#left-column { width: 218px; float: left; display: inline; margin: 0 0 10px 2px; overflow:hidden; }
	#left-column a.ad { display: block; clear: both; overflow: hidden; margin: 0 0 10px 0; }
		#left-column a.ad img { float: left; display: inline; }
/*
Sub-Navigation
------------------------------------------------------*/
#sub-navigation {  }
	#sub-navigation h2 { font-size: 1.2em; font-family: Impact,"Arial Narrow Bold","Arial Black" !important; color: #fff; text-transform: uppercase; font-weight: normal; letter-spacing: 0.11em; background: #666 url(../_img/interior_gradient.gif) repeat-x; padding: 21px 12px 12px; }
	#sub-navigation ul { background: #f5f5f5 url(../_img/sub_nav_bg.gif) no-repeat; padding: 10px 8px; min-height: 234px; height: auto !important; height: 234px; }
		#sub-navigation ul li { font-size: 0.85em; font-weight: bold; }
		#sub-navigation ul li a { color: #333; display: block; padding: 5px 2px; width: 198px; text-decoration: none; border-bottom: 1px solid #e6e6e6; }
		#sub-navigation ul li a:hover { color: #fff; background: #666; }

		#sub-navigation ul ul { background:none; margin:0; min-height: 30px; height: auto !important; height: 30px; }
			#sub-navigation ul ul li { width:180px; }
			#sub-navigation ul ul li a { width:180px; border:0; }
/*
Footer
------------------------------------------------------*/
#footer { width: 960px; float: left; display: inline; color: #666; margin: 0; padding: 10px 0; background: #999 url(../_img/footer_gradient.gif) repeat-x; }
	#footer p { font-size: 0.75em; border-top: 2px solid #ccc; margin: 0 2px; padding: 10px 10px 25px 10px; }
		#footer p span { margin: 0 4px; }
		#footer p a { color: #666; text-decoration: none; }
		#footer p a:hover { text-decoration: underline; }

/*
XML
------------------------------------------------------*/		
table.xml-products-list {  }
	table.xml-products-list tr { width:auto !important; }
	table.xml-products-list th:first-child { text-align: left !important; }
	table.xml-products-list th { text-align: right; }
	table.xml-products-list td+td { border-right:1px solid #ccc; text-align: right; }
	table.xml-products-list td+td+td { border:none; }
	#xml-content h3 { color:#ff9a00; font-size:1.2em !important; margin:20px 0 0 0 !important; }