/* selector reset 
--------------------------------*/

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, var, b, u, i, center, fieldset, form, label, legend, select, input { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* common selector layout 
--------------------------------*/

body { background: #FCF896; line-height: 1; color: #000000; font-size: 11px; }
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;}
table td a { line-height: 1.3em;}
p { padding: 5px 0; margin: 0; }
img { border: 0; }
input, select { vertical-align: middle; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
h1,h2 { font-size: 12px; font-weight: bold; margin: 5px 0; }

/* common selector classes 
---------------------------------*/

.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; }

h1.title { }
select.text { border: 1px solid #DDD9D3; }
textarea.text { padding: 2px; border: 1px solid #DDD9D3; }
input.text { padding: 2px; border: 1px solid #DDD9D3; width: 130px; }
input.image { }
input.checkbox { width:20px; margin: 3px 0 0 0; }
input.radio { width:20px; margin: 5px 0 0 0; }
input.button { font: bold 92% Verdana, Arial, Helvetica, sans-serif; border:0;color: #FFF; padding: 3px 2px; background:#000; }
a.button { text-align: center; color: #000; font: bold 92% Verdana, Arial, Helvetica, sans-serif; white-space: nowrap; display: block; padding: 3px 0; background: #F8F243; cursor: default; text-decoration: none; border: 1px solid #8A8072; }

/* body selectors 
---------------------------------*/

/* home */
#home { width: 949px; text-align:left; margin: 13px auto 0 auto; }
#home div#content { width: 947px; overflow: hidden; padding: 1px; border-bottom: 1px solid #FFF; border-top: 1px solid #A49989; background: url(../images/home-bg.gif) repeat-y #FFFEF7; margin: 1px 0 0 0; }
#home div#content div#left { float: left; display: inline; width: 208px; margin: 0 1px 0 0; background: #000; }
#home div#mid { float: left; display: inline; width: 550px; margin: 0 1px 0 0; background:#D6D1CA; padding: 0 0 0 0; }
#home div#mid div.text { overflow:hidden; width: 100%; }
#home div#mid div.text img { float: left; margin: 0 0 0 0; }
#home div#mid div.text div.col-right { float: right; width: 297px; display:inline; margin: 0 12px 0 0; position:relative; }
#home div#mid div.text h1.sifr-black { font-size: 12px; margin:0 0 4px 0; }
#home div#mid div.text h1.sifr-black-italic { font-size: 21px; margin: 10px 0 0 0; }
#home div#mid div.text ul { margin:0;padding:0; }
#home div#mid div.text li { margin:0 0 0 15px;padding:2px 0; }

/* internal */
#internal { width: 949px; text-align:left; margin: 13px auto 0 auto; }
#internal div#content { width: 947px; overflow: hidden; padding: 1px; border-bottom: 1px solid #FFF; border-top: 1px solid #A49989; background: url(../images/home-bg.gif) repeat-y #FFFEF7; margin: 1px 0 0 0; }
#internal div#content div#left { float: left; display: inline; width: 208px; margin: 0 1px 0 0; background: #000; }

#internal div#content div#mid { float: left; display: inline; width: 550px; margin: 0 1px 0 0; background:#EFEDEA; padding: 0 0 0 0; }
#internal div#content div#mid div.text { padding: 0 9px 38px 25px; line-height:1.4em; }
#internal div#content div#mid div#bnr { overflow:hidden; width: 515px; height: 20px; margin: 21px 0 7px 25px; padding: 0 0 5px;border-bottom: 1px solid #A49989; position:relative; }
#internal div#content div#mid div#bnr h1.sifr-black { float: left; font-size: 20px; margin:0; width: 459px; }
#internal div#content div#mid div#bnr img { float:left; width: 52px; display:inline; padding:6px 4px 0 0; margin: 5px 0 0 0; }

div#content div#right { float: left; overflow:hidden; display: inline; width: 164px; background:#F8F243; padding: 12px 10px 0 13px; }
div#content div#right h1.sifr-black { width: 187px; height:20px; font-size: 20px; font-weight: normal; margin:0; white-space:no-wrap; }
div#content div#right form { margin: 20px 0 0 0; }
div#content div#right form span { display:block; font-weight: bold; }
div#content div#right form input.text { width: 157px; margin: 0 0 5px 0; }
div#content div#right form textarea.text { width: 157px; height: 43px; margin: 0 0 5px 0; }
div#logo-vr { background: url(../images/logo-vr-home.gif) no-repeat left; height: 30px; width: 99px; padding: 5px 0 0 48px; margin: 43px 0 13px 13px; }

ul#categories { clear:both; margin:0;padding:0 0 0 0;list-style:none; overflow: hidden; width: 100%; background:#EAE7E4; border-top: 1px solid #FFF; }
ul#categories li { text-align:right; float: left; padding:15px 7px 14px 0; width: 129px; border-right: 1px solid #FFF; }
ul#categories li img { border: 1px solid #959089; }
ul#categories li#cat-valves { background: url(../images/title-valves.gif) 7px 109px no-repeat; }
ul#categories li#cat-valve-repair { background: url(../images/title-valve-repair.gif) 7px 63px no-repeat; }
ul#categories li#cat-actuation { background: url(../images/title-actuation.gif) 7px 75px no-repeat; }
ul#categories li#cat-instruments { background: url(../images/title-instruments.gif) 7px 58px no-repeat; border-right: 0; }
ul#categories li#cat-safety-valves { background: url(../images/title-safety-valves.gif) 7px 48px no-repeat; border-right: 0; }

/*shared*/
#header { width: 949px; height: 123px; padding: 0 0 0 0; margin: 0 0 6px 0; background: #FFFEF7; border: solid #A49989; border-width: 1px 0 1px 0; position:relative; z-index:100; }
#header img#logo { float: left; width: 319px; height: 84px; display:inline; margin: 20px 0 0 18px; }

#header form { float: right; margin: 42px 15px 18px 0; display:inline; text-align:right; }
#header form input.text { width: 123px; margin: 0 4px 0 0; }
#header form input.image {}

#page-audio { width:95px; height:20px; position:absolute; top:7px; right: 5px; }

#nav { clear: right; float: right; width: 557px; display:inline; height: 26px; margin: 0 15px 23px 0; }
/*NAV*/
#nav ul { width: 100%; list-style:none; margin:0;padding:0; }
#nav a { display: block; height: 26px; text-indent: -6000px; }
#nav li.menu-cat { float: left; display: block; }/*menu category styling*/
#nav li:hover { position:relative; } /*hold flyout positioning*/

/* dropdown */
#nav li ul a { padding: 5px 3px 5px 10px; text-indent: 0; height: auto; width: 157px; color: #000; text-decoration: none; } /* reset for dropdown */
#nav li ul a:hover { color: #000; background: #FCF896; } /*reset for dropdown */
#nav ul ul { position: absolute; top: 26px;left: 5px; width: 170px; height: auto; margin:0;padding:0; list-style:none; border-top: 0 #DADCF6 solid; } /*dropdown properties*/
#nav li ul li { border: #E4E3D7 solid; border-width: 0 0 1px 0; }
#nav li ul li ul { position: absolute; top: 0; left: 100%; } /*flyout positioning */
/* display/don't display */
#nav ul ul,
#nav li:hover ul ul{ display: none; } /*hide dropdown*/
#nav li:hover ul,
#nav ul ul li:hover ul{ display: block; background: #FFF; } /*dropdown item properties*/

/* nav categories */
#nav li#nav-products { background: url(../images/nav-products.gif); width: 67px; } 
#nav li#nav-products:hover {background-position: 0 -26px; }
#nav li#nav-services { background: url(../images/nav-services.gif); width: 68px; } 
#nav li#nav-services:hover {background-position: 0 -26px; }
#nav li#nav-vendors { background: url(../images/nav-vendors.gif); width: 66px; } 
#nav li#nav-vendors:hover {background-position: 0 -26px; }
#nav li#nav-material-specifications { background: url(../images/nav-material-specifications.gif); width: 158px; } 
#nav li#nav-material-specifications:hover {background-position: 0 -26px; }
#nav li#nav-tools { background: url(../images/nav-tools.gif); width: 48px; } 
#nav li#nav-tools:hover {background-position: 0 -26px; }
#nav li#nav-company { background: url(../images/nav-company.gif); width: 75px; } 
#nav li#nav-company:hover {background-position: 0 -26px; }
#nav li#nav-contact-us { background: url(../images/nav-contact-us.gif); width: 75px; } 
#nav li#nav-contact-us:hover {background-position: 0 -26px; }

/* subnav */
#subnav {}
#subnav ul { margin:13px 0 0 16px; padding:0; list-style:none; width: 187px; }
#subnav li.menu-cat a { }
#subnav li a { display: block; text-indent: -6000px; }
#subnav li ul li { width:100%; } /* needed for ie6 spacing issues*/
#subnav li.menu-cat ul li a { font-weight: bold; padding: 3px 3px 2px 21px; color: #FFF; height:auto; text-indent: 0; text-decoration: none; }
#subnav li.menu-cat ul li a:hover { color: #F4F091; }
#subnav ul ul { margin:0;padding:5px 0 0 0; } /*dropdown properties*/

#subnav li#nav-side-products { background: url(../images/nav-side-products.gif) no-repeat; }
#subnav li#nav-side-products:hover { background-position: -193px 0; }
#subnav li#nav-side-services { background: url(../images/nav-side-services.gif) no-repeat; }
#subnav li#nav-side-services:hover { background-position: -193px 0; }
#subnav li#nav-side-info { background: url(../images/nav-side-info.gif) no-repeat; }
#subnav li#nav-side-info:hover { background-position: -193px 0; }

/* testimonials */
#testimonials { line-height: 1.1em; }
#testimonials div.text { background: #F8F243; border: 1px solid #DDD9D3; padding: 12px 9px; margin: 11px 12px 12px 12px; }
#testimonials h1.sifr-white { font-size: 18px; color: #FFF; margin: 7px 0 0 16px; height: 22px; }
#testimonials span { display: block; text-align: right; margin: 4px 0 0 0; }

#footer { background: #FFF; width: 947px; height: 26px; margin:0 0 0 1px; padding: 13px 0 0 0; text-align: center; border-top: 27px solid #DCD8D2; position:relative; }

#core101-logo { color: #DCDCDC; text-align:center; padding: 10px 0; }
#core101-logo a { color: #DCDCDC; }

/* MISC
-------------------------------------*/

/* forms */
#content-form { width: 400px; }
#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 #444; }
#content-form input.short { width: 55px; }
#content-form textarea.text { width: 220px; height: 60px; border: 1px solid #444; }
#content-form input.button { padding: 2px; background: #F8F243; color: #000; border: 1px solid #8A8072; }

/* CONTENT
------------------------------------*/

/* vendors tables */
.vendors { background:#FFF; text-align:center; width: 100%; }
.vendors td span, .vendors td a { padding:0 5px; }
.vendors td img { vertical-align:middle; padding: 5px; }
