@import "reset.css";

/* BASIC */
.clear {
      clear: both;
}
.invisible {
      display: none !important;
}
body {
      background: url(http://www.pkging.com/site/img/body-bg.png) repeat-x bottom;
      font-family: Helvetica, "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin: 0 !important;
}
.iframe {
      border: none !important;
}
/*#div__body {
      min-height: 410px;
}*/
#left-sidebar, #right-sidebar, #main-content, #footer {
      text-align: left !important;
}

/* HEADER */
#header {
      position: relative;
      height: 120px;
      text-align: left;
}
#header h1 {
      padding-top: 20px;
}
#header ul, #header p {
      position: absolute;
}
#header ul {
      left: 242px;
      top: 70px;
      *overflow: hidden;
      *width: 600px;
}
#header ul li {
      float: left;
      display: inline-block;
}
#header ul li a {
      background: none;
      border-left: 1px solid #ccc;
      color: #D3772D;
      height: 28px;
      display: block;
      font-size: 0.75em;
      font-weight: bold;
      line-height: 28px;
      padding: 0 24px;
      text-decoration: none;
}
#header ul li a:hover {
      background: url(http://www.pkging.com/site/img/global-nav-bg.gif) repeat-x;
      color: #ED1C24;
}
#header ul li.last a {
      border-right: 1px solid #ccc;
}
#header p {
      background: url(http://www.pkging.com/site/img/top-bar.png) no-repeat top;
      font-size: 0.75em;
      font-weight: bold;
      right: 0;
      top: 0;
      padding: 10px 0 0 14px;
      height: 36px;
      width: 316px;
}
#header p span {
      color: #ED1C24;
      margin-right: 21px;
}
#header p a:link, #header p a:visited {
      color:#444;
      margin-right: 15px;
      text-decoration: none;
}
#header p a:hover, #header p a:active {
      color: #ED1C24;
}

/*style for user log in*/

#sc-user-log {
	float:right;
	margin-top:5px;
	color:#D3772D;
	font-weight:bold;
}

.smalltext {

	padding:10px;
	color:#D3772D;
}

/**/


/* LEFT SIDEBAR */
#left-sidebar {
      margin-right: 12px;
      width: 220px;
}
#left-sidebar .box {
      margin-bottom: 18px;
}
#left-sidebar .box h4 {
      color: #fff;
      font-size: 0.9em;
      font-weight: bold;
      height: 30px;
      line-height: 30px;
      margin-bottom: 5px;
      padding-left: 8px;
}
#left-sidebar #quick-links-box h4 { background: #ed1b24; }
#left-sidebar #categories-box h4 { background: #d17214; }
#left-sidebar a {
      color: #444;
      display: block;
      font-size: 0.8em;
      padding: 8px ;
      text-decoration: none;
}
#left-sidebar a:hover {
      background-color: #eaeaea;
      color: #c96e09;
      text-decoration: underline;
}
#left-sidebar a.leftLink2 {
      padding-left: 20px;
}
#left-sidebar a.leftLink3 {
      padding-left: 26px;
}
#left-sidebar a.leftLinkBold {
      font-weight: bold;
}
/* search box */
#search-box {
      border-bottom: 3px solid #b5b3ae;
      height: 45px;
      margin-bottom: 15px;
      padding-top: 5px;
      position: relative;
}
#search_input, #go {
      position: absolute;
      top: 16px;
}
#search_input {
      border: 1px solid #b5b3ae;height: 16px;
      left: 5px;
      padding: 4px 3px 3px;
      width: 149px;
}
#go {
      background: url(http://www.pkging.com/site/img/btn-go.gif) no-repeat;
      border: none;
      cursor: pointer;
      height: 24px;
      width: 32px;
      right: 10px;
}

/* RIGHT SIDEBAR */
#right-sidebar {
      font-size: 0.85em;
      margin-left: 7px;
      width: 170px;
}
#right-sidebar .daily-specials {
      border: none;
      height: 125px;
      width: 170px;
}
#right-sidebar h2 {
      background: url(http://www.pkging.com/site/img/right-sidebar-stripe.png) no-repeat 0 -78px;
      height: 49px;
      margin: 10px 0;
      text-indent: -9999px;
      width: 170px;
}
#right-sidebar .twitter-follow a {
      background: url(http://www.pkging.com/site/img/right-sidebar-stripe.png) no-repeat 0 -2px;
      display: block;
      height: 34px;
      margin: 15px 0 10px;
      text-indent: -9999px;
      width: 160px;
}

#right-sidebar .facebook-follow a {
	background:url("/site/img/facebook-icon.png") no-repeat scroll 0 0 transparent;
	display:block;
	height:50px;
	text-indent:-9999px;
	width:160px;
}

#right-sidebar .blog-follow a {
      background: url(http://www.pkging.com/site/img/right-sidebar-stripe.png) no-repeat 0 -39px;
      display: block;
      height: 34px;
      text-indent: -9999px;
      width: 160px;
}
#right-sidebar #ctl00_emailAddr {
      border:1px solid #b5b3ae;
      height: 16px;
      left: 5px;
      margin: 0 0 8px;
      padding: 4px 3px 3px;
      width: 149px;
}
#right-sidebar .hot-deals-subscribe {
      border: none;
      margin-bottom: 10px;
}

/* WELCOME PAGE */
#main-content {
      width: 520px;
}
#main-content h2 {
      color: #ed1c24;
      font-size: 1.1em;
      font-weight: bold;
      margin: 26px 0 8px;
}
#main-content .item-cell {
      padding-right: 31px;
      text-align: left;
}
#main-content .item-cell p {
      margin: 9px 0 19px;
      text-align: center;
      width: 150px;
}
#main-content .item-cell a:link,
#main-content .item-cell a:visited,
#main-content #items tbody a:link,
#main-content #items tbody a:visited {
      color: #A36737;
      font-size: 0.7em;
      font-weight: bold;
      line-height: 1.4em;
      text-decoration: none;
}
#main-content .item-cell a:hover,
#main-content .item-cell a:active,
#main-content #items tbody a:hover,
#main-content #items tbody a:active {
      color: #ed1c24;
      text-decoration: underline;
}
#main-content #items tbody a {
      font-size: 0.9em;
}
/* pillars */
#pillars li {
      line-height: 1.1em;
      margin: 12px 0 24px;
}
#pillars h3 {
      color: #ed1c24;
      font-size: 1.05em;
      font-weight: bold;
      line-height: 1.3;
}
#pillars p {
      color: #3b3b3b;
      font-size: 0.85em;
      line-height: 1.4;
}

/* CATEGORY PAGE */
#main-content.category-page, #main-content.items-list {
      width: 692px;
}
#main-content.category-page h2 {
      margin: 10px 0 6px;
}
#main-content.category-page .item-cell {
      margin-right: 12px;
      padding-right: 0;
      text-align: center;
      width: 118px;
}
#main-content.category-page .item-cell img {
      height: 1px;
      width: 100px;
      height: auto;
}
#main-content.category-page .item-cell p {
      font-size: 0.92em;
      margin: 7px 0 17px;
      width: auto;
}
#main-content.items-list .brand-it {
      padding-top: 4px !important;
}
#main-content.items-list .brand-it input {
      border: none;
}
#main-content.items-list .brand-it label {
      color: #ED1C24;
      font-weight: bold;
}
#main-content.items-list .brand-it label a {
      color: #ED1C24 !important;
      display: inline !important;
      font-size: 0.9em !important;
}
#itemList {
      display: none;
}

/* PRODUCT FILTER SIDEBAR */
#product-filter {
	/*background-color: #f1f1f1;*/
      display: none;
      /*font-size: 0.63em;
	padding-bottom: 10px;
	margin-bottom: 10px;
      text-align: left;
	width: 240px;*/
}/*
#product-filter h1 {
	color: #ED1C24;
      font-size: 1.3em;
      font-weight: bold;
	margin: 5px 5px 5px 0;
}
#product-filter h2 {
	font-size: 1.3em;
	margin: 0 5px 5px 0;
	font-weight: normal;
}
#product-filter h3 {
	font-size: 1.2em;
	margin: 10px 5px 0 0;
	font-weight: bold;
	color: #3B3B3B;
	text-transform: uppercase;
	text-align: left;
	clear: both;
}
#product-filter form {
	margin: 10px;
}
#product-filter select {
	margin: 0 0 .5em 0;
}
#product-filter p {
	font-size: 1.1em;
	margin-bottom: 0;
}
#product-filter .txtfield-size {
	width: 35px;
	margin-bottom: 12px;
      margin-top: 0px;
	padding: 3px;
	border: 1px solid #cac6c6;
}
#product-filter .txtfield-full {
	width: 210px;
	margin-top: 0px;
	padding: 3px;
	border: 1px solid #cac6c6;
	clear: both;
}
#product-filter .lwh {
	width: 240px;
	text-align: center;
}
#product-filter .lwh p {
	float: left;
      font-size: 1.3em;
	text-align: center;
	vertical-align: bottom;
}
#product-filter .thickness p {
	text-align: left;
	vertical-align: bottom;
}
#product-filter .lwh .btn-go {
	margin-top: 1.2em;
	vertical-align: bottom;
}
#product-filter .lwh label {
	margin-bottom: 50px;
}
#product-filter .keyword-search {
	width: 210px;
}
#product-filter .btn-search {
	margin: 30px 0 0 0;
}
#product-filter p.hint {
	clear: both;
	width: 100%;
	font-weight: bold;
      margin-top: 5px;
      margin-bottom: 5px;
	text-align: left;
}
#product-filter .thickness {
	clear: both;
	padding-top: 10px;
}*/

/* FOOTER */
#footer {
      overflow: hidden;
      height: 222px;
      width: 100%;
}
#footer #join-now {
      display: inline-block;
      float: left;
      margin-top: 20px;
      width: 215px;
}
#footer #join-now a {
      background: url(http://www.pkging.com/site/img/reap-the-rewards-ad.gif) no-repeat;
      display: block;
      height: 116px;
      left: 28px;
      position: relative;
      text-indent: -9999px;
      top: 56px;
      width: 159px;
}
#footer ul {
      border-left: 1px solid #625A5A;
      display: inline-block;
      float: left;
      font-size: 0.8em;
      margin-top: 49px;
      padding: 15px 10px;
      height: 145px;
      width: 160px;
}
#footer ul.last {
      border-right: 1px solid #625A5A;
}
#footer ul li h4 {
      color: #fff;
}
#footer ul li a {
      color: #fffffd;
      display: block;
      margin: 7px 0 0 12px;
      text-decoration: none;
}
#footer ul li a:hover {
      color: #fff;
      text-decoration: underline;
}
#footer .logo {
      display: inline-block;
      float: left;
      width: 180px;
}
#footer .logo a {
      background: url(http://www.pkging.com/site/img/footer-logo.png) no-repeat;
      display: block;
      height: 39px;
      left: 36px;
      position: relative;
      text-indent: -9999px;
      top: 101px;
      width: 161px;
}
#sub-footer {
      color: #fff;
      font-size: 0.75em;
      height: 40px;
      line-height: 40px;
      text-align: left;
}
#sub-footer a {
      color: #fff;
      text-decoration: underline;
}
#sub-footer a:hover {
      text-decoration: none;
}

/* breadcrumb */
#breadcrumb {
      color: #666;
      font-size: 0.72em;
      margin: 9px 0 20px;
}
#breadcrumb a {
      color: #A36737;
      font-size: 1.05em;
      font-weight: bold;
      text-decoration: none;
}
#breadcrumb a:hover {
      color: #ED1C24;
      font-size: 1.05em;
      text-decoration: underline;
}

/* items list */
#cat-details {
      overflow: hidden;
      width: 100%;
}
#cat-details .image, #cat-details .description {
      float: left;
}
#cat-details .image {
      margin-right: 12px;
      width: 180px;
}
#cat-details .image img {
      height: 1px;
      width: 180px;
      height: auto;
}
#cat-details .description {
      color: #3b3b3b;
      font-size: 0.87em;
      line-height: 1.15;
      text-align: left;
      width: 492px;
}
#main-content.items-list #items {
      border-left: 1px solid #A8A8A8;
      border-top: 1px solid #A8A8A8;
      font-size: 0.78em;
      margin-top: 13px;
      width: 692px;
}
#items th, #main-content.items-list td {
      border-bottom: 1px solid #A8A8A8;
      border-right: 1px solid #A8A8A8;
}
#items th {
      background: #E2E1E2;
      color: #444;
      font-weight: bold;
      padding: 3px;
      vertical-align: bottom;
      text-align: center;
}

/* Rewards Items */
#main-content.reward-items #reward-items-list td {
      border: none !important;
}
#main-content.reward-items td.reap-rewards-item p {
      color: #555;
      font-size: 11px;
      padding: 5px;
      text-align: center;
}
.reap-rewards-item .img-container {
      height: 150px;
      overflow: hidden;
}
.reap-rewards-item .name {
      height: 20px;
      overflow: hidden;
      text-align: left !important;
}
.reap-rewards-item .points {
      font-weight: bold;
      text-align: left !important;
}
.reap-rewards-item .reap-it {
      text-align: center;
}
.reap-rewards-item .reap-it a {
      border-style: none;
      border-width: 1px;
      border-color: #26b3cf;
      background: #ec0016 none repeat scroll 0 0;
      color: #FFFFFF;
      display: inline-block;
      font-size: 11px;
      font-weight: bold;
      padding: 3px 0;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      width: 54px;
}
.reap-rewards-item .reap-it a:hover {
      border: 1px solid #54CCE7;
}
#main-content.items-list tbody td {
      padding: 4px;
      vertical-align: middle;
}

#main-content.items-list .name a {
      font-size: 1em;
}
#main-content.items-list .num-of-pieces {
      text-align: center;
      width: 7%;
}
#main-content.items-list .add-to-cart {
      padding: 2px 0 4px 3px !important;
      width: 87px;
}
#main-content.items-list .add-to-cart table,
#main-content.items-list .add-to-cart td {
      border: none;
      /*margin: 0 !important;*/
      padding: 0 !important;
}
#addtocart {
      background: url(http://www.pkging.com/site/img/btn-add.gif) no-repeat;
      border: none;
      cursor: pointer;
      height: 22px;
      margin: 4px 0 0 6px !important;
      width: 32px;
}
.quantity-input {
      border: 1px solid #a8a8a8;
      width: 26px;
}

/* item page */
#main-content.item-page #cat-details {
      margin-top: 25px;
}
#main-content.item-page #items td {
      border-bottom: 1px solid #A8A8A8;
      border-right: 1px solid #A8A8A8;
      padding: 2px 3px;
      vertical-align: middle;
}
#main-content.item-page #cart-table table, #main-content.item-page #cart-table tr,
#main-content.item-page #cart-table table td {
      border: none;
}
#salesPriceHtml {
      display: none;
}

/* about us */
#main-content.about-us .descr {
      color: #3b3b3b;
      font-size: 0.9em;
      line-height: 1.4em;
}
#main-content.about-us .descr div {
      overflow: hidden;
      width: 100%;
}
#main-content.about-us .descr a {
      color: #A36737;
      font-weight: bold;
      text-decoration: none;
}
#main-content.about-us .descr a:hover {
      text-decoration: underline;
}
#main-content.about-us .descr p {
      margin-bottom: 22px;
}
#main-content.about-us .descr img {
      float: right;
      margin: 0 0 10px 14px;
}
#main-content.about-us h3 {
      font-size: 1.1em;
      font-weight: bold;
      margin-bottom: 4px;
}
/* customer service */
#main-content.about-us #faq1 {
      margin-top: 16px;
}
#main-content.about-us #faq1 h3 {
      border-bottom: 1px solid #b5b3ae;
      margin-bottom: 8px;
      padding-bottom: 2px;
}
#main-content.about-us #faq1 ul {
      list-style: disc;
      margin: 0 0 28px 30px;
}
#main-content.about-us #faq1 ul li {
      margin-bottom: 5px;
}
#main-content.about-us #faq1 a {
      font-size: 0.95em;
}

/* info item template */
#main-content.info-item h1 {
      color: #ed1c24;
      font-size: 1.1em;
      font-weight: bold;
      margin: 26px 0 8px;
}
#main-content.info-item h2 {
      color: #3b3b3b;
      font-size: 1.1em;
      font-weight: bold;
}
#main-content.info-item h3 {
      color: #ed1c24;
}

/* reap the rewards */
#reapTheRewardsContent {
      display: none;
}

/* artwork banner */
#see-art-req {
      margin-top: 15px;
}

/* pagination */
#pag-container td {
      padding: 10px 3px 0;
      font-size: 0.85em;
}

/* homepage banner (to lightbox) */
#customBoxBanner {
      cursor: pointer;
}

/* EXTRA STYLE - SHOPPNG CART - PLEASE DO NOT REMOVE 22/1 */

.greytitle { padding-bottom:20px; font-weight: bold; font-size:17px; color:#D3772D ; padding-top:20px;}

.bgbutton {
	background-color: #D3772D !important;
	border: none !important;
	color: #FFFFFF;
      cursor: pointer;
	font-size: 12px;
      font-weight: bold;
	margin-right: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px 7px;
}
.nlbutton {
	background-color:#999999;
	color:#FFF;
	padding:3px 7px;
	font-size:12px;
	border: none !important;
	margin-left:5px;
	margin-top:10px !important;
}

.textbold { font-size:12px;}

#mainContents { text-align:left !important; margin-left:5px!important;}
#mainContents .medtext { font-size:12px; color:#666666}

#mainContents .medtext a { color:#D3772D }

.smalltext, .smalltextnolink, .smalltextul, .smallgraytext  { font-size:12px; padding-right:2px;}
#mainContents .smalltext, .smalltextnolink, .smalltextul, .smallgraytext  { font-size:12px; padding-right:2px; line-height:20px; padding-left:5px; }
/*22/1--->commented*/
/*
#mainContents .text table table #retemail_fs_lbl, #mainContents table #name_fs_lbl, #mainContents table #company_fs_lbl, #mainContents table #email_fs_lbl, #mainContents table #pwd_fs_lbl, #mainContents table #newpwd2_fs_lbl, #mainContents table #hint_fs_lbl, #mainContents .text table table #retpwd_fs_lbl, #attention_input_fs_lbl, #addressee_input_fs_lbl, #addr1_fs_lbl, #addr2_fs_lbl, #city_fs_lbl, #dropdownstate_fs_lbl, #zip_fs_lbl, #country_fs_lbl, #phone_fs_lbl, #firstname_fs_lbl, #lastname_fs_lbl, #title_fs_lbl, #incomingmessage_fs_lbl {
	display:block;
	line-height:35px;
	margin:3px;
}
*/
#attention_input, #addressee_input, #addr1, #addr2, #city, #inpt_dropdownstate1, #zip, #country, #inpt_country2, #phone, #dropdownstate { margin-bottom:7px}

/* -- Login Screen -- */
#retemail_fs_lbl, #retpwd_fs_lbl { display:block; margin:2px 10px 0 0 !important; margin:#10px 10px 0 0 !important; }
#retemail, #retpwd {margin-top:10px !important; }

.input {
	background-color:#FFFFFF;
}

.inputreq {
	background-color:#FFFFFF;
      border-width: 1px;
}

form#checkout { background-color:#FFFFFF;}

.dropdownInput {
	background-color:#FFFFFF;
}

#apply_splits {

	margin-top:10px;
}

#handle_portlet_-520 tr td { background-color:#fff !important;}

#handle_portlet_-520 {	background-color:#fff  !important; }

#__tab { margin:0px !important;}

td .medtextbold p {
	white-space:nowrap;
	width:0px !important;
}

/*END EXTRA STYLES , PLEASE DO NOT REMOVE :)*/

#customer-printing {
	margin-top:5px;
	margin-bottom:5px;
}

.subscribe-btn {
      background: url(http://www.pkging.com/site/img/btn-subscribe.gif);
      display: inline-block;
      height: 24px;
      margin: 0 0 24px 33px;
      width: 100px;
}


.RelatedItem-cell a:link,
.RelatedItem-cell a:visited
{
      color: #A36737;
      font-size: 0.7em;
      font-weight: bold;
      line-height: 1.4em;
      text-decoration: none;
}
.RelatedItem-cell a:hover,
.RelatedItem-cell a:active
{
      color: #ed1c24;
      text-decoration: underline;
}
.RelatedItem-cell .bgbutton{
	background-image:none;
}
.RelatedItem-cell #addtocart{
	background-image:none;
      border: none;
      cursor: pointer;
	  width:130px;
	  height:22px;
}