/** Copy everything below this line into OCP **/

/** Overrides **/

h2.headline4 { padding: 6px 8px;}
div.breadcrumb a { color: #83AFC2; font-weight: bold; }
.breadcrumb { color:#83AFC2; font-weight: bold; }

/** General Styles **/

.genericCMSPage { font-size: 1.0em; line-height: 1.4em; }

.genericCMSPage p { margin-bottom: 15px; }
.genericCMSPage a { color: #69c; }
.genericCMSPage a:hover { text-decoration: none; }
.genericCMSPage strong { font-weight: bold; }
.genericCMSPage strong.green { }


.genericCMSPage .firstheading { margin-top: 0; }
.genericCMSPage h2.asseenin { font-size: 20px; font-weight: normal; margin: 0 0 6px 0; }
.genericCMSPage h3 { font-size: 16px; font-weight: normal; line-height: 1.3em; }
.genericCMSPage h4 { font-family: Arial; font-weight: bold; font-size: 10px; color: #83afc3; text-transform: uppercase; margin: 25px 0 10px 0; padding: 3px 8px; background: #666; }
.genericCMSPage h5 { font-weight: bold; }
.green { color: #69a05d; }

.genericCMSPage ul { list-style-type: disc;	 margin: 15px 0; }
.genericCMSPage ul li { margin-left: 25px; }
.genericCMSPage ol { list-style-type: decimal; margin: 15px 0; }
.genericCMSPage ol li { margin-left: 25px; }	

.genericCMSPage .pcallout { font-family: Georgia, Times, serif; font-size: 130%; line-height: 1.4em;}

.genericCMSPage .textcontentwrap {
	background-color: white; 
	padding: 25px 30px 25px 30px;
	margin-bottom: 10px;
	}
	
.genericCMSPage #navrail {
	width: 183px;
	margin: 0 0 15px 427px;
	}
	
.genericCMSPage #contentrail {
	width: 390px;
	float: left;	
	}
	
.genericCMSPage .clearleft {
	clear: left;
	height: 1px;
	}

.genericCMSPage .clearright {
	clear: right;
	height: 1px;
	}	
	
/** -------------------- About Us -------------------- **/

.genericCMSPage .whoiswrap { background: #efeae5 url(/assets/images/cms/aboutus/bg_whois.png) no-repeat; padding: 25px 30px 25px 30px; }
.genericCMSPage .corevalueswrap { margin: 0 0 15px 0; padding: 0; }
.genericCMSPage .corevaluestitle { width: 150px; padding: 10px 0; border-top: 1px solid #ccc; color: #798d2c; font-size: 130%; text-align: center; font-family: Georgia, Times, serif; text-transform: uppercase; float: left; } 
.genericCMSPage .corevaluesdesc { margin-left: 170px; padding: 10px 15px 0 15px; border-top: 1px dotted #ccc; }

.genericCMSPage .date { font-style: italic; font-size: 11px; }
.genericCMSPage .city { font-weight: bold; }

	
/** -------------------- Category Landing Page -------------------- **/

.categoryLifeFeatureWrap { margin-bottom: 10px; }
	
/** -------------------- Colors -------------------- **/

#colorsPageContent .colorsPageSilo {
	width: 228px;
	margin: 0;
	padding: 0;
	float: left;
	}
	
#colorsPageContent .colorsPageDescription {
	margin-left: 250px;
	line-height: 2em;
	padding-top: 60px;
	}
	
#colorsPageContent .colorsPageDescription a {
	color: #369;
	}
	
#colorsPageContent h5 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 3px;
	}
	
#colorsPageContent h5 a {
	text-decoration: none;
	color: #698fb4;
	}
	
/** -------------------- Communities -------------------- **/
	
.genericCMSPage .community-logo {
	float: left;
	width: 48%;
	text-align: center;
	padding: 10px 0;
	}
	
/** -------------------- Corporate Pages Navigation -------------------- **/

.genericCMSPage .corpnavwrap {
	width: 183px;
	background-color: #e5eef1;
	float: right;
	margin: 0 0 15px 15px;
	}
	
html>body .genericCMSPage .corpnavwrap {
	width: 183px;
	}

.genericCMSPage .corpnav-head {
	background: #7fa8b9;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 4px 5px;
	text-transform: uppercase;
	}
	
.genericCMSPage .corpnav-head a {
	color: white;
	text-decoration: none;
	}
	
.genericCMSPage .corpnav-links {
	padding: 8px 12px;
	line-height: 1.8em;
	font-size: 11px;
	font-weight: bold;
	}
	
.genericCMSPage .corpnav-links a {
	color: #69c;
	text-decoration: none;
	}
	
.genericCMSPage .corpnav-links a:hover {
	text-decoration: underline;
	}
	
/** -------------------- Customer Service -------------------- **/

.genericCMSPage .cscolumn {
	width: 300px;
	float: left;
	}
	
.genericCMSPage ul.customerservice {
	margin: 0 0 20px 0;
	}
	
.genericCMSPage ul.customerservice li {
	list-style-type: none;
	margin: 0;
	padding-left: 7px;
	display: block;
	}
	
.genericCMSPage table.shiptable {
	width: 95%;
	border: 1px solid white;
	font-size: 12px;
	margin: 0 10px 0 10px;
	}
	
.genericCMSPage table.shiptable td, table.shiptable th {
	padding: 6px;
	}
	
.genericCMSPage table.shiptable th {
	text-align: left;
	font-size: 11px;
	border-bottom: 1px solid #999;
	}
	
.genericCMSPage td.tableheading {
	border-top: 2px solid #666;
	border-bottom: 1px dotted #999;
	}
	
.genericCMSPage tr.zebra {
	background-color: #f2f2f2;
	}
	
.genericCMSPage .questions {
	margin-top: 25px;
	border-top: 1px dotted #ccc;
	padding-top: 8px;
	font-size: 11px;
	text-align: right;
	}
	
.genericCMSPage .easyreturnswrap {
	margin-bottom: 20px;
	}
	
.genericCMSPage .easyreturns-number {
	width: 60px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	font-family: Georgia, Times, serif;
	font-size: 30px;
	color: #666;
	text-align: center;
	float: left;
	}
	
.genericCMSPage .easyreturns-entry {
	margin-left: 85px;
	padding: 10px 15px 0 15px;
	border-top: 1px dotted #ccc;
	}
	
.genericCMSPage #alertbox { background-color: #f9ecec; padding: 12px 12px 20px 12px; margin-bottom: 20px; font-size: 105%; line-height: 165%;}
.genericCMSPage #alertbox .alerticon { float: left; }
.genericCMSPage #alertbox .alertwrap { margin: 5px 0 0 50px;  }
.genericCMSPage #alertbox .informationalert { font-weight: bold; font-size: 130%; line-height: 150%; color: #911; }
	
/** -------------------- Favorite Store -------------------- **/
	
.genericCMSPage .favstorewrap {
	margin-bottom: 20px;
	}

.genericCMSPage .favstore-year {
	width: 40px;
	padding: 5px 0;
	border-right: 1px solid #ccc;
	font-size: 20px;
	text-align: center;
	float: left;
	}

.genericCMSPage .favstore-entry {
	margin-left: 45px;
	padding: 0 15px;
	}
	
/** -------------------- Film Strip -------------------- **/ 

#sectionSlider { padding: 15px 0; }
.genericSlider .next { padding-top: 45px; }
.genericSlider .prev { padding-top: 45px; }
.item relatedItem { text-align: center; }

/** -------------------- Footer -------------------- **/ 

ul.copyright a { color: #999; }

div.lineOne ul li.small, div.lineOne ul li.small a { font-size: 92%; color: #999; }

/** -------------------- Forms -------------------- **/

.genericCMSPage .requiredstar { color: #900; font-weight: bold; }
.genericCMSPage .forminfowrap { padding: 5px; margin-bottom: 5px; }
.genericCMSPage .requirederror { }
.genericCMSPage label { display: block !important; padding-top: 2px; margin-right: 10px; width: 175px; float: left; }
.genericCMSPage label.required { font-weight: bold; }
.genericCMSPage label.stacked { width: 100%; float: none; }
.genericCMSPage #errorlist ul { padding: 8px; background-color: #f0d9d9; }
.genericCMSPage #errorlist ul li { font-weight: bold; color: #900; }

/** -------------------- Gift Ideas -------------------- **/

div.holidaygiftideas { float: left; width: 25%; }
div.holidaygiftideasmiddle { float: left; width: 34%; }
div.giftcategory { border-left: 2px solid white; padding: 5px; text-align: center; }
div.giftcategory a { color: #23519d; text-transform: uppercase; font-weight: bold; text-decoration: none; }
div.giftcategory:hover { background-color: #f8c9dc; color: #fff; }

/** -------------------- Home Page -------------------- **/

.homePromoWrap { }
.homePromoWrap img { margin: 5px 10px; float: left; }
.homePromoCenter { margin: 0 10px; }
.bannerFPO { background-color: red; height: 75px; width: 295px;	}

/** -------------------- Media Room -------------------- **/
	
.genericCMSPage .asseenin-wrap {
	background-color: #fff;
	padding: 20px;
	margin-bottom: 10px;
	}
	
.genericCMSPage .asseenin-img {
	width: 185px;
	float: left;
	}
	
.genericCMSPage .asseenin-desc {
	margin-left: 215px;
	padding-top: 25px;
	}
	
.genericCMSPage .selectyearwrap {
	padding: 10px 10px 0 10px;
	background-color: #fff;
	overflow: hidden;
	}
	
.genericCMSPage ul.pressreleasewrap {
	margin: 0 0 15px 0;
	padding: 0;
	}
	
.genericCMSPage ul.pressreleasewrap li {
	list-style-type: square;
	padding: 0 0 5px 8px;
	}
	
.genericCMSPage .timelinewrap {
	margin-bottom: 20px;
	}
	
.genericCMSPage .timeline-year {
	width: 60px;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	font-family: Georgia, Times, serif;
	font-size: 20px;
	text-align: center;
	float: left;
	}
	
.genericCMSPage .timeline-entry {
	margin-left: 85px;
	padding: 10px 15px 0 15px;
	border-top: 1px dotted #ccc;
	}

/** -------------------- Outlet Sale -------------------- **/

.genericCMSPage .outletsale-wrap {
	font-size: 120%;
	margin-bottom: 20px;
	
	}
	
.genericCMSPage .outletsale-date {
	text-transform: uppercase;
	width: 35%;
	float: left;
	padding: 3px 0;
	}
	
.genericCMSPage .outletsale-time {
	padding: 3px 0;
	}
	
/** -------------------- Product Detail -------------------- **/

.tabContent ul { list-style-type: disc;	 margin-bottom: 15px; }
.tabContent ul li { margin-left: 25px; }
div.productDescription ul { list-style-type: disc; margin-bottom: 15px; }
div.productDescription ul li { margin-left: 25px; }

/** -------------------- Retired Colors -------------------- **/

.genericCMSPage .retiredcolorwrap {
	margin: 25px 0;
	}
	
.genericCMSPage .retiredcolor {
	width: 33%;
	float: left;
	text-align: center;
	}
	
.genericCMSPage .retiredcolor img {
	margin-bottom: 10px;
	}
	
.genericCMSPage .findbycolorname {
	}
	
/** -------------------- Sale -------------------- **/
.genericCMSPage .saleitemlabel { font-weight: bold; text-transform: uppercase; text-decoration: none; }
.genericCMSPage .saleitemlabel:hover { font-weight: bold; text-transform: uppercase; text-decoration: underline; }
		
/** -------------------- Store Locator -------------------- **/

.genericCMSPage .storestatus {
	font-weight: bold;
	color: #696;
	text-transform: uppercase;
	}
	
.genericCMSPage a.storename {
	font-weight: bold;
	}
	
.genericCMSPage .selectstatewrap {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 8px 0;
	margin: 10px 0;
	text-align: right;
	}
	
.genericCMSPage .internationalstore {
	width: 50%;
	margin-bottom: 20px;
	float: left;
	text-align: left;
	}