@import "reset.css";
@import "fonts.css";

body {
	background: #f8f9e1;
}

#white_bg {
	background: #fff url('/img/global/white_bg_fade.gif') repeat-x bottom;
	padding: 0 0 50px;
}

#territory {
	background: url('/img/territory/background.gif') repeat-x top;
}
#currently_in {
	background: url('/img/territory/dots.gif') no-repeat top;
	width: 1000px; height: 44px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
}

#wrapper {
	width: 983px;
	margin: 0 auto;
}


.dealers h2 {
  clear: both;
}
/***
 * Header
 */
#header {
	background: url('/img/global/dots.gif') no-repeat top left;

	padding: 0 36px 36px 0;
}
#header h1 {
	background: url('/img/global/gregory.gif') no-repeat;
	width: 125px; height: 84px;
	float: left;
	margin: 5px 0 0;
}
#header h1 a, #header h1 a:hover {
	display: block;
	width: 125px; height: 84px;
	text-indent: -9999em;
}

#header form {
	float: right;
	font-size: 11px;
}

.zh_CN #header form {
	font-size: 13px;
}
.search {
	display: block;
	padding: 13px 0 0;
}
body.search {
	padding: 0;
}
.search #search {
	padding: 2px;
	font-size: 12px;
}
#header form a:hover {
	text-decoration: underline !important;
}
.search #submit {
	background: url('/img/global/search.gif') no-repeat;
	width: 66px; height: 22px;
	cursor: pointer;
	border: 0;
	text-indent: -9999em;
	margin: 0 7px 0 0;
}   
.fr .search #submit {
	background: url('/img/global/search_fr.gif') no-repeat;
}

.de .search #submit {
	background: url('/img/global/search_de.gif') no-repeat;
}

.zh_CN .search #submit {
	background: url('/img/global/search_cn.gif') no-repeat;
}


#header .navigation {
	margin: 14px 0 0;
	float: right;
}
#header .navigation li {
	width: 103px; height: 29px;
	float: left;
	margin: 0 3px 0 0;
	font-size: 10px;
}

.zh_CN #header .navigation li {
	font-size: 13px;
}

.de .navigation li a#menu-online-dealers {
  display: none;
}

#header .navigation a {
	background: url('/img/global/navigation.png') no-repeat top left;
	width: 93px; height: 20px;
	padding: 8px 0 0;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.zh_CN #header .navigation li a {
	padding: 5px 0 4px;
}
/* Used for when they aren't in the <a> */
#header .navigation a:hover,
#header .navigation a.hover {
	background-position: top right;
}

#header .navigation a#menu-product-nav {
	background-image: url('/img/global/product_nav_item.png');
	text-align: left;
	text-indent: 20px;
	height: 20px;
}
.products ul.navigation li.active a {
	background-position: top center !important;
}
.products ul.navigation li.active a.hover {
	background-position: top right !important;
}

/***
 * Tabs
 */
#home_tabs { padding: 0 0 32px; }
.tabs { padding: 0 0 0 11px; }
.tabs li {
	float: left;
	width: 130px; height: 32px;
	font-size: 14px;
	margin: 0 -1px 0 0;
}
.tabs li a {
	background: url('/img/global/tabs.png') no-repeat top left;
	width: 130px; height: 22px;
	padding: 10px 0 0;
	display: block;
	color: #747469;
	text-align: center;
}
.tabs li.active a {
	background: url('/img/global/tabs.png') no-repeat top right;
	width: 142px;
	z-index: 15;
	color: #464637;
	position: absolute;
	margin: 0 0 0 -6px;
}
.tab_content {
	background: url('/img/global/tab_footer.png') no-repeat;
	width: 931px; height: 148px;
	padding: 10px;
}
.tab_content .product {
	background: url('/img/global/box_shadow.gif') no-repeat top right;
	float: left;
	width: 225px; height: 166px;
	padding: 0 0 0 5px;
	text-align: center;
}
.tab_content #features li {
	list-style: disc;
	margin: 0 0 0 15px;
}
#good_life .product {
	text-align: left;
}
.tab_content .product img {
	
}
#fresh_product .small_product {
	width: 225px;
}
#fresh_product .small_product img {
	margin: 5px 0 0;
}
#good_life .product img {
	margin: 0 0 0 -5px;
}
.tab_content .product .desc {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	width: 200px; height: 25px;
	z-index: 100;
	position: absolute;
	margin: 128px 0 0; padding: 5px 10px 0 15px;
	font-weight: bold;
	color: #464637;
	text-align: left;
	font-size: 14px;
}
#fresh_product .small_product {
	width: 225px;
}
#fresh_product .small_product .desc {
	width: 200px;
}
#fresh_product .small_product img {
	margin: 5px 0 0;
}
.square_dot {
	background: url('/img/global/square_dot.png') no-repeat;
	width: 193px; height: 122px;
	padding: 35px 15px 0 20px;
	float: left;
	color: #fff;
	
	border: 1px solid #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.square_dot p {
	line-height: 15px;
	font-size: 13px;
}
.square_dot h2 {
	color: #fff;
	margin: 0 0 8px;
	font-size: 21px;
}

/***
 * Footer
 */
#footer ul { margin: 0 0 25px 150px; }
#footer li {
	float: left;
	padding: 0 10px;
	font-size: 10px;
	line-height: 10px;
	color: #8c8c80;
}
#footer li a {
	color: #64655d;
	float: left;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
}

#footer li a img {
  vertical-align: middle;
  position: relative;
  top: -6px;
}

#footer .social ul {
  margin-left: 340px;
} 

.ja #footer .social ul {
  margin-left: 417px;
}

#footer .social li a {
  height: 12px;
}

/***
 * Subpage
 */
#page_top {
	padding: 0 0 15px;
}
#page_top h2 {
	font-size: 24px;
	font-weight: normal;
	color: #464637;
}
.products #page_top h2 {
	float: left;
}
#breadcrumb {
	float: left;
	padding: 5px 0 0 10px;
}
#breadcrumb span {
	padding: 0 5px;
	text-decoration: none;
}
#breadcrumb a {
	text-decoration: underline;
}

#content {
	background: url('/img/global/content_bg.png') repeat-y;
	width: 945px;
	padding: 0 0 0 2px;
}
#content #left {
	background: url('/img/global/sidebar_dots.png') no-repeat top left;
	width: 273px;
	float: left;
	padding: 50px 21px 21px 21px;
	color: #fff;
	min-height: 522px;
	height: auto !important;
	height: 522px;
}

#left li {
	width: 273px;
	margin: 0 0 1px;
}
.products #left li {
	width: 148px !important;
}
#left li a {
	background: #464639;
	display: block;
	width: 243px;
	padding: 6px 15px;
	font-size: 13.5px;
	color: #fff;
}
#left li.active a {
	background: #35352b;
	color: #fac21e;
}
#left li a:hover {
	color: #fac21e !important;
}

#right {
	background: url('/img/global/top_right_shadow.gif') no-repeat top right;
	width: 590px;
	float: left;
	padding: 20px;
}
#right h3.apex {
	color: #464637;
	font-size: 18px;
}
#right_footer {
	background: url('/img/global/content_footer.gif') no-repeat;
	width: 626px; height: 6px;
	font-size: 0.1em;
	margin: 0 0 20px 318px;
}

/***
 * GregoryTV
 */
#gregory_wide {
	background: url('/img/shadow/full_bg.png') repeat-y;
	width: 945px;
	margin: 0 0 21px; padding: 0 0 0;
}
#gregory_wide .foot {
	background: url('/img/shadow/full_foot.png') no-repeat;
	width: 945px; height: 7px;
	font-size: 0.1em;
	margin: 21px 0 0;
}
#gregory_wide #top_shadow {
	background: url('/img/shadow/full_top.gif') no-repeat top left;
	width: 945px; height: 10px;
	font-size: 0.1em;
}
#gregory_wide iframe {
	margin: 3px 0 0 12px;
}
#video_player {
	margin: 11px 0 0 21px;
}
#video_box {
	background: url('/img/global/tv_dots.gif') no-repeat top left;
	width: 852px; height: 381px;
	padding: 23px 23px 0 23px;
}
#video_box #player {
	width: 599px;
	float: left;
}
#video_box #description {
	width: 233px;
	float: left;
	padding: 60px 0 0 20px;
	color: #fff;
}
#description h2 {
	font-size: 22px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 1px solid #4c4c43;
	padding: 0 0 7px; margin: 0 0 7px;
}
#description p {
	font-size: 13px;
}

#videos {
	width: 873px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin: 0 0 0 21px;
	padding: 23px 0 0 23px;
}
#videos .foot {
	background: url('/img/shadow/tv_narrow_foot.png') no-repeat;
	width: 898px; height: 6px;
	font-size: 0.1em;
	float: left;
	margin: 0 0 0 -24px;
}
.video {
	width: 271px;
	float: left;
	margin: 0 19px 19px 0;
}
.video h2 a {
	font-size: 15px;
	color: #585847;
}
.video small {
	font-size: 13px;
	color: #959595;
}

/***
 * The Good Life
 */
.good-life {
	background-color: #e8f1f0;
}
.good-life #right {
	width: 606px;
	padding: 12px;
}
.good-life #right_footer {
	background: url('/img/good_life/right_footer.gif') no-repeat;
	width: 626px;
	margin-left: 318px;
}
#detail_view {
	width: 895px;
	margin: 11px 0 0 21px;
}
#detail_view #left {
	width: 600px;
	float: left;
}
#detail_view h2 {
	color: #565656;
	padding: 0 10px 5px;
}
span.up,
.like,
.liked {
	background: url('/img/good_life/thumbs_up.gif') no-repeat 0 3px;
	float: right;
	padding: 0 0 0 20px;
	line-height: 1.5em;
}

/*.liked.message {
	padding: 0 20px 0 0;
}*/
#life_img {
	background: url('/img/shadow/good_life_img.gif') no-repeat top left;
	width: 579px; height: 438px;
	padding: 10px 11px 10px 10px;
}

#image_description {
	padding: 10px 0 0;
}
#the_pack {
	float: left;
	width: 240px;
	margin: 0 30px 0 10px;
}
#the_pack .border {
	background: url('/img/good_life/pack_bg.gif') no-repeat;
	width: 83px; height: 81px;
	padding: 2px;
	float: left;
	text-align: center;
}
#pack_info {
	border-bottom: 1px solid #ececeb;
	padding: 0 0 10px; margin: 0 0 10px;
}
#pack_info span {
	float: left;
	padding: 25px 0 0 20px;
	font-weight: bold;
	color: #565656;
}
#pack_info span a {
	text-decoration: underline;
	font-weight: normal;
	color: #565656;
}
#location {
	float: left;
	width: 310px;
}
#location em {
	display: block;
	padding: 0 0 3px;
	font-size: 11px;
}

#detail_view #right {
	background: none;
	width: 280px;
	padding: 28px 0 0 15px;
	float: left;
}
#navigator {
	background: url('/img/good_life/navigator.gif') no-repeat;
	width: 266px; height: 117px;
	padding: 12px 16px 0 14px;
}
#navigator .images {
	width: 260px; height: 95px;
	overflow: hidden;
}
#navigator .images img {
	margin: 0 1px 0 0;
}
#browse {
	padding: 2px 0 0;
}
#browse li {
	float: left;
	text-align: center;
	color: #9c9c9c;
}
#browse li { width: 50px; font-size: 11px; }
#browse .left { width: 100px; text-align: left; padding: 2px 0 0; }
#browse .right { width: 100px; text-align: right; padding: 2px 0 0; }

#upload_photo {
/*	background: url('/img/good_life/upload_photo.png') no-repeat top left;*/
	width: 253px;
	margin: 25px 0 0 0px;
	color: #fff;
	font-size: 14px;
	min-height: 170px;
	height: auto !important;
	height: 170px;
}

#upload_photo h3 {
	text-align: center;
	font-size: 20px;
	padding-top: 20px;
	margin-left: 20px;
}

.good-life.detail #upload_photo {
	background: url('/img/good_life/upload_photo_detail.png') no-repeat top left;
	padding: 0 !important;
	width: 272px !important;
}

.good-life.detail #upload_photo p {
	width: 233px;
}

.fr .good-life.detail #upload_photo {
	background: url('/img/good_life/upload_photo_detail_fr.png') no-repeat top left;
}

.good-life.detail #upload_photo #border {
  background: url('/img/good_life/upload_photo_detail_bottom.png') no-repeat bottom;
  padding: 00px 18px 15px 0; 
}

#upload_photo .button {
	background: url('/img/good_life/upload_button.png') no-repeat top left;
	width: 233px; height: 46px;
	display: block;
	margin: 15px 0 0 25px;
	text-indent: -9999em;
}

.fr #upload_photo .button {
	background: url('/img/good_life/upload_button_fr.png') no-repeat top left;	
}

.de #upload_photo .button {
	background: url('/img/good_life/upload_button_de.png') no-repeat top left;	
} 

#upload_photo p {
	font-size: 13px;
}

.good_life .tabs {
	float: right;
	position: relative;
	margin: 10px 50px -15px 0;
}
.good_life select {
	float: right;
	width: 150px;
	margin: 0 50px 0 0;
}


/***
 * Products Home
 */
#products_home {
	margin: 0 0 -19px !important;
}
.products .tab_content {
	background: none;
}
#products_home #left {
	background: url('/img/products/left_dots.gif') no-repeat;
	float: left;
	width: 201px; height: 300px;
	padding: 26px 20px 0 23px;
}
#products_home .square_dot {
	width: 198px; height: 130px;
}
#products_home .tab_content .product {
	background: url('/img/global/box_shadow_small.gif') no-repeat top right;
	float: left;
	width: 228px; height: 166px;
	padding: 0 0 0 0;
	text-align: center;
}
#products_home .tab_content .product a {
	width: 228px;
}
#products_home .tab_content .product .desc {
	width: 199px;
	margin-top: 126px;
}
#products_home .tab_content {
	padding-bottom: 0;
}
.products #left .section {
	padding: 0 0 20px;
}
.products #left h2 {
	color: #fac21e;
	font-size: 13px;
	padding: 0 0 0 7px;
}
.products #left li {
	padding: 1px 0 0;
}
.products #left li a, .group #left li a {
	font-size: 11px;
	background: none;
	padding: 0;
	display: inline;
	padding: 0 0 0 7px;
}
	
.products #left li a:hover {
	background: url('/img/products/arrow.gif') no-repeat left center;
}
#products_home #right {
	background: url('/img/global/top_right_products_home.gif') no-repeat top left;
	width: 674px;
	padding: 12px 12px 9px 12px;
}
.view #content #right {
	width: 526px !important;
	padding: 13px 20px 20px 13px;
}

.products .square_dot {
	background: url('/img/products/fresh_dots.png') no-repeat top left;
	width: 196px; height: 142px;
	margin: 0 3px 0 0;
}
/* Specific for homepage */
.products .tab_content {
	padding-top: 0;
}
.products .tab_content .product {
	width: 222px; height: 168px;
}
#products_home .tab_content .products_link img {
	margin: 5px 0 0;
}
.products .tab_content .product .desc {
	width: 202px;
	margin-top: 138px;
}
.tab_content .product span.womens {
	background-image: url('/img/global/female.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.tab_content .product span.mens {
	background-image: url('/img/global/male.png');
	background-position: right center;
	background-repeat: no-repeat;
}
.products.index .tab_content .product .desc {
	width: 197px;
}

/***
 * Product Group
 */
.group #content {
	background: url('/img/products/content_bg.png') repeat-y;
}
.group #content #left {
	background: url('/img/products/detail_dots.png') no-repeat;
	width: 161px;
	padding: 30px 23px 14px 24px;
}
.group #content #right {
	background: url('/img/products/top_right_shadow.gif') no-repeat top right;
	width: 737px;
	padding: 0;
}
.group #content #right h2 {
	background: url('/img/products/section_title_bg.gif') no-repeat top right;
	width: 716px; height: 24px;
	margin: 0 0 0; padding: 8px 0 0 15px;
	color: #fff;
}
.group #container #right_footer {
	background: url('/img/products/content_footer.gif') no-repeat;
	width: 734px;
	margin-left: 210px;
}
.group .grouping {
	background: url('/img/products/grouping_shadow.gif') repeat-x top;
	width: 721px;
	margin: 0 1px; padding: 14px 0 14px 9px;
}
.grouping .item {
	float: left;
	margin: 0 3px 20px;
}
.grouping .item h3 a {
	font-size: 13px;
	padding: 0 0 0;
	color: #666;
}
.grouping .item a.thumb {
	background: url('/img/products/item_bg.gif') repeat-x top left;
	width: 136px; height: 162px;
	text-align: center;
	padding: 13px 0 0;
	display: block;
}
.grouping .item a.thumb:hover {
	background: url('/img/products/item_bg.gif') repeat-x top right;
}

/* Ambassador */
.ambassador {
	padding: 15px 0 0;
}
.ambassador h2 {
	color: #464637;
	padding: 20px 0 10px;
}

.heritage #right img {
	margin: 0 0 20px 0;
}

/* Articles */
.articles .article {
	border-bottom: 1px solid #dadada;
	padding: 15px 0 15px;
}
.article .thumb {
	float: left;
	margin: 0 15px 0 0;
}
.article h4 {
	font-weight: normal;
}
.article p.date {
	font-weight: bold;
}

/* blog item */
.blog_item {
	width: 215px; height: 147px;
}
.blog_item .date {
	width: 200px;
	font-size: 13px;
	display: block;
	border-bottom: 1px solid #ccc;
	text-align: left;
	padding: 20px 0 5px;
	margin: 0 15px 15px;
	font-style: italic;
}
.blog_item a {
	width: 175px !important; height: auto !important;
	font-size: 15px;
	display: inline;
	font-weight: bold;
	text-align: left;
	margin: 0 15px;
	color: #74745f;
}
.blog_item a:hover {
	color: #464637;
}

#sid-label {
	display: none;
}
.submit #right {
	width: 594px;
	padding-top: 0;
	padding-left: 24px;
}
.submit #right dt {
	font-size: 17px;
	padding: 0 0 5px;
}
.submit #right dd {
	padding: 0 0 15px;
}

/***
 * Dealer Form
 */
#dealerForm {
	background: url('/img/good_life/locator_bg.gif') no-repeat;
	width: 160px; height: 308px;
	padding: 28px 34px 0 28px;
	margin: 0 auto;
} 

.ja #dealerForm {
	background: url('/img/good_life/locator_bg_jp.gif') no-repeat;
	height: 208px;
}
#dealerForm #postal_code, #dealerForm select {
	width: 160px;
}
#distance-element {
	background: url('/img/good_life/bordered.gif') no-repeat bottom center;
	padding: 0 0 20px;
}
#dealerForm #submit {
	background: url('/img/good_life/submit_form.gif') no-repeat;
	width: 70px; height: 26px;
	cursor: pointer;
	font-size: 0.1em;
	text-indent: -9999em;
}
#submit-label,
#lat-element,
#lon-element,
#lon-label {
	display: none;
}
#dealerForm dt {
	font-size: 12px;
	font-weight: bold;
}
#dealerList .no_dealers {
	width: 222px;
	margin: 0 auto; padding: 10px 0 0;
}
.nearest {
	background: url('/img/good_life/bordered.gif') no-repeat top center;
	padding: 20px 0 0px;
	font-size: 12px;
	line-height: 16px;
}
.tab_content #features li {
	font-size: 12px;
}

.ja .tab_content #features li {
  font-size: 9px;
}

#good_life_submit #description {
	width: 500px; height: 200px;
}
#good_life_submit .apex small {
	font-size: 11px;
	color: #555;
}

/***
 * Organization
 */
.organization {
	padding: 0 0 15px;
}
.organization .thumb {
	width: 194px;
	float: left;
}
.organization .desc {
	width: 381px;
	float: left;
	padding: 0 0 0 15px;
}

.gregory_goes {
	font-size: 13px !important;
}
.gregory_goes a {
	height: 20px !important;
	padding: 12px 0 0 !important;
}

.square_dot h2 a {
	color: #fff !important;
}
.products .tab_content #features li {
	width: 275px !important;
}

/***
 * Products Sub Nav
 */
#products-subnav .section li {
	height: 12px;
}

#products-subnav .section li a {
	height: auto !important;
	background-image: none;
	text-align: left;
	text-transform: none;
	padding: 3px 0 3px 6px !important;
}

#products-subnav .section a.view_all {
	background: none;
}

.zh_CN #products-subnav .section a.view_all {
	padding: 11px 0px 0px 0px !important;
}

#footer p {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	padding: 25px 0 15px;
	color: #464637;
}

/***
 * Products Section
 */
/*
.products .item h3 {
	padding: 3px 0 0 !important;
}
#right ol {
	padding: 0 15px 15px 45px !important;
}
#right ul {
	padding-bottom: 15px !important;
	padding-left: 25px !important;
}
#right ol li {
	list-style-type: decimal;
	padding: 3px 0;
}
#right ul li {
	list-style-type: disc;
	padding: 3px 0;
}
.good-life #browse ul li {
	list-style-type: none !important;
	padding: 0 !important;
}
#right h3 {
	border-bottom: 1px dotted #bbb;
	font-size: 13px;
	color: #464637;
	padding: 0 0 3px; margin: 25px 0 10px !important;
}
*/

.products div#features ul li a {
	color: #fac21e;
	padding-left: 0 !important;
	text-transform: none !important;
	font-size: 12px !important;
}
dd ul.errors li {
	margin-left: 0 !important;
}

.good-life #upload_photo p {
	margin: 0 0 15px 25px;
	
}


.good-life #upload_photo small {
  font-size: 11px;
  color: #bdbdbd;
  padding: 15px 0 0;
}