@import 'screen.css';

/* GLOBAL STYLES FOR SUBPAGES
----------------------------------------------------------*/
ul.breadcrumbs{
 background:url(../images/bg_breadcrumbs.png) repeat-x top left;
 position:absolute;
 margin: 202px 0 0 0;
 padding: 8px 0 0 18px;
 width:625px;
 height:18px;}

ul.breadcrumbs li{
 float:left;
 color:#FFF;
 padding: 0 5px 0 0;}

ul.breadcrumbs li a{
 color:#FFF !important;
 text-decoration:none !important;
 margin: 0 5px 0 0;}

#side-nav{
 border-bottom:1px solid #C4C8D4;}

#side-nav h3,
#gallery h3{
 color:#333;
 font-size:1.1em;
 padding: 0 0 8px 18px;}

#side-nav ul{
 border-bottom:1px solid #FFF;
 padding: 0 0 30px 0;}

#side-nav ul ul{
 border:none;
 padding: 0 0 8px 0;}

#side-nav ul li{
 padding:0 0 8px 18px;}

#side-nav ul li a {
 color:#333 !important;
 display:block;
 text-decoration:none !important;}

#side-nav ul li a span{
 margin: 0 2px 0 0;
 color:#C4001C !important;}

#side-nav ul li.active{
 background:#FFF;
 padding: 5px 0 0px 18px;
 margin: 8px 0 12px 0;}

#side-nav ul li.active a{
 margin: 0 0 8px 0;}

#side-nav ul li.active li{
 font-size:0.8em !important;
 padding:0 0 5px 0;}
 
#side-nav ul li a:hover{
 text-decoration:underline !important;}

#side-nav ul li.active  li a{
 margin:0;
 color:#C4001C !important;
 text-decoration:underline !important;}

.gallery{
 padding: 15px 18px;} 

.gallery h3{
 padding: 0 0 8px 0;}

.gallery img{
 margin: 0 0 14px 0;}

.gallery p{
 padding: 0 0 14px 0;}

a.envelope-size{
 background:url(../images/sidebar_envelopesize.gif) no-repeat top left;
 width: 103px;
 height:41px;
 display:block;
 color:#FFF !important;
 line-height:1.3em;
 font-size:1.1em;
 font-weight:bold;
 padding: 8px 0 0 37px;
 margin: 100px 0 0 18px;}


/* Main Content 
-------------------------------------------------------*/
#main-content h2{
 padding: 0 0 22px 0;
 font-size:1.8em;}
 
#main-content h3{
 font-size:1.2em;
 color:#333;
 padding: 0 0 15px 0;} 

#main-content h4{
 font-size:1.1em;
 color:#333;
 padding: 0 0 15px 0;} 

#main-content p{
 padding: 0 0 15px 0;}

/* Our products */
h2.ourproducts{
 background:url(../images/header_ourproducts.gif) no-repeat top left;
 width: 127px;
 height:15px;
 text-indent:-9999px;
 overflow:hidden;}

.our-products {
 padding: 35px 0 0 0;}

.our-products h4{
 font-size:1.1em;
 color:#333;
 margin: 0 0 15px 0;}

.our-products .wrapper{
 border-top:1px solid #F0F0F0;
 padding: 7px 0 15px 0;}

.our-products .product {
 float:left;
 width: 252px;}

.our-products .product img{
 margin: 0 0 18px 0;}

.our-products .right{
 padding: 0 19px 0 0;
 margin: 0 15px 0 0;
 border-right:1px solid #F0F0F0;}

/* About Us */
h2.aboutus{
 background:url(../images/header_aboutus.gif) no-repeat top left;
 width: 145px;
 height:16px;
 text-indent:-9999px;
 overflow:hidden;}
 
 /* Virtual Tour*/
h2.virtualtour{
 background:url(../images/header_virtualtour.gif) no-repeat top left;
 width: 145px;
 height:16px;
 text-indent:-9999px;
 overflow:hidden;}
 
  /* FAQs*/
h2.faqs{
 background:url(../images/header_faqs.gif) no-repeat top left;
 width: 267px;
 height:18px;
 text-indent:-9999px;
 overflow:hidden;}
 
 /* jpak Poly Bags */
h2.jpak{
 background:url(../images/header_j_pak.gif) no-repeat top left;
 width: 145px;
 height:16px;
 text-indent:-9999px;
 overflow:hidden;}

/* Clear Poly Bags */
h2.clearpolybags{
 background:url(../images/header_clearpolybags.gif) no-repeat top left;
 width: 145px;
 height:16px;
 text-indent:-9999px;
 overflow:hidden;}

/* Packing List Envelopes Main*/
h2.packinglistenvelopes{
 background:url(../images/header_ple_main.gif) no-repeat top left;
 width: 267px;
 height:18px;
 text-indent:-9999px;
 overflow:hidden;}
 
 /* Packing List Envelopes Panel*/
h2.ple-panel{
 background:url(../images/header_ple_panel.gif) no-repeat top left;
 width: 267px;
 height:18px;
 text-indent:-9999px;
 overflow:hidden;}

/* Packing List Envelopes */
h2.packinglistenvelopes-412{
 background:url(../images/header_packinglist412.gif) no-repeat top left;
 width: 264px;
 height:16px;
 text-indent:-9999px;
 overflow:hidden;}

.packinglist-styles{
 border-top:1px solid #F0F0F0;
 padding: 9px 0 0 0;
 margin: 20px 0 0 0;}

.packinglist-styles .wrapper{
 padding: 0 0 40px 0;}

.packinglist-styles .styles{
 padding: 0px 23px 0 0;
 width: 125px;
 font-weight:bold;
 float:left;}
 
 .packinglist-styles .styles2{
 padding: 0px 23px 0 0;
 width: 190px;
 font-weight:bold;
 float:left;}

.packinglist-styles .styles img,.packinglist-styles .styles2 img{
 margin: 0 0 7px 0;}

.packinglist-styles .styles span,.packinglist-styles .styles2 span{
 display:block;
 text-align:right;
 margin: 0 15px 0 0;
 font-size:0.9em !important;}

.packinglist-styles a.requestquote{
 background:url(../images/button_requestquote.gif) no-repeat top left;
 width: 78px;
 height:23px;
 display:block;
 text-indent:-9999px;
 overflow:hidden;}

 table.packinglistlitter-table{
border-bottom:2px solid #808080;
color:#000;
 width: 385px;}

table.packinglistlitter-table tr th{
 text-align:center;
 color:#000;
 vertical-align:top;
 padding: 0 0 5px 0;
 border-bottom:2px solid #000;
 font-size:1.3em;}

table.packinglistlitter-table tr td{
 border-top:2px solid #808080;
 text-align:center;
 padding: 2px 4px;
 font-size:1.2em;
 border-right:2px solid #808080;}

table.packinglistlitter-table tr td.first{
 border-left:2px solid #808080;
 text-align:left;}
 
 
table.packinglistlitter-table tr td.first-center{
 border-left:2px solid #808080;
 text-align:center;}

table.packinglistlitter-table tr.highlight td{
 background:#FCFF9E;}

table.packinglistlitter-table tr.space td{
 border:none;}
 

table.packinglist-table{
border-bottom:2px solid #808080;
color:#000;
 width: 500px;}

table.packinglist-table tr th{
 text-align:center;
 color:#000;
 vertical-align:top;
 padding: 0 0 5px 0;
 border-bottom:2px solid #000;
 font-size:1.3em;}

table.packinglist-table tr td{
 border-top:2px solid #808080;
 text-align:center;
 padding: 2px 4px;
 font-size:1.2em;
 border-right:2px solid #808080;}

table.packinglist-table tr td.first{
 border-left:2px solid #808080;
 text-align:left;}
 
 
table.packinglist-table tr td.first-center{
 border-left:2px solid #808080;
 text-align:center;}

table.packinglist-table tr.highlight td{
 background:#FCFF9E;}

table.packinglist-table tr.space td{
 border:none;}

/* Request Quote */
h2.requestquote{
 background:url(../images/header_requestquote.gif) no-repeat top left;
 width: 133px;
 height:18px;
 text-indent:-99999px;
 overflow:hidden;}

.contactus-form{
 border-top:1px solid #F0F0F0;
 padding: 15px 0 100px 0;}

.contactus-form fieldset{
 width: 420px;
 float:left;}

.contactus-form fieldset label{
 width: 103px;
 display:block;
 float:left;
 font-size:1.2em;}

.contactus-form fieldset input.text{
 margin: 0 0 4px 0;
 border-top:2px solid #848484;
 border-left:2px solid #848484;
 border-bottom:2px solid #FAFAFA;
 border-right:2px solid #FAFAFA;
 height:18px;
 width: 172px;} 

.contactus-form .note{
 width: 133px;
 float:left;
 padding: 13px 0 0 0;}

.contactus-form .note h4{
 line-height:1.3em;}

.contactus-form .note p{
 line-height:1.6em !important;}

.contactus-form .state{
 width: 27px !important;
 float:left;}

.contactus-form .zipcode{
 width: 51px !important;
 float:left;} 

.contactus-form label.zip{
 width: 45px !important;
 text-align:right;
 margin: 0 5px 0 0;}

.contactus-form label.comments{
 width: 172px;
 font-weight:bold;
 display:block;
 float:none;
 margin: 20px 0 4px 0;}

.contactus-form textarea{
 width: 341px;
 border-top:2px solid #848484;
 border-left:2px solid #848484;
 border-bottom:2px solid #FAFAFA;
 border-right:2px solid #FAFAFA;
 height:90px;
 margin: 0 0 50px 0;}

.contactus-form input.button{
 font-size:1.2em;
 background:#F0F0F0;
 padding: 3px 5px;
 border-right:2px solid #848484;
 border-bottom:2px solid #848484;
 border-top:2px solid #FAFAFA;
 border-left:2px solid #FAFAFA;
 margin: 0 75px 0 0;
 float:right;}