html, body {
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
}

/* BASIC PAGE STRUCTURE */
#page {
	width: 950px;
	padding: 10px 25px 15px 25px;
	border: 2px solid #000; 	/* total width will be 950px + 50px (padding) + 4px (border) = 1004px */
	
	margin: 20px auto; 			/* center the page and set it off 20px from the top */
}

#header {
	height: 62px;
	overflow: hidden;
}

#main_navigation {
	height: 30px;
	border-top: 2px groove #333;
	border-bottom: 2px groove #333;
}

#content {
	padding: 36px 0px 0px 0px;
}

#footer {
	height: 26px;
	padding: 15px 0px 0px 0px;
}

/* SEMANTIC DEFINITIONS AND LINKS */
h1 {
	font-size: 18px;
	line-height: 22px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
}

h3 {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

h4 {
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
}

h5 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

h6 {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

p {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}


a {
	background: inherit;
	color: #000;
	text-decoration: none;
}

a:link, a:visited {
	background: inherit;
	color: #000;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	background: inherit;
	color: #666;
	text-decoration: none;
}

a.active {
	background: inherit;
	color: #999;
	text-decoration: none;
}

a.active:link, a.active:visited {
	background: inherit;
	color: #999;
	text-decoration: none;
}

a.active:hover, a.active:active, a.active:focus {
	background: inherit;
	color: #999;
	text-decoration: none;
}


/* GENERAL CLASSES */
.float_right {
	float: right;
}

.float_left {
	float: left;
}

.smallfont {
	font-size: 11px;
	line-height: 14px;
}

.gray {
	background: #dbdbdd;
	color: #000;
}

.hide {
	display: none;
}

.clearfix:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* MAIN NAVIGATION */
#main_navigation ul {
	float: left;
	padding: 5px 0px;
}

#main_navigation ul li {
	display: inline;
	font-size: 13px;
	line-height: 20px;
	float: left;
}

#main_navigation ul li a {
	padding: 0px 4px;
	background: #fff;
	color: #000;
	display: block;
	float: left;
}

#main_navigation ul li a:link, #main_navigation ul li a:visited {
	padding: 0px 4px;
	background: #fff;
	color: #000;
}

#main_navigation ul li a.active, #main_navigation ul li a:hover, #main_navigation ul li a:active, #main_navigation ul li a:focus {
	background: #dbdbdd;
	color: #000;
}

#main_navigation ul.products li {
	width: 178px;
}


#main_navigation ul.products li {
	padding: 0 6px 0px 0px;
}


#main_navigation ul.store_locator li {
	padding: 0px 0px 0px 0px;
}

#main_navigation ul.other_pages, #main_navigation ul.other_pagesESFR {
	float: right;
}

#main_navigation ul.other_pages li {
	padding: 0px 0px 0px 68px;
}

#main_navigation ul.other_pagesESFR li {
	padding: 0px 0px 0px 50px;
}

/* SUBNAVIGATION */
ul.subnavigation li {
	padding: 1px 0px 8px 0px;
}

ul.subnavigation li li {
	padding: 1px 0px 6px 0px;
}

ul.subnavigation li li li {
	padding: 1px 0px 2px 0px;
}


ul.subnavigation li a {
	padding: 0px 7px 0px 10px;
	width: 151px;
	background: #dbdbdd;
	color: #999;
	display: block;
}

ul.subnavigation li li a {
	padding: 0px 7px 0px 25px;
	width: 136px;
	background: #dbdbdd;
	color: #999;
	display: block;
}

ul.subnavigation li li li a {
	padding: 0px 7px 0px 40px;
	width: 121px;
	background: #dbdbdd;
	color: #999;
	display: block;
}

/*
ul.subnavigation li a {
 	padding: 0px;
	background: #dbdbdd;
	color: #999;
	display: block;
}
*/

ul.subnavigation li a:link, ul.subnavigation li a:visited {
	background: #dbdbdd;
	color: #000000;
}

ul.subnavigation li a:hover, ul.subnavigation li a:active, ul.subnavigation li a:focus {
	background: #333333;
	color: #ffffff;
}

ul.subnavigation li.active a {
	background: #dbdbdd;
	color: #000;
}

ul.subnavigation li.active a:link, ul.subnavigation li.active a:visited {
	background: #dbdbdd;
	color: #000;
}

ul.subnavigation li.active a:hover, ul.subnavigation li.active a:active, ul.subnavigation li.active a:focus {
	background: #333;
	color: #fff;
}

ul.subnavigation li.active a.active {
	background: #333;
	color: #fff;
}

ul.subnavigation li.active a.active:link, ul.subnavigation li.active a.active:visited {
	background: #333;
	color: #fff;
}

ul.subnavigation li.active a.active:hover, ul.subnavigation li.active a.active:active, ul.subnavigation li.active a.active:focus {
	background: #333;
	color: #fff;
}


/* FOOTER */
#footer a {
	padding: 2px;
	background: inherit;
	color: #000;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	background: inherit;
	color: #000;
	text-decoration: none;
}

#footer a:hover, #footer a:active, #footer a:focus {
	background: #dbdbdd;
	color: #000;
	text-decoration: none;
}

#footer a.active {
	background: #dbdbdd;
	color: #000;
	text-decoration: none;
}

#footer a.active:link, #footer a.active:visited {
	background: #dbdbdd;
	color: #000;
	text-decoration: none;
}

#footer a.active:hover, #footer a.active:active, #footer a.active:focus {
	background: #dbdbdd;
	color: #000;
	text-decoration: none;
}

/* DIFFERENT TEMPLATE SECTIONS */
.section_wrap {
	overflow: hidden;
}

.section_wrap div {
	padding-bottom: 2000px;
	margin-bottom: -2001px;
}

.outer_left {
	width: 168px;
	padding: 0px 4px;
	float: left;
	
	min-height: 400px; 			/* force a min-height off 440px */
	height: auto !important;	/* but let it grow */
	height: 400px; 				/* and force IE6, too */
	
}

.one_column {
	width: 764px;
	padding: 0px 0px 0px 10px;
	float: left;
}

.centered_content {
	width: 458px;
	margin: 0 auto;
}

.two_cols_left_large {
	width: 346px;
	padding: 0px 16px 0px 10px;
	float: left;
}

.two_cols_left_small {
	width: 248px;
	padding: 0px 10px 0px 10px;	
	float: left;
}

.two_cols_right_large {
	width: 506px;
	float: left;
}

.two_cols_right_small {
	width: 402px;
	float: left;
}

.two_cols_equal {
	width: 377px;
	padding: 0px 0px 0px 10px;
	float: left;
}

.three_cols_left, .three_cols_center, .three_cols_right {
	width: 248px;
	padding: 0px 10px 0px 10px;
	float: left;
}


.three_cols_center {
	padding: 0px 10px 0px 0px;
}

.three_cols_right {
	padding: 0px;
}

.landing_page_left {
	width: 295px;
	padding: 0px 55px 0px 0px;
	float: left;
	
	min-height: 400px; 			/* force a min-height off 440px */
	height: auto !important;	/* but let it grow */
	height: 400px; 				/* and force IE6, too */
}

.landing_page_right {
	width: 600px;
	float: left;
}

.top_part {
	padding: 0px 0px 20px 0px;
	float: left;
}

.bottom_part {
	padding: 20px 0px 0px 0px;
	float: left;
}

.landing_page_upper_left {
	width: 295px;
	padding: 0px 55px 0px 0px;
	float: left;
}

.landing_page_upper_right {
	width: 600px;
	float: left;
}

.landing_page_lower_left, .landing_page_lower_center, .landing_page_lower_right {
	width: 295px;
	float: left;
	padding: 0px 55px 0px 0px;
}

.landing_page_lower_center {
	width: 295px;
	padding: 0px 10px 0px 0px;
}

.landing_page_lower_right {
	width: 295px;
	padding: 0px;
}

/* FORMFIELDS */
.search_input {
	width: 156px;
	border: 1px solid #dbdbdd;
	background: #fff;
	color: #000;
	padding: 1px 5px;
}

.search_submit {
	background: #dbdbdd;
	color: #999;
	border: none;
	float: right;
	padding: 0;
}

.search_submit:hover {
	background: #dbdbdd;
	color: #333;
	border: none;
	float: right;
	padding: 0;
	cursor: pointer;
}

.search_form {
	padding: 15px 0px;
}

.productBlock,.productLargerPaddingBlock, .productBlockNoPadding,  .productMediumBlock {
  width:80px;
  float:left;
  padding-right:4px;
}

.productLargerPaddingBlock, .productBlockNoPadding,  .productMediumBlock {
  height:154px;
}


.productLargerPaddingBlock {
  padding-right:6px;
}
.productBlockNoPadding {
  padding-right:0px;
}

.productMediumBlock
{
  padding-right:5px;

}

.section_wrap div.productBlockSearch, .section_wrap div.productDetails, .section_wrap div.productSearchGroupBlock {
  margin-bottom:0px;
  padding-bottom:0px;
}
.section_wrap div.productSearchGroupBlock {
  margin-bottom:15px;
}
.productBlockSearch {
  float:left;
  width:382px;
  height:160px;
}
.productSearchGroupBlock h2 {
  margin-bottom:5px;
  border-bottom:1px solid black;
}
.productBlockSearch .imageBlock {
  width:150px;
  overflow: hidden;
}
.productBlockSearch .imageBlock, .productBlockSearch .productDetails {
  float:left;
}
.productBlockSearch .productDetails {
  width:222px;
}
.clearDiv, .section_wrap .clearDiv {
  clear:both;
  font-size:0px;
  line-height:0px;
  visibility: hidden;
  height:0px;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.clear {
  clear:both;
}
.section_wrap .normalDiv {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}
p {
  margin-bottom:16px;
}

.section_wrap .careInstructions {
  background-color:#DBDBDB;
  padding:20px 30px 20px 30px;
  margin:0px 0px 0px 0px;
}

.instruction {
  float:left;
}

.itemList ul {
  float:left;
  padding-right:15px;
}
.itemList ul a {
  color:#999999;
}
.itemList ul a.active, .itemList ul a:hover {
  color:black;
}
.section_wrap .activeListItem {
  position:relative;
  padding-bottom:0px;
  margin-bottom:0px;
}
.itemImage {
  position:absolute;
  top:170px;
  left:260px;
}
.contactBox {
  text-align:right;
}

.description img {
  float:left;
  margin-right:10px;
  margin-bottom:5px;
  margin-top:5px;
}

#storeLocatorList {
  height:400px;
  background-color:#DBDBDD;
  overflow: auto;
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px 5px;
}

.store-locator {
  width:276px;
}
.store-locator input.user, .store-locator select.user {
  width:215px;
}
.store-locator .productLineSelection {
  display:block;
  float:left;
  width:105px;
}

.store-locator .submitbutton {
  float:right;
}
.line, .lineDE {
  background:url(http://jdc-international.s3.amazonaws.com/media/hline.gif) no-repeat 30px 8px transparent;
  display:block;
}
.lineDE {
  background-position:40px 8px;
}

.navigationImage {
  position:relative;
  margin:0px 0px 0px 0px;
}
.navigationImage .naviImageLabel {
  position:absolute;
  left:0px;
  top:15px;
  display:block;
  background-color:#838382;
  color:black;
  padding-left:9px;
  padding-right:8px;
  line-height:16px;
  height:17px;
  font-weight:bold;
  font-size:10px;
}

#productselector h2, .productContainer h2 {
  margin-bottom:10px;
}
#productselector .productBlock, #productselector .productLargerPaddingBlock, #productselector .productBlockNoPadding, #productselector .productMediumBlock  {
  margin-bottom:0px;
  padding-bottom:0px
}

#productselector .productNameU {
  font-size:10px;
  line-height:12px;
  display:block;
  padding-left:3px;
  text-align:center;
}

.productBlock .productNameU {
}

#productselector .productName {
  font-size:10px;
  line-height:12px;
  display:block;
  padding-left:3px;
  text-align:center;
  height: 24px;
}

.productContainer .productDetails .productDescription {
  margin:0px 0px 16px 0px;
  padding:0px 0px 0px 0px;
}
.productContainer .productDetails .productMaterial {
  margin:0px 0px 16px 0px;
  padding:0px 0px 0px 0px;
}
.productDetails .productColors {
  margin:0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
}
.productDetails .productColors .colorBlock {
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px 5px 5px 0px;
  
}

.section_wrap div.contentList {
  margin-bottom:30px;
  padding-bottom:0px;
}
.section_wrap div.downloadblock {
  margin:10px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-size:10px;
  line-height:12px;
}
.section_wrap div.downloadblock a, .section_wrap div.contentList a, .section_wrap div.activeListItem a, .section_wrap .newsListItem a {
  text-decoration:underline;
}
.section_wrap div.contentList h2 a {
  text-decoration:none;
}

.pageNavi {
  font-weight:bold;
  float:right;
}
.pageNavi a{
  font-weight:bold;
  color:#939499;
}

.lastProductInRow {
  padding-right:0px;
}

.smallertext
{
padding-left:0px !important;
font-size: 9px !important;
}

.section_wrap ul.text {
  list-style-type: disc;
  margin-bottom:16px;
}
.section_wrap ul.text li {
  display: list-item;
  margin-left:11px;
}

.languageNavigation a.active{
  color:#000000;
}
.languageNavigation a, .languageNavigation a:hover, .languageNavigation a:focus {
  color:#999999;
}

#faqList {
  margin-bottom:0px;
  padding-bottom:0px;
}
#faqList li {
  padding-bottom:16px;
}

.section_wrap .newsList div{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
}
.section_wrap .newsList .newsListItem .newsImage{
  float:left;
  margin-right:10px;
}
.section_wrap .newsList .newsListItem .newsShortDescription{
  float:left;
  width:255px;
  margin-top:-3px;
}

.section_wrap .newsList div.newsListItem {
  padding-bottom:25px;
}

/*Fade Images*/
#mContainer{position:relative; height:456px; width:600px;}
.mPhoto{
	position:absolute;
	top:0px;
	left:0px;
}

#map_canvas{width: 400px; height: 325px; padding-bottom: 0px; margin-bottom: -2001px; float: left; position: relative;}
#directions{float: right; width: 350px;}

#directions ol{
	list-style-type: decimal;
	list-style-position: outside;
	padding: 5px;
	margin: 10px 20px;
}

.blue{
	color: #044595;
}

.detailUL
{
	padding-left: 5px;
	list-style-position: outside;
	margin: 0 0 5px 5px;
	margin-left: 10px;
	list-style-type: disc;
}