/*
Theme Name: JordiLabs
Description: A WordPress theme we use as a starting point
Version: 1.0
Author: B/C/R Advertising
Author URI: http://www.bcradvertising.com
*/

@import '_reset.css';
@import 'yui-fonts.css';
@import 'ie6.css';

body{background:#fff;color:#444;font-family:Arial, sans-serif;font-size:80%;line-height:1.45;margin:0; padding:0; /*padding:122px 0 0;*/}
p.admin{clear:both;font-size:90%;color:#000;font-weight:bold;}
p.hey{background:#F5F5F5;border:1px solid #d7d9e0;margin-bottom:20px;padding:6px 8px!important;}

#pagewrapper{background:url() repeat-y 50% -8px;}
#page{width:944px;padding-top:37px;margin:0 auto;}

a{color:#2756be;outline:0;text-decoration:none;}

h1{color:#000;font-size:26px;margin-bottom:.2em;font-weight:normal;}
h2#primary{color:#eee;font-size:24px;padding-bottom:15px;position:absolute;top:-60px;right:551px;width:212px;padding-top:0;}
h2{font-size:135%;color:#691714;font-weight:normal;line-height:1.3;border-bottom:1px solid #e5e5e5;margin:.5em 0 0;}
h3{font-size:110%;color:#691714;font-weight:normal;line-height:1.3;margin:.5em 0 0;}
h1 a,h2 a,h3 a,h4 a,h5 a{color:#c11c11;}h4{font-size:100%;margin:.2em 0 0;}p{margin:.3em 0 1em;}

.sorry{color:#888;font-size:90%;}table.products td.subhead{vertical-align:middle;padding:5px 0 0 5px;}

table.products td.subhead h4{font-size:90%;color:#691714;display:inline;}
table.products td.subhead img.prodthumb{display:inline;border:1px solid #ddd;vertical-align:middle;margin:0 5px 5px 0;}

#headerwrapperwrapperwrapper{background:#133378 url(imgs/header-bg.jpg) repeat-x 100% 100%;padding-bottom:8px;height:111px;min-width:944px; position: relative; z-index:9999;width:100%;top:0;}
#headerwrapperwrapper{background: url(imgs/header-bg-right.jpg) no-repeat 100% 100%; height:111px;}
#headerwrapper{background: url(imgs/header-bg-left.jpg) no-repeat 0 0; height:111px;}
#header h3{background: url(imgs/txt-material-solutions-tagline.png) no-repeat 0 0;color:#fff;font-size:110%;position:absolute;top:40px;left:32%;width:348px;height:23px;text-align:center;overflow:hidden;}
#header h3 span{display:block;text-indent:-9999px;}
#header{width:944px;color:#fff;position:relative;margin:0 auto;}
a#logo{float:left;position:relative;z-index:9999;left:-28px;margin:50px 0 10px;}

#navwrapper{position:absolute;top:76px;right:0;height:35px;background:#24365e;width:944px;z-index:9998;}
#header ul li{float:left;text-align:center;line-height:1;}
#header ul li a{display:block;color:#fff;z-index:555;height:24px;background:url(imgs/nav-primary-bg.png) no-repeat 100% 0;width:114px;padding:11px 14px 0 12px;}
#header ul li a:hover{background:url(imgs/nav-primary-bg.png) no-repeat 100% 50%;}
#header ul li.page-item-23 a{padding-left:116px;}
#header ul li.current_page_item a{background-position:100% 100%;}
#header ul li ul{position:absolute;top:25px;background:none;border:0;font-size:95%;padding-top:10px;z-index:9999;margin:0;}
#header ul#jordinav li.page_item:hover ul,#header ul#jordinav li.over ul{display:block;}
#header ul li ul li{border:0;display:block;float:none;text-align:left;width:130px;height:auto;margin:0 0 -1px;padding:0;}
#header ul li ul li.page-item-23 a,#header ul li ul li a{height:auto;background:#0c1e47;display:block;width:112px;border-top:1px solid #253558;position:relative;top:-1px;margin:0;padding:6px 14px;}
#header ul li ul li.page-item-23 a:hover,#header ul li ul li a:hover{background:#0a2563;}
#header ul li.current_page_parent ul li.current_page_item a,#header ul li.current_page_ancestor ul li.current_page_parent a{background:#041439;}

#breadcrumbs{color:#d7d4db;text-transform:uppercase;}
#mainwrapper{clear:both;padding:0 0 0 9px;}
.breadcrumb{ float:left; clear:both; list-style:none;width:691px; /*position:absolute; top:-20px; left:0;*/}

#main .breadcrumb li{display:inline;background:none;padding-left:0;color:#d7d4db;text-transform:uppercase;line-height:1.1;}

#main{float:left;width:691px;padding:0 16px 0 0;}.home #main{padding-right:0;width:668px;}
#mainshell a:hover{color:#0048ea;text-decoration:underline;}
#mainshell ul{margin:.1em 0 1em;}
#main ul li{margin-bottom:.2em;background:url(imgs/bullet2.gif) no-repeat 1px .7em;padding-left:10px;}
#main ul li.cat-item,#main ul.insight li{background:none;padding-left:0;}
#main ul.insight{margin:.4em 0 0 .8em;}
#main h3{margin-top:.7em;line-height:1.3;}

span.meta{white-space:nowrap;}
p.admin a{color:#a09575;border:0;background:url(imgs/icon-pencil.gif) no-repeat;padding-left:20px;}
p.admin a:hover{color:#6f5e30;}#main p.more,#sidebar p.more{font-size:90%;text-align:right;margin:0;}
#main p.more a,#sidebar p.more a{border:0;font-weight:bold;background:url(imgs/bullet3.png) no-repeat 0 50%;padding-left:11px;}
.divider{background:url() no-repeat;height:10px;margin:20px 0 14px;}ol{list-style:decimal;margin:.4em 0 0 1.7em;}
#main ul.subcats li{border:1px solid #e5e5e5;background:none;margin:7px 0;padding:7px 10px 5px; display:block;}
.home #main ul.subcats li{font-size:107%;}

#main ul.subcats li a{color:#c11c11;font-weight:bold;display:block;}
#main ul.subcats li a:hover{text-decoration:inherit;}
#main ul.subcats li p{float:left;width:550px;}
#main ul.subcats li a.learnmore{float:right;background:#4882d8 url(imgs/arrow1.gif) no-repeat 5px 50%;color:#fff;border:2px outset #4882d8;font-size:85%;margin-left:6px;display:block;padding:8px 5px 8px 33px;}#main ul.subcats li a.learnmore:hover{text-decoration:none;border:2px outset #0d3167;}
#main ul.productsindex{padding-top:8px;}#main ul.productsindex li{font-size:107%;margin-bottom:11px;padding:12px;}
.fp-image{float:left;border:2px solid #fff;margin:0 8px 5px 0;}
#mainshell .pane .featured-product h3{padding-bottom:5px;}
#mainshell .pane .quote h3{padding-bottom:0;}
* html .cell_cart input.addtocart{display:inline;float:left;width:70px;}
* html .cell_cart input{float:left;width:40px;}
#mainshell .pane.wide{width:932px;}
#mainshell .pane.most-requested p a{background:url(imgs/bullet3.png) no-repeat 0 4px;padding-left:11px;font-size:90%;font-weight:bold;}
#mainshell .pane.most-requested p{height:10px;}
* html #mainshell .most-requested{width:260px!important;}

#mainshell .most-requested ul li{line-height:1.2;font-size:108%;background:#f6f6f6 url(imgs/grad-bg.png) repeat-x 0 100%;margin:0 0 3px;padding:0;}
#mainshell .most-requested ul li a{display:block;color:#222;border:1px solid #ccc;padding:9px 3px 9px 54px;}
#mainshell .most-requested ul li a:hover{border-bottom:0;border:1px solid #839dd7;}
#mainshell .most-requested ul li a strong{display:block;color:#2756BE;font-weight:normal;}
#mainshell .most-requested ul li a:hover strong{color:#0048EA;}
#mainshell .most-requested ul li.column a{background:url(imgs/icon-column.gif) no-repeat 7px 50%;}
#mainshell .most-requested ul li.cartridge a{background:url(imgs/icon-cartridge.gif) no-repeat 7px 50%;}
#mainshell .most-requested ul li.service a{background:url(imgs/icon-service.gif) no-repeat 7px 50%;}

.parentindex28 #main{width:478px;padding-right:0;}
#sidebar-right ul li{margin:.2em 0;}
.main-feature .attached-image{margin-bottom:12px;}
ul.subcats{line-height:1.2;clear:both;}

#mainshell .pane .wrap ul.treeview ul{background:#F5F5F5;}
#mainshell .pane .wrap ul.treeview ul li{padding-left:0;background:none;margin:0;}
#mainshell .pane .wrap ul.treeview a.selected{color:#444;background:none;}

#utilitynav p{padding-left:30px;font-size:11px;color:#445f9a;text-align:right;margin:0;}
#utilitynav p a{color:#8496be;background:#133378 url(imgs/header-bg.jpg) 0 -10px;padding:0 4px;}

#cse-search-results iframe{width:670px;}

#utilitynav,#cse-search-box{position:absolute;right:0;width:300px;z-index:99999;padding:19px 0 0;}
#utilitynav input#searchsubmit,#cse-search-box input#searchsubmit{background:#3865c9;color:#fff;border:2px outset #3865c9;font-size:93%;line-height:1;height:22px;padding:2px 5px;}
#utilitynav form.searchform,#cse-search-box{text-align:right;height:20px;margin:0;padding:23px 0 0;}
#utilitynav form.searchform div,#cse-search-box div{float:right;margin-right:-1px;}
#utilitynav form.searchform input#q,#cse-search-box input#q{border:1px inset #acacac;height:15px;width:177px;float:left;border-right:0;color:#555;font-family:Helvetica, Arial, 'Sans Serif';margin:0 7px 0 0;padding:4px 0 0 4px;}
#utilitynav form.searchform input#searchsubmit,#cse-search-box form.searchform input#searchsubmit{float:left;margin:0;}
.accordion{border:1px solid #E5E5E5;margin-bottom:7px;padding:5px 12px;}
#main .accordion h3{margin-top:0;}.accordion h3:hover{cursor:hand;}
#mainshell .wpcf7-form .contact{width:474px;margin:4px 0 0;padding:10px 12px;}
#mainshell .wpcf7-form .col1{width:40%;float:left;}
#mainshell .wpcf7-form .col2{width:52%;margin-left:8%;float:right;}

form.wpcf7-form{line-height:1.2;margin:0;}
form.wpcf7-form label{width:60px;float:left;font-size:80%;text-transform:uppercase;padding-top:4px;}
form.wpcf7-form p{text-align:left;margin:0;padding:0 0 6px;}
form.wpcf7-form span input,form.wpcf7-form span textarea{width:120px;font-size:110%;border:1px solid #cfcfcf;color:#444;padding:2px;}

* html span.wpcf7-not-valid-tip{display:none;left:-2000px;}
* html form.wpcf7-form .submission input{background:none;background-color:#4880d8;color:#fff;}

form.wpcf7-form .wpcf7-list-item input{width:auto;}form.wpcf7-form h3{margin-bottom:0;}
span.wpcf7-form-control-wrap{z-index:9999;display:block;position:static;padding:2px 0;}
.contact-folk h3{float:left;width:180px;clear:left;font-size:100%;}

form.wpcf7-form span textarea{height:88px;width:180px;}
form.wpcf7-form .submission{text-align:right;clear:both;}
form.wpcf7-form .submission input{background:url(imgs/button_send.png) no-repeat 50% 50%;height:25px;width:65px;border:0;overflow:hidden;text-indent:-9999px;float:right;margin:0;padding:0;}
form.wpcf7-form .submission input:hover{cursor:pointer;}

div.wpcf7-mail-sent-ok{background:#abd997;border:1px solid #80b26a!important;color:#475c3d!important;font-weight:bold;}
span.wpcf7-not-valid-tip-no-ajax{color:#a82222!important;font-size:88%!important;display:block;padding:4px 0 0;}
div.wpcf7-response-output{margin:5px 0 0!important;}

.home #sidebar{width:260px;padding-right:0;padding-left:5px;}
.home #mainshell #sidebar-left{float:left;margin-right:16px;width:260px;padding-right:0;}

#sidebar .pane ul{line-height:1.2;margin:0;}
#sidebar .pane ul li{margin:.35em 0;}
#sidebar .pane ul li ul{margin-left:1.5em;list-style:square;color:#aaa;}
#sidebar .pane ul li ul li { list-style:square !important; }
#sidebar .pane ul li ul li ul li {list-style:circle !important;}

#mainshell .pane{background:#f5f5f5;width:212px;margin-bottom:16px;border:1px solid #e9e9e9;line-height:1.3;}
#mainshell .pane h4{color:#525252;text-transform:uppercase;margin:0;padding:0;}
#mainshell .pane h3{margin:0;padding:0;}
#mainshell .pane .hdr,#mainshell .pane h4{background:#e9e9e9;font-size:80%;padding:1px 4px;}
#mainshell .pane .textwidget{padding:9px 12px!important;}
#mainshell .pane .wrap ul li{margin-bottom:.25em;}

.pane h2,.pane h3{color:#c11c11;line-height:1.1;margin:0;}
.home #mainshell .pane.slideshow{width:382px;background:#fff url(imgs/panel-bg.gif) no-repeat 50% 100%;border:0;float:left;padding-bottom:8px;}
#mainshell .pane.slideshow .wrap{border:1px solid #ccc;border-bottom:0;width:371px;padding:4px;}
.parentindex28 #mainshell .pane.slideshow .wrap{border:1px solid #ccc;border-bottom:0;width:466px;padding:4px;}
.parentindex28 #mainshell .pane.slideshow .wrap .desc{padding-top:5px;}


.home #slideshow,.parentindex28 #slideshow{height:446px;}
.slideshow-subpage{height:280px;padding:0 0 9px;}
.home #slideshow div.wrap,.parentindex28 #slideshow div.wrap{position:absolute;top:15px;left:1px;height:420px;background-color:#fff;}

.slideshow-subpage div.wrap{position:absolute;top:0;left:0;height:280px;width:691px;overflow:hidden;}
.slideshow-subpage div.wrap img.alignleft{padding:0;}
.slideshow-subpage h3{position:absolute;top:10px;left:22px;font-size:29px;color:#fff;text-shadow:3px 2px 3px #333;}
.slideshow-subpage .excerpt{position:absolute;top:150px;left:340px;width:300px;font-size:26px;color:#fff;text-shadow:3px 2px 3px #333;}

#slideshow{position:relative;}
#slideshow div.wrap{z-index:8;opacity:0.0;overflow:hidden;}
#slideshow div.active{z-index:10;opacity:1.0;}
#slideshow div.wrap div.desc{padding:0 6px;}
#slideshow DIV.last-active{z-index:9;}
.home #slideshow DIV IMG{height:324px;display:block;border:0;margin-bottom:6px;}
p img{max-width:100%;padding:0;}img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignright{display:inline;margin:0 0 2px 7px;padding:4px;}
img.alignleft{display:inline;margin:0 7px 2px 0;padding:4px;}
img.alignleft2{display:inline;margin:-20px 7px 2px 0;padding:4px;}
#mainshell .ddsg-wrapper ul{line-height:1.2;font-size:110%;text-transform:uppercase;margin:0;}
#mainshell .ddsg-wrapper ul li{margin-top:.3em;background-position:1px .5em;}
#mainshell .ddsg-wrapper ul ul{font-size:90%;text-transform:none;font-weight:bold;}
.googleMap{background:#f5f5f5;margin-bottom:16px;outline:1px solid #e6e6e6;line-height:1.3;border:9px solid #efefef;}

#prefooterwrapper{background:url(imgs/prefooter-bg.png) repeat-x scroll 0 0 #F1F4F8;color:#959799;width:100%;padding:0;}
#prefooter{width:948px;border-left:1px solid #E3E9F1;border-right:1px solid #fff;margin:0 auto;}
#prefooter .pane{width:205px;border-right:1px solid #e3e9f1;border-left:1px solid #fff;float:left;padding:12px 15px;}
#prefooter .pane h2,#prefooter .pane h3,#prefooter .pane h4{color:#333;font-size:135%;text-align:center;font-weight:normal;margin:0 0 10px;padding:0;}
#prefooter .pane ul li{background:url(imgs/bullet3.png) no-repeat 3px .6em;padding-left:13px;margin-bottom:.4em;}
#prefooter a{color:#3255a3;}

#footerwrapper{background:#1f3360 url(imgs/footer-bg.png) repeat-x;width:100%;color:#d4dcef;text-align:center;padding:1px 0;}
#footer{border-top:0;}
#footer p{margin:4px 0;}
#footer span{color:#6e80ab;}
#footer a{color:#fff;text-decoration:none;}

.serv_th{background-color:#333;color:#fff;font-size:11px;text-align:left;font-weight:bold;}
.data{border-bottom:1px solid #666;font-size:70%;vertical-align:top;}
a.learnmore{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:#4882D8 url(imgs/arrow1.gif) no-repeat scroll 5px 50%;border:2px outset #4882D8;color:#FFFFFF;display:block;float:right;font-size:85%;margin-left:6px;padding:8px 5px 8px 33px;}
.dataTables_wrapper{position:relative;zoom:1;min-height:0!important;clear:both;}
#bottomwrapper{background:url() repeat-y scroll 50% -8px transparent;width:944px;align:center;margin:0 auto;padding:0;}

#jf-sidebar{border:0 solid #000000;width:457px!important;float:left;background:#ffffff!important;margin-right:8px;margin-left:0;}
#jf-sidebar2{border:0 solid #000000;width:462px!important;float:left;background:#ffffff!important;margin-left:8px;}
#jf-sidebar .pane{width:457px!important;}
#jf-sidebar2 .pane{width:462px!important;}

#bottomwrapper .pane h4{color:#525252;text-transform:uppercase;font-size:80%;margin:0;padding:1px 4px;}
#bottomwrapper .pane .hdr,#bottomwrapper .pane h4{background:none repeat scroll 0 0 #E9E9E9;font-size:80%;padding:1px 4px;}

#mainshell .pane.most-requested{width:100%;float:left;margin-right:16px;margin-bottom:16px;height:484px;}
#sidebar-left{width:212px;padding-right:16px;float:left;}
#mainshell .pane ul li.service a{background:url(imgs/icon-service.gif) no-repeat 7px 50%;background-image:url(http://www.jordilabs.com/wp-content/themes/JordiLabs/imgs/icon-service.gif) no-repeat !important;background-attachment:initial;background-position-x:7px;background-position-y:50%;background-origin:initial;background-clip:initial;background-color:initial;display:block;list-style-type:none;line-height:16px;color:#222;padding:9px 3px 9px 54px;}
#sidebar .gform_wrapper .gfield_required{color:red;margin-left:4px;}
.clearfix,#mainshell .pane .featured-product p.more,#mainshell .pane .quote p.more{clear:both;}

#header ul#jordinav li ul,#mainshell .ddsg-wrapper h2,#sidebar .pane ul li ul li ul li{display:none;}
* html #header ul li ul li.page-item-23 a,* html #header ul li ul li a,* html form.wpcf7-form,* html span.wpcf7-form-control-wrap{position:static;}
#breadcrumbs strong,#mainshell .ddsg-wrapper ul ul ul{font-weight:normal;}

#shopp ul.subcats,#mainshell .most-requested ul{list-style:none;}
#mainshell .pane .featured-product,#mainshell .pane .quote,#prefooter .pane ul{line-height:1.2;}

* html .cell_cart form,#mainshell .main-feature,.home #mainshell #sidebar .pane{width:100%;}
.pane p a.product,.alignleft{float:left;}
.pane p a.solution,.alignright{float:right;}
.parent32 #main,.parent28 #main{float:right;padding:0 0 0 16px;}
.parent32 #sidebar,.parent28 #sidebar{width:212px;float:left;padding:0 16px 0 0;}

#utilitynav p a:hover,#footer a:hover{color:#fff;}#sidebar,#sidebar-right{width:212px;padding-left:16px;float:right;}

#mainshell .pane .wrap,#bottomwrapper .pane .wrap{padding:9px 12px;}
#mainshell .pane.slideshow .wrap p,slideshow-subpage p{margin:0;}

.home #mainshell #sidebar .pane .test,ul .test,#bottomwrapper .pane .wrap .test, #mainshell .pane.test a{background:url(imgs/bullet3.png) no-repeat scroll 0 4px transparent; font-size:90%;font-weight:bold;padding-left:11px;}

.transposh_flags a { margin-bottom:10px; line-height:20px;}

/* +++++ SHOPPING CART  ++++++ */
ul, li { list-style:none}

#shopp h3 { clear:both; float:left; padding:10px 0; width:100%; }
#shopp form#cart big { padding:10px 0;}
#shopp form#cart big a, p.submit a, .shopping-proceed .wrap ul a { display:inline-block; padding:4px 8px; color:#fff;  font-size:12px; text-shadow:0 -1px 0 #153564; background:#4882D8; }
#shopp form#cart big a:hover, p.submit a:hover, .shopping-proceed .wrap ul a:hover {text-decoration:none !important; color:#fff !important;} 

.shopping-proceed .wrap ul:first-child a {color:#2756BE !important; text-shadow:none !important; background:none; }

.shopping-proceed .wrap ul:first-child a:hover, .shopping-proceed .wrap ul.children a:hover  { text-decoration:underline !important;}
/*   +++++   Important is the CHROME AND SAFAREE HACK CODE   +++++   */
.shopping-proceed .wrap ul.children a { background:none !important; color:#2756BE !important; text-shadow:none !important;}
.shopping-proceed .wrap ul li.service a { color:#222 !important; text-shadow:none !important;}


p.submit { float:right; width:auto;}

#shopp form#checkout div label { color:#444;}

#shopp form#checkout { float:left; margin:15px 0; width:100%;}
#shopp form#checkout label { margin-bottom:10px; text-transform:uppercase;}

#shopp form ul li div input[type="text"], #shopp form ul li div input[type="password"], #shopp form ul li div select { width:95% !important;}
#shopp form#checkout input { padding:4px; border:1px solid #334469; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
#shopp form#checkout select { padding:2px; border:1px solid #334469; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.product form.product select, .product form.product input { float:left; width:auto !important; display:block; margin:0 5px 0 0;}

input.checkout-button, input.gform_button, input#confirm-button {display:block; padding:5px 8px; color:#fff;  font-size:12px; text-shadow:0 -1px 0 #153564; background:#4882D8; border:1px solid #334469; cursor:pointer; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }

.same-shipping { margin-bottom:15px;}
.same-shipping label { font-weight:bold; color:#4882D8 !important;}

.same-shipping input[type="checkbox"]{ width:auto !important;}