/*
*************************************************

SBM Electronics
General Screen Styles

Created by
http://www.ugeideas.com

*************************************************
*/

/*-------------------------------------------    
    General Selectors
-------------------------------------------*/
* { margin: 0; padding: 0; color: #111;  }
body { background-color: #D2E5C7;}

h1 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #8a8c8e;  }
	h1.contact { font-size: 1.25em; color: #afb0b1; }
h2 { font: bold 1em Verdana, Geneva, sans-serif; color: #005420; margin: 1em 0; }
h3 {  }


a, #main a cite, a * { color: #0824f0; text-decoration: underline; font-weight: bold; }
a:hover, a:focus, #main a:hover cite, #main a:focus cite, a:hover *, a:focus * { color: #798a30; }

abbr, acronym { border: none; }

p, p strong, p em, li { color: #000; font: .875em/1.5 Arial, Helvetica, sans-serif; }
p, ul, ol, dd { margin: 0 auto .75em auto; }
dd {  }
p strong { font-weight: bold; }
p em { font-style: italic; }
strong, em { line-height: 1.5; }

blockquote {  }
blockquote cite { font-style: italic; }

img { display: block; }
	img.center  { margin: 0 auto; }
	img.left { float: left; margin: 0 .5em; }

dfn { font-style: normal; }


/*-------------------------------------------    
    Text Classes, ID's, Formatting
-------------------------------------------*/
ul.list-no-bull { list-style: none; }
			
ul.loose-columns { list-style: none; overflow:auto; }
	ul.loose-columns li { float: left; margin-right: 1em; width: 30%; }	

/*-------------------------------------------    
    Header
-------------------------------------------*/
#header { height: 225px; }
#logo { position: relative; left: 590px; padding-top: 15px; }
	a #logo  { border: none; }


/*-------------------------------------------    
    Navigation and Sub-Navigation
-------------------------------------------*/
ol#navigation { list-style: none; margin: 5px 0; clear: both; overflow: auto;  }
	ol#navigation li a { display: inline; float: left; font: bold 1em Arial, Helvetica, sans-serif; color: #246515; text-decoration: none; width: 110px; text-align: center; margin: .25em; height: 40px; padding-top: 18px; }/* unvisited link */
	ol#navigation li a:hover { color: #000; background:url(../images/navhover-shamrock.png) top center no-repeat; }  /* mouse over link */

ol#footer_nav { list-style: none; text-align: right; padding-left: 735px;  }
	ol#footer_nav li a { float: left; font: .75em Arial, Helvetica, sans-serif; padding: .5em; color: #231f20; margin-top: 10px; }
	

p#paged_nav { }
	p#paged_nav a { font-weight: normal; padding: .25em; color: #5a5758; text-decoration: none;}
		p#paged_nav a:hover { font-weight: bold; text-decoration: underline; color: #000; }

/*-------------------------------------------    
    Structure
-------------------------------------------*/
#wrapper { width: 1024px; background:url(../images/wrapper-bk.jpg) bottom center no-repeat; margin: 0 auto 100px auto; clear: both; overflow: auto;}
	#container { width: 860px; margin: 0 auto; background-color: #fff; }
ol#skipto { position: absolute; left: -999em; }

div#branding_area { }

div#content { margin-top: 40px; clear: both; overflow: auto; }

div#col-beta { width: 25%; float: left; padding-left: 1em; display: block; }
	div#col-beta p { font: bold 1em Arial, Helvetica, sans-serif; color: #246515; }
		div#col-beta p em { font-style: italic; color: #8a8c8e }
		div#col-beta p strong, div#col-beta li, div#col-beta a { font: bold 1em Arial, Helvetica, sans-serif; color: #8a8c8e; }
			div#col-beta li { margin-bottom: .5em; }
				div#col-beta li a {text-decoration: none; color:#8a8c8e;}      /* unvisited link */
				div#col-beta li a:hover {color:#231f20;}  /* mouse over link */

div#col-alpha { display: block; width: 70%; margin-left: 25%; padding-left: 2em; }


a#rightcolumn { float: left; width: 175px; min-height: 413px; margin-top: 15px; margin-left: 550px; margin-bottom: -430px; background:url(../images/rightcolumn-bk.jpg) top left no-repeat; text-align: right; text-decoration: none; }
	a#rightcolumn h3 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #d9e9cf; text-transform:uppercase; margin-right: 10px; margin-top: 45px; text-decoration: none; display: none;}
	a#rightcolumn p { display: none; font: .675em Verdana, Geneva, sans-serif; color: #fff;  margin: 25px 10px 0 15px; text-decoration: none; }

table#products { margin-top: .75em; margin-right: 10px; width:500px;}
	table#products h2 a { font: bold 1.25em Verdana, Geneva, sans-serif; color: #005420; text-decoration: none;}
	table#products p.subtitle em { color: #3f3b3c; font: italic .625em Verdana, Geneva, sans-serif; }
	td.product_info { border-bottom: 4px solid #d9e9d0; padding-bottom: 1em; width: 365px; }
table#products a img { border: none; }
	
div#center { width: 300px; margin: 0 auto; padding-top: 15%; }



/*-------------------------------------------    
    Products Pop ups
-------------------------------------------*/

body#popup { background: #fff; }

table#products-popup { display:block; margin: 1em auto; width:610px; }
	table#products-popup td { vertical-align: top; padding: .5em; }
	table#products-popup h1 { font: bold 1.5em Verdana, Geneva, sans-serif; color: #8a8c8e; margin-top: 1em; }	
	table#products-popup p { font: .75em/1.5 Verdana, Geneva, sans-serif; color: #000; }

/*-------------------------------------------    
    Forms
-------------------------------------------*/
form { margin: 0; padding: 0;  }
legend { font: bold 1em Verdana, Geneva, sans-serif; margin: .75em; padding: .5em; }
ol.form { list-style: none; margin: 0; padding: 0; width: 500px; font-size: 100%; overflow:auto;}
		ol.form li { margin: .25em; padding: .25em; width: 360px; font-family:Arial, Helvetica, sans-serif; }
		ol.form li label {color: #000; padding: 3px 0 0 0; float: left; font: bold .875em Arial, Helvetica, sans-serif; width: 100px; text-align: left;}
		ol.form li ol { list-style: none; }
	input.submit { margin: .5em 0 .5em 150px; }


/*Gmaps*/
#map_canvas {width:370px;height:300px;border:solid 2px #5449AF;}
#route {width:360px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}
	
	
/*Lightbox*/
div#lbContent {width:260px;height:300px;background: url(../images/dir_bg.gif) top left repeat-x;margin:0 auto;padding:20px;border:solid 5px #0A365B;}
#lightbox form {margin-left:0 !important;}
#lightbox.done {background:none;border:none;}
#lightbox ul li label {margin-bottom:2px;display:block; color:#fff;}
#lightbox {font:bold .750em Verdana, Arial, Helvetica, sans-serif;color:#fff;}
#lightbox ul, #lightbox form {text-align:center;}
#lightbox form ul li {margin:10px 0; list-style:none !important;}
#lightbox input {padding:4px;font-size:1.13em;color:#0673B6;width:200px;}
#lightbox select {font-size:1.13em;color:#0673B6;width:210px;}
#lightbox option {font-size:1.13em;color:#0673B6;width:180px;}
#lightbox h2{margin:0 auto 1em auto;font-size:1.125em; color:#fff; width:260px;}
#lightbox h3{color:#FF713F; color:#fff;}
#lightbox.done p {color:#fff;}
#lightbox p a {color:#fff;}
.highlight{background: url(../images/dir_bg.jpg) top left repeat-x;}

/*Sphider Search Engine*/
#results, #result_report, #other_pages, .url { color: #000; font: .875em/1.5 Arial, Helvetica, sans-serif; }