/*
Stylesheet for Panama Hat Company of the Pacific, designed for Screen Media

Author: Christopher Werby of Pipsqueak Productions, LLC
http://www.pipsqueak.com

Last updated: February 6, 2008.  Forked from v02 because of different treatment of text in product tables right sidebars.
*/

/* @group FONT FACE ASSIGNMENTS */
body
{
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.0em;
}

div#footer div.address p, body#contactInfo div.address p { font-family: 'Times New Roman', Serif; }

/* @end FONT FACE ASSIGNMENTS */
/* @group DEFAULTS FOR MARGINS AND PADDING */
ul, li
{
	margin: 0;
	padding: 0;
}

body
{
	padding: 0px;
	margin: 0px;
}

blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* @end DEFAULTS FOR MARGINS AND PADDING */
/* @group MAIN STRUCTURE */
body { background-image: url(../images/_elements/background_yellow.jpg); }

body.black
{
	background-color: black;
	background-image: none;
}

div#wholePage
{
	width: 750px;
	margin-top: 15px;
	margin-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
}

/* @end MAIN STRUCTURE */
/* @group TOPPER */
/* @end TOPPER */
/* @group SHOPPING CART BUTTON GENERALLY */
div.shoppingCartButton
{
	/*

width: 40px;
	height: 58px;
	background-image: url(../images/_elements/Icon_Shopping_Cart.gif);
*/
	visibility: hidden;
}

body.black div.shoppingCartButton { background-image: url(../images/_elements/Icon_Shopping_Cart_Black.gif); }

div.shoppingCartButton a
{
	display: block;
	width: 40px;
	height: 58px;
}

/* @end SHOPPING CART BUTTON GENERALLY */
/* @group LOGO GENERALLY */
div#logo
{
	background-image: url(../images/_elements/bbb_logo_yellow.jpg);
	background-repeat: no-repeat;
	width: 300px;
	height: 80px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: .25in;
	clear: both;
}

div#logo a
{
	width: 300px;
	height: 80px;
	display: block;
}

/* @end LOGO GENERALLY */
/* @group NAVIGATION */
div#navigation
{
	font-size: 10pt;
	width: 750px;
	height: 55px;
	display: block;
	margin-left: .2in;
}

div#navigation ul li
{
	width: 1.5in;
	height: .25in;
	text-align: center;
	float: left;
	list-style-type: none;
}

div#navigation ul li.narrow { width: 1in; }
div#navigation ul li.wide { width: 1.6in; }

div#navigation div.shoppingCartButton
{
	float: right;
	margin-right: .2in;
	width: 40px;
	height: 58px;
}

div#navigation a
{
	text-decoration: none;
	color: #630;
}

body.black div#navigation a { color: #ffc; }
div#navigation a:visited { color: #B16316; }
body.black div#navigation a:visited { color: #F3D8A8; }

div#navigation li a
{
	display: block;
	border: 1px solid;
	border-color: #aaa #000 #000 #aaa;
	background: #E7E0BF;
}

body.black div#navigation li a
{
	background: #630;
	border-color: #555 #000 #000 #555;
}

div#navigation li a:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	border-color: #000 #555 #555 #000;
}

div#navPop, div#navPopAbout { background-image: url(../images/_elements/bbb_logo_yellow.jpg); }
body.black div#navPop { background-image: url(../images/_elements/bbb_logo_black.gif); }

div#navPop, div#navPopAbout
{
	background-repeat: no-repeat;
	padding-top: .2in;
	padding-bottom: .1in;
	width: 703px;
	height: 90px;
	display: block;
}

div#navPop
{
	background-position: 0in 0;
	position: relative;
}

div#navPopAbout { background-position: 1.3in 0; }

div#navPop form, div#navPopAbout form
{
	margin-top: .2in;
	display: block;
}

div#navPop form { margin-left: 290px; }
div#navPopAbout form { margin-left: 430px; }

div#navPop form input, div#navPopAbout form input
{
	position: absolute;
	top: .4in;
	right: .2in;
}

/* @end NAVIGATION */
/* @group MAIN HEADLINE AND SUBHEADS */
div#pageHeadline, div.graphicSubHead
{
	text-align: center;
	padding-bottom: .25in;
}

div.graphicSubHead { padding-bottom: .1in; }

div#pageHeadline img, div.graphicSubHead img
{
	border-style: none;
	text-align: center;
}

/* @end MAIN HEADLINE AND SUBHEADS */
/* @group FOOTER GENERALLY */
div#footer
{
	width: 703px;
	margin-left: 0;
	clear: both;
}

div#footer hr
{
	width: 703px;
	color: #5b290b;
	background-color: #5b290b;
	height: .5px;
	margin-top: .3in;
	margin-left: 0;
}

body.products div#footer hr { visibility: hidden; }

div#footer div.shoppingCartButton
{
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	margin-top: .1in;
}

div#footer div.links { padding-top: .1in; }

div#footer div.links p
{
	font-size: 12pt;
	text-align: center;
	padding-top: 0;
	margin-top: .5em;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#footer div.address, body#contactInfo div.address
{
	background-image: url(../images/_elements/thepanamahatco.jpg);
	background-repeat: no-repeat;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: .4in;
	padding-top: .75in;
	background-position: center top;
	text-align: center;
}

body.black div#footer div.address
{
	background-image: url(../images/_elements/bbb_logo_black.gif);
	margin-top: .2in;
	padding-top: 1in;
}

div#footer div.address p, body#contactInfo div.address p
{
	font-size: 13pt;
	color: #5b290b;
	margin-top: 0;
}

body.black div#footer div.address p { color: #ffc; }

div#footer div.address p.tollFree, body#contactInfo div.address p.tollFree
{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 0;
}

div#footer p.small
{
	font-size: 8pt;
	text-align: center;
}

div#printFooter { display: none; }
body.black div#footer a { color: #ffc; }
body.black div#footer a:visited { color: #F3D8A8; }
body.black div#footer p.small { color: #ffc; }

/* @end FOOTER GENERALLY */
/* @group LINK TREATMENTS GENERALLY */
a { color: #630; }
a:visited { color: #B16316; }

a.details
{
	font-size: .8em;
	padding-left: .1in;
}

h2 a.details
{
	display: block;
	font-size: .8em;
	margin-bottom: .05in;
	text-transform: none;
	padding-left: 0;
}

/* @end LINK TREATMENTS GENERALLY */
/* @group MULTI SECTION TEXT TREATMENTS */
.nodisplay { display: none; }
.nobreak { white-space: nowrap; }
.notes { color: red; }
.lower, .lowercase { text-transform: lowercase; }
.upper, .uppercase { text-transform: uppercase; }
.smallcaps { font-variant: small-caps; }
.legal, .small { font-size: .8em; }
.normal { font-style: normal; }
.bold { font-weight: bold; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.caption { color: #630; }
.hidden { display: none; }
.italic { font-style: italic; }

.quote
{
	font-style: italic;
	font-size: 9pt;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: .05in;
}

.attribution
{
	font-weight: normal;
	font-style: normal;
	font-size: 9pt;
	padding-top: 0;
	margin-top: 0;
	padding-bottom: .07in;
}

.italic { font-style: italic; }

/* @end MULTI SECTION TEXT TREATMENTS */
/* @group MULTI PAGE SECTIONS */
/* @end MULTI PAGE SECTIONS */
/* @group MULTI SECTION WORD TREATMENTS */
p { color: #630; }
span.fraction { white-space: nowrap; }

span.fraction span.above, span.fraction i
{
	vertical-align: 0.7ex;
	font-size: 75%;
	font-style: inherit;
}

span.fraction span.below, span.fraction b
{
	vertical-align: -0.3ex;
	font-size: 75%;
	font-weight: inherit;
}

span.lowercase { text-transform: lowercase !important; }

/* @end MULTI SECTION WORD TREATMENTS */
/* @group BUTTON SYSTEM -- WHITE BUTTON GENERALLY */
.buttonTiny, .buttonSmall, .buttonMedium, .buttonLarge, .buttonGiant { height: 20px; }
.buttonTiny { width: 51px; }
.buttonSmall { width: 71px; }
.buttonMedium { width: 90px; }
.buttonLarge { width: 120px; }
.buttonGiant { width: 180px; }

.buttonTiny a, .buttonSmall a, .buttonMedium a, .buttonLarge a, .buttonGiant a
{
	display: block;
	margin: 0px;
	overflow: hidden;
	text-decoration: none;
	height: 100%;
	font-family: Arial, sans-serif;
	font-size: 10px;
	font-weight: bold;
	line-height: 20px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: left top;
}

.buttonTiny a { background: url('../images/_elements/Button_White_Multi_Tiny.jpg'); }
.buttonSmall a { background: url('../images/_elements/Button_White_Multi_Small.jpg'); }
.buttonMedium a { background: url('../images/_elements/Button_White_Multi_Medium.jpg'); }
.buttonLarge a { background: url('../images/_elements/Button_White_Multi_Large.jpg'); }
.buttonGiant a { background: url('../images/_elements/Button_White_Multi_Giant.jpg'); }

.buttonTiny span, .buttonSmall span, .buttonMedium span, .buttonLarge span, .buttonGiant span
{
	position: relative;
	left: 1px;
	top: 1px;
	color: #555;
	text-transform: uppercase;
}

.buttonTiny a:hover { background-position: -51px 0; }
.buttonSmall a:hover { background-position: -71px 0; }
.buttonMedium a:hover { background-position: -90px 0; }
.buttonLarge a:hover { background-position: -120px 0; }
.buttonGiant a:hover { background-position: -180px 0; }
.buttonTiny a:active { background-position: -102px 0; }
.buttonSmall a:active { background-position: -142px 0; }
.buttonMedium a:active { background-position: -180px 0; }
.buttonLarge a:active { background-position: -240px 0; }
.buttonGiant a:active { background-position: -360px 0; }

/* @end BUTTON SYSTEM -- WHITE BUTTON GENERALLY */
/* @group FLASH EMBEDS */
div#video
{
	position: relative;
	display: block;
	top: 20px;
	left: 0px;
	padding-bottom: 15px;
	z-index: -1;
}

/*This is for the "No Flash" text*/
div#video p
{
	display: block;
	position: relative;
	color: black;
	top: 125px;
	left: 75px;
	width: 250px;
	border-color: red;
	border-width: 1pt;
	border-style: solid;
	padding: 10px;
	font-size: 1.4em;
}

/* @end FLASH EMBEDS */
/* @group HOME PAGE */
/* @end HOME PAGE */
/* @group PRODUCTS PAGE */
body.products q
{
	display: block;
	font-size: 16px;
	line-height: 15pt;
	padding-left: 40px;
	padding-right: 40px;
	text-align: left;
	margin-right: 10px;
	color: #630;
	margin-bottom: .3in;
	text-indent: -.07in;
}

body.products q cite
{
	text-align: right;
	display: block;
	font-size: .8em;
}

/* @group PRODUCTS PAGE -- ROLL OVER HATS */
div#rollingOverHats
{
	margin: 0;
	width: 703px;
	/*
margin-left: auto;
	margin-right: auto;
*/
}

div#RollingOverHatPictures { background-color: black; }
div#rollOverLeft, div#rollOverMiddle, div#rollOverRight { display: inline-block; }

div#rollOverLeft
{
	float: left;
	padding-left: .3in;
	display: inline;
}

div#rollOverMiddle
{
	float: left;
	display: inline;
	padding-left: .7in;
}

div#rollOverRight
{
	float: right;
	display: inline;
}

div#rollingOverHatCaption
{
	color: #996;
	font-size: 10pt;
	line-height: 14pt;
	clear: both;
	margin-bottom: .1in;
	text-align: center;
	padding: 0 1in .1in 1in;
}

div#rollOverLabels { }

div#rollingOverHats h2
{
	font-size: 13pt;
	font-variant: small-caps;
	font-weight: bold;
	padding-left: .35in;
	padding-top: .1in;
}

div#rollingOverHats ul
{
	list-style-image: url(../images/_elements/bullet_hat_yellow_tiny.gif);
	list-style-type: none;
	list-style-position: inside;
	font-size: 12pt;
}

div#rollingOverHats ul li { vertical-align: text-top; }

/*Width value can be over-ridden locally*/
div#rollOverLeftLabels
{
	float: left;
	display: inline;
	width: 250px;
}

div#rollOverRightLabels
{
	float: right;
	display: inline;
}

div#rollOverCenterLabels
{
	float: left;
	display: inline;
	/*margin-left: 1.2in;*/
}

/* @end SUB PRODUCTS PAGE -- ROLL OVER HATS */
/* @group PRODUCTS ITEM DESCRIPTIONS */
/* @group SUB PRODUCTS ITEM DESCRIPTIONS -- MAIN STRUCTURE */
body.products div.item
{
	float: left;
	width: 315px;
	border-left: black;
	border-right: #996;
	display: inline;
	border-width: 0 195px 0 193px;
	border-style: none solid none solid;
}

body.products div.item div.left
{
	width: 200px;
	float: left;
	margin-left: -200px;
	position: relative;
}

body.products div.item div.center
{
	width: 315px;
	float: left;
	margin-right: -315px;
}

body.products div.item div.right
{
	float: right;
	width: 200px;
	margin-right: -200px;
	position: relative;
}

/* @end SUB PRODUCTS ITEM DESCRIPTIONS -- MAIN STRUCTURE */
/* @group SUB PRODUCTS HEADLINES AND SUBHEADS */
div#productTables h1 span.subhead
{
	color: #996;
	font-size: .8em;
	display: block;
}

body.products div#productTables h1
{
	text-align: center;
	font-size: 18pt;
	text-transform: uppercase;
	color: #ffc;
	vertical-align: middle;
	width: 703px;
	display: block;
	background-color: black;
	padding: .2in 0 .2in 0;
	margin-bottom: 0;
	margin-top: 0;
	clear: both;
}

body.products div#productTables h1.brims
{
	color: #996;
	margin-bottom: 0;
	padding-bottom: 0;
}

div#productTables h1.bottomBar
{
	padding-top: .05in;
	padding-bottom: .05in;
}

div#productTables h2, div#productTables h3
{
	font-weight: bold;
	color: #630;
	padding-top: .15in;
}

div#productTables h2
{
	font-size: 14pt;
	text-align: left;
}

div#productTables h3
{
	font-size: 12pt;
	text-align: center;
}

div#productTables .onBlack
{
	background-color: black;
	width: 178px;
}

div#productTables .onBlack h1
{
	color: #996;
	margin-top: .15in;
}

div#productTables .onBlack h1, div#productTables td.onBlack h2
{
	text-align: center;
	font-size: 18pt;
	text-transform: uppercase;
}

div#productTables .onBlack h2
{
	color: #ffc;
	margin-bottom: .15in;
	margin-top: .15in;
	vertical-align: middle;
}

div#productTables .onBlack h3
{
	font-size: 12pt;
	font-weight: bold;
	color: #996;
	padding-top: .15in;
	text-align: center;
}

/* @end SUB PRODUCTS HEADLINES AND SUBHEADS */
/* @group SUB PRODUCT TABLES LEFT COLUMN */
body.products div#productTables div.item div.left img { padding-left: 16px; }

div#productTables div.item div.left p
{
	color: #996;
	text-align: center;
	font-size: 10pt;
	padding-top: 0in;
}

div#productTables div.item div.left img.extra3 { padding-top: 3in; }
div#productTables div.item div.left img.extra2 { padding-top: 2in; }
div#productTables div.item div.left img.extra1 { padding-top: 1in; }

/* @end SUB PRODUCT TABLES LEFT COLUMN */
/* @group SUB PRODUCT TABLES CENTER COLUMN */
body.products div.quote, body.products div.item div.center p.quote
{
	margin-left: .2in;
	margin-right: .2in;
}

div#productTables div.center a
{
	font-size: 80%;
	vertical-align: baseline;
}

div#productTables div.center a.normal { font-size: 100%; }

div#productTables div.center p
{
	font-size: 16px;
	line-height: 15pt;
	padding-bottom: .07in;
	padding-left: 10px;
	text-align: left;
	margin-right: 10px;
}

div#productTables div.center p.small { font-size: .8em; }

div#productTables p, div#productTables ol, div#productTables ul, body.products div.copyRight, body.products div.copyLeft
{
	font-size: 12pt;
	line-height: 15pt;
	color: #630;
	padding-bottom: .07in;
	padding-left: 10px;
	text-align: left;
}

div#productTables p.first:first-letter { font-size: 18pt; }

div#productTables div.item div.center p.first
{
	background-image: url(../images/_elements/mcg.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	background-position: 2in top;
	margin-right: 0px;
	padding-right: 130px;
	margin-top: 10px;
}

div#productTables div.item div.center p.first2
{
	background-image: url(../images/_elements/gphl.gif);
	background-repeat: no-repeat;
	padding-bottom: 0px;
	background-position: 2in top;
	margin-right: 0px;
	padding-right: 130px;
	margin-top: 10px;
}

div#productTables .onBlack p { color: #996; }

div#productTables .caption
{
	color: white;
	font-size: 10pt;
	padding-top: .1in;
	text-align: center;
}

/* @group SUB SUB PRODUCT TABLES CENTER COLUMN QUOTE IN BLACK */
div#productTables div.quote
{
	background-color: black;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 0;
	width: 703px;
	margin-top: -20px;
}

div#productTables div.quote p
{
	text-align: center;
	color: #996;
	margin-bottom: 0;
}

div#productTables div.quote p.attribution { font-style: normal; }

div#productTables div.quote p.attribution cite
{
	font-style: italic;
	display: block;
}

/* @end SUB SUB PRODUCT TABLES CENTER COLUMN QUOTE IN BLACK */
/* @end SUB PRODUCT TABLES CENTER COLUMN */
/* @group SUB RIGHT SIDEBAR */
/*Width value can be over-ridden locally when used as a non-product table (i.e. How to Roll)*/
div#productTables div.item div.right a:visited { color: #630; }

div#productTables div.item div.right h2, div#productTables div.item div.right p, div#productTables div.item div.right h3
{
	font-size: 10pt;
	text-align: center;
	color: #300;
	padding: 0;
	margin: 0;
}

div#productTables div.item div.right h2
{
	padding-top: .3in;
	text-transform: uppercase;
	font-weight: bold;
}

div#productTables div.item div.right h2.order a { text-transform: uppercase; }

div#productTables div.item div.right h2.order a span
{
	display: block;
	text-transform: capitalize;
}

div#productTables div.item div.right img
{
	padding-top: .05in;
	margin-right: .15in;
}

div#productTables div.item div.right p
{
	padding: 0in .1in .05in .1in;
	line-height: 12pt;
	font-size: .95em;
}

div#productTables div.item div.right p a, div#productTables div.item div.right p.link
{
	padding-top: .15in;
	/*

padding-bottom: .15in;*/
	display: block;
}

div#productTables div.item div.right .extraHalf { padding-top: .5in; }

div#productTables div.right h2 a, div.right h3 a
{
	font-size: .8em;
	padding-left: .1in;
}

div#productTables div.right h2 a, div#productTables div.right h3 a
{
	display: block;
	font-size: .8em;
	margin-bottom: .05in;
	text-transform: none;
	padding-left: 0;
}

div#productTables div.right h2.prices a
{
	padding-left: .2in;
	padding-right: .2in;
	/*padding-bottom: .2in;*/
}

div#productTables div.right h2.order a { }

div#productTables div.item div.right h3
{
	padding-top: .2in;
	font-size: .7em;
}

div#productTables div.item div.right div.separator
{
	background-image: url(../images/_elements/Icon_Separator_Product_Side.gif);
	background-repeat: no-repeat;
	background-position: center top;
	width: 73px;
	height: 5px;
	margin-left: 65px;
	margin-top: 24px;
}

/* @group Item Right Text Treatments */
div.item div.right span.fraction
{
	font-size: 1.1em;
	letter-spacing: 1px;
	margin-left: -2px;
}

div.item div.right h2, div.item div.right p, div.item div.right h3
{
	font-size: 10pt;
	text-align: center;
	color: #300;
	padding: 0;
	margin: 0;
}

div.item div.right h2
{
	padding-top: .15in;
	text-transform: uppercase;
	font-weight: bold;
}

div.item div.right div.images { padding-top: .05in; }
div.item div.right h3 { padding-top: .03in; }

div.item div.right p
{
	padding: 0in .1in .05in .1in;
	line-height: 12pt;
}

/* @end  Item Right Text Treatments */
/* @group Item Right Order Button */
div#productTables div.item div.right h2.order a
{
	width: 180px;
	display: block;
	height: 40px;
	background-color: #a9a971;
	text-align: center;
	text-decoration: none;
	margin-left: 8px;
	font-size: 1em;
	padding-top: 10px;
	padding-bottom: 0;
}

div#productTables div.item div.right h2.order a:hover
{
	position: relative;
	top: 1px;
	left: 1px;
	background-color: #c8c886;
}

div#productTables div.item div.right h2.order a:active { background-color: #777750; }

/* @end Item Right Order Button */
/* @end SUB RIGHT SIDEBAR */
/* @group SUB PRODUCT TABLES MISCELLANEOUS */
div#productTables .introProducts h3 { font-size: 14pt; }
table.product, table.introProducts { padding-top: 2in; }

/*These values can be over-ridden locally*/
div#productTables td img.extra { margin-top: 1.5in; }

div#productTables
{
	clear: both;
	padding-top: .2in;
}

div#productTables td.bottom { padding-bottom: 0; }
div#productTables .small { font-size: 10pt; }

div#productTables .photos p.caption
{
	color: #996;
	padding-top: 0;
}

div#productTables .photos
{
	width: 175px;
	background-color: black;
	vertical-align: middle;
}

/*Width value can be over-ridden locally when used as a non-product table (i.e. How to Roll)*/
div#productTables .copy
{
	width: 302px;
	vertical-align: top;
}

/* @end SUB PRODUCT TABLES MISCELLANEOUS */
/* @group PRODUCT TABLE DEFINITIONS */
table.product, table.introProducts, table.infoCopy, div#RollingOverHatPictures
{
	width: 703px;
	border-width: 0;
	border-collapse: collapse;
	margin-left: 0;
	margin-right: 0;
}

table.infoCopy { width: 750px; }
table.product, table.introProducts, table.infoCopy { border-width: 0; }

/* @end PRODUCT TABLE DEFINITIONS */
/* @group PRODUCT SPECIAL SECTIONS */
/* @group SUB PRODUCT BOTTOM TABLE */
body.products div#productTables div.productBottom
{
	width: 703px;
	height: 450px;
	background-color: black;
	clear: both;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px;
}

body.products div#productTables div.productBottom div
{
	width: 225px;
	display: inline;
	text-align: center;
	float: left;
}

body.products div#productTables div.productBottom div p
{
	color: #996;
	text-align: center;
	line-height: 16px;
}

body.products div#productTables div.productBottom div img
{
	padding-left: 20px;
	margin-left: 0;
}

body.products div#productTables div.productBottom h1
{
	font-size: 14pt;
	padding-top: .5in;
	color: #999966;
}

body.products div#productTables div.productBottom img { border: 0; }

/* @end SUB PRODUCT BOTTOM TABLE */
/* @group SUB PRODUCT HAT HAPPINESS */
div#hatHappiness
{
	clear: both;
	color: #630;
	text-align: center;
	padding-top: .3in;
	margin-left: .8in;
	margin-right: .8in;
}

div#hatHappiness h1 { font-size: 18pt; }

div#hatHappiness h3
{
	font-size: 13pt;
	padding-top: .07in;
	margin-bottom: .05in;
}

div#hatHappiness h3:first-letter { font-size: 18pt; }
div#hatHappiness p { margin-top: 0in; }

/* @end SUB PRODUCT HAT HAPPINESS */
/* @end PRODUCT SPECIAL SECTIONS */
/* @end PRODUCTS ITEM DESCRIPTIONS */
body.products div.callOutBox
{
	clear: right;
	padding-top: .1in;
	margin-left: .1in;
	font-size: 10pt;
	text-align: center;
	color: #630;
}

/* @end PRODUCTS PAGE */
/* @group NEWS MAIN COLUMN STYLES */
/*h1 is for headlines*/
body#article div#bodyContent h1
{
	font-size: 1.4em;
	font-weight: normal;
	background-image: none;
	letter-spacing: 0;
	padding-top: 0px;
	padding-left: 0px;
	color: #630;
}

/*h1.subhead is for subhead headlines*/
body#article div#bodyContent h1.subhead
{
	font-size: 1.2em;
	margin-top: -15px;
	padding-bottom: 15px;
}

/*h2 is for bylines*/
body#article div#bodyContent h2
{
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin-top: -20px;
	text-align: left;
}

/*h3 is for publication names*/
body#article div#bodyContent h3
{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 3px;
}

/*h4 is for publication dates*/
body#article div#bodyContent h4
{
	font-size: .8em;
	font-weight: normal;
	margin-top: 0;
}

/*h5 is for intext subheads*/
body#article div#bodyContent h5
{
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 3px;
	margin-top: 25px;
}

/* @end NEWS MAIN COLUMN STYLES */
/* @group HOME PAGE */
body#home div#photoBar { height: 150px; }
body#home div#topCopy img { float: left; }

body#home div#topCopy p
{
	margin-left: 180px;
	margin-top: 0;
	padding-top: 10px;
	margin-right: 40px;
	margin-bottom: 0;
}

body#home div#topCopy p span
{
	font-size: 160%;
	font-weight: bold;
}

body#home div#topCopy p:first-letter { font-size: 130%; }

body#home div#topCopy p img
{
	display: block;
	margin-left: 400px;
}

body#home div#mapImages { clear: both; }

body#home div#mapImages img
{
	text-decoration: none;
	border: 0;
}

body#home div#homeList
{
	margin-top: 20px;
	margin-left: 40px;
}

body#home div#homeList  ul { list-style-type: none; }

body#home div#homeList  ul li
{
	text-align: left;
	clear: both;
	padding: 10px;
	display: block;
}

body#home div#homeList  ul li a
{
	display: block;
	font-size: 120%;
	color: #630;
}

body#home div#homeList  ul li p
{
	margin-right: 40px;
	margin-bottom: 0;
	margin-top: -20px;
	padding-top: 40px;
	margin-left: 155px;
}

body#home div#homeList  ul li p span
{
	font-style: italic;
	font-weight: bold;
}

body#home div#homeList  ul li.callToAction span, body#home div#homeList  ul li div#navTranslate span
{
	display: block;
	font-size: 120%;
	color: #630;
	font-style: normal;
	font-weight: normal;
}

body#home div#homeList ul li img
{
	border-style: none;
	float: left;
	margin-right: 30px;
	margin-bottom: 0;
	margin-top: 20px;
}

body#home div#homeList  ul li.callToAction a
{
	display: inline;
	font-size: 120%;
}

body#home div#paymentLogos
{
	clear: both;
	margin-left: 235px;
}

body#home div#paymentLogos img { margin-left: 20px; }

/* @end HOME PAGE */
/* @group THUMBNAIL LISTS (ABOUTUS PAGE, HAT SHOPPING OVERVIEW PAGE) */
div#bodyContent div#thumbnailList p { clear: none; }
div#thumbnailList ul { list-style-type: none; }

div#thumbnailList ul li
{
	text-align: left;
	margin-left: 220px;
	margin-top: 0;
	padding-top: 20px;
	clear: both;
}

div#thumbnailList ul li ul
{
	margin-left: -220px;
	clear: none;
	padding-top: 0;
	margin-top: 20px;
}

div#thumbnailList ul li ul li
{
	margin-left: 0px;
	clear: none;
	padding-top: 0;
}

div#thumbnailList ul li ul li a img
{
	border-style: none;
	clear: left;
	float: left;
	display: inline-block;
	margin-left: 80px;
	margin-right: 30px;
	margin-bottom: 40px;
}

div#thumbnailList ul li ul li p
{
	float: left;
	width: 350px;
	margin-top: 0;
}

div#thumbnailList ul li ul p a
{
	display: block;
	font-size: 20px;
	font-style: italic;
}

/* New Items */
div#thumbnailList ul li
{
	font-size: 1.4em;
	color: #630;
	text-indent: 5px;
}

div#thumbnailList ul li img { margin-left: -5px; }

div#thumbnailList ul ul li
{
	text-indent: 0;
	font-size: .7em;
}

/* @end THUMBNAIL LISTS (ABOUTUS PAGE, HAT SHOPPING OVERVIEW PAGE) */
/* @group ABOUT US PAGES */

/*
body#aboutUs div#aboutUsList ul { list-style-type: none; }

body#aboutUs div#aboutUsList ul li
{
	text-align: left;
	margin-left: 220px;
	margin-top: 0;
	padding-top: 20px;
	clear: both;
}

body#aboutUs div#aboutUsList ul li ul
{
	margin-left: -220px;
	clear: none;
	padding-top: 0;
	margin-top: 20px;
}

body#aboutUs div#aboutUsList ul li ul li
{
	margin-left: 0px;
	clear: none;
	padding-top: 0;
}

body#aboutUs div#aboutUsList ul li ul li a img
{
	border-style: none;
	clear: left;
	float: left;
	display: inline-block;
	margin-left: 80px;
	margin-right: 30px;
	margin-bottom: 40px;
}

body#aboutUs div#aboutUsList ul li ul li p
{
	float: left;
	width: 350px;
	margin-top: 0;
}

body#aboutUs div#aboutUsList ul li ul p a
{
	display: block;
	font-size: 20px;
	font-style: italic;
}
*/

/* @end ABOUT US PAGES */
/* @group HOW TO ROLL PAGE */
/* @group SUB HOW TO ROLL PAGE -- CUSTOM TABLES */
body#howToRoll div#productTables div.instructions  td.details
{
	width: 6px;
	background-color: black;
}

body#howToRoll div#productTables div.instructions td.copy
{
	width: 474px;
	vertical-align: middle;
}

body#howToRoll div#productTables div.warning  td.details
{
	width: 185px;
	background-color: black;
}

body#howToRoll div#productTables div.warning td.copy
{
	width: 295px;
	vertical-align: middle;
	padding-bottom: .2in;
}

body#howToRoll div#productTables div.warning td.copy p { text-align: right; }

body#howToRoll div#productTables div.warning td.copy p.crushed
{
	font-size: .8em;
	margin-left: 1in;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* @end SUB HOW TO ROLL PAGE -- CUSTOM TABLES */
/* @group HOW TO ROLL PAGE -- GENERIC BOX */
body#howToRoll div.genericBox
{
	margin-left: .5in;
	margin-right: .9in;
}

body#howToRoll div#productTables h1
{
	text-align: center;
	font-size: 18pt;
	text-transform: uppercase;
	color: #ffc;
	vertical-align: middle;
	width: 703px;
	display: block;
	background-color: black;
	padding: .2in 0 .2in 0;
	margin-bottom: 0;
	margin-top: 0;
	clear: both;
}

body#howToRoll div.genericBox h1.block
{
	width: 100%;
	display: block;
	color: #ffc;
	font-size: 18pt;
	background-color: #5b290b;
	text-align: center;
	padding-top: .2in;
	padding-bottom: .2in;
}

body#howToRoll div.genericBox  a
{
	font-size: 80%;
	vertical-align: baseline;
}

body#howToRoll div.genericBox  a.normal { font-size: 100%; }

body#howToRoll div.genericBox  p
{
	font-size: 16px;
	line-height: 15pt;
	padding-bottom: .07in;
	padding-left: 10px;
	text-align: left;
	margin-right: 10px;
}

body#howToRoll div.genericBox  p.first:first-letter { font-size: 18pt; }

/* @end HOW TO ROLL PAGE -- GENERIC BOX */
/* @end HOW TO ROLL PAGE */
/* @group INFO PAGES */

/*
body#info div#bodyContent
{
	margin: 0 auto 0 auto;
	clear: both;
}
*/

/*These values can be over-ridden locally*/
body#info div#bodyContent { width: 610px; }

body#info table tr td
{
	vertical-align: top;
	padding-top: 0;
}

/*body#info div#bodyContent p { clear: both; }*/
body#info div.copyRight, 
body#info div.copyLeft, 
body#info div.copyRightNarrow, 
body#info div.copyLeftNarrow, 
body#info div#bodyContent p
{
	font-size: 12pt;
	line-height: 15pt;
	padding-bottom: .07in;
	text-align: left;
}

body#info span.inlineHead
{
	font-style: normal;
	font-weight: bold;
}

body#info p.summary
{
	font-style: italic;
	margin-left: .75in;
	margin-right: .75in;
	line-height: 18pt;
}

body#info div#navAnchors
{
	font-size: 10pt;
	width: 620px;
	height: 55px;
	display: block;
}

body#info div#navAnchors ul li
{
	text-align: center;
	float: left;
	list-style-type: none;
	height: .25in;
}

/*These values can be over-ridden locally*/
body#info div#navAnchors ul li { width: 1in; }

body#info div.imagesLeft, body#info div.imagesRight, 
body#info div.imagesLeftWide, body#info div.imagesRightWide
{
	padding-top: .2in;
	margin-top: 0in;
}

/*These values can be over-ridden locally*/
body#info div.imagesLeft, body#info div.imagesRight { width: 200px; }
body#info div.imagesLeftWide, body#info div.imagesRightWide { width: 270px; }

body#info div.imagesLeft, body#info div.imagesLeftWide
{
	clear: both;
	float: left;
	text-align: right;
	padding-top: .2in;
}

body#info div.imagesRight, body#info div.imagesRightWide
{
	float: right;
	padding-top: .2in;
}

body#info div.imagesLeft img, 
body#info div.imagesRight img, 
body#info div.imagesLeftWide img, 
body#info div.imagesRightWide img, 
body#info div.copyLeft img, 
body#info div.copyLeftNarrow img, 
body#info div.copyRight img, 
body#info div.copyRightNarrow img { margin-bottom: .2in; }
body#info .slicedImage img { margin-bottom: 0in; }

body#info div.copyRight, 
body#info div.copyLeft, 
body#info div.copyRightNarrow, 
body#info div.copyLeftNarrow
{
	padding-top: .05in;
	margin-top: .05in;
}

/*These values can be over-ridden locally*/
body#info div.copyRight, 
body#info div.copyLeft { width: 385px; }
body#info div.copyRightNarrow, 
body#info div.copyLeftNarrow { width: 305px; }

body#info div.copyRight, 
body#info div.copyRightNarrow
{
	float: right;
	padding-left: .2in;
}

body#info div.copyLeft,  
body#info div.copyLeftNarrow
{
	clear: both;
	float: left;
}

body#info div#footer { clear: both; }

body#info #bodyContent h1.block
{
	width: 100%;
	display: block;
	color: #ffc;
	font-size: 18pt;
	background-color: #5b290b;
	text-align: center;
	padding-top: .2in;
	padding-bottom: .2in;
}

body#info div#bodyContent h2, body#info div#bodyContent h3
{
	clear: both;
	color: #630;
	font-weight: normal;
	padding-top: .2in;
}

body#info div#bodyContent h2
{
	text-align: center;
	font-size: 18pt;
}

body#info div#bodyContent h3
{
	text-align: left;
	font-size: 13pt;
	font-weight: bold;
}

body#info div#bodyContent div.imagesRight p, 
body#info div#bodyContent div.imagesLeft p, 
body#info div#bodyContent div.imagesRightWide p, 
body#info div#bodyContent div.imagesLeftWide p, 
body#info div#bodyContent div.copyRight p.caption, 
body#info div#bodyContent div.copyLeft p.caption, 
body#info div#bodyContent div.copyRightNarrow p.caption, 
body#info div#bodyContent div.copyLeftNarrow p.caption, 
body#info div#bodyContent p.tableCaption
{
	padding-top: 0;
	margin-top: 0;
	text-align: center;
	font-size: 10pt;
	margin-bottom: .4in;
	clear: none;
}

body#info div#bodyContent p.tableCaption { margin-top: .2in; }

body#info div#bodyContent div.copyLeft p.caption, 
body#info div#bodyContent div.copyLeftNarrow p.caption
{
	text-align: left;
	clear: none;
}

body#info div#bodyContent div.copyRight p.caption, 
body#info div#bodyContent div.copyRightNarrow p.caption
{
	text-align: right;
	clear: none;
}

body#info div#bodyContent .legal
{
	font-size: .8em;
	text-align: center;
}

body#info br.divider
{
	clear: both;
	height: 1px;
}

body#info p.first:first-letter { font-size: 18pt; }
body#info table td a { font-size: 80%; }

/*These values can be over-ridden locally*/
body#info div.graphicSubHead
{
	margin-top: .25in;
	text-align: center;
}

/* @end INFO PAGES */
/* @group HAT SIZING PAGE */
body#sizing div#bodyContent { width: 740px; }
body#sizing div#bodyContent img { margin-top: .2in; }

body#sizing div#navAnchors
{
	margin-left: auto;
	margin-right: auto;
}

body#sizing div#navAnchors ul { margin-left: 1.3in; }
body#sizing div#navAnchors ul li { width: 2in; }

body#sizing div.item
{
	width: 740px;
	clear: both;
}

body#sizing div.item h1
{
	width: 100%;
	display: block;
	color: #ffc;
	font-size: 18pt;
	background-color: #5b290b;
	text-align: center;
	padding-top: .1in;
	padding-bottom: .1in;
}

body#sizing div.item div.photos, body#sizing div.item div.photosRight { width: 231px; }

body#sizing div.item div.photos
{
	float: left;
	padding-right: 20px;
}

body#sizing div.item div.photosRight
{
	float: right;
	padding-left: 20px;
}

body#sizing div.item div.copy
{
	width: 489px;
	float: right;
}

body#sizing div#executiveSummary
{
	clear: both;
	color: #630;
	text-align: center;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0;
}

body#sizing div#executiveSummary h1 { font-size: 20px; }

body#sizing div#executiveSummary h1 span
{
	display: block;
	text-align: left;
	font-size: .9em;
	font-weight: normal;
	font-style: italic;
	margin-bottom: .1in;
	margin-left: -1.75in;
	float: left;
}

body#sizing div#executiveSummary h3
{
	text-align: center;
	margin-top: 0;
	font-size: 15px;
	padding-top: .07in;
	margin-bottom: .05in;
}

body#sizing div#executiveSummary h3:first-letter { font-size: 24px; }

body#sizing div#executiveSummary h3 a
{
	font-weight: normal;
	font-size: .9em;
}

body#sizing div#executiveSummary p
{
	text-align: center;
	margin-top: .3in;
}

body#sizing div.photos p, body#sizing div.photosRight p
{
	font-size: 12px;
	font-family: arial, sans-serif;
	line-height: 14px;
	margin-top: 5px;
}

body#sizing div.copy ol { list-style-type: none; }

body#sizing div.copy ol li:first-letter
{
	font-size: 25px;
	margin-left: -20px;
}

body#sizing div.copy ol li, body#sizing div.copy ol li p
{
	margin-bottom: .1in;
	margin-top: .1in;
	font-weight: bold;
	font-style: italic;
}

body#sizing div.copy ol li p.normal
{
	font-style: normal;
	font-weight: normal;
}

/* @end HAT SIZING PAGE */
/* @group PRINTABLE ORDER FORM PAGE */
body#printableOrderForm div#bodyContent
{
	width: 610px;
	margin: 0 auto 0 auto;
}

body#printableOrderForm div#bodyContent p
{
	color: #630;
	padding-bottom: .05in;
	text-align: left;
}

body#printableOrderForm div#pageHeadline h1
{
	background-image: url(../images/_elements/Head_Printable_Order_Form.gif);
	background-repeat: no-repeat;
	background-position: 10080px top;
	background-attachment: scroll;
	height: 70px;
	margin-left: -10000px;
}

body#printableOrderForm table
{
	margin-top: .2in;
	width: 600px;
	text-align: left;
	border-color: #630;
	border-width: 1pt;
	border-style: solid;
	padding-right: 10px;
}

body#printableOrderForm thead
{
	Font-size: 1.4em;
	color: #630;
	text-align: left;
}

body#printableOrderForm thead span
{
	font-size: .7em;
	display: block;
}

body#printableOrderForm col.label { width: 150px; }

body#printableOrderForm th
{
	width: 200px;
	text-align: right;
	font-size: .8em;
	font-weight: normal;
	text-transform: uppercase;
	color: #630;
}

body#printableOrderForm table#creditCardInformation small
{
	text-transform: none;
	font-size: 10px;
}

body#printableOrderForm a#printButton
{
	float: right;
	margin-right: 10px;
	border: none;
}

body#printableOrderForm a#printButton img { border: none; }

body#printableOrderForm div#hatButtons
{
	padding-top: .2in;
	padding-bottom: .2in;
	padding-right: 20px;
}

body#printableOrderForm div.buttonSmall { float: right; }
body#printableOrderForm div#hatInformationOriginal { clear: left; }
body#printableOrderForm div.removeHat { visibility: hidden; }

/* @end PRINTABLE ORDER FORM PAGE */
/* @group STORE PAGES */
body#store table.products td.pillars
{
	vertical-align: top;
	text-align: center;
	background-color: #996;
	width: 20px;
}

body#store table.products td.options
{
	width: 500px;
	background-color: #996;
}

body#store td.pillars
{
	vertical-align: top;
	background-color: black;
	width: 10px;
}

body.store p.refer a { font-size: 1em; }
body#store td.td_1 td.prod_name a { font-size: 16pt; }
body#store img.opt_detail_btn { visibility: hidden; }
body#store span.colon { vertical-align: top; }
body#store input.buttonAddToCart { background-image: url(../images/Button_Buy_Off.gif); }
body#store input.buttonAddToCart:visited img { background-image: url(../images/Button_Buy_Off.gif); }
body#store input.buttonAddToCart:hover img { background-image: url(../images/Button_Buy_On.gif); }
body#store input.buttonAddToCart:active img { background-image: url(../images/Button_Buy_Down.gif); }
body#store td.field { vertical-align: top; }
body#store div.coupon { font-size: 90%; }

body#store div.item div.right h2 a
{
	/*

Order links*/
	display: none;
}

body#store div.item div.right p a { display: none; }

/* @end STORE PAGES */
/* @group UNINCORPORATED STYLES */
/* @end UNINCORPORATED STYLES */
/* @group TRAVEL TIPS PAGE */
body#travelTips div#pageHeadline p
{
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 0;
	color: #630;
}

body#travelTips div#tableOfContents
{
	font-size: 13.5pt;
	color: #663300;
	text-align: left;
	font-style: italic;
	list-style-position: outside;
	font-weight: bold;
	margin-left: 1in;
}

body#travelTips div#tableOfContents a:link { text-decoration: none; }
body#travelTips div#tableOfContents a:hover { text-decoration: underline; }

body#travelTips p.summary
{
	text-align: center !important;
	font-size: 13pt !important;
	line-height: 18pt !important;
}

body#travelTips div#wholePage, body#travelTips div#bodyContent { width: 750px; }

body#travelTips div#bodyContent p, body#travelTips div#bodyContent ol
{
	text-align: left;
	margin-right: 1in;
	margin-left: 1in;
	font-style: normal;
	color: #630;
}

body#travelTips div#bodyContent ol li { padding-bottom: .2in; }

/* @end TRAVEL TIPS PAGE */
/* @group WOMENS HATS PAGE */
body#womensMontecristi div#productTables div.quote cite
{
	display: block;
	font-size: .8em;
	font-style: normal;
}

/* @end WOMENS HATS PAGE */
/* @group WORLD VISION NETWORK PAGE */
body#worldVisionNetwork div#pageHeadline h1
{
	text-indent: -9999px;
	display: none;
}

body#worldVisionNetwork div#bodyContent ul
{
	list-style-type: none;
	list-style-position: outside;
}

body#worldVisionNetwork div#bodyContent ul li { margin-bottom: .1in; }
body#worldVisionNetwork div#bodyContent ul li span { font-size: .7em; }

body#worldVisionNetwork div#bodyContent blockquote
{
	margin-left: 110px;
	text-indent: 0;
	line-height: 1.4em;
	color: #630;
}

body#worldVisionNetwork div#bodyContent blockquote cite
{
	margin-left: -110px;
	font-weight: bold;
	font-style: normal;
	display: block;
	float: left;
}

body#worldVisionNetwork div#bodyContent ul
{
	color: #630;
	margin-left: 110px;
}

body#worldVisionNetwork div#bodyContent h2 span { font-size: .7em; }

/* @end WORLD VISION NETWORK PAGE */
/* @group WIDE BRIMS ARRIVE PAGE */
body#wideBrimsArrive div#pageHeadline h1 { text-indent: -9999px; }

body#wideBrimsArrive div#pageHeadline
{
	background-image: url(../images/_elements/Head_NewArrivalsMontecristi.gif);
	background-repeat: no-repeat;
	height: 106px;
	width: 681px;
	margin-left: 30px;
	margin-top: 1.8in;
}

body#wideBrimsArrive div#bodyContent p.prices, body#wideBrimsArrive div#bodyContent p.phone
{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

body#wideBrimsArrive div#bodyContent h1
{
	text-align: center;
	color: #630;
}

body#wideBrimsArrive div#bodyContent p { clear: none; }

body#wideBrimsArrive div#bodyContent p.caption
{
	font-size: .8em;
	text-align: center;
	margin-top: 0;
}

body#wideBrimsArrive div#hatStylePhotos
{
	height: 110px;
	background-color: black;
}

body#wideBrimsArrive div#hatStylePhotos ul
{
	list-style-type: none;
	list-style-position: outside;
}

body#wideBrimsArrive div#hatStylePhotos ul li { display: inline; }
body#wideBrimsArrive div#hatStylePhotos ul li:first-child { margin-left: 4px; }

body#wideBrimsArrive div#hatStylePhotos img
{
	margin-top: 10px;
	margin-right: -4px;
	border: 0;
}

body#wideBrimsArrive div#beginHat img { float: right; }
body#wideBrimsArrive div#beginHat p { width: 300px; }
body#wideBrimsArrive div#thinStraw img { float: left; }

body#wideBrimsArrive div#thinStraw p
{
	width: 300px;
	margin-left: 320px;
}

/* @end WIDE BRIMS ARRIVE PAGE */