@font-face {
font-family: 'font2014';
src: url('fonts/font2014-webfont.eot');
src: url('fonts/font2014-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/font2014-webfont.woff') format('woff'),
url('fonts/font2014-webfont.ttf') format('truetype'),
url('fonts/font2014-webfont.svg#font2014') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'font2014b';
src: url('fonts/font2014b-webfont.eot');
src: url('fonts/font2014b-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/font2014b-webfont.woff') format('woff'),
url('fonts/font2014b-webfont.ttf') format('truetype'),
url('fonts/font2014b-webfont.svg#font2014') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
    font-family: 'InconsolataMedium';
    src: url('Inconsolata-webfont.eot');
    src: url('Inconsolata-webfont.eot?#iefix') format('embedded-opentype'),
         url('Inconsolata-webfont.woff') format('woff'),
         url('Inconsolata-webfont.ttf') format('truetype'),
         url('Inconsolata-webfont.svg#InconsolataMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTMonoRegular';
    src: url('PTM55FT-webfont.eot');
    src: url('PTM55FT-webfont.eot?#iefix') format('embedded-opentype'),
         url('PTM55FT-webfont.woff') format('woff'),
         url('PTM55FT-webfont.ttf') format('truetype'),
         url('PTM55FT-webfont.svg#PTMonoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {font-weight: normal;}
a {text-decoration: none;}
a:link {color:#1e0e01;}
a:visited {color:#1e0e01;}
a:active {color:#1e0e01;}
a:hover {color:#cb1f23; cursor:crosshair; text-decoration: underline;}

.facts {font-weight: normal; text-decoration: underline;}
.facts:link {color:#1e0e01;}
.facts:visited {color:#1e0e01;}
.facts:active {color:#1e0e01;}
.facts:hover {color:#cb1f23; cursor:crosshair; border-bottom: 2px double #cb1f23;}

a.amazon {
border-bottom: 1px dotted;
color:#854f1d;
}
a.amazon:hover {
color:#cb1f23; cursor:crosshair; text-decoration: underline;
}

html, body { margin:0;padding:0;border:0;height:100%;
}

body{
overflow-x:hidden;
background-color:#1a1511;
background-image:url('images/bg2014.jpg');
background-repeat:repeat-x;
background-position:center bottom; 
background-attachment: fixed;
}

table{
border-width: 0 0 0 0;
margin: 0;
padding: 0 0 0 0;
border-spacing: 0;
}

tr{
border-width: 0 0 0 0;
margin: 0;
padding: 0 0 0 0;
border-spacing: 0;
}

.noborder {
border:none;
}

.uline {
text-decoration: underline;
}

.italics {
font-style: italic;
}

.boldtext {
font-weight: bold;
}

.inline {
display: inline !important;
}

.browntext {
color:#854f1d;
font-weight: 600;
}

.blutext {
color:#26a9ea;
font-weight: 600;
}

h1.heading {
font: 36px/36px 'font2014', Courier, monospace;
color: #1e0e01;
letter-spacing: 0;
padding: 15px 58px 0 55px;
}

.homehead {
font: 32px/32px 'font2014', Courier, monospace;
color: #1e0e01;
letter-spacing: 0;
padding: 5px 5px 0 5px;
}

h2 {
font: 32px/32px 'font2014', Courier, monospace;
color: #1e0e01;
letter-spacing: 0;
padding: 25px 0 0 55px;
text-align: left;
}

h3 {
font: 26px 'font2014b', Verdana, sans-serif;
color:#1e0e01;
letter-spacing:1px;
padding: 25px 0 0 55px;
text-align: left;
}

.h2defin {
font: 36px/36px 'font2014', Courier, monospace;
color: #1e0e01;
letter-spacing: 0;
padding: 25px 0 36px 55px;
text-align: left;
}

.subhead{
font: 20px 'font2014b', Verdana, sans-serif;
color:#854f1d;
letter-spacing:1px;
}

p.links{
font: 21px 'font2014', Courier, monospace;
color: #1e0e01;
text-align: right;
padding: 0 10px 0 0;
}

.mainmargin {
padding: 0 58px 0 58px;
	}

p.mainbody {
font: 16px/20px 'font2014', Courier, monospace;
color: #1e0e01;
padding: 0 58px 0 58px;
}

li.mainbody {
font: 18px/24px 'font2014', Courier, monospace;
color: #1e0e01;
padding: 0 0 0 0;
margin: 0 58px 0 58px;
}

p.mainbodyclean {
font: 14px/18px 'PTMonoRegular', monospace;
color: #1e0e01;
padding: 0 58px 0 58px;
}

p.mainbodyclean16 {
font: 16px/20px 'PTMonoRegular', monospace;
color: #1e0e01;
padding: 0 58px 0 58px;
text-align: left;
}

.mainbodyclean12 {
color: #1e0e01;
font: 12px/18px 'PTMonoRegular', monospace;
padding: 0 58px 0 58px;
}

.pdefin {
font: 16px/20px 'PTMonoRegular', monospace;
color: #1e0e01;
padding: 0 58px 0 21px;
text-align: left;
}

sub {
font: 12px/8px 'PTMonoRegular', monospace;
}

ul.map {
font: 16px/24px 'PTMonoRegular', monospace;
color: #1e0e01;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

li.map {
font: 16px/24px 'PTMonoRegular', monospace;
color: #1e0e01;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}

.lists14px {
color: #1e0e01;
font: 14px/18px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

ol.lists14px {
color: #1e0e01;
font: 14px/18px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

ul.lists14px {
color: #1e0e01;
font: 14px/18px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

li.lists14px {
color: #1e0e01;
font: 14px/18px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}

.lists12px {
color: #1e0e01;
font: 12px/16px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

ol.lists12px {
color: #1e0e01;
font: 12px/16px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

ul.lists12px {
color: #1e0e01;
font: 12px/16px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 88px;
}

li.lists12px {
color: #1e0e01;
font: 12px/16px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}

.footnote12px {
color: #1e0e01;
font: 12px/12px 'PTMonoRegular', monospace;
padding: 0 0 0 0;
margin: 0 0 0 20px;
}

.society{
font: 20px/24px 'font2014', Courier, serif;
color:#860000;
border-bottom: 1px dotted;
}

.caption {
font: 14px 'font2014', Courier, monospace;
color: #1e0e01;
padding: 0 58px 0 58px;
}

.photoyear {
font: 21px 'font2014', Courier, monospace;
color: #1e0e01;
text-align: left;
}

p.photopagenav {
font: 21px 'font2014', Courier, monospace;
color: #1e0e01;
padding: 0 58px 0 58px;
}

.latest {
font: 18px 'font2014', Courier, monospace;
color: #1e0e01;
float: right;
padding: 0 10px 0 0;
}

.materials {
padding: 0 60px 0 60px;
}

.materialstbl {
width:852px;
margin: 0 6px 0 6px
}

.ttext{
padding: 5px 10px 5px 16px;
color:#1e0e01;
background-color:#fdfcf4;
font-size:8.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family: 'PTMonoRegular', monospace;
vertical-align:middle;
border:none;
white-space:nowrap;
}

.ttext2{
padding: 5px 10px 5px 16px;
color:#46512e;
background-color:#f9f8e7;
font-size:8.0pt;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family: 'PTMonoRegular', monospace;
vertical-align:middle;
border:none;
white-space:nowrap;
}

.nutetable{
width:852px;
border: 3px solid #46512e;
padding: 5px;
margin: 0 6px 0 6px;
margin-left: auto ;
margin-right: auto ;
}

.etext{
padding: 5px 5px 5px 16px;
color:#1e0e01;
background-color:#f9f8e7;
font-size:12px;
font-weight:400;
font-style:none;
text-decoration:none;
font-family: 'PTMonoRegular', monospace;
vertical-align:top;
border: 1px solid #f3f1d8;
white-space:nowrap;
}

.utext{
font: 16px/20px 'font2014', Courier, serif;
text-decoration: underline;
}

.dtext{
padding: 5px 10px 5px 5px;
color:#46512e;
background-color:#fdfcf4;
font-size:12px;
font-weight:400;
font-style:normal;
text-decoration:none;
font-family: 'PTMonoRegular', monospace;
vertical-align:top;
border: 1px solid #f3f1d8;
white-space:wrap;
}

div.center {
text-align: center;
}

/* ######### IMAGE STYLING ######### */

img{
border: 0;
}

img.photos {
border: 3px;
border-style: solid;
border-color: #854f1d;
margin: 0 0 8px 0;
}

img.social {
display: inline !important;
width:28px;
height:28px;
padding: 6px 2px 0 2px;
}

.socialnav {
display: inline !important;
margin: 0 !important;
padding: 0 !important;
}

.val-mid_lrg {
width:270px;
height:203px;
padding:5px;
	}
	
.val-mid {
width:167px;
height:125px;
padding:5px;
	}
	
.val-mid_test {
width:200px;
height:200px;
padding:5px;
	}
	
.val-mid_garment {
width:300px;
height:300px;
	}

.ph852 {
border: 3px;
border-style: solid;
border-color: #854f1d;
margin: 0 0 8px 0;
width: 852px;
height: 417px;
}

.mainphotobox {
float: right;
padding: 0 0 10px 10px;
margin: 0 0 10px 15px;
border: none;
/* ### REMOVE SOON ### */
font: 18px 'font2014b', Verdana, sans-serif;
line-height: 170%;
color: #1e0e01;
}
.mainphoto {
display:block;
border: 3px;
border-style: solid;
border-color: #854f1d;
margin: 25px 60px 10px 0;
width: 400px;
height: 267px;
}
div#sidelink {
margin: 0;
padding: 0;
border: 0;
}
.sidelinks {
font: 18px 'font2014b', Verdana, sans-serif;
text-align: left;
line-height: 170%;
color: #1e0e01;
}

.productoptions, .productoptions_left {
border: 3px;
border-style: solid;
border-color: #854f1d;
width: 400px;
height: 400px;
}
.productoptions:hover {
border: 3px solid #cb1f23;
cursor:crosshair;
}
.productoptions_left:hover {
border: 3px solid #cb1f23;
cursor:crosshair;
}
.productoptions {
margin: 0 60px 10px 10px;
}
.productoptions_left {
margin: 0 10px 10px 60px;
}

.reviewimages {
border: 0;
height: 400px;
margin: 25px 60px 30px 25px;
text-align: right;
}

.reviewimagesthumb {
border: 0;
height: 300px;
width: 210px;
margin: 0;
}

.reviewdiv {
width: 255px;
display: inline-block;
padding: 0;
}

.utubeframe {
width: 853px;
height: 480px;
padding: 0 65px 10px 65px;
border:0;
}

.utubeframethumb {
cursor:pointer;
width: 853px;
height: 480px;
padding: 0 65px 10px 65px;
}

.photo-nav-button {
width: 28px;
height: 28px;
}

.photo-nav-button:hover {
filter: saturate(500%);
-webkit-filter: saturate(500%);
-moz-filter: saturate(500%);
-o-filter: saturate(500%);
-ms-filter: saturate(500%);
}

/* ##################################### */
/* ######### S T R U C T U R E ######### */
/* ##################################### */

div#container {
width: 984px;
min-height: 100%;
margin: 0 auto;
padding: 0;
background-color: #b1e2fa;
border-right: 5px solid #854f1d;
border-left: 5px solid #854f1d;
border-top: none;
border-bottom: none;
}

/* ######### TOP LINKS ######### */

header#links {
width:100%;
position:fixed;
top:0px;
margin:0 auto;
padding:0;
background-color: #381c07;
background-image: linear-gradient(#492a13, #381c07);
border-right: none;
border-left: none;
border-top: 1px solid #442c1a;
border-bottom: 1px solid #281405;
z-index:99;
}

/* ######## NEW MENU ######## */
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* ### */
#menu {

	float: right;
    margin: 0 auto;
    border: 1px solid #222;
    background-color: none;
}
/* ### */
#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu {
    zoom:1;
}
/* ### */
#menu li {
    float: left;
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    position: relative;
}
#menu a {
    float: left;
    padding: 5px 15px;
    color: #b1e2fa;
    font: bold 13px Arial, Helvetica;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
    color: #fafafa;
}
*html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}
/* ### */
#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 98;    
    background: #444;   
    background: linear-gradient(#492a13, #381c07);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    top: 0;
    left: 160px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}
#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {   
    box-shadow: none;    
}
#menu ul a {    
    padding: 10px;
    width: 170px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
#menu ul a:hover {
    background-color: #13902c;
    background-image: linear-gradient(#1ca738, #13902c);
}
/* ### */
#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}
#menu ul ul li:first-child a:hover:after {
    border-right-color: #13902c; 
    border-bottom-color: transparent;   
}
#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
/* ### */
.menuhead {
	color: #b1e2fa !important;
	font: 21px 'font2014b', Verdana, sans-serif !important;
}
.menuhead:hover {
	color: white !important;
    background-color: #860000 !important;
    background-image: linear-gradient(#bb0e0e, #860000) !important;
}

/* iPad */
.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;          
}

#menu li:hover > .no-transition {
    display: block;
}
/* ##################################### */

li#nohover a:active {color:none; background:none;}
li#nohover a:hover {color:none; background:none;}

img.homeico{
height:30px;
width:37px;
}

img.homeico:hover {
filter: saturate(500%);
-webkit-filter: saturate(500%);
-moz-filter: saturate(500%);
-o-filter: saturate(500%);
-ms-filter: saturate(500%);
}

#searchbar{
padding:3px 10px 0 8px;
vertical-align: middle;
}

div#gap {
width:auto;
height:31px;
margin:0 auto;
padding:0;
background-color:#854f1d;
border:0;
}

/* ######### HEADER ######### */

div#header {
width: auto;
height: 155px;
margin:0 auto;
padding:0;
overflow:visible;
position: relative;
background-color:#e6f6fe;
background-image:url('images/AlboPepper-Banner-2014.gif');
border:0;
}

div#breadcrmb {
width:auto;
height:30px;
position: relative;
margin:0 auto;
padding: 0 20px 0 20px;
background-color:#854f1d;
border:0;
}

/* ######### OLD CODE BELOW ######### */

.breadcrmbspan {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
margin:0;
padding:0;
font:16px 'PTMonoRegular', monospace;
color:#ffffff;
}

.breadcrmbspan a:link {color: white;}
.breadcrmbspan a:visited {color: white;}
.breadcrmbspan a:hover {color:#cb1f23; cursor:crosshair;}

/* ######### OLD CODE ABOVE ######### */

.breadcrumb {
position: absolute;
top: 50%;
left: 20px;
transform: translateY(-50%);
margin:0;
font:16px 'PTMonoRegular', monospace;
color: #ffffff;
}
ul.breadcrumb {
    padding: 8px 12px;
    list-style: none;
}
ul.breadcrumb li {display: inline;}
ul.breadcrumb li+li:before {
    padding: 6px;
    color: #ffffff;
    content: "»\00a0";
}
ul.breadcrumb li a:link {color: white;}
ul.breadcrumb li a:visited {color: white;}
ul.breadcrumb li a:hover {color:#cb1f23; cursor:crosshair;}

div#promostrip {
width:auto;
height:30px;
position: relative;
margin:0 auto;
padding: 0 20px 0 20px;
background-color:#102e48;
border:0;
}

.promo {
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
margin:0;
padding:0;
font:16px 'PTMonoRegular', monospace;
color:#ffffff;
}

.promo a:link {color: white;}
.promo a:visited {color: white;}
.promo a:hover {color:#ffff00; cursor:crosshair;}

div#headershadow {
width: auto;
height: 1px;
margin:0 auto;
padding:0;
background-color:#854f1d;
border:0;
border-top:2px solid #854f1d;
}

/* ######### BODY ######### */

div#maincontent2columns {
width: 984px;
height:auto;
margin:0 auto;
padding:0;
overflow:hidden;
position:relative;
background-color:#e6f6fe;
background-image:url('images/mainbg.gif');
border:0;
}

div#content {
width: 984px;
height: auto;
margin:0 auto;
padding:0;
overflow:hidden;
position: relative;
background-color:none;
background-image:none;
border:0;
border-width: 0;
border-spacing: 0;
vertical-align:text-top;
}

div#spotlight {
width: 984px;
height: auto;
margin:0;
padding:0 50px 0 50px;
overflow:hidden;
position: relative;
background-color:none;
background-image:none;
border:0;
border-width:0;
border-spacing:0;
vertical-align:text-top;
}

.spotblock {
width: 275px;
height: auto;
min-height: 275px;
display: inline-block;
float: left;
margin: 6px 8px 6px 8px;
padding: 4px;
text-align:center;
vertical-align: text-top;
background-color: #ffffff;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border: 2px solid #e6f6fe;
font:14px/20px 'font2014b', Verdana, sans-serif;
color:#1e0e01;
text-align:center;
}

.spotimage {
height: 265px;
}

.spotblock:hover {
border: 2px solid #860000;
}

div#spacer {
width: auto;
height: 108px;
margin:0 auto;
padding:0;
background-color:#e6f6fe;
background-image:url('images/spacerbg2015.gif');
border:0;
clear: left;
}

/* ######### FOOTER ######### */

footer#footer {
width: auto;
height: auto;
margin:0 auto;
padding:20px 22px 20px 22px;
overflow:hidden;
position: relative;
background-color:#1e0e02;
background-image:url('images/');
background-position:top;
background-repeat:no-repeat;
border:0;
border-bottom:3px solid #854f1d;
}

div.footerlinkbigbox {
width: 984px;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
background-color:none;
border:none;
}

.footerlinkmainbox, .footerlinkmaincap, .footerlinksubbox, .footerlinksublinks{
display:inline-block;
float:left;
}
.footerlinkmainbox {
width:315px;
height:75px;
margin:0 0 4px 0;
background-color:#2b1505;
border-radius: 8px 0 0 8px;
}
.footerlinkmainhead {
width:307px;
height:42px;
padding: 8px 0 0 8px;
color:#ffffff;
font:21px 'font2014b', Verdana, sans-serif;
text-align: left;
color:#ffffff;
}
.footerlinkmaincap {
width:307px;
height:21px;
padding: 0 0 4px 8px;
color:#ffffff;
font:12px 'font2014b', Verdana, sans-serif;
text-align: left;
color:#746152;
}
.footerlinksubbox {
width:618px;
height:75px;
margin:0 0 4px 0;
background-color:#381c07;
border-radius: 0 8px 8px 0;
}
.footerlinksublinks {
width:200px;
height:17px;
padding: 4px 0 4px 6px;
font:12px 'font2014b', Verdana, sans-serif;
text-align: left;
color:#ffffff;
}
.footerlinksublinks a:link {color: white; text-decoration: none;}
.footerlinksublinks a:visited {color: white; text-decoration: none;}
.footerlinksublinks a:hover {color:#cb1f23; cursor:crosshair; text-decoration: underline;}

div.footersocialbuttons {
width: 984px;
padding: 0;
margin: 0;
background-color:none;
border:none;
text-align:left;
}

.footerlinks {
font:12px/20px 'font2014b', Verdana, sans-serif;
text-align: left;
color:#ffffff;
width:19%;
display:inline-block;
padding:8px 0 4px 0;
margin:0 -5px 0 7px;
}

.footerlinks a{
color:#ffffff;
}

div.links3 {
clear:left;
float:left;
text-align:left;
width: auto;
vertical-align:bottom;
padding: 10px 0 0 0;
margin: 20px 0 0 0;
background-color:none;
border:none;
}

li.links3 a {
color:#1e0e01;
}

li.links3 a:hover {
color:#cb1f23; cursor:crosshair; text-decoration: underline;
}

.copy{
padding: 0 9px 3px 0;
font-size:8.0pt;
font-weight:normal;
font-style:normal;
font-family: "Verdana", arial, sans-serif;
text-align: left;
color: #ffffff;
vertical-align:bottom;
}
.copy a {
color:#ffffff;
}
.copy a:hover {
color:#cb1f23; cursor:crosshair;
}

div#pagetop {
width:63px;
height:63px;
float:right;
margin:0;
padding:0;
border:0;
}

.top-button {
width:63px;
height:63px;
}

img.blocksocialbutton {
width:50px;
height:50px;
padding: 6px;
}

img.contactbutton {
width:210px;
height:50px;
padding: 6px;
}

/* ######### feedback form ######### */

div.feedback {
text-align:left;
width:852px;
vertical-align:top;
padding: 10px;
margin:0 auto;
background-color:#effafc;
border:1px solid #b1e2fa;
-moz-border-radius:10px;
border-radius:10px;
}
.feedbackform {
width:auto;
font-family:arial, sans-serif;
border:1px solid #AAA;
padding:12px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.feedbackformheader {
font-size:21px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.feedbackformmessage {
text-align:center;
padding-bottom:10px;
}
.feedbackform p {
padding:4px;
}
.feedbackform label {
padding:4px;
padding-right:10px;
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
width:auto;
margin:5px 0 10px 0;
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-family:arial, sans-serif;
font-weight:normal;
color:#1a1511;
}
.feedback p,
.feedback label{
font:14px/18px 'font2014b', Courier, monospace;
color:#1a1511;
letter-spacing:1px;
}
.feedback textarea,
.feedback input{
font:14px/18px 'font2014b', Courier, monospace;
color:#000000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.feedback p{
margin-bottom:10px;
}
.contact {
font:21px 'font2014b', Courier, monospace;
color:#1a1511;
letter-spacing: 5px;
}
.feedback_text{
width:827px;
height:18px;
border:1px solid #BBB;
}
.feedback_textarea{
width:827px;
height:120px;
border:1px solid #BBB;
margin:0 0 4px 0;
resize:vertical;	
}
.feedback_button{
width:100px;
height:30px;
font:16px/18px 'font2014b', Courier, monospace;
}
.feedback_required{
color:#F00
}
#url {
display:none
}
.feedback_comments {
 color:#000;
 font:12px/14px 'font2014b', arial, sans-serif;
}

/* ######### highslide ######### */

.highslide-wrapper div {
    font-family: 'PTMonoRegular', monospace;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid gray;
}
.highslide-dimming {
	position: absolute;
	background: #1b0d02;
}
.highslide:hover img {
	border: 1px solid red;
}
.highslide-wrapper, .rounded-white {
	background: #b1e1f9;
}
.highslide-image {
    border: 7px solid #b1e1f9;
}

.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border-bottom: 1px solid #245c25;
    font-family: 'PTMonoRegular', monospace;
    font-size: 10pt;
    color: #245c25;
    padding: 5px;
    background-color: #b1e1f9;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}
.backbutton {
	position: relative;
	top: 0px;
	left: -70px;
	width: 61px;
	height: 105px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/back.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/back.png', sizingMethod='scale');
}
.nextbutton {
	position: relative;
	top: 0px;
	left: 70px;
	width: 61px;
	height: 105px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/next.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/next.png', sizingMethod='scale');
}
/* Mac-style close button */
.closebutton {
	position: relative;
	top: 2px;
	left: 2px;
	width: 40px;
	height: 40px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: none;
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='', sizingMethod='scale');
}

/* 1366+ width monitors ----------- */

@media
screen and (min-width: 1366px) {
div#container {
width:1350px;
	}
div#gap {
width:1350px;
	}
div#maincontent2columns {
width:1350px;
background-image:url('images/mainbg_1350.gif');
	}
div#content {
width: 984px;
display: inline-block;
	}
div#spotlight {
width: 325px;
height: 100%;
display: inline-block;
background-color: #b1e2fa;
margin:14px 37px 37px 0;
padding:0;
	}
.spotblock {
width: 321px;
min-height: 321px;
margin: 10px 0 10px 0;
border: 2px solid #e6f6fe;
	}
.spotimage {
height: 300px;
	}
div#header {
background-image:url('images/AlboPepper-Banner-2015_1350.gif');
	}
div#headershadow {
background-image:url('images/headershadow_1350.gif');
	}
div#spacer {
background-image:url('images/spacerbg_1350.gif');
	}
}

/* half width monitors ----------- */

@media
screen and (max-width: 983px) {
div#container {
width:780px;
	}
div#gap {
width:780px;
	}
div#header {
background-image:url('images/AlboPepper-Banner-2014_780.gif');
	}
div#headershadow {
background-image:url('images/headershadow_780.gif');
	}
div#maincontent2columns {
width:780px;
background-image:url('images/mainbg_780.gif');
	}
div#content {
width:780px;
	}
div#spotlight {
width:780px;
padding:0 37px 0 37px;
	}
.spotblock {
width: 220px;
min-height: 220px;
margin: 5px 5px 5px 5px;
border: 2px solid #e6f6fe;
	}
.spotimage {
height: 200px;
	}
div#spacer {
background-image:url('images/spacerbg_780.gif');
	}
div#pagetop {
width:42px;
height:42px;
	}
.top-button {
width:42px;
height:42px;
	}
h1.heading {
font: 30px/30px 'font2014', Courier, monospace;
padding: 10px 32px 0 30px;
	}
h2 {
font: 24px/24px 'font2014', Courier, monospace;
padding: 20px 0 0 30px;
	}
h3 {
font: 21px 'font2014b', Verdana, sans-serif;
padding: 20px 0 0 30px;
	}
.mainmargin {
padding: 0 32px 0 32px;
	}
p.mainbody {
font: 16px/20px 'font2014', Courier, monospace;
padding: 0 32px 0 32px;
	}
li.mainbody {
font: 18px/24px 'font2014', Courier, monospace;
margin: 0 32px 0 32px;
	}
p.mainbodyclean {
font: 14px/18px 'PTMonoRegular', monospace;
padding: 0 32px 0 32px;
	}
p.mainbodyclean16 {
font: 16px/20px 'PTMonoRegular', monospace;
padding: 0 32px 0 32px;
	}
.mainbodyclean12 {
padding: 0 32px 0 32px;
	}
.caption {
font: 14px 'font2014', Courier, monospace;
padding: 0 32px 0 32px;
	}
.val-mid_lrg {
width:202px;
height:144px;
	}
.val-mid {
width:134px;
height:100px;
	}
.val-mid_test {
width:160px;
height:160px;
	}
.val-mid_garment {
width:225px;
height:225px;
	}
.mainphoto {
width: 350px;
height: 234px;
	}
.productoptions, .productoptions_left {
width: 350px;
height: 350px;
	}
.ph852 {
width: 760px;
height: 372px;
	}
.reviewdiv {
width: 235px;
display: inline-block;
padding: 0;
	}
.photo-nav-button {
width: 40px;
height: 40px;
	}
.nutetable{
width:760px;
	}
.etext{
font-size:11px;
	}
.utext{
font: 14px/18px 'font2014', Courier, serif;
	}
.dtext{
font-size:11px;
	}
.utubeframe {
width: 720px;
height: 405px;
padding: 0 30px 10px 30px;
	}
.utubeframethumb {
width: 720px;
height: 405px;
padding: 0 30px 10px 30px;
	}	
.materials {
padding: 0 20px 0 20px;
	}
.materialstbl {
width:720px;
margin: 0 6px 0 6px
	}
#menu a {
    padding: 5px 10px;
}
.menuhead {
	font: 19px 'font2014b', Verdana, sans-serif !important;
}	
div.footerlinkbigbox {
width: 780px;
	}
.footerlinkmainbox {
width:248px;
	}
.footerlinkmainhead {
width:240px;
font:24px 'font2014b', Verdana, sans-serif;
	}
.footerlinkmaincap {
width:240px;
font:15px 'font2014b', Verdana, sans-serif;
	}
.footerlinksubbox {
width:477px;
	}
.footerlinksublinks {
width:153px;
font:14px 'font2014b', Verdana, sans-serif;
	}
div.footersocialbuttons {
width: 780px;
	}
div.links3 {
width:725px;
    }
div.feedback {
width:700px;
	}
.feedbackform {
width:650px;
	}
.feedback td, 
.feedback p, 
.feedback label, 
.feedback input
.feedback textarea{
font:16px/18px 'font2014b', Courier, monospace;
	}
.feedback_text{
width:650px;
	}
.feedback_textarea{
width:650px;
height:200px;
	}
.feedback_button{
width:100px;
height:30px;
font: 16px/18px 'font2014b', Courier, monospace;
	}
.feedback_comments {
 font: 12px/14px 'font2014b', arial, sans-serif;;
	}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

div#container {
width:984px;
	}
header#links {
width:984px;
	}
div#gap {
width:984px;
	}
div#header {
background-image:url('images/AlboPepper-Banner-2014.gif');
	}
div#headershadow {
background-image:url('images/headershadow.gif');
	}
div#maincontent2columns {
width:984px;
background-image:url('images/mainbg.gif');
	}
div#content {
width:984px;
	}
.st-default-search-input{
width:90px;
}
div#spotlight {
width:984px;
	}
.spotblock {
width: 275px;
min-height: 275px;
margin: 8px 8px 8px 8px;
	}
.spotimage {
width: 265px;
height: 265px;
	}	
div#spacer {
background-image:url('images/spacerbg2015.gif');
	}
h1.heading {
font: 36px/36px 'font2014', Courier, monospace;
padding: 25px 58px 0 55px;
	}
h2 {
font: 32px/32px 'font2014', Courier, monospace;
padding: 25px 0 0 55px;
	}
h3 {
font: 26px 'font2014b', Verdana, sans-serif;
padding: 25px 0 0 55px;
	}
.mainmargin {
padding: 0 58px 0 58px;
	}
p.mainbody {
font: 20px/24px 'font2014', Courier, monospace;
padding: 0 58px 0 58px;
	}
li.mainbody {
font: 20px/26px 'font2014', Courier, monospace;
margin: 0 58px 0 58px;
	}
p.mainbodyclean {
font: 16px/20px 'PTMonoRegular', monospace;
padding: 0 58px 0 58px;
	}
p.mainbodyclean16 {
font: 18px/22px 'PTMonoRegular', monospace;
padding: 0 58px 0 58px;
	}
.mainbodyclean12 {
padding: 0 58px 0 58px;
	}
.caption {
font: 14px 'font2014', Courier, monospace;
padding: 0 58px 0 58px;
	}
.val-mid_lrg {
width:270px;
height:196px;
	}
.val-mid {
width:167px;
height:125px;
	}
.val-mid_garment {
width:300px;
height:300px;
	}	
.mainphoto {
width: 400px;
height: 267px;
	}
.reviewdiv {
width: 255px;
display: inline-block;
padding: 0;
	}
.utubeframe {
width: 853px;
height: 480px;
padding: 20px 65px 20px 65px;
	}
.utubeframethumb {
width: 853px;
height: 480px;
padding: 20px 65px 20px 65px;
	}
.materials {
padding: 0 60px 0 60px;
	}
.materialstbl {
width:852px;
margin: 0 6px 0 6px
	}
div.footerlinkbigbox {
width: 984px;
	}
.footerlinks {
font:24px/40px 'font2014b', Courier, monospace ;
    }
.footerlinkmainbox {
width:315px;
	}
.footerlinkmainhead {
width:307px;
font:24px 'font2014b', Verdana, sans-serif;
	}
.footerlinkmaincap {
width:307px;
font:15px 'font2014b', Verdana, sans-serif;
	}
.footerlinksubbox {
width:615px;
	}
.footerlinksublinks {
width:199px;
font:14px 'font2014b', Verdana, sans-serif;
	}
div.footersocialbuttons {
width: 984px;
	}
div.links3 {
width: 930px;
    }
header#links {
position:relative;
height:60px;
    }
div#dropmenudiv {
text-align:center;
height:38px;
    }


/* ######### highslide ######### */

.backbutton {
	position: relative;
	top: 0px;
	left: 0px;
	width: 84px;
	height: 110px;
	background: url(highslide/graphics/back_m.png);
	}
.nextbutton {
	position: relative;
	top: 0px;
	left: 0px;
	width: 84px;
	height: 110px;
	background: url(highslide/graphics/next_m.png);
	}

/* ######### feedback form ######### */

div.feedback {
width:940px;
	}
.feedbackform {
width:auto;
	}
.feedback td, 
.feedback p, 
.feedback label, 
.feedback input
.feedback textarea{
font:24px/32px 'font2014b', Courier, monospace;
	}
.feedback_text{
width:890px;
	}
.feedback_textarea{
width:890px;
height:200px;
	}
.feedback_button{
width:150px;
height:45px;
font:24px/32px 'font2014b', Courier, monospace;
	}
.feedback_comments {
 font: 20px/24px 'font2014b', arial, sans-serif;
	}
}