*{margin:0;padding:0}
html,body{height:100%}
body{font:13px Verdana,Arial,sans-serif;line-height:18px}
#wrapper a { color: #165285; }
#wrapper{background:url('/media/images/site_design/top_bar.jpg') no-repeat center 95px;}
#wrapper strong{color:#3E606F}
.hidden,li.hidden-page{display:none}
#wrapper h1{font:36px Georgia, serif;padding:8px 0 12px;text-align:center}
#wrapper h2,#copy h1{font-size:18px;padding-bottom:12px;text-align:left;}
#wrapper h3{font-size:15px;padding-bottom:8px}
#wrapper h2,#wrapper h3,#copy h1 {text-transform:uppercase;font-weight:normal;color:#165285;background:url('/media/images/site_design/h_bar_white.jpg') no-repeat bottom left; padding-bottom:5px; margin-bottom:10px;} 
#wrapper h4,#wrapper legend{font-size:16px;padding-bottom:4px}
#wrapper p{padding-bottom:8px}
#wrapper embed{margin-bottom:12px}
#wrapper div.item{padding: 20px 20px 16px 20px}
#wrapper div.item.contact{float:left;width:272px;border:1px solid #8C8C8C;margin:15px;padding:5px}
* html div.item.contact{margin:8px;width:278px}
div.publicview h2{margin:30px 20px 0}
div.feeditem{padding-bottom:16px}
div.vevent,div.vcard{}
abbr{border-width:0}
.fmessage,.message{margin-bottom:8px}
fieldset{border:0}
#content button{margin:4px 0}
#content a.admin,#content a.checkout{display:table;border:1px solid;padding:1px 6px 2px;
font:13px Arial,Helvetica,sans-serif;text-transform:lowercase;margin-bottom:4px}
#content a.admin:hover,#content a.checkout:hover{color:inherit}
#site-header{height:94px}
#site-header form{position:absolute;top:12px;right:32px}
#site-header input{width:120px}
#site-header select{border:1px solid #333;color:#555;font-family:Verdana;font-size:11px}
#site-header option{padding-right:10px;padding-bottom:2px}
#site-nav ul{clear:both;list-style:none;float:right; font-family: Verdana, sans-serif;}
#site-nav ul li{float:left;text-align:center;font-size:16px}
#site-nav ul li a{display:block;text-decoration:none;padding:2px 12px 12px}
#site-nav ul ul{position:absolute;top:2.2em;left:0}
#site-nav ul li ul a{background:none}
#page{padding:0;}
#innerwrap{margin:0 auto;border-top:1px solid #aaaaaa}
#onelevelsub{height:2em}
#content{border-top:1px solid #cccccc;}
#copy{}
#copy ul,ol{margin-left:32px;padding-bottom:8px}
.header-image img{display:block;margin:0 auto 20px}
#content a,#subnav a{cursor:pointer}
#subnav{background:#efefef;border-bottom:1px solid #ccc;height:1%}
#subnav ul{list-style:none;text-transform:lowercase;padding-bottom:0}
#subnav ul ul{position:absolute;background:#efefef;width:630px;border-bottom:1px solid #ccc}
#subnav ul li{float:left;}
#subnav ul li.current ul a{font-weight:normal}
#subnav a{text-decoration:none}
#subnav ul {margin-left:0px;}
#content li{padding-bottom:2px}
#left{background:#0f0;display:none}
#cart{background:#686736;border:1px solid #484716;margin-bottom:16px;padding:4px 8px 8px;font-size:11px}
#cartleft{float:left}
#cartright{float:right;text-align:right}
#cart h3{font-size:16px;padding-bottom:4px}
#content #cart ul{padding:0}
#content #cart li{padding:0;line-height:16px}
#content ul.total{list-style:none;margin:0 0 4px;padding:0}
ul.total li.total{font-weight:bold}
p.checkout{font-size:13px;padding:0}
#content a.checkout{display:inline}
#coutproducts{display:none}
#content ul.cols{list-style:none;margin:16px 0 0;padding:0;height:1%}
ul.cols li{float:left;margin:0 16px 16px 0;width:146px;height:160px;text-align:center;padding:10px;overflow:hidden;
background:#686736;border:1px solid #484716}
div.prodimg{height:100px}
ul.cols li a{display:block}
ul.cols img{border:0;margin-bottom:4px}
div.details{float:right;text-align:center;margin-left:16px;width:180px}
#content div.details a.admin{margin:0 auto}
div.tnail img{border:1px solid #32331D}
div.tinee{font-size:11px}
div.price{font-size:16px;line-height:24px}
div.halfcol{float:left;width:50%}
.error span{display:block;margin-left:120px;font-style:italic;color:#40411E}
#content fieldset.order ul{list-style:none;margin:0;padding-bottom:16px}
ul.flist li{display:block}
ul.flist label,li#country span{float:left;width:120px}
ul.flist input,ul.flist textarea{width:200px}
blockquote{margin-left:20px}
dd{margin-left:40px;padding-bottom:8px}
.error_message{font-weight:normal;color:#a01000;float:left;margin-left:8px}
.scrollwrapper{border:1px solid #32331D;width:80px;height:316px;overflow:hidden;padding:0}
#content .scrollsection{height:312px;list-style:none;margin:0;padding:4px 4px 0}
.scrollsection li{background:#B4AF91;height:72px;width:72px;margin-bottom:4px}

input,select,textarea{font:13px "Trebuchet MS",Verdana,Arial,sans-serif;border:1px inset;padding:2px 4px}
input:focus,select:focus,textarea:focus{background:#eee}
#copy form div.required,#copy form div.optional,#copy form div.fbutton,#copy form div.subbtn{clear:both;padding: 5px 0;}
#copy form div.required{font-weight:bold}
#copy form label{width:160px;float:left}
#copy form .required input,#copy form .optional input,#copy form textarea{margin-bottom:4px;font-size:13px;float:left;}
#copy form input[type=text] { width: 300px; }
.reqfield{color:#c00;float:left;margin-left:8px}
#copy fieldset{border-width:0;clear:both}
#copy fieldset.fsection{float:left;clear:none;width:50%}
#copy .fsection fieldset{margin-bottom:8px}
#copy .fsection fieldset input{width:auto;border-width:0;margin:3px 4px 0 0;padding:0;line-height:20px}
#copy .fsection fieldset label{float:left;margin:0;padding:0;line-height:20px;width:auto}
#copy form textarea{height:100px;width:220px}
#copy form select{border:1px solid;margin-bottom:4px;float:left}
#copy form option{padding-right:10px}
#copy form h4,#copy form legend{padding-top:12px;clear:both}
#copy form div.fbutton input,#copy form div.subbtn input,.accountinfo input,.accountinfo a{border:1px outset; padding:1px 4px 3px;margin:4px 0;cursor:pointer;text-decoration:none}
.accountinfo input,.accountinfo a{float:right;margin-left:8px}
.accountinfo a{padding:1px 6px 3px}
* html .button input,* html .subbtn input,* html .accountinfo input{padding:0}
* html .accountinfo a{padding-top:2px}

#site-footer{padding-top:3px;font-size:9px;text-align:center;
padding-bottom:32px;color:white;}
#site-footer a{color:#eee;text-decoration:none}
#site-footer a:hover{text-decoration:underline}
#site-footer ul{list-style:none;padding-bottom:4px}
#site-footer ul li{display:inline;padding-right:4px}
#copyright{float:left;}
#credits{float:right;}
#site-footer .bigbluehat a{color:#165285;text-decoration:none}
#site-footer .bigbluehat a:hover{text-decoration:none}
.bigbluehat a em{color:white;font-style:normal}
#subnav ul:after,ul.cols:after,#innerwrap:after,#cart:after,#login-boxes div.required:after,
#login-boxes div.required div:after,.page-contacts .vcard:after{content:".";
display: block;height:0;clear:both;visibility:hidden}

/* color changes for default layout */

body{background: #aeaeae url('/media/images/site_design/page_bg.jpg') repeat-x top;}
h3{color:#3E606F}
h4,legend{color:#3E606F}
.fmessage,.message{color:#c00}
#content a.admin,#content a.checkout{border-color:#3E606F;background:#91AA9D;color:#193441}
#site-header, #page, #site-footer { width: 630px; margin:0 auto; }
#site-header { background:url('/media/images/site_design/header_logo.jpg') no-repeat left 33px;margin-bottom:1px;}
#site-header h1{position:relative;text-indent:-9000px;}
#site-nav ul li a{ font-size:14px;}
#site-nav ul li.current a{font-weight:bold;}
#site-nav ul li a:hover{color:#6bc7ff;}
#site-nav ul li.current ul li.current a{color:#6BC7FF}
#site-nav ul li.current ul a{color:#91AA9D}
#site-nav ul li ul a:hover{background:none;color:#6BC7FF}
#page{background:white;border:1px solid #8c8c8c}
#subnav ul li a{color:#3E606F;display:block;padding:4px 12px}
#subnav ul li.current a{color:#5C8FBC}
#subnav ul li.current ul a{color:#3E606F}
#subnav a{color:#91AA9D}
#subnav ul li.current a:hover{color:#6BC7FF}
#content a:hover,#subnav a:hover{color:#6BC7FF}
#copy form .required input,#copy form .optional input,#copy form textarea{border-color:#3E606F;color:#3E606F;margin: 3px 7px 0px 0;}
#copy form select{border-color:#3E606F;color:#3E606F}
#copy form div.fbutton input,#copy form div.subbtn input,.accountinfo input,.accountinfo a{border-color:#3E606F;
background:#eee;color:#193441}
#content .accountinfo a{color:#193441}
#content .accountinfo a:hover{color:#193441}
#site-footer{background:url('/media/images/site_design/footer_bg.jpg') repeat-x;}

#login-boxes{border-top: 1px solid #8c8c8c;background:#D9D9D9;position:relative;height:37px;color:#165285;padding-top:5px;}
* html .page-products #login-boxes{width:800px}
#login-boxes .box{position:relative;bottom:67px;background:white;border:1px solid #8c8c8c;float:left;width:45%;padding:5px;}
#login-boxes .box.closed{height:18px;overflow:hidden;bottom:0px}
#login-boxes .box h4{font-size:16px;border-bottom:1px solid #8c8c8c;text-transform:uppercase;margin-bottom:5px;padding-bottom:5px;cursor:pointer}
#login-boxes label{display:block;width:70px;float:left}
#login-boxes form input{border:1px solid #8c8c8c;float:left;width:175px}
#login-boxes input.submit{float:right;background:url('/media/images/site_design/submit_button.gif') no-repeat;text-indent:-9000px;width:22px;height:55px;border:none;}
#login-boxes form div.required div{float:left;margin:5px}
#login-boxes .clients{border-left:none;height:85px}
#login-boxes .employees{float:right;border-right:none;height:85px}
#login-boxes ul {margin-left:20px}

.item.interfilmtable #ifform label{width:auto}
.item.interfilmtable #ifform .groupfilter a{line-height:1.8em;padding:3px 5px}
.item.interfilmtable #ifform .groupfilter a.selected{background:#5E96C7;padding: 3px 5px;color:white}
.item.interfilmtable .iftable{background:white;border:1px solid #8c8c8c;font-size:11px;position:relative;left:-100px;width:800px}
* html .item.interfilmtable .iftable{left:0}
.item.interfilmtable .iftable td.false{color:#8c8c8c}
.item.interfilmtable tr.filter{display:none}
.item.interfilmtable .iftable th{padding:5px;background:#efefef;border-bottom:1px solid #8c8c8c}
.item.interfilmtable .iftable th.filteropt{padding:0px;width:30px}
.item.interfilmtable .iftable th.filteropt div{cursor:pointer;background:#efefef url('/media/images/site_design/all_labels.png') no-repeat;text-indent:-9000px;height:100%;border-left:1px solid #efefef;border-right:1px solid #efefef;height:85px}
.item.interfilmtable .iftable th.filteropt div.selected{border-left:1px solid #8c8c8c;border-right:1px solid #8c8c8c}
.item.interfilmtable .iftable th.filteropt.he div{background-position:-10px bottom;width:46px;}
.item.interfilmtable .iftable th.filteropt.he div.selected{background-position:-10px top}
.item.interfilmtable .iftable th.filteropt.la div{background-position:-54px bottom;width:36px}
.item.interfilmtable .iftable th.filteropt.la div.selected{background-position:-54px top}
.item.interfilmtable .iftable th.filteropt.pa div{background-position:-90px bottom;width:36px}
.item.interfilmtable .iftable th.filteropt.pa div.selected{background-position:-90px top}
.item.interfilmtable .iftable th.filteropt.in div{background-position:-127px bottom;width:46px}
.item.interfilmtable .iftable th.filteropt.in div.selected{background-position:-127px top}
.item.interfilmtable .iftable th.filteropt.fl div{background-position:-175px bottom;width:46px}
.item.interfilmtable .iftable th.filteropt.fl div.selected{background-position:-175px top}
.item.interfilmtable .iftable th.filteropt.fo div{background-position:-225px bottom;width:46px}
.item.interfilmtable .iftable th.filteropt.fo div.selected{background-position:-225px top}
.item.interfilmtable .iftable th.filteropt.en div{background-position:-275px bottom;width:36px}
.item.interfilmtable .iftable th.filteropt.en div.selected{background-position:-275px top}

.item.interfilmtable .iftable td{padding:5px;text-align:center;line-height:1.2em;border-bottom:1px solid #8c8c8c}
.item.interfilmtable .iftable td span{display:block;width:100%;height:100%;cursor:default}

.item.interfilmtable .iftable td.if_group{width:125px}
.item.interfilmtable .iftable td.if_description{width:250px}
.item.item.interfilmtable .iftable td.if_available_gauges{width:150px}
.item.interfilmtable .iftable tr td div{text-align:center;height:15px;overflow:hidden;}
.item.interfilmtable .iftable tr:hover td{background:#f7f7f7;border-top:1px outset #8c8c8c;border-bottom:1px outset #8c8c8c}
.item.interfilmtable .iftable tr:hover td div{height:auto;}

.item.interfilmtable .iftable tr.Cellophane{background:#a6a6cb}
.item.interfilmtable .iftable tr.Cellophane.even{background:#bcbcd9}
.item.interfilmtable .iftable tr.Compostable{background:#9ddcf9}
.item.interfilmtable .iftable tr.Compostable.even{background:#b9e5fa}
.item.interfilmtable .iftable tr.Polyester{background:#bedbb5}
.item.interfilmtable .iftable tr.Polyester.even{background:#d0e4c8}
.item.interfilmtable .iftable tr.Polyethylene,
.item.interfilmtable .iftable tr.Specialty.Papers,
.item.interfilmtable .iftable tr.Metal.Adhesion{background:#fff9b8}
.item.interfilmtable .iftable tr.Polyethylene.even,
.item.interfilmtable .iftable tr.Specialty.Papers.even,
.item.interfilmtable .iftable tr.Metal.Adhesion.even{background:#fffbcb}
.item.interfilmtable .iftable tr.PolypropyleneCoated,.item.interfilmtable .iftable tr.PolypropyleneUncoated{background:#ecb09b}
.item.interfilmtable .iftable tr.PolypropyleneCoated.even,.item.interfilmtable .iftable tr.PolypropyleneUncoated.even{background:#f0c4b3}
.item.interfilmtable .iftable tr.Polystyrene{background:#a1aed7}
.item.interfilmtable .iftable tr.Polystyrene.even{background:#b9c2e2}
.item.interfilmtable .iftable tr.NanoSeal{background:#FF9F9F}
.item.interfilmtable .iftable tr.NanoSeal.even{background:#FF6F6F}
.item.interfilmtable .iftable tr td.if_heat_sealable,
.item.interfilmtable .iftable tr td.if_packaging,
.item.interfilmtable .iftable tr td.if_flexible_duct,
.item.interfilmtable .iftable tr td.if_envelope
{background:white;border-left:1px solid #8c8c8c;border-right:1px solid #8c8c8c}

.accountinfo{position:absolute;right:26%;top:10px}
.page-account .publicview div.required, .page-account .publicview div.optional, .page-account .publicview div.subbtn{margin:5px 20px 0;}

.page-products #content #dditem_83{float:right;width:45%;margin-left:15px}
#content-email_us .item.contact{float:none;border:none;width:auto;margin-bottom:0}
#content-email_us .item.contact .vcard{padding:0}


/** calc form styles **/
.equation{padding:0 10px 10px 0}
.equation div{overflow:hidden;line-height:2em}
.equation div span{width:110px;display:block;padding:3px;text-align:right;float:left}
.equation div.total{border-top:2px solid #999}


#wrapper .page-home #innerwrap {background:#efefef;height:1%}
#wrapper .page-home .col_main { float:left; width:440px;background:white;}
#wrapper .page-home .col_sidebar div.item{padding:0}
#wrapper .page-home .col_sidebar { float:right;width:160px;padding:15px;font-size:11px }
#wrapper .page-home .col_sidebar h3 a{background:url('/media/images/site_design/outbound_link.gif') no-repeat right;padding-right:12px;color:#3E606F;text-decoration:none}
#wrapper .page-home .col_sidebar h4{font-size:11px}
#wrapper .page-home .col_sidebar img{border:1px solid darkgray;margin:0 5px 5px 0}

/** override BlueInk styles **/
#wrapper #content .dditem{background:none}