/* selector reset 
--------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, table, fieldset, form, fieldset, label, legend, select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* common selector layout 
--------------------------------*/

body { background: url(../images/background.gif) #DDDFE1; line-height: 1; color: #626262; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; }
p { padding: 5px 0; margin: 0; }
strong, b { color: #028A0C; }
img { border: 0; }
input, select { vertical-align: middle; }
a:link { color: #018A0B; }
a:visited { color: #018A0B; }
a:hover { color: #AAAEAA; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/
.error{ color:  red; font-weight: bold; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.fl-left { float: left; }
.fl-right { float: right; }
.container { overflow: hidden; width: 100%; }
.required { color: #D00; }
.note { font-style: italic; font-size: 10px; }
/*.opacity { opacity: .60; filter: Alpha(opacity=60); } not valid css 2.1*/

h1.sifr-text,h2.sifr-text { margin:0;padding:0; color:#028A0C; }
select.text { border: 1px solid #999; }
input.text { padding: 2px; border: 1px solid #999; width: 130px; }
textarea.text { padding: 2px; border: 1px solid #DDD9D3; }
input.image { }
input.button { color:#FFF; background:#000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;padding: 2px; }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 947px; text-align:left; margin: 13px auto 0 auto; border-top: 9px solid #C5C4C4; }
#home div#shell { padding: 28px 0 32px 25px; border: solid #C5C4C4; border-width: 1px 0; background:#FFF; margin:4px 0 0 0; }
#home div#content { background: url(../images/content-bg.png) repeat-y #FFF; width: 100%; overflow: hidden; padding: 0 0 0 0; }
#home div#content p { line-height: 1.4em; }
#home div#content div#left { float: left; display: inline; width: 216px; margin: 0 0 0 0; padding: 0 5px 0 0; }
#home div#content div#left div.image { background: url(../images/featured-product-bg.png) no-repeat bottom; width:213px; overflow:hidden; min-height: 141px; text-align:center; margin: 0 0 0 -5px; }
* html #home div#content div#left div.image { height: 141px; }
#home div#content div#middle { float: left; display: inline; width: 200px; margin: 0 15px 0 19px; }
#home div#content div#middle p.first { background: url(../images/middle-p-bg.png) repeat-x bottom; padding-bottom: 11px; }
#home div#content div#right { float: left; display: inline; width: 422px; margin: 0 0 0 19px; }
#home div#content div#right div.text { margin: 0 0 0 0; line-height: 1.4em; }
#home div#photo { border: solid #C5C4C4; border-width: 1px 0 1px 0; margin:7px 0 0 0; padding: 5px 0 5px 5px; background:url(../images/photo-bg.jpg) no-repeat 540px 50% #FFF; }
/* internal */
#internal { width: 947px; text-align:left; margin: 13px auto 0 auto; border-top: 9px solid #C5C4C4; }
#internal div#content { background: #FFF; width: 100%; overflow: hidden; padding: 0 0 30px 0; margin:4px 0 0 0; }
#internal div#content div#left { float: left; width: 170px; display: inline; margin: 14px 0 0 33px; }
#internal div#content div#left ul { padding: 0;margin: 0; list-style:none; }
#internal div#content div#left ul li { width:; }
#internal div#content div#left ul li a { width: 100%; display:block; background: url(../images/left-li-bg.png) repeat-x bottom; padding:7px 5px 7px 0; text-decoration: none; font-size: 12px; }

#internal div#content div#right { float: right; width: 663px; display: inline; margin: 21px 43px 0 0; }
#internal div#content div#right h1.sifr-text { margin-bottom:9px; font-size:17px; font-weight:normal; color:#028A0C; border-bottom: 1px solid #C8C8C8; }
#internal div#content div#right div.text { line-height: 1.4em; margin: 5px 0 0 0; }

/*shared*/
#header { height:84px; overflow:hidden; padding: 0 0 0 0; margin: 1px 0 0 0; background: url(../images/header-bg.png) no-repeat #FFF; border: solid #C5C4C4; border-width: 1px 0; }
#header img#logo { float:left; width: 260px; height: 47px; margin: 24px 0 0 32px; }
#header div { float:right; width: 380px; margin: 8px 26px 0 0; }
#header div img { margin: 0 0 0 17px; vertical-align:middle; }

#internal div#photo { border: solid #C5C4C4; border-width: 1px 0 1px 0; margin:7px 0 0 0; padding: 5px 0 5px 5px; background:#FFF; }

/*NAV*/
#nav ul { height: 22px; background: url(../images/nav-bg.png) repeat-x; list-style:none; margin: 4px 0 0 0; padding: 9px 0 7px 15px; z-index: 1000; position:relative; }
#nav a { display: block; height: 22px; text-indent: -6000px;  }
#nav li.menu-cat { float: left; display: block; text-transform:capitalize; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 20px; text-indent: 0; text-transform:none; height: auto; width: 147px; color: #038B0D; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #038B0D; background: #E5E5E5; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 22px;left: 16px; width: 170px; height: auto; margin:0;padding: 8px 0 0 0; list-style:none; background:transparent; } /*dropdown properties*/
#nav li ul li { border: #E6E6E6 solid; border-width: 0 0 0 1px; background:#FBFBFB; } /*borderbottom for ie6*/
#nav li ul li ul { position: absolute; top: 5px; left: 100%; } /*flyout positioning */

/* display/don't display 5 deep*/
#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul,
#nav ul ul ul li:hover ul ul {display: none;} /*hide dropdown*/
#nav ul li:hover ul,
#nav ul ul li:hover ul, 
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul {display: block; background: url(../images/blank.gif); } /*dropdown item properties*/

/* nav categories */
#nav li#nav-about-us { background: url(../images/nav-about-us.png); width: 94px; } 
#nav li#nav-about-us:hover {background-position: 0 -22px; }
#nav li#nav-news { background: url(../images/nav-news.png); width: 69px; } 
#nav li#nav-news:hover {background-position: 0 -22px; }
#nav li#nav-products { background: url(../images/nav-products.png); width: 93px; } 
#nav li#nav-products:hover {background-position: 0 -22px; }
#nav li#nav-markets-applications { background: url(../images/nav-markets-applications.png); width: 185px; } 
#nav li#nav-markets-applications:hover {background-position: 0 -22px; }
#nav li#nav-literature { background: url(../images/nav-literature.png); width: 99px; } 
#nav li#nav-literature:hover {background-position: 0 -22px; }
#nav li#nav-employment { background: url(../images/nav-employment.png); width: 115px; } 
#nav li#nav-employment:hover {background-position: 0 -22px; }
#nav li#nav-resources-links { background: url(../images/nav-resources-links.png); width: 152px; } 
#nav li#nav-resources-links:hover {background-position: 0 -22px; }
#nav li#nav-contact-us { background: url(../images/nav-contact-us.png); width: 105px; } 
#nav li#nav-contact-us:hover {background-position: 0 -22px; }

#crumb { margin: 10px 0; }

#footer { color: #626262; background: #FFF; height: 31px; margin: 4px 0 0 0; padding: 6px 0 9px 0; text-align: center; line-height: 1.6em; border: solid #C5C4C4; border-width: 1px 0; }
#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

/* MISC 
-------------------------------------*/

/* forms */
/*
#content-form { width: 450px; }
#content-form td { padding: 0 0 2px 0; }
#content-form td.label { text-align: right; vertical-align: top; padding: 0 5px 0 0; }
#content-form input.text { padding: 2px; width: 150px; border: 1px solid #DEDEDE; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #DEDEDE; }
#content-form input.button { padding: 2px; background: #A0A0A0; color: #FFF; }
#content-form input.checkbox { vertical-align: top; }
#content-form td.line_label { font-weight: bold ;text-align: left; padding: 0 0 4px 0; width:100%; }
*/
form label,form .group { display: block; width: 100%; overflow: hidden; margin: 0 0 5px 0; }
form label span,form .group span { width: 200px; float: left; text-align: right; padding: 4px 5px 0 0; }
form label input { float: left; margin: 0 0 5px 0; width: 110px; }
form label select { float: left; margin: 0 0 5px 0; width: 115px; }
form .buttons { text-align:right; width: 100%; }
/*form group*/
form ul { float:left; width:auto; margin:0 0 5px 0;padding:0;list-style:none; overflow:hidden; }
form li.heading { text-decoration:underline; float:left; padding: 4px 0; width: 100%; }
form li.error { float:left; padding: 4px 0; width: 100%; }
form li { width:50%; float:left; padding: 4px 0; }
form li label, form ul li span, form li input { display:inline !important; width:auto !important; float:none !important; }
form label span.error { width:180px; text-align:left; margin-left: 5px; }
form label span, form #captcha-image span { width: 200px; float: left; text-align: right; padding: 4px 5px 0 0; }

/* --- Products extension --- 
Note: Image sizes are set in the extension view /includes/views/

*/
/*#products{  margin: 0px 10px;}
#products .product_title{ padding:10px 0px;}
#products a{ color:darkred; }
#products .products_image{
	padding:5px;
	border:1px solid white;
	margin-right:10px;
	float:left;
}
*/


.products a{
	text-decoration: underline;
}

.products_image{
	
	padding: 6px;
	border: 1px solid silver;
	margin: 0px 15px 15px 0px;
	float:  left;

}

.products_image_detail{
	
	padding: 6px;
	border:  1px solid silver;
	float: left;
	margin: 0px 15px 15px 0px;
}

.products_row div{
	float:left;
	padding:3px 1px;
	
}

.products_row{
	
	overflow:hidden;
	width:auto;
}

.product_title{
	font-size: 130%;
}

#products_left_bar li {
	list-style-type: square;
	margin-left: 20px;

	line-height: 150%;
}

#products_left_bar a {
	color:  black;
	text-decoration: none;
}

#products_left_bar a:hover {
	text-decoration: underline;
}

#products_left_bar h2{
	padding-bottom: 20px;
}