/*
	RESETS & BASICS
*/
* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
html, body { height: 100%; }
body { font: 12px/1.4 Helvetica, Arial, sans-serif; background: url(/images/top-bg-wide-2.jpg) repeat-x; }
body#training { background: url(/images/top-bg-wide-training.jpg) repeat-x; }
.floatLeft, .floatleft { float: left; }
.floatRight, .floatright { float: right; }
.last { margin-right: 0 !important; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */
a { outline: none; }
a img, img { border: none; -ms-interpolation-mode: bicubic; }
img { vertical-align: middle; }
ul { list-style: none; margin: 0; }
table { border-collapse: collapse; }

#drag-table td { padding:5px; }



/*
	UTILITY
*/
.button { background: url(/images/button-bg.png) top center repeat-x; padding: 4px 6px 3px 6px; border: 1px solid green; cursor: pointer; font-weight: bold; color: white; white-space: nowrap; }
.button:hover { background: white; color: black; }
hr.subdivider { border: 3px solid #f1f1f1; margin: 15px 0; }
.product-codes { display: none; color: white; }
.price { font-weight: bold; font-size: 18px; }
.highlight { background: white; padding: 4px 9px 2px 9px; -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.thumbnail { border:1px dashed #CCCCCC; display:block; float:left; margin: 5px; padding: 3px; width: 125px; text-align: center; font-size: 14px; text-decoration: none; }
.thumbnail img { margin-bottom: 5px; }
.thumbnail:hover { border: 1px dashed black; background-color: #fff2b6; text-decoration: none; color: black; }

#complete-button[disabled] { opacity: 0.5; }

.basic-table td { padding:4px; }



/*
	TYPOGRAPHY
*/
a { text-decoration: none; color: #11932f; }
a:hover { color: #00ec06; }
.button { background: url(/images/button-bg.png) top center repeat-x; padding: 4px 6px 3px 6px; border: 1px solid green; cursor: pointer; font-weight: bold; color: white; white-space: nowrap; }
.button:hover { background: white; color: black; }
a[href$=pdf] { padding: 2px 0 2px 20px; background-image: url(/images/pdf.gif); background-position: left center; background-repeat: no-repeat; }
a[href$=pdf].button { background-color: green; padding: 4px 4px 4px 22px; }
a[href$=pdf].button:hover { background-image: url(/images/pdf.gif); background-position: left center; background-repeat: no-repeat; background-color: white; }
p { margin: 0 0 15px 0; }
h1, h2, h3, h4, h5 { margin: 0 0 10px 0; }
h1 { font-size: 42px; }
#store h1 { font-size: 30px; }
h2 { font-size: 24px;  }
h3 { font-size: 20px; margin: 0 0 15px 0; }
h4 { font-size: 20px; font-weight: normal; }
h5 { font-size: 16px; letter-spacing: 5px; color: #999; text-transform: uppercase; margin-bottom: 8px; }
h6 { font-size: 16px; font-weight: normal; border-bottom: 1px solid #ccc; margin: 16px 0 4px 0; }
h5.page-desc { color: #85c998; }
h5.page-desc span { color: #d6d0ca; }
blockquote { font-size: 1.3em; line-height: 1.4em; padding: 14px 30px 20px 30px; background: url(/images/left-quote.png) top left no-repeat; }
blockquote div { width: 100%; height: 100%; background: url(/images/right-quote.png) bottom right no-repeat; }
.quoter { margin-left: 200px; }
.quoter p { font-size: 1.1em; font-style: italic; }
#product-right ul { list-style: disc; margin-left: 30px; }




/*
	PAGE LAYOUT
*/
#top { background: none; width: 960px; margin: 0 auto 10px; min-height: 145px; height: auto !important; height: 145px; position: relative; text-align: right; }
h1#fields-button, h2#fields-button, h1#training-button, h2#training-button { margin: 0; }
h1#fields-button a { text-align: center; position: absolute; left: 0; bottom: -2px; height: 14px; width: 205px; background: url(/images/logo-tab.gif) bottom left no-repeat; display: block; padding: 0 0 82px 0; font: 12px/1 Helvetica, Serif; letter-spacing: 0; text-transform: uppercase; color: white; }
h2#training-button a { position: absolute; left: 217px; bottom: -3px; height: 30px; width: 69px; padding: 5px 0 0 55px; background: url(/images/mini-blue-tab.png) no-repeat; display: block; text-align: left; color: white; font: 12px/1 Helvetica, Serif; }
h1#training-button a { text-align: center; position: absolute; left: 0; bottom: -2px; height: 14px; width: 205px; background: url(/images/logo-beacon-training.png) bottom left no-repeat; display: block; padding: 0 0 82px 0; font: 12px/1 Helvetica, Serif; letter-spacing: 0; text-transform: uppercase; color: white; }
h2#fields-button a { position: absolute; left: 217px; bottom: -2px; height: 30px; width: 69px; padding: 5px 0 0 55px; background: url(/images/mini-green-tab.png) no-repeat; display: block; text-align: left; color: white; font: 12px/1 Helvetica, Serif; }
#top h1 a:hover, #top h2 a:hover { color: #F3D673; }
h3#slogan { position: absolute; top: 12px; left: 0; width: 500px; height: 25px; color: white; font: italic 16px Georgia, Serif; text-align: left; }
h3#slogan span { color: #F3D673; }
#page-wrap { padding: 0 0 10px 0; width: 960px; margin: -10px auto -170px; min-height: 100%; height: auto !important; height: 100%; position: relative; }
#main-content { padding: 10px 0; }
#push { height: 170px; }
#product-right { width: 480px; float: right; }								  
.top-prod { width: 195px; display: block; background: url(/images/topprod-bg.jpg) top center repeat-x #fff9d9; padding: 10px; margin: 0 10px 10px 0; float: left; color: black; font-size: 14px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
.top-prod:hover { background: #0d7e29; color: white; }
.top-prod img { float: left; margin-right: 5px; padding: 3px; border: 1px dashed #ccc; }
.pro-series-title { color: green; }

.product-option-box { margin: 0 0 5px 0; }
.product-option-box label { }

#order-box { border: 1px solid #ccc; padding: 15px 15px 10px 15px; text-align: left; margin: 10px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
#order-box span, #order-box input, #order-box img { vertical-align: middle; }

#training #left-content { width: 725px; float: left; padding: 50px 0 0 0; }
#training #sidebar { width: 220px; float: right; padding: 50px 0 0 0; }
#training #account-info { font-size: 16px; text-align: center; }

.account_button a { background-color:#498A33; padding:10px; color:#fff; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; font-weight:bold; display:block; margin-bottom:20px; text-align:center; font-size:16px; }
.account_button a:hover { background-color:#333; text-decoration:none; color:#fff; }

.sidebar-box { margin: 0 0 15px 0; display: block; text-align: center; padding: 0 0 12px 0; background: #fff6e3 url(/images/sidebar-box-bg.jpg) repeat-x; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; -moz-border-radius-bottomright: 12px; -webkit-border-radius-right-bottom: 12px; }
.sidebar-box span { display: block; color: black; font-size: 14px; }
.sidebar-box img { margin: 0 0 6px 0; border: 1px solid #eee; }
.sidebar-box:hover { background: white; color: black; }

#social_media .item { float:left; margin:0 10px 20px 10px; }
#social_media .item_text { float:left; margin:8px 10px 0 10px; font-weight:bold; color:#11932F; }

/*
	MAIN NAVIGATION
*/									  
#shop-menu { position: absolute; left: 381px; top: 15px; width: 150px; }
#learn-menu { position: absolute; left: 580px; top: 15px; width: 160px; }
#connect-menu { position: absolute; right: 0px; top: 15px; width: 150px; }
#training #shop-menu { position: absolute; left: 390px; top: 30px; width: 150px; }
#training #learn-menu { position: absolute; left: 580px; top: 30px; width: 160px; }
#training #connect-menu { position: absolute; right: 0px; top: 30px; width: 150px; }

#top h3.header-title { margin: 0 0 3px 0; font-size: 24px; }
#training #top h3.header-title { visibility: hidden; }
#top h3.header-title a { color: white; text-transform: uppercase; }

body#store li#nav-store a,
body.page-id-865 li#nav-designtofit a,
body.page-id-367 li#nav-fieldseminars a,
body#fielddimensions li#nav-fielddimensions a,
body#buyingguides li#nav-buyingguides a, 
body.page-id-537 li#nav-tipsfromthefield a,
body.page-id-708 li#nav-videos a,
body.blog li#nav-thebeaconblog a,
body.single li#nav-thebeaconblog a,
body.page-id-476 li#nav-beaconfields a,
body.page-id-304 li#nav-themonthlydirt a,
body.page-id-460 li#nav-webspecials a,
body.page-id-297 li#nav-contactus a,
body.page-template-page-training-product-php #nav-store a,
body.page-id-756 #nav-videolibrary a { color: white; padding-left: 20px; background: url(/images/curNav.png) left center no-repeat; font-weight: bold; }

#top ul, #top ul li { text-transform: uppercase; font-size: 12px; line-height: 18px; margin: 0; list-style: none;  }
#top a { color: #f3d673; }
#top a:hover { color: white; }
#top img { margin-bottom: 9px; }




/*
	EXPANDO
*/
#expando-tab { position: absolute; top: 113px; left: 229px; cursor: pointer; }
#expando { display: none; background: #e2f1f5; position: relative; top: -10px; width: 900px; left: 30px; }
#expando-inside						{ padding: 10px; }
#expando strong						{ text-transform: uppercase; letter-spacing: 1px; font-size: 11px; }
#expando p							{ margin: 0; }
#expando p.ex-blog-meta				{ color: #4191a6; }
.sep								{ font-family: Georgia, serif; font-style: italic; }
#expando h3							{ margin: 0; }
#expando h3	a						{ color: #134f5f; font-size: 16px; margin: 0; }
#custom-search-box					{ padding: 5px 8px; border: 2px solid #ccc; width: 310px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
#search-mag							{ position: relative; top: 9px; }
#ex-shadow							{ position: absolute; bottom: -2px; left: -30px; }

.MagicThumb-container				{ background: white; }
#secondary-images img				{ margin: 0 15px 15px 0; }






/*
	FOOTER
*/
#footer { background: url(/images/bottom-bg-wide.jpg) repeat-x; color: white; font-size: 12px; clear: both; z-index: 4000; position: relative; min-height: 170px; height: auto !important; height: 170px; }
#training #footer { background: url(/images/footer-bg-wide-training.png) repeat-x; }
#footer-inside { background: none; min-height: 170px; height: auto !important; height: 170px; width: 960px; margin: 0 auto; position: relative; top: 0; z-index: 4001; }

#footer-1, #footer-2, #footer-3, #footer-4, #footer-5 { position: absolute; top: 20px; }
#footer-1 { top: 30px; left: 5px; width: 115px; text-align: center; text-transform: uppercase; }
#footer-1 img { margin: 0 0 5px 0; }
#footer-2 { left: 155px; width: 165px; }
#footer-3 { left: 330px; width: 165px; }
#footer-4 { left: 530px; width: 112px; }
#footer-4 img { margin-top: 4px; }
#footer-5 { top: 37px; right: 0px; width: 240px; text-align: right; line-height: 21px; }
#footer-5 h4 { letter-spacing: 0; font: bold 15px Helvetica; text-transform: uppercase; color: white; }
#footer a { color: white; }
#footer a:hover { color: #f3d673; }
#footer ul { text-transform: uppercase; margin-top: 13px; font-size: 12px; }
#footer ul li { margin-bottom: 1px; line-height: 21px; }



/*
	PROMOS
*/
#buyingguidepromo { background:#E9E9E9; border:1px solid #709560; padding:10px; margin:10px 0; }
#buyingguidepromo h4 { display:inline; }
#buyingguidepromo .button { margin-left:5px; }


/* CART */
#cart-box { display:block; margin:0 0 15px 0; padding:8px; width:205px; text-align:center; border-bottom:1px solid #ccc; }
#cart-box:hover { text-decoration:underline; }

#cart-title { font:16px Georgia, Serif; color:#666; }




/* =Doubleheader Seminars
-------------------------------------------------------------- */

.doubleheader_headings { float:left; clear:both; width:100%; padding:5px 10px; background:#E9E9E9; text-transform:uppercase; }
.doubleheader_headings .title { float:left; width:320px; font-weight:bold; }
.doubleheader_headings .dates { float:left; width:220px; font-weight:bold; }
.doubleheader_headings .locations { float:left; width:270px; font-weight:bold; }
.doubleheader_headings .register { float:left; width:150px; text-align:right; }


.doubleheader { float:left; clear:both; width:100%; padding:10px; border-bottom:1px solid #333; }
.doubleheader .title { float:left; width:320px; font-weight:bold; }
.doubleheader .dates { float:left; width:220px; }
.doubleheader .locations { float:left; width:270px; }
.doubleheader .register { float:left; width:150px; text-align:right; text-transform:uppercase; font-weight:bold; }




/* Field Dimensions */

ul.soiltopics { background-color:#ffa; padding:5px 0; }
ul.soiltopics li { margin:5px 0; }
ul.soiltopics li.current { font-weight:bold; }

.right-column ol { margin-left:20px; }
.right-column ol li { padding-bottom:10px; }