html {
margin: 0;
padding: 0;
height: 100%;
}
body {
font: 74% arial, sans-serif;
line-height: 1.35;
color: #000000;
background: url('assets/templates/protective-packaging/moisture-barrier-bags-gradient.jpg') repeat left top;
margin:0 auto;
padding: 0;
height: 100%;
text-align:left;
}
p {
margin-top: 0;
text-align: justify;
}
h1 {
font: normal 1.6em arial, sans-serif;
letter-spacing: 0px;
margin-bottom: 0;
color: #000000;
}
h3 {
font: bold normal 1.4em arial, sans-serif;
letter-spacing: 0px;
margin-bottom: 0;
color: #000000;
}
fieldset {
border:0;
}
.main table { background:#ffffff;
border:0px;
color:#000000;
align:center;
font:normal 12px verdana, arial, helvetica, sans-serif;
text-align:center;
}
.main caption { border:1px solid #ffffff;
color:#000000;
font-weight:bold;
padding:6px 4px 8px 0px;
text-align:center;
text-transform:none;
}
.main td, th { color:#000000;
padding:.4em;
text-align:center;
}
.main tr { border:0px;
text-align:center;
align:center;
}
.main thead th, tfoot th { background:#ffffff;
color:#000000;
padding:3px 5px 3px 5px;
text-align:center;
text-transform:none;
align:center;
}
.main tbody td a { color:#000000;
text-decoration:none;
}
.main tbody td a:visited { color:gray;
text-decoration:none;
}
.main tbody td a:hover { text-decoration:underline;
}
.main tbody th a { color:#000000;
font-weight:normal;
text-decoration:none;
}
.main tbody th a:hover { color:#000000;
}
.main tbody td+td+td+td a { color:#000000;
padding-left:10px;
}
.main tbody td+td+td+td a:visited { background-image:none;
background-position:center;
background-repeat:no-repeat;
}
.main tbody th, tbody td { text-align:center;
vertical-align:top;
}
.main tfoot td { background:#ffffff;
color:#000000;
padding-top:3px;
}
.main tbody tr:hover { background:#ffffff;
border:0px;
color:#000000;
}
table {
border-collapse: collapse;
border: 2px solid #996;
font: normal 80%/140% verdana, arial, helvetica, sans-serif;
color: #333;
background: #fffff0;
}
caption {
padding: 0 .4em .4em;
text-align: left;
font-size: 1em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;
}
td, th {
border: 1px solid #cc9;
padding: .3em;
}
thead th, tfoot th {
border: 1px solid #cc9;
text-align: left;
font-size: 1em;
font-weight: bold;
color: #444;
background: #dbd9c0;
}
tbody td a {
background: transparent;
color: #72724c;
text-decoration: none;
border-bottom: 1px dotted #cc9;
}
tbody td a:hover {
background: transparent;
color: #666;
border-bottom: 1px dotted #72724c;
}
tbody th a {
background: transparent;
color: #72724c;
text-decoration: none;
font-weight:bold;
border-bottom: 1px dotted #cc9;
}
tbody th a:hover {
background: transparent;
color: #666;
border-bottom: 1px dotted #72724c;
}
tbody th, tbody td {
vertical-align: top;
text-align: left;
}
tfoot td {
border: 1px solid #996;
}
.odd {
color: #333;
background: #f7f5dc;
}
tbody tr:hover {
color: #333;
background: #fff;
}
tbody tr:hover th,
tbody tr.odd:hover th {
color: #333;
background: #ddd59b;
}
/*End of Table Formats*/
html>body #minHeight{
float:left;
width:0px;
height:100%;
margin-bottom:-82px;
} /*safari wrapper */
#border_layer{
background:#fff;
width:850px;
display:block;
margin:0px auto;
}
html #border_layer {
height: auto;
}
img {border:none;}
#header{
width:850px;
height:100px;
background-color:#121D5F;
}
#logo_image{
float:left;
margin-top:25px;
margin-left:5px;
margin-bottom:5px;
}
#ajaxSearch_input {
width:120px;
}
#search_box{
float:right;
top:0px
left:400px;
width:220px;
border:20px none;
margin-bottom:5px;
}
/*-------------------------------------*/
/*HUGE section of CSS for Horizontal Nav*/
/*-------------------------------------*/
#ajaxmenu{
clear:both;
float:left;
margin-top:2px;
background-color:#81040D;
border-bottom:2px solid #4A4A4B;
width:100%;
z-index:100;
display:block;
}
#ajaxmenu ul{
margin: 0;
padding: 0;
list-style: none;
}
#ajaxmenu ul li {
position: relative;
float: left;
display: inline;
text-decoration: none;
text-align: center;
font-weight: normal;
line-height:16px;
background-color:#81040D;
}
#ajaxmenu ul li ul {
position: absolute;
left: 0; /* Set 1px less than menu width */
top:28px;
line-height:28px;
/* width: 200px; */
width: 185px;
margin-left:0px;
padding-left:0px;
}
#ajaxmenu ul li ul li{display:block;
float:left;
font-weight:normal;
position:relative;
text-align:center;
text-decoration:none;
/*width:220px; */
width:180px;
margin-left:0px;
padding-left:0px;
}
#ajaxmenu ul li a {
color: #fff;
font-weight: bold;
margin-left:15px;
margin-right:15px;
text-transform:uppercase;
}
#ajaxmenu ul li ul li a{
display:block;
margin:0px;
}
/* Styles for Menu Items */
#ajaxmenu ul li.firstcategory {
color: #B50310;
font-weight: bold;
line-height: 16px;
padding-right: 0px;
padding-left: 0px;
background-repeat: no-repeat;
background-position: 0px;
margin: 0px;
}
#ajaxmenu ul li.category {
color: #B50310;
font-weight: bold;
line-height:28px;
padding-right: 0px;
padding-left: 0px;
background-image: #fff;
background-repeat: no-repeat;
background-position: -129px;
margin: 0px
}
#ajaxmenu ul li.lastcategory {
color: #B50310;
font-weight: bold;
height: 28px;
line-height:28px;
padding-right: 0px;
padding-left: 0px;
background-image: url('images/menu.png');
background-repeat: no-repeat;
background-position: -222px 50%;
margin: 0px
}
#ajaxmenu ul li.firstcategory:hover, #ajaxmenu ul li.firstcategory.over {
color: #fff;
}
#ajaxmenu ul li.category:hover, #ajaxmenu ul li.category.over {
color: #fff;
}
#ajaxmenu ul li.lastcategory:hover, #ajaxmenu ul li.lastcategory.over {
color: #fff;
}
/* commented backslash \*/
* html ul li a {height:1%}
/* end hack */
#ajaxmenu li a {
text-decoration: none;
}
/* hovered lists */
#ajaxmenu li a, #ajaxmenu li.over a {
color: #fff; display:inline;
}
#ajaxmenu li li a:hover, #ajaxmenu li.over li a:hover {
color: #fff;
background-repeat: no-repeat;
background-color:#0B1246;
background-position: left center;
text-indent: 6pt;
}
/* set dropdown */
#ajaxmenu li li a, #ajaxmenu li.over li a {
color: #ffffff;
background-repeat: no-repeat !important;
text-align: left;
border-right: 1px solid #2f2f2f;
border-bottom: 1px solid #2f2f2f;
border-left: 1px solid #2f2f2f;
font-weight: normal;
/*width:220px; */
width:250px;
background-color: #81040D;
background-position: left center;
text-indent: 6pt;
}
#ajaxmenu li ul li a {
padding-top: 2px;
padding-bottom: 2px;
padding-right: 5px;
padding-left: 5px;
} /* Sub Menu Styles */
#ajaxmenu li ul, #ajaxmenu li.over ul {
display: block;
} /* The pop */
#ajaxmenu {
margin-right: auto;
width: 850px;
}
#myajaxmenu-test {
position: absolute;
top:1px;
left: 0px;
z-index: 1000; display:inline;
}
/*-------------------------------------*/
/*End of section of CSS for Horizontal Nav*/
/*-------------------------------------*/
#moisture-barrier-bags-left-column{
width:180px;
background:url('assets/templates/protective-packaging/interior-gradient-short.jpg') no-repeat right top;
height:100%;
z-index:1;
float:left;
text-align: left;
}
.moisture-barrier-bags-side-nav ul{
list-style-type:none;
padding-left: 0px;
margin-left: 7px;
}
.moisture-barrier-bags-side-nav ul li a {
padding-left: 0px;
color:#000000;
font-size:12px;
padding-top:5px;
text-decoration:none;
}
.moisture-barrier-bags-side-nav-title{
background:#81040D none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
top:10px;
height:19px;
margin-right:5px;
padding-left:0px;
padding-top:4px;
}
.moisture-barrier-bags-side-nav-title a {
color:#fff;
font-size:12px;
font-weight:bold;
padding-left:12px;
text-decoration:none;
}
/*This is the layer that holds the center content and the far right column*/
#right{
width:670px;
top:100px;
height:auto;
background-color:#fff;
min-height:700px;
float: left;
}
#right h1 {
font: normal 1.6em arial, sans-serif;
letter-spacing: 0px;
margin-bottom: 10px;
color: #0B1246;
}
#right h3 {
font: bold normal 1.4em arial, sans-serif,;
letter-spacing: 0px;
margin-bottom: 0;
}
#content{
background-color:#fff;
width:460px;
padding:20px;
z-index:1;
float: left;
}
#moisture-barrier-bags-content-interior{
background-color:#fff;
width:600px;
padding:20px;
z-index:-1;
}
#moisture-barrier-bags-content-interior2{
background-color:#fff;
width:540px;
margin:10px;
z-index:-1;
}
#section_index li{
list-style-type:none;
padding-left: 0px;
margin-left: 7px;
}
/*This is code for the image gallery with thumbnails and larger images*/
#gallery {
float: right;
width: 530px;
display: inline;
}
#gallery img, #loadarea img {
border: 1px solid #909a9b;
}
#loadarea img {
float: right;
}
#thumb {
float: right;
width: 75px;
margin-left: 10px;
margin-right:30px;
}
#thumb img{
margin-bottom: 25px;
}
#loadarea {
float:right;
width: 350px;
}
img.floatedRight {
float: right;
border: 1px solid #909a9b;
margin: 0px 0px 10px 10px;
}
#far_right_column{
float:right;
width:140px;
top:60px;
height:100%;
background-color:#fff;
}
#far_right_column2{
float:right;
width:105px;
margin-left:5px;
top:60px;
height:100%;
background-color:#fff;
}
#cta_spot {
background:#fff;
width:140px;
height:auto;
}
#cta_spot2 {
background:#fff;
width:100px;
height:auto;
}
#moisture-barrier-bags-blog{
float:left;
width:140px;
background:#0B1246 none repeat scroll 0 0;
z-index:10;
}
.moisture-barrier-bags-txt {
color:#fff;
font-size:12px;
min-height:150px;
width:130px;
padding-bottom:5px;
padding-left:10px;
padding-top:5px;
padding-right:5px;
}
.moisture-barrier-bags-txt h3{
color:#fff;
font-size:1.4em;
font-style:normal;
font-weight:bold;
border-bottom: solid 2px #fff;
}
#moisture-barrier-bags-calendar{
float:left;
width:140px;
background:#0B1246 none repeat scroll 0 0;
z-index:10;
}
.calendar_sidebar {
float:left;
width:140px;
}
.calendar_right_txt {
background:#0B1246 none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:19px;
margin-top:10px;
padding-left:5px;
padding-top:4px;
}
.cert_img {
background:#0B1246 none repeat scroll 0 0;
float:left;
height:50px;
margin-bottom:0px;
margin-top:5px;
width:200px;
}
.cert_left1 {
float:left;
height:50px;
width:68px;
}
.cert_left_txt {
color:#FFFFFF;
float:left;
font-size:12px;
padding-left:5px;
width:78px;
}
.cert_left_txt a {
color:#fff;
text-decoration:none;
}
.calendar_right1 {
background:#0B1246 none repeat scroll 0 0;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
height:19px;
margin-top:5px;
padding-left:5px;
padding-top:4px;
}
#footer-spacer {
height: 36px;
}
#footer {
clear:both;
color:#FFFFFF;
height:36px;
margin:auto;
text-align:center;
width:860px;
}
.clearfooter {
height: 40px;
clear: both;
}
.footer_container{
margin:0;
background-color:#81040D;
background-position: 0 0;
height:20px;
width:850px;
text-align:center;
}
.footer_container #myajaxmenu {
margin:0px auto;
padding:2px 0px 0px 0px;
display:block;
width: 550px;
max-width:860px;
overflow:hidden;
float:none;
clear:both;
}
.footer_container #myajaxmenu li {
float:left;
margin-top:0px;
padding:0px 5px;
border-right:1px solid #fff;
}
.footer_container #myajaxmenu li.last {
border-right:none;
}
.footer_container a {
color:#fff;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/**{padding: 0; margin: 0;}*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#fc_tb_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#fc_tb_secondLine {
font: 10px Arial, Helvetica, sans-serif;
color:#666666;
}
#fc_tb_window a:link {color: #666666;}
#fc_tb_window a:visited {color: #666666;}
#fc_tb_window a:hover {color: #000;}
#fc_tb_window a:active {color: #666666;}
#fc_tb_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#fc_tb_overlay {
position: fixed;
z-index:100000000;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.fc_tb_overlayMacFFBGHack {background: url(https://www.foxycart.com/v/0.3.1/images/macFFBgHack.png) repeat;}
.fc_tb_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #fc_tb_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#fc_tb_window {
position: fixed;
background: #ffffff;
z-index: 100000002;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #fc_tb_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#fc_tb_window img#fc_tb_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#fc_tb_caption{
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
.fc_tb_closeAjaxWindow{
padding:7px 10px 5px;
margin-bottom:1px;
text-align:right;
float:right;
}
#fc_tb_closeAjaxWindowBot{
float:left;
}
div.fc_tb_ajaxWindowTitle{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#fc_ajaxWindowTitleTop{
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
div.fc_tb_title{
background-color:#e8e8e8;
height:27px;
}
#fc_tb_ajaxContent{
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#fc_tb_ajaxContent.fc_tb_modal{
padding:15px;
}
#fc_tb_ajaxContent p{
padding:5px 0px 5px 0px;
}
#fc_tb_load{
position: fixed;
display:none;
height:12px;
width:208px;
z-index:100000003;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
text-align:center;
}
* html #fc_tb_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#fc_tb_HideSelect{
z-index:99999999;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #fc_tb_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#fc_tb_iframeContent{
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
/* FROM thickbox.css TO foxybox.css
=====================================================
# Change path to macFFBgHack.png
# Comment out the zeroing of margin and padding
# Change the titles and closewindow stuff from IDs to classes
# Add #fc_tb_closeAjaxWindowBot to float:left and have some left padding
# Remove the #fc_tb_closeWindow, since it doesn't actually appear anywhere
# Add text-align:center to #fc_tb_load, which will help us center custom loading images
# Change z-indexes to much higher, since some people go astronomical with them.
*/
/* =====================================================
FOXYCART.COM
@theme standard
@version 0.6.0
@for foxycart.com/v/0.6.0/foxycart_includes.js
or: foxycart.com/v/0.6.0/raw/foxybox.js
@usage These styles can be included in your main stylesheet, or you can just link to this file.
@support forum.foxycart.com
@IMPORTANT Before you attempt to use this file to customize this CSS file, please review:
http://wiki.foxycart.com/screencasts
Especially: http://wiki.foxycart.com/screencasts:customizing_your_checkout
We promise it will be worth it, even if you're a CSS expert.
===================================================== */
#fc_tb_closeAjaxWindowTop,
#fc_tb_closeAjaxWindowBot {
margin:0px 0px;
padding:0px 10px;
}
#fc_tb_closeWindowButtonTop {
height:0px; overflow:hidden;
width:11px;
margin:0px 0px;
padding-top:24px;
float:left;
background-image:url(https://www.foxycart.com/themes/standard/images/cart-close-x.png);
background-position:left top;
}
#fc_tb_closeWindowButtonBot {
height:0px; overflow:hidden;
width:156px;
margin:0px 0px;
padding-top:24px;
float:left;
background-image:url(https://www.foxycart.com/themes/standard/images/cart-continue-shopping.png);
background-position:left top;
}
#fc_tb_closeAjaxWindowTop span {
display:none;
}
a#fc_tb_closeWindowButtonTop:hover,
a#fc_tb_closeWindowButtonBot:hover {
background-position:left -24px;
}
#right {
width:650px;
}