body {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #333; 
	
	background-image: url(../img/page_bg.png);
	background-repeat: repeat;
	background-color: #a7abad;
	
	margin-top: 4px;
	line-height: 1.3em;
}

h1 {
	font-family: Arial, sans-serif;
	font-size: 14pt;
	color: black;
	text-transform: uppercase;
	margin-bottom: 12px;
}

h2 {
	font-family: Arial, sans-serif;
	font-size: 13pt;
	color: black;
	margin-top: 12px;
	margin-bottom: 6px;
}

h3 {
	font-family: Arial, sans-serif;
	font-size: 11pt;
	color: black;
	margin-top: 12px;
	margin-bottom: 6px;
}

a {
	color: #9ebb1c;
	font-weight: bold;
}

p {
	margin-top: 6px;
	margin-bottom: 6px;
}



/* - - - top tabs - - - */

div.topTabs {
}
.topTabs a.current {
	background-position: 0px -90px;
}
.topTabs ul, .topTabs li {
	display: inline;
	list-style-type: none;
}

.topTabs a:link, .topTabs a:visited {
	float: left;
	background-repeat: no-repeat;
	height: 40px;
	width: 166px;
	padding-right: 8px;
}
.topTabs a:hover {
	background-position: 0px -45px;
}
.topTabs a.current:hover {
	background-position: 0px -90px;
}
.topTabs .collection a {
	background-image: url(../img/COLLECTION_gray_navi_button_TIM.png);
}
.topTabs .custom a {
	background-image: url(../img/CUSTOM_gray_navi_button_TIM.png);
}



/* - - - top links - - - */

div.topLinks {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	color: #888;
	margin-top: 15px;
	float: right;
}
.topLinks ul, .topLinks li {
	display: inline;
	list-style-type: none;
	padding-left: 0;
}
.topLinks a {
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}



/* - - - region setting - - - */

div.regionSetting {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	float: right;
	margin-top: 15px;
}
.regionSetting .regionIcon {
	vertical-align: middle;
}
.regionSetting a.change {
	color: black;
	text-decoration: none;
	padding-left: 5px;
	padding-top: 2px;
}



/* - - - horizontal navigation - - - */

.horizNav {
	height: 30px;
	background-color: #333; 
}
body.custom .horizNav {
	background-repeat: repeat-x;
	background-image: url(../img/horiz-green-2.png);
	background-color: transparent; 
} 
body.retail .horizNav {
	background-repeat: repeat-x;
	background-image: url(../img/horiz-grey-2.png);
	background-color: transparent; 
} 

.horizNavList {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
}
.horizNavList li {
	display: inline;
}
.horizNavList li a {
	float: left;
	color: black;
	width: 145px;
	height: 22px;
	text-align: center;
	text-decoration: none;
	padding-top: 6px;
}
body.custom .horizNavList li a {
	background-repeat: no-repeat;
	background-image: url(../img/horizNav-green-3in1.png);
	background-position: 0 0;
}
body.retail .horizNavList li a {
	background-repeat: no-repeat;
	background-image: url(../img/horizNav-grey-3in1.png);
	background-position: 0 0;
}
body.custom .horizNavList li a:hover, body.retail .horizNavList li a:hover {
	background-position: 0px -60px;
}
body.custom .horizNavList li a.current, body.retail .horizNavList li a.current {
	background-position: 0px -30px;
}
body.custom .horizNavList li a.current:hover, body.retail .horizNavList li a.current:hover {
	background-position: 0px -30px;
}

.horizNav .genericTagline {
	color: #ccc;
	padding-top: 6px;
	padding-left: 10px;
}
.horizNav .genericTagline a {
	color: #ccc;
	font-weight: bold;
	text-decoration: underline;
}



/* - - - product / categories list on left - - - */

.productCategories a.category {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	background-color: #d2d4d5; 
	color: black;
	text-decoration: none;
	width: 135px;
	height: 19px;
	padding-left: 5px;
	padding-top: 4px;
	margin-top: 1px;
}
.productCategories a.category:hover, 
.productCategories a.categoryCurrent, 
.productCategories a.ui-state-active {
	background-color: black; 
	color: #d2d4d5;
}

.productCategories .products {
	background-color: #d2d4d5; 
}
.productCategories .products a.product {
	display: block;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 10pt;
	background-color: #eee; 
	color: black;
	text-decoration: none;
	width: 135px;
	height: 19px;
	padding-left: 5px;
	padding-top: 4px;
	overflow: hidden;
}
.productCategories .products a.product:hover,
.productCategories .products a.product.ui-accordion-content-active	 {
	background-color: white; 
}



/* - - - product / category catalog table - - - */

div.catalog {
	background-color: white;
	padding: 10px 10px 0 10px;
}

.catalog td {
	vertical-align: top;
}

.catalog .catalogItem {
	margin-right: 10px;
	height: 165px;
	overflow: hidden;
}
.catalog .catalogItemCategory {
	margin-right: 10px;
	height: 169px;
	overflow: hidden;
}

.catalog .catalogItem .image {
	border: 1px solid #d0d0d0;
	width: 138px;
	height: 138px;
	text-align: center;
}
.catalog .catalogItemCategory .image {
	border: 1px solid #d0d0d0;
	width: 142px;
	height: 142px;
	text-align: center;
}

.catalog .catalogItem h2, .catalog .catalogItemCategory h2 {
	padding-top: 5px;
	padding-bottom: 10px;
	margin-top: 0;
}
.catalog .catalogItem h2 a, .catalog .catalogItemCategory h2 a {
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}



/* - - - product-details - - - */

.productDetails {
	background-color: white;
}

.productDetailsImagery {
	padding: 10px;
}
.productDetailsImagery .images div.image {
	width: 280px;
	height: 350px;
	padding-left: 10px;
	padding-top: 10px;
}
.productDetailsImagery .images .ui-tabs-hide {
	display: none; 
}
.productDetailsImagery ul.tabsNav li {
	display: block;
	float: left;
	width: 85px;
	margin: 5px 3px;
}

.productDetailsImagery p.tabsCaption {
	margin-top: 15px;
}

.productDetailsText {
	background-color: white;
	padding: 10px;
}
.productDetailsText .textBlocks .ui-tabs-hide {
	display: none; 
}
.productDetailsText .textBlocks ul.tabsNav li {
	display: block;
	float: left;
	width: 10em;
	border-color: #e0e0e0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	margin-right: 2px;
}
.productDetailsText .textBlocks ul.tabsNav li.ui-state-active {
	background-color: #e0e0e0;
}
.productDetailsText .textBlocks ul.tabsNav li a {
	color: black;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 1.5em;
	padding-top: 0.6em;
	padding-left: 0.7em;
}	
.productDetailsText .textBlocks ul.tabsNav li a:hover {
	background-color: #f0f0f0;
}
.productDetailsText .textBlocks ul.tabsNav li.ui-state-active a:hover {
	background-color: #e0e0e0;
}

.productDetailsText .textBlock {
	clear: left;
}
.productDetailsText .textBlock .content {
	background-color: #e0e0e0;
	padding: 10px;
}
.productDetailsText .textBlock h2 {
	margin-top: 10px;
} 
.productDetailsText .textBlock h3 {
	margin-top: 10px;
}

.productDetailsText .textBlock  .iconContainer {
	margin-top: 30px;
}

.productDetailsText .textBlock  .iconContainer img {
	margin-right: 3px;
}



/* - - - home page boxes - - - */

.homebox {
	background-color: white;
}
	
.grid_4 .homebox h2 {
	font-size: 11pt;
	display: block;
	width: 300px;
	height: 18px;
	background-repeat: repeat-y;
	background-image: url(../img/homeboxHeading-300px.png);
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 0;
}

.grid_6 .homebox h2 {
	font-size: 11pt;
	display: block;
	width: 460px;
	height: 18px;
	background-repeat: repeat-y;
	background-image: url(../img/homeboxHeading-460px.png);
	padding-left: 10px;
	padding-top: 4px;
	margin-top: 0;
}

.homebox div.content {
	padding: 5px 10px;
}


/* - - - footer - - - */

.footer {
	background-color: transparent;
	margin-top: 10px;
}
.footer .links {
	text-align: center;
	padding-top: 10px;
}
.footer .links a {
	color: black;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}


/* - - - news items - - - */

.newsItem {
	margin-bottom: 24px;
}

.newsItem .date {
	color: #666;
	font-size: 8pt;
	text-align: left;
	margin-bottom: 1px;
}

.newsItem .title, .newsItem .title a {
	margin-top: 1px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}


.eventItem {
	margin-bottom: 24px;
}

.eventItem .title, .eventItem .title a {
	margin-top: 1px;
	font-family: Arial, sans-serif;
	font-size: 10pt;
	color: black;
	text-decoration: none;
}




/* - - - misc elements - - - */

#bannerTop {
	background-image: url(../img/logoHeader.jpg);
	background-repeat: no-repeat;
	height: 86px;
}

#bannerNeedHelp {
	color:white;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}

.marginsTopBottom {
	margin-top: 10px;
	margin-bottom: 10px;
}
.noMarginsTopBottom {
	margin-top: 0;
	margin-bottom: 0;
}

.pageContent {
	background-color: white;
	padding: 10px;
}

.niceParagraphs {
	width: 500px;
}
.niceParagraphs p, .niceParagraphs h1, .niceParagraphs h2, .niceParagraphs h3, .niceParagraphs h4  {
	padding-left: 30px;
}

img.left {
	float: left;
	padding-right: 10px;
}
img.right {
	float: right;
	padding-left: 10px;
}

.clickable {
	cursor: pointer;
}

ul.bullets { 
	list-style-type: disc; 
	display: block; 
	margin: 1__qem 0 1em 0; 
	-khtml-padding-start: 17px 
}
ul.bullets ul, ol.bullets ul { 
	list-style-type: circle;
	display: block; 
	margin: 1__qem 0 1em 0; 
	-khtml-padding-start: 17px 
} 
ol.bullets ol ul, ol.bullets ul ul, ul.bullets ol ul, ul.bullets ul ul { 
	list-style-type: square;
	display: block; 
	margin: 1__qem 0 1em 0; 
	-khtml-padding-start: 17px 
} 
ul..bullets li {
	display: list-item 
}

.stockists td, .stockists th {
 width:auto; 
 white-space:nowrap; 
 padding:2px 0em; 
 color:#333; 
 background: #fff; 
 border-bottom:1px solid #666;
}


/* - - - 960grid adjustements for no margin columns - - - */

.container_12 .grid_5_no_left_margin {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 10px;
	width: 390px;
}

.container_12 .grid_7_no_right_margin {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 0px;
	width: 550px;
}

.container_12 .grid_12_no_left_or_right_margin {
	display: inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	width: 960px;
}