body {
	margin: 0;
	padding: 0;
	background: transparent url(/images/Hatley_NewBG.jpg) repeat top left;
}
.ui_clear {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	clear: both;
	float: none;
}
.ui_page {
	width: 1046px;
	margin: 0 auto;
	background: url(/images/Hatley_2010_ShadowRPT.png) repeat-y top right;
}

	.ui_page_nav_BG_wrap {
		/*background: url(/images/Hatley2010_TopNavBG.gif) no-repeat top left;*/
		}

		.ui_page_wrapper {
			background:#FFF;
			margin:0px 11px;
		}

			.ui_header {
				width: 1024px;
				height: 216px;
				color: #737373;
				font-size: 10px;
				position: relative;
			}
				.ui_header a:link, 
				.ui_header a:visited { color: #737373; }
				.ui_header a:hover { color: #333; text-decoration: none; }
				.ui_header a:active { color: #737373; }
				
			.ui_logo {
				width: 196px;
				height: 90px;
				position: absolute;
					top: 0;
					left: 20px;
					z-index: 20;
				background: transparent url(/images/Hatley-logo.png) no-repeat bottom left;
			}

			.ui_headerpromo{float: left;padding-top: 10px;}

				.ui_basket_search {
				width: 212px;
				height: 50px;
				position: absolute;
					top: 7px;
					left: 812px;
				}

				.ui_basket_links {
					position: absolute;
						top: 30px;
						left: 200px;
						z-index: 15;
					background: #30638e;
					color: #fff;
					font-size: 12px;
					line-height: 24px;
					text-align: right;
					padding: 0px 10px 0px 20px;
				}
					.ui_basket_links a:link,
					.ui_basket_links a:active{color: #fff; font-weight: normal;}
					.ui_basket_links a:hover{text-decoration: underline;  font-weight: normal;}
					.ui_basket_links a:visited{color: #fff; font-weight: normal;}
					
				.ui_catalogue_search {
					padding: 5px 0;
					float:right;
				}
				.ui_wholesale {
					float: right;
					padding-top: 10px;
					padding-right: 15px;
				}
				.ui_catalogue {
					float: right;
				}
				.ui_search {
					float: right;
					padding: 8px 20px 5px 0px;
				}
					.ui_search form {
						margin: 0;
						padding: 0;
					}
					.ui_search input {
						font-size: 11px;
						text-transform: uppercase;
						background: #dcddde /*url(/images/Hatley2010_SearchBg.jpg) no-repeat top left*/;
						border: solid 1px #fff;
						width: 150px;
						padding: 5px;
					}
						.ui_search a:link, 
						.ui_search a:visited {width: 20px; color: #30638e; font-weight: bold; font-size: 1px; text-decoration: none;   }
						.ui_search a:hover { color: #333; text-decoration: none; }
						.ui_search a:active { color: #30638e; font-weight: bold; font-size: 12px; text-decoration: none; }

				.ui_security_logo_wrapper {}
				.ui_security_logo {	overflow:hidden;}
		.ui_grass {
			position: absolute;
			top: 72px;
		}
		.ui_topnav {
			position: absolute;
			top: 128px;
			width:1024px;
			background: url(/images/Hatley-navbg.jpg) no-repeat top left;
			height:40px;
		}

		.ui_line {}
		
		.ui_brands_bc_currency {
			position: absolute;
			top: 168px;
			width:1024px;
			height: 48px; 	
			background:#FFF;
		}

		/*
		.ui_brands_bc_currency .frmSELECT option {padding:8px 3px; border-bottom:2px solid #649DCD; background-color: #E0EBF5; color:#595959; text-transform:none; }
		.ui_brands_bc_currency option:focus {background-color: #E0EBF5;}
		.ui_brands_bc_currency .frmSELECT value {background-color: #E0EBF5}
		.ui_brands_bc_currency .pull_down_menu {padding:5px 0px 5px 0px; height:26px;}
		*/

		.ui_brands {
			float: left;	background:#FFF; padding-top: 12px; padding-left: 19px; 
		}

		/*
		.ui_brands select {
			background-color: #649DCD;
			color: #FFF;
			padding:3px 2px;
			font-weight:bold;
			text-transform:uppercase;
			font-size: 10px;
			width: 164px;
			border:0;
		}
		*/

.ui_breadcrumb {
	
	background:#FFF; 
	padding: 18px 0px 0px 11px;
	float: left;
}
.ui_currency {

	float: right;	
	background:#FFF; 
	font-weight:bold;
	text-align: right;
	padding-top: 18px;
 padding-right: 32px;	
}

.ui_currency img { padding-bottom:4px;}
a.ui_change_currency:link, 
a.ui_change_currency:visited { font-size: 9px; }
a.ui_change_currency:hover {}
a.ui_change_currency:active { font-size: 9px; }

.ui_content {
	float:left;
	padding: 0 10px;
	background: #fff;
	width: 1004px;
}

.ui_left_content {
	display: none;
	padding: 0;
}
.ui_with_leftnav .ui_left_content {
	display: block;
	width: 165px;
	float: left;
	padding-left: 8px; 
}
	.FullWidth  .ui_left_content{display: none;}
.ui_left_content h1 { font-size: 15px; font-weight: bold; color: #A0DD76; margin-bottom: 10px; text-transform: lowercase; }
.ui_left_content .LeftNavLevel1 {}
.ui_left_content .LeftNavLevel1 a:link, 
.ui_left_content .LeftNavLevel1 a:visited { display: block; font-size: 11px; }
.ui_left_content .LeftNavLevel1 a:hover {}
.ui_left_content .LeftNavLevel1 a:active { display: block; font-size: 11px; }
.ui_left_content .LeftNavLevel1 .LeftNavLevel2 { margin-bottom: 10px; }
.ui_left_content .LeftNavLevel1 .LeftNavLevel2 a:link, 
.ui_left_content .LeftNavLevel1 .LeftNavLevel2 a:visited { font-size: 10px; font-weight: normal; }
.ui_left_content .LeftNavLevel1 .LeftNavLevel2 a:hover {}
.ui_left_content .LeftNavLevel1 .LeftNavLevel2 a:active { font-size: 10px; font-weight: normal; }

.ui_ad_spot3 {}
.ui_right_content {
	float: none;
}
.ui_with_leftnav .ui_right_content {
	width: 827px;
	float: right;
	overflow: hidden;
}
.FullWidth .ui_right_content{width: 100%;}

.ui_main_content_wrapper {
	padding: 0px 0 56px 0px;
}
.ui_main_content {
	
}
.ui_bc_pretext {
	
}

.ui_bottom_shadow {	background: url(/images/BottomShadow.png) no-repeat top right; margin:0 auto; width:1064px;}

.ui_footer {
	width:1024px;
	padding-left:12px;
	margin:0 auto;
}
.ui_line {
	
}
.ui_bottom_nav {
	padding-left: 20px;
	padding-top: 26px;
	width:626px;
	float:left;
}
.ui_bottom_nav td{

	color: #595959;
	font-size: 11px;
}
	.ui_bottom_nav td .NavigationTitle{	font-weight: bold;}

.ui_bottom_visa_secure 
{

	padding: 26px 32px 0px 0px;
	float:right;
}
.ui_bottom_visa_secure  td {	font-weight:bold; font-size:10px; color:#595959;}
.ui_tag_line {
	padding: 30px 20px;
	text-align: left;
	font-size: 11px;
	color: #595959;
}
.ui_tag_line a:link, 
.ui_tag_line a:visited { color: #595959; font-weight: bold; text-decoration: none; }
.ui_tag_line a:hover { color: #2d2d2d; text-decoration: none; }
.ui_tag_line a:active { color: #595959; font-weight: bold; text-decoration: none; }



/*
body { margin: 0; padding: 0; background: url(/images/bg.jpg); }
.ContestForm {
	padding: 10px 0;
}
.ContestForm input, .ContestForm select, .ContestForm textarea {
	width: 200px;
}
.ContestForm input.checks, .ContestForm .checks input {
	width: auto;
}
.ContestForm .Buttons .ContinueButton {
	margin: 0;
	padding: 0;
	float: none;
	clear: both;
	margin-left: 150px;
}
.ContestForm .Buttons .ResetButton { display: none; }
.contents { padding: 10px; }
.clear { clear: both; height: -1px; }
.page { position: absolute; width: 781px; left: 50%; margin-left: -390px; padding-bottom: 20px; }
.header { margin: 0; padding: 0; width: auto; height: 106px; }
.header .logo { margin: 0; padding: 0; width: 217px; height: 91px; float: left; }
.header .phone { margin: 0; padding: 0; width: 564px; height: 60px; float: right; }
.header .top_nav { margin: 0; padding: 0; width: 564px; height: 31px; float: right; }
.header .top { margin: 0; padding: 0; clear: both; width: 781px; height: 15px; }
.page_bg { background-image: url(/images/hatley_content_bg.gif); }
.controls { clear: both; width: 781px; height: 30px; }
.controls .site_search { float: left; width: 155px; color: #232020; font-size: 11px; padding-left: 10px; }
.controls .site_search input { margin: 0; padding: 0; color: #9F9682; width: 95px; border: inset 2px #C7C0B3; font-size: 10px; }
.controls .site_search_go { float: left; width: 30px; text-align: center; }
.controls .site_search_go a:link, 
.controls .site_search_go a:active, 
.controls .site_search_go a:visited { display: block; font-size: 10px; border: solid 1px #9B999A; background-color: #F9D0D8; padding: 3px; color: #716752; text-transform: uppercase; text-decoration: none; }
.controls .site_search_go a:hover {}
.controls .cart_links { float: right; width: 566px; text-align: right; font-size: 10px; padding-right: 10px; }
.controls .cart_links a:link, 
.controls .cart_links a:active, 
.controls .cart_links a:visited { font-size: 10px; }
.controls .cart_links a:hover {}
.controls .cart_links a.change_currency:link, 
.controls .cart_links a.change_currency:active, 
.controls .cart_links a.change_currency:visited { font-size: 9px; }
.controls .cart_links a.change_currency:hover {}
.body { clear: both; width: 781px; padding-bottom: 10px; }
.content { float: left; width: 781px; }
.content .bread_crumb { margin: 0; padding: 0; clear: both; width: 761px; padding-left: 10px; padding-right: 10px; font-size: 10px; font-weight: bold; color: #999; text-transform: lowercase; }
.content .contents { padding-top: 0px; }
.content .main_content { width: 761px; }
.bread_crumb .bc_pretext { font-weight: bold; }
.left_bar { float: left; width: 171px; }
.left_bar .LeftNavLevel1 { background: url(/images/hatley_left_nav_bg.gif); margin-left: 2px; padding-top: 5px; padding-bottom: 10px; }
.left_bar .LeftNavLevel1 a:link, 
.left_bar .LeftNavLevel1 a:active, 
.left_bar .LeftNavLevel1 a:visited { padding: 1px; padding-left: 20px; padding-right: 20px; display: block; color: #634F34; text-decoration: none; }
.left_bar .LeftNavLevel1 a:hover { color: #9F9682; text-decoration: none; }
.left_bar .LeftNavLevel1 .LeftNavLevel2 { padding-left: 10px; }
.left_bar .LeftNavLevel1 .LeftNavLevel2 a:link, 
.left_bar .LeftNavLevel1 .LeftNavLevel2 a:active, 
.left_bar .LeftNavLevel1 .LeftNavLevel2 a:visited { display: block; font-size: 11px; font-weight: normal; color: #634F34; text-decoration: none; background: url(/images/hatley_left_nav_sub_bullet.gif); background-repeat: no-repeat; background-position: 5px -1px; }
.left_bar .LeftNavLevel1 .LeftNavLevel2 a:hover { color: #9F9682; text-decoration: none; }
.left_bar .ad_spot3 { margin-left: 10px; }
.content_shop { float: left; width: 610px; }
.content_shop .bread_crumb { margin: 0; padding: 0; clear: both; width: 610px; padding-left: 10px; padding-right: 10px; font-size: 10px; font-weight: bold; color: #999; text-transform: lowercase; }
.content_shop .contents {}
.content_shop .main_content { width: 590px; overflow: hidden; }
.body_lower { margin: 0; padding: 0; clear: both; width: 781px; height: 18px;  }
.links { float: left; width: 601px; height: 18px; text-align: left; font-size: 10px; }
.links a:link, 
.links a:active, 
.links a:visited { font-size: 10px; }
.links a:hover {}
.currency { float: right; width: 170px; text-align: right; padding-right: 10px; padding-top: 3px; font-size: 10px; font-weight: bold; }
.currency a:link, 
.currency a:active, 
.currency a:visited { font-size: 10px; }
.currency a:hover {}
.bottom { margin: 0; padding: 0; clear: both; width: 781px; height: 16px; }
.footer { margin: 0; padding: 0; clear: both; width: 781px; }
.footer .frog_feet { float: left; width: 257px; height: 31px; }
.footer .newsletter { float: left; width: 354px; height: 31px; background: none; padding-bottom: 0; }
.footer .email { float: right; width: 150px; height: 31px; text-align: right; }
.footer_lower { margin: 0; margin-top: 20px; margin-bottom: 20px; padding: 0; clear: both; width: 781px; }
.more_links { font-size: 10px; text-align: center; color: #A36B10; padding-bottom: 30px; padding-top: 10px; }
.more_links a:link, 
.more_links a:active, 
.more_links a:visited { font-size: 10px; color: #A36B10; font-weight: normal; }
.more_links a:hover {}
.copyright { font-size: 10px; text-align: center; color: #A36B10; }
.copyright a:link, 
.copyright a:active, 
.copyright a:visited { font-size: 10px; }
.copyright a:hover {}
.tag_line { font-size: 10px; text-align: center; color: #A36B10; }
.tag_line a:link, 
.tag_line a:active, 
.tag_line a:visited { font-size: 10px; }
.tag_line a:hover {}

/* newsletter */

.nl_body { margin: 0; padding: 0; background: url(/images/bg.jpg); }
.nl_content { background: url(/images/hatley_nl_content_bg.gif); }
.nl_tag_line { font-size: 10px; text-align: center; color: #A36B10; }
.nl_tag_line sup { font-size: 8px; font-weight: normal; text-decoration: none; }
.nl_tag_line a:link, 
.nl_tag_line a:active, 
.nl_tag_line a:visited { font-size: 10px; }
.nl_tag_line a:hover {}

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

.HomePage {padding:0px 0px 0px 19px;}
.HomePageContent {}

/**** Sub Dept ****/

.products_list { clear: both; width: 100%; }

.products_cell img { /*border-color: #CBCACB;*/ }

.ProductList .sale ,
.RelatedProducts .Price.sale 
{
	font-weight: normal;
	color: #f00;
}

.ProductList .original {
	text-decoration: line-through;
	display: block;
}

/**** Product ****/

.ImageAndControls {
	text-align: center;
	width: 410px;
	_width: 391px; /*ie6 hack*/
	float: left;
}

.ImageAndControls img { /* border-color: #CBCACB; */ margin-bottom: 5px; }

.Zoom{text-align: center;}

.RightProductDetails {
	float: left;
	width: 393px;
}

.Navigation {
	padding: 20px 0 0 0; font-size: 10px; color: #000; font-weight: normal; 
}
.Navigation a:link, 
.Navigation a:visited { font-size: 10px; color: #000; font-weight: normal; }
.Navigation a:hover {}
.Navigation a:active { font-size: 10px; color: #000; font-weight: normal; }

.FanPics {
	float: right;
	width: 160px;
	text-align: center;
}

.CartForm {
	float: left; width: 393px; position: relative; clear: right; 
}

.CartForm .ui_attributes_float {
	float: left; 
	width: 300px;
}
.CartForm .size_chart {
	width: 85px; 
	float: right; 
	display: block; 
	top: 4px;
	position: relative;
	left: -190px;
	}

.ProductQuantity .QuantityRow .Label, 
.ProductQuantity .QuantityRow .Field, 
.ProductAttributesTable .Attribute1Row .Label, 
.ProductAttributesTable .Attribute1Row .Field {
 }

.ProductAttributesTable .Attribute1Row .Label,
.ProductQuantity .QuantityRow .Label {
	color:#77A4D6;
	padding: 9px 0px;
	font-size:12px;
	font-weight:bold;
	text-transform:lowercase;
	width:40px;
	}
	
.CartForm .ui_size_label,
.CartForm .ui_qty_label { 
	
}
.ProductAttributesTable .Attribute1Row .Field select {width: 67px;}	
.ProductAttributesTable .Attribute1Row .Field select,

.ProductQuantity .QuantityRow .Field select
{
	background-color:#E6E6E6;
	color:#737373;
	font-size:10px;
	margin-left: 0;
	padding-left: 0; }
	


.AddToCartButton { padding: 14px 0px; height: 21px; display: block; }
.AddToCartButton a {background: url(/images/hatley08_addtocart.gif); width: 144px; height: 21px; display: block; }

.AddToCartButton .ButtonText { display: none; }
.CartTable1,
.CartTable1 td, 
.CartTable2, 
.CartTable2 td {
	padding: 0px;
}
.CartTable1 .AttribLabel, 
.CartTable2 .AttribLabel {
	font-weight: bold;
	color: #649DCD;
	width: 40px;
	text-transform: lowercase;
	font-size: 12px;
}
.CartTable1 .AttribLabel, 
.CartTable1 .AttribField, 
.CartTable2 .AttribLabel, 
.CartTable2 .AttribField {
	padding-top: 9px;
}
.CartTable1 .AttribField select, 
.CartTable2 .AttribField select {
	background-color: #E6E6E6;
	color: #737373;
	font-size: 10px;
}
.CartTable1 .AttribLink, 
.CartTable1 .AttribLink a:link, 
.CartTable1 .AttribLink a:active, 
.CartTable1 .AttribLink a:visited {}
.CartTable1 .AttribLink a:hover {}

.Product h1 {
	width: 391px;
	padding-bottom: 15px;
	float: right;
	font-weight: bold;
}

.ProductDetails {
	width: 428px;
	float: right;
}

.ProductDetails p {
	font-size: 11px;
	color: #000;
}

.Product .ProductPrice {
	margin-top: 0;
	font-weight: bold;
}

.Products .ProductPrice,
.Product .Price {
	font-size: 18px;
	color: #A1CD5A;
	font-weight: bold;
}

.Product .OriginalPrice {
	text-decoration: line-through;
}

.Product .SalePrice {
	color: #f00;
}



.Product .SinglePrice .ListPrice .MinPrice 
{
	color:#A1CD5A;
	font-size:18px;
	font-weight:bold;} 
	
.UI_Products_Wrapper .ProductSalePrice .ListPrice .MinPrice {
	color:#737373;
	font-size:10px;
	font-weight:bold;} 
	
.UI_Products_Wrapper .Product .SinglePrice .ListPrice .MinPrice 
{

color:#737373;
font-size:10px;
font-weight:bold;}
	
	
.Product .ProductSalePrice .ListPrice .MinPrice {
	text-decoration: line-through; 
	display: block; 
	color:#20231E;
	font:12px Verdana,Arial,Sans-Serif bold; }

.Product .SaleText {
	font: bold 12px Arial, Verdana, Sans-Serif;
	color: #f00;
}

.RelatedProducts { clear: both; width: 824px; overflow: hidden; }

.RelatedProducts table {
	margin-top: 10px;
}
	.RelatedProducts strike {font-weight: bold; font-size: 10px;}
.RelatedProducts td { padding: 10px 0; font-size: 11px; }
.RelatedProducts td a:link, 
.RelatedProducts td a:active, 
.RelatedProducts td a:visited { font-size: 11px; font-weight: normal; color: #000; text-decoration: none; }
.RelatedProducts td a:hover { color: #9F9682; text-decoration: none; }
.RelatedProducts td strong { font-weight: normal; }
.CrossSaleTitle { display: block; padding: 10px 0 0 10px; font-size: 12px; font-weight: bold; }

.Product .ErrorMessage td,
.Product .ErrorMessage li{color: #f00 !important;}

.Product_Item{text-align: center;}

/* reviews */


/* flyouts
.menu A, .menu a:link, .menu a:visited, .menu a:active {
	display: block;
	text-align: left;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	padding: 3px;
	padding-left: 8px;
	padding-right: 2px;
	margin: 0px;
	background-color: #FFD783;
	width: auto;
	TEXT-DECORATION: none;
	border: none;
}
.menu a:hover {
	TEXT-DECORATION: none;
	background-color: #666;
	color: #fff;
	width: 100%;
	font-weight: normal;
}
.menu {
	clear: both;
	border-bottom: solid 1px #666666;
}
.menu1Top { width: 125px; }
#menu1 { width: 124px; }
#menu1 a, #menu1 a:link, #menu1 a:visited, #menu1 a:active {
	background-color: #F9D0D8;
}
#menu1 a:hover {
	background-color: #634F33;
}
.menu3Top { width: 124px; }
#menu3 { width: 124px; }
#menu3 A, #menu3 a:link, #menu3 a:visited, #menu3 a:active {
	background-color: #F3E0C7;
}
#menu3 a:hover {
	background-color: #634F33;
}
.menu4Top { width: 125px; }
#menu4 { width: 125px; }
#menu4 A, #menu4 a:link, #menu4 a:visited, #menu4 a:active {
	background-color: #F3FBD8;
}
#menu4 a:hover {
	background-color: #634F33;
}
.menu5Top { width: 151px; }
#menu5 { width: 151px; }
#menu5 A, #menu5 a:link, #menu5 a:visited, #menu5 a:active {
	background-color: #E0F0F6;
}
#menu5 a:hover {
	background-color: #634F33;
}
*/

/* custom ccm control */

.Popup_Wrapper {
	position: absolute;
	width: 550px; 
	left: 50%;
	margin-left: -275px;
	padding-bottom: 20px;
}

.Popup_BG {
	background: url(/images/popup_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding-left: 30px;
	padding-right: 30px;
}

/* sub sub department */

.SubSubDepartment {}
.SubSubDepartment .DepartmentImage { display: none; }
.SubSubDepartment .PageTitle { position: absolute; top: -500px; left: -500px; width: 100px; height: 25px; overflow: hidden;  }
.BrandsDepartment .PageTitle { position: relative; top: 0; left: 0; z-index: 1; width: auto; height: auto; overflow: visible; color: #000; font-weight: normal; }
.SubSubDepartment .PageIntro { position: absolute; top: -475px; left: -500px; width: 100px; height: 25px; overflow: hidden; }
.SubSubDepartment .Products {  }
.SubSubDepartment .DepartmentPagingTop { line-height: 25px; }
	.SubSubDepartment .ProductCount { float: left; width: 130px; font-size: 10px; color: #000;  }
	.SubSubDepartment .ProductFilter { float: right; width: 460px; text-align: right; font-size: 10px; color: #000; }
	.SubSubDepartment a:link.current_page, 
	.SubSubDepartment a:active.current_page, 
	.SubSubDepartment a:visited.current_page { text-decoration: none; }
	.SubSubDepartment .PreviousNext { display: none; float: left; width: 110px; padding: 2px 0; text-align: right; }
	/* previous */
	.SubSubDepartment a.Previous { text-transform: lowercase; border-right: solid 1px #ccc; padding-right: 5px; }
	.SubSubDepartment a.Previous:hover {}
	.SubSubDepartment a.NoPrevious { color: #ccc; }
	.SubSubDepartment a.NoPrevious:hover { text-decoration: none; }
	.SubSubDepartment a.Previous .LinkText {}
	/* next */
	.SubSubDepartment a.Next { text-transform: lowercase; }
	.SubSubDepartment a.Next:hover {}
	.SubSubDepartment a.NoNext { color: #ccc; }
	.SubSubDepartment a.NoNext:hover { text-decoration: none; }
	.SubSubDepartment a.Next .LinkText {}

.SubSubDepartment .ProductList { clear: both; border-top: solid 2px #DADADA; margin-top: 5px; padding-top: 10px; }
.SubSubDepartment .ProductList td { padding: 10px; font-size: 10px; color: #737373; font-weight: bold; }
.SubSubDepartment .ProductList td a:link, 
.SubSubDepartment .ProductList td a:active, 
.SubSubDepartment .ProductList td a:visited { font-size: 10px; font-weight: normal; color: #737373; text-decoration: none; }
.SubSubDepartment .ProductList td a:hover { color: #333; text-decoration: none; }

.SubSubDepartment .ProductList td .ui_productImage{max-width: 180px; position:relative; overflow: visible;}
.SubSubDepartment .ProductList td .ui_productImage img {z-index: 10;}
.SubSubDepartment .ProductList td .ui_productImage img.ui_videoIcon{position:absolute; left: 130px;z-index: 20;}

.SubSubDepartment .Buttons { clear: both; }
.SubSubDepartment .AddToCartImage {}
.SubSubDepartment .AddToCartImage a { display: block; width: 83px; height: 25px; background: transparent url(/images/kb_addtocart.gif) no-repeat top left; }
.SubSubDepartment .AddToCartImage a:hover {}
.SubSubDepartment .AddToCartImage img { width: 83px; height: 25px; }
.SubSubDepartment .AddToCartButton { display: none; }
.SubSubDepartment .AddToCartButton input {}
.SubSubDepartment .AddToCartText { display: none; }
.SubSubDepartment .AddToCartText a {}
.SubSubDepartment .AddToCartText a:hover {}
.SubSubDepartment .MoreInfoImage {}
.SubSubDepartment .MoreInfoImage a { display: none; }
.SubSubDepartment .MoreInfoImage a:hover {}
.SubSubDepartment .MoreInfoImage img {}
.SubSubDepartment .MoreInfoButton { display: none; }
.SubSubDepartment .MoreInfoButton input {}
.SubSubDepartment .MoreInfoText { display: none; }
.SubSubDepartment .MoreInfoText a {}
.SubSubDepartment .MoreInfoText a:hover {}

.SubSubDepartment .DepartmentPagingBottom { border-top: solid 2px #DADADA; margin-top: 20px; padding-top: 8px; height: 25px; }
	.SubSubDepartment .DepartmentTitle { display: none; float: left; width: 290px; font-weight: bold; }
	.SubSubDepartment .ProductFilter,
	.SubSubDepartment .DepartmentPage { float: right; width: 300px; text-align: right; font-size: 10px; color: #000; padding: 0 20px 0 0;}
	.SubSubDepartment .DepartmentPagingBottom .PreviousNext { display: none; }
	/* previous */
	.SubSubDepartment .DepartmentPagingBottom a.Previous { text-transform: lowercase; }
	.SubSubDepartment .DepartmentPagingBottom a.Previous:hover {}
	.SubSubDepartment .DepartmentPagingBottom a.NoPrevious { color: #ccc; }
	.SubSubDepartment .DepartmentPagingBottom a.NoPrevious:hover { text-decoration: none; }
	.SubSubDepartment .DepartmentPagingBottom a.Previous .LinkText {}
	/* next */
	.SubSubDepartment .DepartmentPagingBottom a.Next { text-transform: lowercase; }
	.SubSubDepartment .DepartmentPagingBottom a.Next:hover {}
	.SubSubDepartment .DepartmentPagingBottom a.NoNext { color: #ccc; }
	.SubSubDepartment .DepartmentPagingBottom a.NoNext:hover { text-decoration: none; }
	.SubSubDepartment .DepartmentPagingBottom a.Next .LinkText {}

/* sale department */
.Department_Sale {}
.Department_Sale .ItemOfItems{
	display: block; 
	float: left;
	color:#000000;
	float:left;
	font-size:10px;
	text-transform: lowercase;
}
.Department_Sale .PageNumbers,
.Department_Sale .ViewAllButton{
color:#000000;
font-size:10px;
text-align:right;
}
.Department_Sale .UI_Products_Wrapper{
	border-top:2px solid #DADADA;
	clear:both;
	margin-top:5px;
	padding-top:10px;
}
.Department_Sale .Product_Wrapper {display: block; width: 200px; }
.Products td.Product_Item{text-align: center; padding: 10px;}
 
.Department_Sale td.Product_Item{text-align: center; padding: 10px 0;}
.Products .ProductName a,
.Department_Sale .ProductName a{
	color:#737373;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
	display: block;
	text-align: center;
}

.Products .ProductPrice a,
.Department_Sale .ProductPrice a{
	color:#737373;
	font-size:10px;
}
.Products .ProductSalePrice a .ListPrice,
.Department_Sale .ProductSalePrice a .ListPrice{
	text-decoration: line-through;
	display: block; 
	text-align: center;
}
.Products .ProductPrice a .SalePrice,
.Department_Sale .ProductPrice a .SalePrice{
	font-weight: normal;
}

.Department_Sale .ProductPromotion {
	color:#f00;
	font-size:10px;
	font-weight:bold;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.Department_Sale .UI_DepartmentPagingBottom {
border-top:2px solid #DADADA;
height:25px;
margin-top:20px;
padding-top:10px;	
}

/* search */
td.Product_Item 
{
	width: 200px;
}
td.Product_Item .ProductImage {
	display: block;
	text-align: center;
}
td.Product_Item .NewProduct 
{
	display: block;
	clear:both;
	float:left;
}


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

/* Fan Pics */

.fan_pic { width: 100%; }
.fan_pic img { border: none; }
.fan_pic .content_wrapper { float: left; width: 70%; padding-top: 20px; }
.fan_pic .lrg_image { float: left; width: 30%; }
.fan_pic .next_prev_wrapper { width: 80%; padding-top: 20px; }
.fan_pic .prev { width: 33%; text-align: left; float: left; }
.fan_pic .email { width: 33%; text-align: center; float: left; }
.fan_pic .next { width: 33%; text-align: right; float: left; }
.fan_pic .content_images { clear: both; padding-top: 20px; }
.content_images img { border: none; }

/* Fan Pics Pop-Up */

.pop_up { padding: 10px; }
.pop_up img { border: none;}
.pop_up .left { width: 227px; float: left;}
.pop_up .main_image {}
.pop_up .image_text { padding-top: 20px; font: normal 12px Verdana, Arial, Sans-Serif; color: #20231E;}
.pop_up .send_us { padding-top: 20px; }
.pop_up .send_us img { border: none; }
.pop_up .right { width: 350px; float: right;}
.pop_up .fan_pic_image {float: right;}
.pop_up .close_window {float: right; text-align: right;}

/* Press Page */

.pp {border: none;}
.pp .header_wrapper {width: 95%; margin: 0px auto;}
.pp .header_image {float: left;}
.pp .header_text {float: left; padding-top: 40px; padding-left: 10px;}
.pp .inside_wrapper {width: 95%; margin: 0px auto;}
.pp .inside_image {float: left; vertical-align: top;}
.pp .inside_arrow {float: left; vertical-align: top; padding: 0px 30px;}
.pp .inside_cover {float: left; vertical-align: top;}
.pp .cover_image {}
.pp	.cover_text {}
.pp .spacer {clear: both;}
.pp .next_previous {width: 420px;}
.pp .next_previous img {border: none;}
.pp .td_presspage_cover_images {padding: 12px 0px;}
.pp .previous {float: left; padding: 0 0 0 20px;}
.pp .next {float: right;} 
.pp .divider {text-align: center; padding-top: 20px; clear: both;}
.pp .discription {text-align: center; padding-top: 10px;}
.pp .images {}
.pp .images img {border: none;}


/* SALE NAV */

.UI_NewOrSaleNavigation a:link {
	display:block;
	font-size:11px;
	padding:5px 0;
}

.UI_NewOrSaleNavigation a:visited {
	display:block;
	font-size:11px;
	padding:5px 0;
}

.UI_NewOrSaleNavigation a:hover {
	color: #A0DD76;
}

.UI_NewOrSaleNavigation a:active {
	display: block;
	font-size: 11px;
}

/*SizeChart Template*/

.ui_sizechart {width: 780px;  background: #fff url(http://www.hatleystore.com/SiteCM/i/sizechart_gray.png) repeat-y top left;}

.ui_sizechart p,
.ui_sizechart td{color: #000;}

.ui_sizechart .ui_left{
	width: 113px; 
	float: left;
	position: fixed;
}


.ui_sizechart .ui_right
{
	float: right; 
	width: 650px;
	min-height: 520px;
	overflow: hidden;
	background: url(http://www.hatleystore.com/SiteCM/i/sizechart_grass.png) repeat-x bottom left; 
	padding: 11px 0 65px 0;
	}
	
/*SizeChart CustomStyles*/
#chart_menu_table{
	position: fixed; 
	left: 0px;
	top: 0px; 
	background-image: url(http://www.hatleystore.com/SiteCM/i/sizechart_gray.png); 
	background-repeat:repeat-y;
	padding: 0px 0px 0px 0px;
	height:100%;
}

#chart_menu{
	width:84px;
	height:29px;
	background-color:rgb(48,99,142);
	color:white;
	font-weight:bold;
	text-transform:uppercase;
}
#chart_menu p{
	margin-left:16px;
	margin-top: 0em;
	margin-bottom: 0em;
}

#chart_selected_menu{
	width:84px;
	height:29px;
	background-color:rgb(48,99,142);
}

#chart_selected_menu_text{
	background-color:white; 
	color:rgb(48,99,142);
	font-weight:bold;
	text-transform:uppercase;
}

#chart_top_links
{
	text-transform:uppercase;
	color:#649DCD;
}
#chart_dotted_line
{
	background-image: url(http://www.hatleystore.com/SiteCM/i/sizechart_dotted_line.png); 
	background-repeat:repeat-x;
	margin-top: 0em;
	margin-bottom: 0em;
}
#chart_category
{
	font-size:1.5em;
	margin-top: 0.2em;
	color:rgb(143, 200, 83);
}
#chart_table
{
	width:100%;
	border-collapse:collapse;
}
#chart_table td, #chart_table th 
{
	text-align:center;
	border:0px;
	padding:5px 5px 5px 5px;
}
#chart_table th 
{
	font-size:0.8em;
	font-weight:bold;
	text-transform:uppercase;
	padding:5px 5px 5px 5px;
	background-color:rgb(238, 255, 221);
}
#chart_table tr.odd td 
{
	font-size:0.8em;
	background-color:rgb(246, 255, 238);
}
#chart_table tr.even td 
{
	font-size:0.8em;
	background-color:rgb(238, 255, 221);
}

#chart_sub_category
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.8em;
	color:#595959;
	margin-top: 1.0em;
	margin-bottom: 0em;
}
#chart_sub_category_description
{
	font-size:0.9em;
	color:#595959;
	margin-top: 0em;
	margin-bottom: 0em; 
}
#chart_help
{
	font-size:0.8em;
	color:#A5A5A5;
	margin-top: 0.5em; 
}
#chart_grass
{
	background-image: url(http://www.hatleystore.com/SiteCM/i/sizechart_grass.png); 
	background-repeat:repeat-x;
	margin-top: 0em;
	margin-bottom: 0em;
	height:63px;
}

/* sale nav */

a.Current:link, 
a.Current:visited, 
a.Current:hover, 
a.Current:active { color: #000; }
a.SubDepartment:link, 
a.SubDepartment:visited, 
a.SubDepartment:active { 
	font-size: 10px;
	padding: 5px 0 4px 6px;
	font-weight: normal;
	color: #666;
}
a.SubDepartment:hover {
	color: #A0DD76;
}

/* drop down skin for brand */

.frmSELECT select { position:absolute; top:-1000px; left:-1000px; } /* hide the base drop down */
.frmSELECT { }
.frmSELECT dl dt a span {font-size: 11px; padding: 5px 0px 5px 5px; color: #FFF; font: Arial, Helvetica, Sans-Serif; font-weight: bold; text-transform: uppercase; }
.frmSELECT dl { margin: 0; padding: 0;}
.frmSELECT dd, .frmSELECT dt, .frmSELECT ul { margin:0px; padding:0px; }
.frmSELECT dd { position:relative;z-index:1000;}
.frmSELECT dd ul {overflow: auto; height: 200px; }
.frmSELECT a, .frmSELECT a:visited { text-decoration:none; outline:none;}
.frmSELECT a:hover { color:#595959;}
.frmSELECT dt a:hover {border: 0px solid #ccc; }
.frmSELECT dt a {background:#649DCD url(/images/HatleyDropDown_Arrow.jpg) no-repeat scroll right center; display:block; border:0px solid #ccc; width:164px; }
.frmSELECT dt a span {display:block;padding: 2px 0px 2px 5px; padding-right:20px; cursor:pointer; }
.frmSELECT dd ul { background:#E0EBF5 none repeat scroll 0 0; border:0px solid #ccc; left:0px; position:absolute; top:0px; z-index: 10; width:164px; list-style:none;}
.frmSELECT span.value { display:none;}
.frmSELECT dd ul li a:link {color: #595959}
.frmSELECT dd ul li a span { display:block; font-size: 11px; padding: 8px 5px 8px 0px; padding-right:20px; border-bottom: 1px solid #649DCD; margin-left: 5px;}
.frmSELECT dd ul li a:hover {color:#484848; }



/*Search Results*/

#SEARCH .SearchDetails{ 
	border-bottom: 2px solid #DADADA;
    margin-bottom: 5px;	

}

	#SEARCH .SearchDetails h1{color: #A0DD76;
    	font-size: 15px;
   		font-weight: bold;
    	margin-bottom: 10px;
    	text-transform: lowercase;
	}

	#SEARCH .SearchDetails p{ color: #000000;
    	font-size: 10px;
	}

.CrossSale .Products .ProductPrice, .Product .Price ,
#SEARCH .Product .SinglePrice .ListPrice .MinPrice {    color: #737373;
    font-size: 10px;
    font-weight: bold;}

#SEARCH .Product {position: relative;}
	#SEARCH 	.Product .ui_videoIcon{    position: absolute;
   	 right: 0;
   	 top: 0;}

#SEARCH .ProductResults{clear: both;}

	#SEARCH .Products .Product_Wrapper {width: 170px;}
	#SEARCH .ProductName a{display: inline;}
	#SEARCH .SinglePrice{display: block;}