/*
Pennington styles 

Full Page Width
789 = 4 + 781 + 4 
791 = 1 + 4 + 781 + 4 + 1  with 1px borders

Column Widths of Main Area
1 column (cart)
781

2 columns (product detail, search results, product list)
781 = 159 + 4 + 618

new widths

Full Page Width
797 = 1 + 4 + 787 + 4 + 1 

Column Widths of Main Area
1 column (cart)
787

2 columns (product detail, search results, product list)
787 = 159 + 10 + 618

new widths as per seasonal changes 2010

Full Page Width
799 = 1 + 4 + 789 + 4 + 1
Column Widths of Main Area
1 column (cart)
789
2 columns (product detail, search results, product
list)
789 = 156 + 6 + 627

*/


body { background: #FFFFFF; } /* color change */

/* Primary Layout Containers */
#wrapper { width: 799px; } /* was 797 */
#pageTop { display: none }
#pageWrap { display: block; border: 1px solid #002147; } /* new - color change */
#gutterLeft { display: none }
#pageBody { border: 4px solid #fff; } /* color change */ 
#header { background-color: #fff;  } /* color change */ 
#headerNav { background-color: #002147; border-bottom: 6px solid #fff; } /* seasonal 2010 changes:border-bottom was 10px */ 

/* ADV SEARCH */
#resultdisplay{ background:#fff url(/imagecache/1032/49/main_bg_penn.gif) repeat-y }
#resultdisplay .fastHead{ color:#002147;font-weight:bold }
/* / ADV SEARCH */

#main { display: block; margin: 0; }
.offset.twoColumn { padding: 0 4px 0 155px; background: #fff url(/imagecache/1032/49/main_bg_penn.gif) repeat-y; }
.twoColumn #column1 { width: 155px; margin: 9px auto 9px -155px }
.column1Content { /*width: 141px;*/ }
.twoColumn #column3 { border-left: 6px solid #fff; text-align: left; } /* new - firefox and ie7 fix */
/*.twoColumn #column3 { border-left: 10px solid #fff; margin-right: -10px; } broken */

#footer { display: block; border-top: 6px solid #fff; } /* seasonal 2010 changes:border-top was 10px */ 
#gutterRight { display: none }
#pageBottom { color: #fff; }
#recentView { display: block; }
#recentView { left: 815px; } /* new */


/* Secondary Layout Containers */
#headerLogo { width: 266px; height: 84px; }
#headerLogo a { width: 266px; height: 84px; display: block; text-decoration: none  }
#headerLogo img { margin: 14px 0 0 14px }

#headerRight { width: 480px; color: #002147; } /* sets color for headerTopLinks and headerBottomLinks at once via inheritance */
#headerRight a { color: #002147; text-decoration: none } /* sets color for top + bottom links */
#headerRight a:link { color: #002147 }                   /* sets color for top + bottom links */
#headerRight a:visited { color: #002147 }                /* sets color for top + bottom links */
#headerRight a:hover { color: #002147 } /* color change */

#headerTopLinks { height: 24px; padding-top: 6px }
.headerTopLinksWelcome { font-size: 12px; font-weight: bold; color: #002147; } /* new - color change */
.headerTopLinksSmall { font-size: 11px }
#headerBottomLinks { height: 22px; font-size: 11px; }
#headerBottomLinks a:link.shopBag { color: #3A618D; font-size: 13px; font-weight: bold; } /* new - color change */
#headerBottomLinks a:visited.shopBag { color: #3A618D; font-size: 13px; font-weight: bold; } /* color change */
#headerBottomLinks a:hover.shopBag { color: #002147; font-weight: bold; } /* color change */
#headerBottomLinks .bagImg { vertical-align: text-bottom }

#headerSearch { height: 28px; font-size: 13px; margin: 0; padding: 0; color: #002147 } /* the word search */ /* color change */
.searchText { border: 1px solid #bbbbbb; width: 128px;  }
.btnGo { vertical-align: text-bottom; width: 27px; height: 18px; background: transparent url(/imagecache/1032/49/btn_go_penn.gif) no-repeat scroll top left; } /* nu  */

/* Recently Viewed */
.recentViewContent { font-size: 12px; margin-top: 16px; text-align: center; }
.recentViewHead { font-weight: bold }
#recentView .itemWrap { padding: 0 2px 0 2px }
#recentView .productMsrp { color: #525252; text-decoration: line-through; font-weight: normal; font-size: 11px; }
#recentView .productSalePrice { color: #c4050c; font-size: 11px; } /* dark red */
#recentView .productPrice { color: #333; font-size: 11px; }
#recentView .productPromoPrice { color: #c4050c; font-size: 11px; } /* dark red */
#recentView a { text-decoration: none; font-size: 11px; }
#recentView a:link { color: #4d4d4d }
#recentView a:visited { color: #4d4d4d }
#recentView a:hover { color: #818181 }


/* Header Nav Menu */
#headerNav ul { margin: 0; padding: 0; }

/* level1 */
#headerNav ul li { border: 2px solid #002147; } /* color change *//* border around header nav chunks */
#headerNav a { color: #fff; display: block; font-weight: bold; text-decoration: none; padding: 4px 10px 6px 10px; } 
#headerNav ul li:hover a, #headerNav ul li.iehover a { color: #fff; } /* color change *//* color change */
#headerNav ul li:hover ul a, #headerNav ul li.iehover ul a { color: #fff; }
#headerNav ul li:hover, #headerNav ul li.iehover { background-color: #3A618D; border-top: 2px solid #3A618D; 
border-right: 2px solid #3A618D; border-left: 2px solid #3A618D; border-bottom: 2px solid #3A618D; }
#headerNav ul ul li:hover a, #headerNav ul ul li.iehover a { color: #002147; text-decoration: none; } /* color change */

/* level2 */
#headerNav li ul { display: none; position: absolute; width: 146px; margin-left: -2px; margin-top: 0px; background-color: #3A618D;z-index: 100;}
#headerNav li:hover ul, #headerNav li.iehover ul { display: block; }
#headerNav ul ul li { width: auto; padding: 2px; border:0px;border-top: 1px solid #476E9A;border-left: 1px solid #476E9A;border-right: 1px solid #476E9A; background-color: #3A618D; }
#headerNav ul ul li:hover, #headerNav ul ul li.iehover { padding: 2px;border:0px;border-top: 1px solid #476E9A;border-left: 1px solid #476E9A;border-right: 1px solid #476E9A; background-color: #002147 }
#headerNav ul ul li a { font-weight: normal; font-size: 11px; text-indent: none; width: 144px; padding: 2px 0 2px 10px }
#headerNav ul ul li a:link { color: #fff }
#headerNav ul ul li a:visited { color: #fff }
#headerNav ul ul li a:active { color: #fff }
#headerNav ul ul li a:hover { color: #fff } /* dropdown menu text hover */

#iframeshim { display: none; left: 0; top: 0; z-index: 90; position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0) }


/* Sidebar Nav */
#sidebarNav { margin: 0 auto 0 9px }
#sidebarNav ul { padding: 0; margin: 5px 0 0 0; }
#sidebarNav li { margin: 6px 0; font-size: 13px; padding: 0; color: #002147; font-weight: bold; }  /* color change */
#sidebarNav a { color: #002147; font-weight: bold; display: block; text-decoration: none; padding: 0; width: 148px }  /* color change */
#sidebarNav li a:hover { color: #002147; background: #DAE5EF; } /* color change */


/* level 2 */
#sidebarNav ul ul { margin: 3px 0 3px 0/*10px*/; }
#sidebarNav ul ul a { color: #002147; font-weight: normal; width: 148px }
#sidebarNav ul ul li a:hover { color: #002147; background: #DAE5EF; } /* update */ /* color change */
#sidebarNav ul ul a.activeLink { color: #002147; font-weight: bold } /* update */ /* color change */
#sidebarNav ul ul li { margin: 4px 0; padding: 0; font-size: 11px; line-height: 13px; }
#sidebarNav ul ul li li a.activeLink { color: #002147; font-weight: bold } /* update */ /* color change */

/* list level 3 */
#sidebarNav ul ul ul { margin: 2px 0 10px 10px; } 
#sidebarNav ul ul ul a { width: 136px }
#sidebarNav ul ul ul li a:hover { color: #002147; background: #DAE5EF; } /* update */ /* color change */
#sidebarNav ul ul ul li { line-height: 13px; margin: 4px 0; }

/* list level 4 */
#sidebarNav ul ul ul ul { margin: 0 0 0 12px; }
#sidebarNav ul ul ul ul a { width: 124px }
#sidebarNav ul ul ul ul li a:hover { color: #002147; background: #DAE5EF; } /* update */ /* color change */
#sidebarNav ul ul ul ul li { line-height: 13px; } 


/* Footer Links */
#footerLinks { display: none }

/* Form & Image Map */
#footerFormImageMap { margin: 0; border: 1px solid #002147; background-color: #002147 } /* use for nontransparent image maps background: #E0E2E7 url(/imagecache/1032/49/bg_sitemap_penn.gif) top right repeat-y;  *//* set bg color and tile of parent div */
#footerForm { float: left; line-height: 16px; width: 332px; text-align: center; padding-bottom: 8px; padding-top: 8px; } 
#footerImageMap { float: right; background: #002147; margin: 0; }
#signupWrap { padding: 0; width: 305px; text-align: left; margin-left: 10px; } /* width was 260 new width new margins etc */
.signupText { color: #fff; font-size: 11px; margin-bottom: 5px; } 
#signupForm { margin: 0; padding: 0 }
.signupLabel { color: #000; font-size: 13px; padding: 0 }
.signupInput { border: 1px solid #bbbbbb; height: 17px; } /* new ht */
.btnSubmit { vertical-align: text-top } /* new text-top not bott */  
.signupImg { vertical-align: middle; } /* totally new */


.footerImageMap a { color: #404040; text-decoration: none }
.footerImageMap a:link { color: #404040 }
.footerImageMap a:visited { color: #404040 }
.footerImageMap a:hover { color: #f370a6 }

/* Other Brands */
.footerOtherBrands { background: #E5E4E4; font: bold 11px/26px Arial, Helvetica, Sans-serif; color: #000; height: 26px; vertical-align: middle; } /* color change */
.footerOtherBrands a { color: #EF6883; text-decoration: none }  /* color change */
.footerOtherBrands a:link { color: #EF6883 }  /* color change */
.footerOtherBrands a:visited { color: #EF6883 }  /* color change */
.footerOtherBrands a:hover { color: #EF6883; text-decoration: underline; }  /* color change */


/* Other Stores */
.footerOtherStores { display: block; margin-top: 10px; margin-bottom: 5px; } /* new */
.footerOtherStores1 { width: 151px; margin: 0 20px 0 5px }/* new */
.footerOtherStores2 { width: 250px; }/* new */
.footerOtherStores3 { width: 93px; margin: 0 15px 0 5px }/* new */
.footerOtherStores4 { width: 228px; }/* new */
div.footerOtherStores2, div.footerOtherStores4 { font: normal 11px/15px Arial, Helvetica, Sans-serif; color: #282828; } 
 

/* SPLASH PAGE */
#splashWrapper { position: relative; background: transparent url(/imagecache/1032/49/splash_penn.jpg) no-repeat scroll top left; width: 807px; height: 690px; margin: 8px auto 8px auto; }
#splashEnglish { position: absolute; width: 97px; height: 31px; top: 368px; left: 140px; }
#splashFrench { position: absolute; width: 97px; height: 31px; top: 418px; left: 140px; }

/* 14-Header Breadcrumb */
#breadcrumbs { margin: 0 6px 0 16px; border-bottom: 1px solid #002147; } /* color change */
.breadcrumbsLeft span { color: #002147 } /* affects arrows */
.breadcrumbsLeft { float: left; } /* affects double arrow symbols */
.breadcrumbsLeft a { text-decoration: none }
.breadcrumbsLeft a:link { color: #002147 } /* color change */
.breadcrumbsLeft a:visited { color: #002147 } /* color change */
.breadcrumbsLeft a:hover { color: #3A618D } /* color change */
.breadcrumbsRight { float: right; font-weight: bold; font-size: 11px; padding: 5px 18px 0 0; color: #002147; }
.breadcrumbsRight b { color: #3A618D; } /* highlights page you are on with different color */  /* color change */
.breadcrumbsRight a { text-decoration: none }
.breadcrumbsRight a:link { color: #002147 }
.breadcrumbsRight a:visited { color: #002147 }
.breadcrumbsRight a:hover { color: #3A618D }

/* new H tags  */
h4.breadcrumbsLeft { font-size: 15px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; text-align: left;  ; } /* color change */ /* for later use */
h3.breadcrumbsLeft { font-size: 14px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* in use */
h2.breadcrumbsLeft { font-size: 13px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* for later use */
h1.breadcrumbsLeft { font-size: 12px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; text-align: left; } /* color change */ /* for later use */

.printPage { text-align: right; line-height: 24px; padding-right: 20px; font-size: 11px; }
.printPage a { text-decoration: none }
.printPage a:link { color: #606060 } /* color change */
.printPage a:visited { color: #606060 } /* color change */
.printPage a:hover { color: #000 } /* color change */

/* Detail Page */
#productMessageBox{ width:550px;margin:15px auto;background:#fff url(/imagecache/1032/49/productMessage.bg.gif) repeat-y scroll center top }
#productMessage{ margin:3px 8px;font-size:11px }
#productMessage strong{ display:block;font-size:14px;color:#c4050c }
#productMessageTop{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageTop.bg.gif) no-repeat scroll center top }
#productMessageBottom{ width:550px;height:9px;background:transparent url(/imagecache/1032/49/productMessageBottom.bg.gif) no-repeat scroll center bottom }

#detailLeft { width: 248px; float: left; }
#detailLeft { width: 248px; float: left; }
#rfxImage_Image { width: 248px; height: 250px; float: left; }
.rfxImageFrame { width: 210px; height: 250px; margin: 0 auto 0 auto }

#detailRight { float: left; text-align: left; width: 370px; font-size: 11px; }
h4.productName { color: #535353; font-size: 14px; margin: 0; padding: 0 }
.productDescription { font-size: 11px; line-height: 16px; width: 230px; margin-bottom: 4px }
.detailInfoItems { margin: 4px 0 4px 0; font-size: 11px; }

#detailRight .priceBlock { margin: 6px 0 12px 0; font-size: 18px; font-weight: bold }
#detailRight .productMrsp { color: #525252; text-decoration: line-through }
#detailRight .productSalePrice { color: #c4050c; }
#detailRight .productPrice { color: #333; }
#detailRight .productPromoPrice { color: #c4050c; }

.prodOptions { float: left; width: 140px }
.sizeChartBlock { float: left; color: #606060; width: 220px; }/* grey typically *//* what's my size */
.sizeChartText { font-weight: bold; font-size: 14px; }
.sizeChartBlock a:link { color: #606060; }
.sizeChartBlock a:visited { color: #606060; }
.sizeChartBlock a:hover { color: #000; } /* color change *//* what's my size */
.br8 { height: 8px; line-height: 8px }

/* 742-FourRecommendedProducts */
.recommendedProductsTable { table-layout: fixed }
.recommendedProductsTable td, .recommendedProductsTable div { font-size: 11px; }
.recommendedProductsTable .itemWrap { margin: 15px 0 }
.recommendedProductsTable .productMrsp { color: #525252; text-decoration: line-through }
.recommendedProductsTable .productSalePrice { color: #c4050c; } /* dark red */ 
.recommendedProductsTable .productPrice { color: #333; font-weight: bold; }  /* dark grey */ 
.recommendedProductsTable .productPromoPrice { color: #c4050c; } /* dark red */ 
.recommendedProductsTable td a { color: #56595b; text-decoration: none }
.recommendedProductsTable td a:visited { color: #56595b }
.recommendedProductsTable td a:hover { color: #818181 }

/* 9-ProductListStandard */
#productList .productMsrp { color: #414141; text-decoration: line-through } 
#productList .productSalePrice { color: #c4050c; } /* dark red */
#productList .productPrice { color: #333;  font-weight: bold }
#productList .productPromoPrice { color: #c4050c; } /* dark red */
#productList .productName a { color: #333; text-decoration: none; }
#productList .productName a:link { color: #333; text-decoration: none; }
#productList .productName a:visited { color: #333; text-decoration: none; }
#productList .productName a:hover { color: #666; text-decoration: none; }

/* 745-OutfitAddMultiToCart */
#detailLeft { width: 248px; float: left; }
.productBlock { border-top: 1px solid #aaa; padding: 10px 0 10px 0; width: 360px }
.productInfoBlock { float: left; width: 240px }
.productCheckbox { width: 20px }
.outfitAddBlock { clear: both; border-top: 1px solid #aaa; text-align: right; padding: 10px 0 10px 0 }
.outfitQuantity { margin: 8px 0 8px 0 }

/* 101-FourProduct */
.fourProduct {  }
.fourProductCell { float: left; width: 25%; color: #4c4c4c }
.fourProductCell a { color: #4c4c4c; text-decoration: none }
.fourProductMsrp { font-weight: bold }
.fourProductPrice { color: #c50051; font-weight: bold }

/* shop by size */
.shopSizeHeaderWrap { text-align: left; vertical-align: bottom; font-weight: bold; background: #56595B /*#f5f5f5*/; padding: 4px 0 2px 6px; color: #d9d5d2 /*#631731;*/ }
.shopSizeHeaderContent { font-size: 14px; }
.shopSizeHeaderContentBig { font-size: 18px; }

#shopbysize { padding: 10px 0 10px 0; background-color: #ebe9ea }
.shopbysizeCell1 { text-align: right; float: left; width: 80px; }
.shopbysizeCell2 { text-align: right; float: left; width: 65px; }
.shopbysizeCell3 { float: left; width: 145px; margin: 0 40px 0 5px;}
.shopbysizeCell4 { font-size: 11px; text-align: left; float: left; width: 250px; margin: 0 10px 0 5px }
.shopbysizeCell4 ol { list-style-position: inside; }
.shopbysizefont {text-align: right; font-size: 14px; font-weight: bold }
.formLabelDiv { margin: 2px 0 21px 0; font-size: 14px; }
.formSelectDiv { margin: 2px 0 19px 0 }

.shopBySizeChart { background: #5f6062; padding: 4px 0 10px 0; color: #fff; text-align: center; clear: both }
.shopBySizeChart img { background: #5f6062 url(/imagecache/1032/49/shop_by_size_ae.jpg) no-repeat center; padding: 14px 0 4px 0 }
.shopBySizeChart a:link { color: #fff }
.shopBySizeChart a:visited { color: #fff }
.shopBySizeChart a:hover { color: #f370a6 }
.chartHead { font-size: 24px }
.chartLink { text-align: right; padding-right: 12px }


.makeStatement { color: #56595b /* #000 */; height: 38px; background: #f5f5f5; font-family: helvetica; font-size: 14px }
.makeStatement a { color: #56595b /*#404040*/; }
.makeStatement a:link { color: #56595b /*#404040*/ }
.makeStatement a:visited { color: #56595b /*#404040*/ }
.makeStatement a:hover { color: #f370a6 }
.makeStatementLeft { float: left; line-height: 38px; text-indent: 14px}
.makeStatementRight { float: right; padding: 10px 16px 10px 0; }
.quote {  color: #f04a8a /*#ee0e66*/; font-style: italic; font-size: 16px; }

/* 746-SimpleFourProduct */
.simpleFourProduct { table-layout: fixed }
.simpleFourProduct td, .simpleFourProduct div { font-size: 11px; }
.simpleFourProduct .itemWrap { margin: 15px 0 }
.simpleFourProduct a { font-weight: normal; }
.simpleFourProduct td a { color: #56595b; text-decoration: none }
.simpleFourProduct td a:visited { color: #56595b }
.simpleFourProduct td a:hover { color: #818181 }
.simpleFourProduct .priceBlock { text-align: center; margin-top: 8px }
.simpleFourProduct .productMsrp { color: #414141; text-decoration: line-through; font-weight: normal  } 
.simpleFourProduct .productSalePrice { color: #c4050c; } /* dark red */
.simpleFourProduct .productPrice { color: #333; font-weight: bold }
.simpleFourProduct .productPromoPrice { color: #c4050c; } /* dark red */

.header20 { background: #002147; height: 20px; padding: 2px 0 0 6px; color: #fff; } /* color change */
.header20Left { font-size: 14px; float: left }
.header20Right { float: right; padding: 4px 20px 0 0; font-size: 11px; }
.header20 a { color: #fff; text-decoration: none } /* see all - color change */
.header20 a:link { color: #fff } /* see all - color change */
.header20 a:visited { color: #fff } /* see all - color change */
.header20 a:hover { color: #DAE5EF; } /* see all - color change */

.threeBlock { height: 148px; margin: 0 }
.defaultBlock { background-color: #eaeaea; }
.centerBlock { cursor: pointer }
.footerBlock { background: #f3ecf3; line-height: 30px; cursor: pointer; }
.sidebarBlock { width: 141px; margin: 0 auto 0 auto; cursor: pointer; }
.sidebarHeader { font-size: 15px; color: #631731; width: 141px; font-weight: bold; margin: 0 auto 0 auto }
.sidebarHeader2 { background-color: #F370A6; text-align: left; color: #fff;
font-weight: bold; text-indent: 6px; padding: 1px 0 2px 0; width: 141px; margin: 0 auto 0 auto }
.imageMapWrap { width: 100% }
.clearMe { clear: both }
.vert4pad { margin: 4px 0; }
.bottom4pad { margin-bottom: 4px; }
.bottom8pad { margin-bottom: 8px; }
.spc3 { height: 3px; font-size: 3px; clear: both }
.spc6 { height: 6px; font-size: 6px; clear: both }

/* Copyright */
.pageBottomCell2 { font-weight: normal; color: #000; } /* new - color change */