/*
Theme Name:Epsilon
Theme URI:http://epsilonindustries.com/
Description:Epsilon Industries, Inc.
*/
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, img, 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, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; background-color:transparent}
body{line-height:1; overflow-vertical:scroll}
ol, ul{list-style:none}
blockquote, q{quotes: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}

td{padding:3px; font-size:1.4em}

td{border-bottom:1px dashed #3C3C3C}

/* GLOBAL
--------------------------------------------- */
body{font:62.5%/1.7 Helvetica,Arial,sans-serif; background:url(img/global/bg-body-global.jpg) scroll repeat-x left top; color:#3c3c3c}
/* clear float rules defined early so they won't accidentally overwrite other possible declarations */
/* for modern browsers */
 .clearfix:after{ clear:both;  content:"'";  display:block;  font-size:0; /* fix FF bug */ height:0;  overflow:hidden;  visibility:hidden}
/* for IE7 */
 .clearfix{min-height:0}
/* for IE<7 \*/
 * html .clearfix{height:1%}
/* for IE-mac (snicker) */
 /*\*//*/ .clearfix{display:inline-table}/**/

/* LINKS */
a{color:#2797e6; text-decoration:none}
a:visited{color:#5792bc}
a:hover{color:#3db0f4; text-decoration:underline}

/* MAIN CONTAINER
--------------------------------------------- */
#container{width:960px; margin:0 auto; position:relative}

/* MASTHEAD
--------------------------------------------- */
#masthead{float:left; width:960px; margin:28px 0 17px 0}
a#epsilon-logo{width:300px; height:44px; background:url(img/global/logo-epsilon.jpg) no-repeat 0 0; float:left; text-indent:-9999px; position:relative; z-index:200}
#usernav{float:left; width:660px; font-size:1.1em; text-align:right; margin:10px 0 0; color:#ccc}
#usernav li{background:url(img/usernav-divider.gif) no-repeat left top; display:inline; padding:0 10px}
#usernav li a{color:#ccc; text-decoration:none}
#usernav li a:hover{color:#65e0ff}

#nav{float:left; width:960px; height:35px; margin:0 0 0px; font-size:1.2em; background:url(img/global/bg-nav.jpg) no-repeat right top}
#nav ul{float:left; width:700px}
#nav ul li{background:url(img/global/bg-nav-divider.png) no-repeat left bottom; float:left; height:34px}
#nav li.first{background:none}
#nav ul li a{color:#fff; background:url(img/global/bg-nav-sprites.jpg) no-repeat 0 90px; float:left; padding:6px 10px 4px; margin:4px 0 0}
#nav ul li.current_page_item  a, #nav ul li.current_page_parent a, #nav ul li.current_page_ancestor  a{background:url(img/global/bg-nav-sprites.jpg) no-repeat 0 -124px}
#nav ul li.first.current_page_item a, #nav ul li.first.current_page_parent a, #nav ul li.first.current_page_ancestor a{background:url(img/global/bg-nav-sprites.jpg) no-repeat 0 -44px}
#nav ul li.first a{padding-left:19px}
#nav ul li a:hover{background:url(img/global/bg-nav-sprites.jpg) no-repeat 0 -84px; text-decoration:none}
#nav ul li.first a:hover{background:url(img/global/bg-nav-sprites.jpg) no-repeat 0 -4px}

/* HEADERS
--------------------------------------------- */
#header{float:left; width:960px; background:url(img/backgrounds/bg-header.jpg) no-repeat}
#product-header{width:960px; float:left}

/* SUB NAVIGATION */
.subnav{float:left; width:900px; height:31px; padding:0 0 0 10px}
.subnav ul{float:left}
.subnav ul li.first{background:none}
.subnav ul li.first.current_page_item{background:url(img/backgrounds/bg-subnav.png) no-repeat left 4px}
.subnav li{background:transparent url(img/headers/nav-divider-global.png) no-repeat left bottom; float:left; font-size:1.2em; margin:0}
.subnav li a:link, .subnav li a:visited, .subnav li a:hover, .subnav li a:active{float:left; display:block; position:relative; padding:8px 14px 3px 12px; color:#fff; text-decoration:none}
.subnav li.current_page_item{background:url(img/backgrounds/bg-subnav.png) no-repeat left 4px; margin:0 7px 0 0}
.subnav li.current_page_item a:link, .subnav li.current_page_item a:visited, .subnav li.current_page_item a:hover, .subnav li.current_page_item a:active{display:block; float:left; background:url(img/backgrounds/bg-subnav.png) no-repeat right 4px; position:relative; left:7px; color:#2f2f2f; padding:8px 10px 3px 3px; font-weight:bold}
.subnav li.current_page_item+li{background:none}
.product-title{float:left; width:750px; height:136px}

.header-left{float:left; width:750px}
.cta{float:left; width:204px; height:163px; margin:4px 5px 0 0}
.cta a{display:block; text-indent:-9999px}

/* STANDARD HEADER */
.header-title{float:left; width:895px; height:66px; color:#eee; font-size:3em; font-weight:normal; padding:20px 0 0 30px; overflow:hidden}
.header-title a{color:#eee; text-decoration:none}
.header-title a:visited{color:#eee; text-decoration:none}
.header-title a:hover{color:#fff; text-decoration:none}

/* HERO
--------------------------------------------- */
#content .hero{width:100%; float:left}
#content .hero h1, #content .hero h2{float:left; display:block; width:100%; text-align:center; line-height:1em}
#content .hero h1{color:#666; font-size:4em; font-weight:normal; margin:.5em 0; padding:0; height:1em}
#content .hero h2{font-size:1.6em; margin:-.7em 0 1.5em; padding:0; font-weight:normal; color:#888}
#content .hero p{font-size:1.4em; margin-top:-20px}

/* SEARCH
--------------------------------------------- */
#global-search{background:transparent url(img/icons/search-icon.png) no-repeat scroll 138px 12px; float:right; padding:9px 32px 0 0; line-height:18px}
#global-search input{font-family:Helvetica,Arial,sans-serif; background-color:#464646; border-top:1px solid #303030; border-right:1px solid #464646; border-bottom:1px solid #464646; border-left:1px solid #303030; padding:4px 0 0 6px; font-size:11px; color:#ccc; font-weight:normal; width:125px; height:13px}

/* CONTENT
--------------------------------------------- */
#content{float:left; width:900px; background:transparent url(img/backgrounds/bg-content.png) no-repeat 0 0; padding:30px}
.left{float:left}
.right{float:right}

/* CONTENT COLUMNS */
.onecol, .twocol, .threecol, .fourcol, .twothirds, .onethird, .onefourth, .oneeighth{float:left; display:inline; width:100%; clear:both; border-top:1px solid #e3e3e3; padding:30px 0 0 0; margin:0 0 30px 0}
.twocol .onecol{width:90%}
 
.twocol .twocol, .twocol .threecol{padding:10px 0 0 0; margin:0; background:none}
.threecol{background:url(img/backgrounds/bg-threecol.gif) no-repeat 0 30px}
.col1, .col2, .col3, .col4{float:left; display:inline}
.onecol .col1{width:100%}
.twocol .col1{width:48%; margin:0 3% 0 0}
.twocol .col2{width:48%}
.twocol.icon .col1{width:12%; margin:0 2% 0 0}
.twocol.icon .col2{width:86%}
.twocol.icon .twocol .col1{width:48%; margin:0 4% 0 0}
.twocol.icon .twocol .col2{width:48%}
.threecol .col1, .threecol .col2{width:30%; margin:0 5% 0 0}
.threecol .col3{width:30%}
.twocol.icon.col1, .twocol.icon .onecol .col1{width:100%}
.twocol.icon .threecol .col1{width:30%; margin:0 5% 0 0}
.twocol.icon .threecol .col2{width:30%; margin:0 5% 0 0}
.twocol.icon .threecol .col3{width:30%}
.twothirds .col1{width:70%}
.twothirds .col2{width:25%; margin:0 0 0 5%}
.onethird .col1{width:20%; margin:0 4% 0 0}
.onethird .col2{width:75%}
.onefourth .col1{margin:0 25px 0 0; width:210px}
.onefourth .col2{width:665px}
.fourcol .col1, .fourcol .col2, .fourcol .col3, .fourcol .col4{width:24%; margin:0 1% 0 0}
.fourcol .col4{margin:0}
.wrapper{float:left; width:620px}
.sidebar{float:left; width:250px; margin:0 0 0 30px}
.sidebar form input.input, form input.textarea{width:215px}

/* FIRST-CHILD EXCEPTIONS */
.onecol.first, .twocol.first, .twothirds.first, .onethird.first, #bottom-container.first{border:none; padding:0}
.threecol.first{border:none}

/* Content Styles */
#content p{color:#3c3c3c; font-size:1.2em; font-weight:normal; margin:0 0 15px 0}
#content h1{font-size:2.4em; font-weight:normal}
#content h2{font-size:1.6em; font-weight:normal}
#content h3{color:#777; font-size:1.4em; font-weight:normal; line-height:1.8}
#content h5{color:#777; font-size:1.2em; font-weight:bold; line-height:1.8}
#content h1, #content h2{color:#096bb3}

/* LISTS */
#content h2+ul, #content h2+ol{margin-top:.5em}
.col1 ul, .col2 ul, .col3 ul, .col4 ul{padding:0; margin:0 0 15px 0}
#content ul li{background:url(img/bullet-green.png) no-repeat left 6px; padding:0 0 8px 15px; font-size:1.2em}
#content ul li h2{font-size:1.4em; line-height:2em}
.col1 li li, .col2 li li, .col3 li li{font-size:1em}

/* SIDEBAR BOXES */
.sidebar .box{float:left; background:url(img/sidebar/box-bg.png) repeat-y 0 0; padding:0; margin:0 0 15px 0; width:250px}
#content .sidebar .box p, #content .sidebar .box ul{float:left; padding:0 20px 0 20px; margin:0 0 10px 0}
#content .sidebar .box ul{margin:0}
#content .sidebar h4.box-top{float:left; background:url(img/sidebar/box-top.png) no-repeat 0 0; width:230px; height:26px; overflow:hidden; padding:6px 0 0 20px; margin:0 0 10px 0; font-size:1.3em; line-height:26px; color:#787878}
.sidebar .box-bottom{float:left; background:url(img/sidebar/box-bottom.png) no-repeat 0 0; width:250px; height:13px; overflow:hidden; margin:0}
.sidebar .callout a{float:left; display:block; background:url(img/sidebar/bg-callout.png) no-repeat 0 0; width:230px; height:60px; margin:0 0 15px 0; padding:10px; font-size:1em; line-height:1.4em; text-decoration:none; color:#3c3c3c; overflow:hidden}
.sidebar .callout a:hover{background:url(img/sidebar/bg-callout.png) no-repeat 0 -80px; text-decoration:none; color:#666}
.sidebar .callout .float-left{margin:0 5px 0 0}
.sidebar .callout strong{display:block; font-size:1.2em; line-height:1.7em}
.sidebar .callout span{display:block; font-size:1.1em}
.sidebar label{margin:0; padding:0 0 3px 0; text-align:left; color:#666; font-size:1.1em; text-align:left}
.sidebar form ul.buttons{margin-left:0}
.sidebar form select.select, .sidebar label{float:left; width:200px}

/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left{float:left; margin:0 20px 0 0}
img.float-right{float:right; margin:0 0 0 20px}
.img-border{border:4px solid #eaeaea}
.thumbnail{display:inline; margin:0 4px 0 0; border:4px solid #ccc}
.icon-left{float:left; margin:5px 10px 10px 0}

/* Button Styles */
#content p.button, p.button{margin-top:-10px}

form ul.buttons{margin-left:29.1%}
form ul.buttons li{float:left; clear:none; margin:0 15px 0 0}
button{background:url(img/backgrounds/bg-button-flat.png) repeat-x 0 0; border:solid 1px #dfdfdf; padding:2px 4px; cursor:pointer}
button:hover{background:url(img/backgrounds/bg-button-flat.png) repeat-x 0 -23px; border:solid 1px #39aae4; color:#fff; text-decoration:none}
button:active{background:url(img/backgrounds/bg-button-flat.png) repeat-x 0 -46px; border:solid 1px #39aae4; color:#ddd}
button:focus{outline:0}

* html button{width:auto; overflow:visible; line-height:20px; height:20px; padding:0 4px}


/* PROMOS - Large Hero Images
--------------------------------------------- */
#promo{width:960px; float:left; position:relative}
img.hero{margin:inherit auto}

/* FOOTER
--------------------------------------------- */
#footer-container{background:url(img/footer-bg.jpg) repeat-x 0 0; width:100%; clear:both}
#footer{width:920px; text-align:center; font-size:1.1em; color:#666; padding:10px 0 50px 0; margin:0 auto}
ul#legal{float:right}
ul#legal li{float:left; padding:0 8px; border-left:1px solid #dcdcdc}
ul#legal li.first{float:left; padding:0 8px 0 0; border:none}
p#copyright{float:left; margin-left:5px}
p#footercenter{float:left}

/* LISTS */
#content h2+ul, #content h2+ol{margin-top:.5em}
.col1 ul, .col2 ul, .col3 ul{padding:0; margin:0 0 15px 0}
#content ul li{background:url(img/bullet-green.png) no-repeat left 6px; padding:0 0 8px 15px; font-size:1.2em}
#content ul li h2{font-size:1.4em; line-height:2em}
.col1 li li, .col2 li li, .col3 li li{font-size:1em}

dt{font-size:1.4em; line-height:1.8em; font-weight:bold; color:#495879}

dd{font-size:1.2em; margin-left:30px}

/* IMAGES
--------------------------------------------- */
img.float-left, li.float-left{float:left; margin:0 20px 0 0}
img.float-right{float:right; margin:0 0 0 20px}
.img-border,{border:4px solid #eaeaea}
.thumbnail{display:inline; margin:0 4px 0 0; border:4px solid #ccc}
.icon-left{float:left; margin:5px 10px 10px 0}

/* RULES FOR OVERWRITING OTHER RULES
--------------------------------------------- */
/* POSITIONING */
.top{top:0}
.bottom{bottom:0}
.left{left:0}
.right{right:0}

/* BORDERS */
.border-top{border-top:solid 1px #eaeaea; margin-top:.5em}
.border-bottom{border-bottom:solid 1px #eaeaea; margin-bottom:.5em}
.border-left{border-left:solid 1px #eaeaea}
.border-right{border-right:solid 1px #eaeaea}
.border{border:solid 1px #eaeaea}
.noborder{border:none}

/* TEXT */
.red{color:#cd060d !important}
.green{color:#4ac01c !important}
.blue{color:#3f9ae2 !important}
.orange{color:#ff7b18 !important}
.purple{color:#6c41cd !important}
.yellow{color:#ffe61b !important}
.lightgrey{color:#9c9c9c !important}
.darkgrey{color:#5c5c5c !important}

.center, .centered{text-align:center !important}

.smallest{font-size:.9em !important}
.smaller{font-size:1em !important}

/* REMOVING BACKGROUND, MARGIN and PADDING */
.nobg, #usernav .nobg{background:none}
.nomargin{margin:0}
.nopadding{padding:0}
.margin-top{margin-top:2em}
.margin-right{margin-right:2em}
.margin-bottom{margin-bottom:2em}
.margin-left{margin-left:2em}
.icon{float:left; margin:5px 5px 0 0; border:none}
blockquote{background:url(img/backgrounds/bg-quote-left.png) no-repeat 0 0; padding:0 0 0 45px; font-size:1.5em; margin:20px 20px 30px 20px; color:#666}
blockquote img{margin:-5px 0 -10px 4px}

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select>form elements, etc.) */
* iframe.jqm{position:absolute; top:0; left:0; z-index:-1; width:expression(this.parentNode.offsetWidth+'px'); height:expression(this.parentNode.offsetHeight+'px')}
.icon-left{float:left; margin:0 10px 0 0}
.center{margin:0 auto}
.graybox{background:#f6f6f6 url(img/backgrounds/graybox-top.png) no-repeat 0 0; width:580px; padding:10px 20px 0 20px; margin:0 0 20px 0}
.graybox-bottom{background:#f6f6f6 url(img/backgrounds/graybox-bottom.png) no-repeat 0 0; width:620px; height:11px; clear:both; margin:0 0 0 -20px}
#content .graybox form ul li{float:left; width:auto; clear:none}
#content .graybox form ul li .input{float:left; width:465px; margin:0 10px 0 0}
.graybox h1 a{background:#f6f6f6 url(img/backgrounds/graybox-link-arrow.png) no-repeat right center; padding:0 15px 0 0; text-decoration:underline; color:#096BB3}
.graybox h1 a:hover{color:#2797E6}
#content ul.no-bullets li{background:none; padding:0 0 8px 0}
.ddsg-wrapper ul li a{font-size:1.6em; list-style-type:none; list-style-image:none; background-image:none}
.ddsg-wrapper ul li{font-size:1.4em; list-style-type:none; list-style-image:none; background-image:none}
.ddsg-wrapper ul ul li a{font-size:1.2em}
.ddsg-wrapper{background:none}
.subnav ul ul{display:none}
.cf_info {width:600;float:left;}
#home-form form ol li span{float:left;clear:left;font:1.2em Helvetica,Arial,sans-serif;}
#home-form form ol li{margin-top:15px;}
#home-form {float:left;background:#EEE;padding:30px; margin:20px; border:1px solid #777;}
#home-form form ol li input, #home-form form ol li textarea, .cf-sb{float:left;clear:both;}
.cf_info{color:red;}