/* JMT - default stylesheet */

/* global styles */
body {
	font-family: arial, Helvetica, sans-serif;
	font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */
	line-height: 1.3em;
	text-align: left;
	color: #000;
	background-color: #e6efc9;
	margin: 0; padding: 0; }

h1,h2,h3,h4 { color: #943c28; margin: 0; padding: 10px 0 15px 15px;}

h3 { font-size: 1.1em; color: #943c28; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }


p { margin: 0 15px 20px 15px; padding: 0; }
a { text-decoration: underline; color: #943c28; }
a:hover { text-decoration: underline; color: #943c28; }
img { border: none; }
.clear { clear: both; }

/* main wrapper (inc. top and bottom shadow container) */
#bottom,
#wrapper {
	position: relative;
	width: 980px; margin: 10px auto 0 auto; padding: 0 0 0 10px;
	background: #fff url(../images/wrapper-bg.gif) 0 0 repeat-y; }

/* bottom shadow */
#bottom {
	margin: 0 auto 0 auto; padding: 0 0 10px 10px; height: 1px;
	background: transparent url(../images/wrapper-bg-base.gif) 0 0 no-repeat; }

/* top shadow */
#top {
	position: absolute; top: 0; left: 0;
	padding: 0 0 10px 10px; height: 1px;
	background: transparent url(../images/wrapper-bg-top.gif) 0 0 no-repeat; }



/* header styles */
#header { 
	position: relative; margin-bottom: 9px;
	padding: 0 0 92px 0; height: 1px; width: 100%;
	background: transparent url(../images/menu-bg.gif) 100% 100% no-repeat; }

#header h1, #header h2 { margin: 0; padding:0;}
#header h1 {
	position: absolute; top: 15px; left: 15px; text-indent: -9999px;
	height: 71px; width: 223px; background: #fff url(../images/jmt-logo.gif) 0 0 no-repeat;}

#header #skip,
#header h1 span { display: none; }
#header h1 a { position: absolute; top: 8px; left: 0; width: 223px; height: 63px; display: block;}

/* main menu */
#header .mainMenu {
	background: transparent url(../images/hdotted.gif) 0 0 no-repeat;
	position: relative; left: 320px; top: 62px; height: 1px; padding: 7px 0 0 5px; width: 655px; }
#header .mainMenu ul,
#header .mainMenu ul li { display: block; padding: 0; margin: 0; list-style: none; position: relative; }
#header .mainMenu ul li { display: block; float: left;  }

#header .mainMenu ul { padding-left: 74px; }

#header .mainMenu ul li a { 
	position: relative;
	display: block; float: left; padding: 0; height: 11px; text-indent: -9999px;
	background: transparent url(../images/main-menu.gif) 0 0 no-repeat; } 


#header .mainMenu ul li.aboutUs a { background-position: -74px 0; width:78px; }
#header .mainMenu ul li.aboutUs a:hover { background-position: -74px -11px; }
#header .mainMenu ul li.aboutUs a.active { background-position: -74px -22px; }

#header .mainMenu ul li.productSearch a { background-position: -152px 0; width: 119px; }
#header .mainMenu ul li.productSearch a:hover { background-position: -152px -11px; }
#header .mainMenu ul li.productSearch a.active { background-position: -152px -22px; }

#header .mainMenu ul li.beInspired a { background-position: -271px 0; width: 110px; }
#header .mainMenu ul li.beInspired a:hover { background-position: -271px -11px; }
#header .mainMenu ul li.beInspired a.active { background-position: -271px -22px; }

#header .mainMenu ul li.newsEvents a { background-position: -381px 0; width: 83px; }
#header .mainMenu ul li.newsEvents a:hover { background-position: -381px -11px; }
#header .mainMenu ul li.newsEvents a.active { background-position: -381px -22px; }

#header .mainMenu ul li.myProfile a { background-position: -464px 0; width: 100px; }
#header .mainMenu ul li.myProfile a:hover { background-position: -464px -11px; }
#header .mainMenu ul li.myProfile a.active { background-position: -464px -22px; }

#header .mainMenu ul li.contact a { background-position: -564px 0; width: 76px; }
#header .mainMenu ul li.contact a:hover { background-position: -564px -11px; }
#header .mainMenu ul li.contact a.active { background-position: -564px -22px; }

/* date box */
#header .dateBox {
	position: absolute; top: 20px; left: 320px; width: 210px; }

#header .dateBox ul,
#header .dateBox ul li { margin: 0; padding: 0; list-style: none; }
#header .dateBox ul { padding-left: 5px; }
#header .dateBox ul li { display: inline; border-right: 1px solid #000; }
#header .dateBox ul li.last { border-right: none; }
#header .dateBox ul li span,
#header .dateBox ul li a { line-height: 19px; color: #943c28; padding: 0 5px 0 3px; text-decoration: underline; }
#header .dateBox ul li a:hover { text-decoration: none; }

#header .dateBox ul li span { color: #000; text-decoration: none; }

#header .welcomeBox {position: absolute; top: 20px; right: 15px; text-align: right; }
#header .welcomeBox span { color: #000; display: block; }
#header .welcomeBox span strong { color: #943c28; font-weight: normal; }
#header .welcomeBox a { display: block; margin-top: -6px; }
#header .welcomeBox a:hover { text-decoration: none; }

#header .go { width: 27px; height: 19px; padding: 0; margin: 0; }
#header fieldset { border: none; padding: 0; margin: 0; }
#header fieldset input { margin-top: 0; }


#header .dateBox,
#header .welcomeBox, 
#header .loginBox { line-height: 19px; font-size: 0.9em; }

/* login box */
#header .loginBox {
	position: absolute; width: 445px; padding: 0; top: 15px; left: 535px; height: 1px;}
#header .loginBox span { width: 50%; float: left; display: block; }
#header .loginBox label strong { color: #943c28; padding: 0 5px 0 0;}
#header .loginBox a,
#header .loginBox label { display: inline; color: #000; }
#header .loginBox a,
#header .loginBox a:hover { color: #6d6d6d; }
#header .loginBox input#user { width: 90px; }
#header .loginBox input#password { width: 110px; }
#header .loginBox a { display: block; margin-top: -6px; }


/* global content container */
#content {
	position: relative; width: 980px; padding: 27px 0 0 0; }

/* global h2 element */
#content h2 {
	text-indent: -9999px; line-height: 11px; height: 11px; padding: 0; margin: 0 0 16px 15px;
	background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }
	

/* local menu */
#content #localMenu { position: relative; width: 162px; float: left; }
#content #localMenu ul,
#content #localMenu ul li { padding: 0; margin: 0; list-style: none; }


/* text size */
#content #localMenu .textSize { padding-top: 15px; }
#content #localMenu .textSize ul { padding-left: 15px; }
#content #localMenu .textSize ul li { display: inline; font-size: 0.9em; }
#content #localMenu .textSize ul li a { 
	line-height: 30px; padding: 0 5px 0 3px; 
	font-weight: bold; text-decoration: none; color: #000; }

#content #localMenu .textSize ul li.small,
#content #localMenu .textSize ul li.medium { border-right: 1px solid #000; }
#content #localMenu .textSize ul li.small a { font-size: 1em; }
#content #localMenu .textSize ul li.medium a { font-size: 1.2em; }
#content #localMenu .textSize ul li.large a { font-size: 1.4em; }
#content #localMenu .textSize ul li a:hover { border-bottom: 1px solid #000; }


/* product search */
#content #localMenu .productSearch { width: 140px; margin-left: 11px; }
#content #localMenu .productSearch ul li {
	display: block; background: transparent url(../images/hdotted.gif) 0 100% repeat-x; padding: 0 0 1px 0; }
#content #localMenu .productSearch ul li a { 
	display: block; line-height: 18px; color: #000; padding: 0 0 0 5px; text-decoration: none;  }
#content #localMenu .productSearch ul li a:hover { color: #943c28; text-decoration: underline; } 


#content #localMenu .productSearch ul li a.active,
#content #localMenu .productSearch ul li a:hover.active {
	background: #fff url(../images/arrow-down.gif) 99% 50% no-repeat; font-weight: bold; color: #000; text-decoration: none; }


/* 2nd level */
#content #localMenu .productSearch ul li ul li { background-image: none; padding: 0 0 0 5px; }

#content #localMenu .productSearch ul li ul li a {
	color: #6d6d6d; padding: 2px 4px 2px 4px; line-height: 16px; }
#content #localMenu .productSearch ul li ul li a:hover {  }

#content #localMenu .productSearch ul li ul li a.active,
#content #localMenu .productSearch ul li ul li a:hover.active {font-weight: normal;  background-image: none;  padding: 2px 0 2px 0; }
#content #localMenu .productSearch ul li ul li a.active span { background-color: #943c28; color: #fff; padding: 2px 4px 2px 4px; }


/* 3rd level */
#content #localMenu .productSearch ul li ul li ul li { background-image: none; padding: 0 0 0 10px;  }
#content #localMenu .productSearch ul li ul li ul li a {
	color: #6d6d6d; padding: 2px 4px 2px 4px; line-height: 16px; }
#content #localMenu .productSearch ul li ul li ul li a:hover {  }

#content #localMenu .productSearch ul li ul li ul li a.active,
#content #localMenu .productSearch ul li ul li ul li a:hover.active {font-weight: normal;  background-image: none;  padding: 2px 0 2px 0; }
#content #localMenu .productSearch ul li ul li ul li a.active span { background-color: #fff; color: #000; padding: 2px 4px 2px 4px; }


#content #localMenu .productSearch h2 {
	text-indent: -9999px; line-height: 11px; height: 11px; padding: 0; margin: 0 0 16px 5px; 
	background: transparent url(../images/ti-product-search.gif) 0 0 no-repeat; }


#content #localMenu .productSearch ul li a.expand,
#content #localMenu .productSearch ul li a:hover.expand {
	background: #fff url(../images/arrow-down.gif) 99% 50% no-repeat; font-weight: bold; color: #000; text-decoration: none; }

#content #localMenu .productSearch ul li a.collapse,
#content #localMenu .productSearch ul li a:hover.collapse {
	background: none; font-weight: normal; }


/* local menu */
#content #localMenu .menu { width: 140px; margin-left: 11px; }
#content #localMenu .menu ul li { display: block; }
#content #localMenu .menu ul li a { 
	background: transparent url(../images/hdotted.gif) 0 100% repeat-x;
	display: block; line-height: 20px; color: #000; padding: 0 0 0 5px; text-decoration: none;  }
#content #localMenu .menu ul li a:hover { color: #943c28; text-decoration: underline; } 
#content #localMenu .menu ul li a.active,
#content #localMenu .menu ul li a:hover.active {
	display: block; background: #ead8d4 url(../images/hdotted.gif) 0 100% repeat-x; 
	font-weight: bold; color: #000; text-decoration: none; }






/* language */
#content #localMenu .language { 
	width: 140px; margin-left: 11px; padding: 16px 0 16px 0;
	background: transparent url(../images/hdotted.gif) 0 100% repeat-x; }
#content #localMenu .language ul li span,
#content #localMenu .language ul li a { 
	font-size: 0.9em;
	display: block; line-height: 20px; color: #000; padding: 0 0 0 30px; text-decoration: none;
	background-color: transparent; background-position: 5px 50%; background-repeat: no-repeat; }
	
#content #localMenu .language ul li span.uk { background-image: url(../images/flag-uk_off.gif); }	
#content #localMenu .language ul li a.uk { background-image: url(../images/flag-uk.gif); }

#content #localMenu .language ul li span.fr { background-image: url(../images/flag-fr_off.gif); }
#content #localMenu .language ul li a.fr { background-image: url(../images/flag-fr.gif); }

#content #localMenu .language ul li span.it { background-image: url(../images/flag-it_off.gif); }
#content #localMenu .language ul li a.it { background-image: url(../images/flag-it.gif); }

#content #localMenu .language ul li span.de { background-image: url(../images/flag-de_off.gif); }
#content #localMenu .language ul li a.de { background-image: url(../images/flag-de.gif); }

#content #localMenu .language ul li span.es { background-image: url(../images/flag-es_off.gif); }
#content #localMenu .language ul li a.es { background-image: url(../images/flag-es.gif); }

#content #localMenu .language ul li span.no { background-image: url(../images/flag-no_off.gif); }
#content #localMenu .language ul li a.no { background-image: url(../images/flag-no.gif); }

#content #localMenu .language ul li span.cn { background-image: url(../images/flag-cn_off.gif); }
#content #localMenu .language ul li a.cn { background-image: url(../images/flag-cn.gif); }


#content #localMenu .language ul li span { color: #ccc; }
#content #localMenu .language ul li a:hover { text-decoration: underline; }

#content #localMenu .language ul li.active a,
#content #localMenu .language ul li.active span { font-weight: bold; }

/* swatchbox legend */
#content #localMenu .swatchLegend {
	width: 140px; margin-left: 11px; padding: 16px 0 16px 0;
	background: transparent url(../images/hdotted.gif) 0 100% repeat-x; }
#content #localMenu .swatchLegend ul li span { 
	display: block; line-height: 20px; color: #000; padding: 0 0 0 22px;
	background-color: transparent; background-position: 5px 50%; background-repeat: no-repeat;
	font-size: 0.9em; }
#content #localMenu .swatchLegend ul li span.save { background-image: url(../images/ico-save.gif); background-position: 1px 50%; }
#content #localMenu .swatchLegend ul li span.show { background-image: url(../images/ico-info.gif); }
#content #localMenu .swatchLegend ul li span.delete { background-image: url(../images/ico-trash.gif); }




/* custom page headers */
#content .localHeader { position: relative; padding: 0 0 0 15px; width: 607px; height: 130px; }
#content { background: transparent url(../images/content-bg.gif) 162px 0 repeat-y; }

#content #body { position: relative; float: left; width: 640px; } 

#content #body ul,
#content #body ol { margin: 0 15px 15px 0; }




/* home page */
#home #content {
	background: transparent url(../images/home-content-bg.gif) 162px 0 repeat-y; }


#home #content #body {
	
	position: relative; float: left; width: 388px; }


#home #content #body h2 {
	background: transparent url(../images/ti-inspired-by-colour.gif) 0 0 no-repeat; }

#home #content #body .inner { position: relative;
min-height: 250px; height:auto !important; height:250px;
}

#home #content #body #imgContainer {
	position: relative; bottom: 0; left: 0; width:386px; z-index: 100;
	min-height: 380px; height:auto !important; height:380px; } 

#home #content #body #imgContainer img {
	display: none; position: absolute; bottom: 0; left: 1px; }


/* home options */
#home #content #homeOptions { 
	position: relative; float: left; width: 430px; }
#home #content #homeOptions ul,
#home #content #homeOptions ul li { padding: 0; margin: 0; list-style: none; }

/* large colour swatches */
#home #content #homeOptions .largeSwatches h2 { 
	margin-left: 5px; position: relative; width: auto;
	background: transparent url(../images/ti-choose-colour.gif) 0 0 no-repeat; }
#home #content #homeOptions .largeSwatches { 
	margin: 0 10px 0 10px; padding: 0 0 10px 0;
	background: transparent url(../images/hdotted.gif) 0 100% no-repeat; }
#home #content #homeOptions .largeSwatches ul li { display: inline;  }
#home #content #homeOptions .largeSwatches ul li img { padding: 0 0 3px 0; margin: 0; width: 99px; height: 99px; }
/* by application */
#home #content #homeOptions .byApplication {
	position: relative; margin: 0 10px 15px 10px; padding: 10px 0 10px 0;
	background: transparent url(../images/hdotted.gif) 0 100% no-repeat; }
#home #content #homeOptions .byApplication h2 { 
	margin: 0 0 15px 0; background-image: url(../images/ti-specific-application.gif); }
#home #content #homeOptions .byApplication ul li { display: inline; }
#home #content #homeOptions .byApplication ul li a img { padding: 0 0 0 5px; }
/* need help */
#home #content #homeOptions .needHelp h2 { background-image: url(../images/ti-need-help.gif); }
#home #content #homeOptions .needHelp p {
	padding: 0 160px 10px 0; background: transparent url(../images/pencil.gif) 100% 100% no-repeat; }





/* about us */
#aboutUs #content #localMenu .menu h2 {
	margin-left: 5px;
	background-image: url(../images/ti-about-us.gif); }


/* my profile */
#myProfile #content #localMenu .menu h2 {
	margin-left: 5px;
	background-image: url(../images/ti-my-profile.gif); }

/* be inspired */
#beInspired #content #localMenu .menu h2 {
	margin-left: 5px;
	background-image: url(../images/ti-be-inspired.gif); }

/* contact */
#contact #content #localMenu .menu h2 {
	margin-left: 5px;
	background-image: url(../images/ti-contact.gif); }


/* product search */
#productSearch #content #body .localOptions { 
	position: relative; width: 610px; margin: 0; padding: 0 15px 15px 15px; }

#productSearch #content #body .localOptions .left { float: left; width: 250px; }

 
#productSearch #content #body .localOptions h2 {
	margin: 0; width: 178px; padding: 0; background-image: url(../images/ti-your-selection.gif); }

#productSearch #content #body .localOptions .selectOptions { 
	text-align: right; float: right; width: 360px; }
#productSearch #content #body .localOptions .selectOptions select { 
	display: inline; margin: 0; font-size: 0.9em; }

#productSearch #content #body .localOptions p { padding: 0; margin: 0;}
#productSearch #content #body .localOptions p strong { color: #943c28; }
#productSearch #content #body .localOptions form { display: inline; }


#productSearch #content #body .orderDetails { width: auto; position: relative; margin: 0 15px 20px 15px;
	background: transparent url(../images/hdotted.gif) 0 100% repeat-x; }
#productSearch #content #body .orderDetails .left { width: 49%; float: left; }
#productSearch #content #body .orderDetails .right { width: 49%; float: right; }

#productSearch #content #body .orderDetails p { margin: 0 0 10px 0; padding-bottom: 10px;  }

/*  pagination */
#content .pagination { 
	position: relative; float: right; text-align: right; width: 360px; }
	
#content .pagination ul,
#content .pagination ul li { margin: 0 !important; padding: 0; list-style: none; display: inline; list-style-image: none; }
#content .pagination ul li { padding: 0 1px 0 1px; }
#content .pagination ul li a { padding: 1px 3px 1px 3px; background: #fff; color: #4f5a66; border: 1px solid #4f5a66; text-decoration: none;}
#content .pagination ul li a:hover { background: #c3c8ce; color: #000; text-decoration: none; border: 1px solid #c3c8ce; }
#content .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; }
#content .pagination ul li.current { padding: 2px 4px 2px 4px; background: #943c28; color: #fff; }



#productSearch #content .searchResults { position: relative; width: 610px; padding: 0 15px 0 15px; }
#productSearch #content .searchResults .resultRow { position: relative; width: auto; }

#productSearch #content .searchResults form { display: inline; float: left; margin: 0; padding: 0; }
#productSearch #content .searchResults dl,
#productSearch #content .searchResults dl dt,
#productSearch #content .searchResults dl dd { padding: 0; margin: 0; display: block; font-size: 0.95em; line-height: 15px; }

#productSearch #content .searchResults dl { float: left; width: 112px; padding: 0 5px 10px 5px; }

#productSearch #content .searchResults dl dd { display: block; }
#productSearch #content .searchResults dl dd strong { font-weight: normal; color: #943c28; padding-right: 5px; }

#productSearch #content .searchResults dl dt img { display: block; border: 1px solid #000; margin: 0 0 4px 0; }

#productSearch #content .searchResults dl dd a { display: inline; margin: 0 5px 0 0; padding: 0 2px 0 2px; display: block; float: left; }
#productSearch #content .searchResults dl dd a span { display: none; }
#productSearch #content .searchResults dl dd a.info { width: 12px; height: 12px; background: transparent url(../images/ico-info.gif) 50% 0 no-repeat; }
#productSearch #content .searchResults dl dd a.save { width: 12px; height: 12px; background: transparent url(../images/ico-save.gif) 50% 0 no-repeat; }
#productSearch #content .searchResults dl dd a.zoom { width: 12px; height: 12px; background: transparent url(../images/ico-zoom.gif) 50% 0 no-repeat; }


/* product details */
#productDetails #content #body .productDetails h2 {
	background-image: url(../images/ti-product-info.gif); }

#rangeDetails #content #body .rangeDetails p,
#productDetails #content #body .productDetails p { padding: 0 0 15px 0; }

#rangeDetails #content #body .rangeDetails .left,
#productDetails #content #body .productDetails .left { float: left; width: 252px; padding: 0 0 20px 15px; }

#rangeDetails #content #body .rangeDetails .right,
#productDetails #content #body .productDetails .right { float: right; width: 343px; padding: 0 15px 20px 15px; }

#rangeDetails #content #body .rangeDetails .left img,
#productDetails #content #body .productDetails .left img { border: 1px solid #000; }

#rangeDetails #content #body .rangeDetails .left img { margin: 0 0 5px 0; }

#rangeDetails #content #body .rangeDetails .right p,
#rangeDetails #content #body .rangeDetails .right h4,
#rangeDetails #content #body .rangeDetails .right h3,
#rangeDetails #content #body .rangeDetails .right dl,
#rangeDetails #content #body .rangeDetails .right dl dt,
#rangeDetails #content #body .rangeDetails .right dl dd,
#productDetails #content #body .productDetails .right p,
#productDetails #content #body .productDetails .right h4,
#productDetails #content #body .productDetails .right h3,
#productDetails #content #body .productDetails .right dl,
#productDetails #content #body .productDetails .right dl dt,
#productDetails #content #body .productDetails .right dl dd { padding: 0; margin: 0; }

#rangeDetails #content #body .rangeDetails .right dl,
#productDetails #content #body .productDetails .right dl { padding: 0 0 10px 0; }

#rangeDetails #content #body .rangeDetails .right dl dt strong,
#rangeDetails #content #body .rangeDetails .right dl dd strong,
#productDetails #content #body .productDetails .right dl dt strong,
#productDetails #content #body .productDetails .right dl dd strong { font-weight: normal; color: #943c28; padding: 0 5px 0 0;  }

#rangeDetails #content #body .rangeDetails .right dl dd strong,
#productDetails #content #body .productDetails .right dl dd strong { display: block; background: transparent url(../images/hdotted.gif) 0 5px no-repeat; padding-top: 10px; }

#rangeDetails #content #body .rangeDetails .right p,
#productDetails #content #body .productDetails .right p { padding: 0 0 10px 0; }

#rangeDetails #content #body .rangeDetails .right h4,
#productDetails #content #body .productDetails .right h4 { font-weight: normal; color: #943c28; font-size: 1em; }


#rangeDetails #content #body .rangeDetails .right h3,
#productDetails #content #body .productDetails .right h3 {
	line-height: 20px; background: #cede93; margin: 0 0 1px 0; position: relative;
}

#rangeDetails #content #body .rangeDetails .right h3 a,
#productDetails #content #body .productDetails .right h3 a {
	color: black; text-decoration: none;
	display: block; padding: 0 0 0 15px; }

#rangeDetails #content #body .rangeDetails .right h3 a span,
#productDetails #content #body .productDetails .right h3 a span { display: block; position: absolute; right: 5px; top: 0; text-decoration: underline; font-weight: normal; }

#rangeDetails #content #body .rangeDetails .right h3 a span em,
#productDetails #content #body .productDetails .right h3 a span em { display: block; font-style: normal; }

#rangeDetails #content #body .rangeDetails .right h3 a span strong,
#productDetails #content #body .productDetails .right h3 a span strong { display: none; font-weight: normal;  }


#rangeDetails #content #body .rangeDetails .right h3 a.expand,
#productDetails #content #body .productDetails .right h3 a.expand { background: transparent url(../images/arrow-down-grey.gif) 5px 50% no-repeat; }

#rangeDetails #content #body .rangeDetails .right h3 a.expand span em,
#productDetails #content #body .productDetails .right h3 a.expand span em { display: block; }

#rangeDetails #content #body .rangeDetails .right h3 a.expand span strong,
#productDetails #content #body .productDetails .right h3 a.expand span strong { display: none; }

#rangeDetails #content #body .rangeDetails .right h3 a.collapse,
#productDetails #content #body .productDetails .right h3 a.collapse { background: transparent url(../images/arrow-right-white.gif) 5px 50% no-repeat; }

#rangeDetails #content #body .rangeDetails .right h3 a.collapse span em,
#productDetails #content #body .productDetails .right h3 a.collapse span em { display: none; }

#rangeDetails #content #body .rangeDetails .right h3 a.collapse span strong,
#productDetails #content #body .productDetails .right h3 a.collapse span strong { display: block; }


#technicalSpecification,
#careInstructions { display: block; padding: 20px 0 10px 0; }

#rangeDetails #content #body .rangeDetails .left p,
#productDetails #content #body .productDetails .left p { margin: 0; padding: 0 0 5px 0; }
#rangeDetails #content #body .rangeDetails .left p a.save,
#productDetails #content #body .productDetails .left p a.save { padding: 6px; background: transparent url(../images/ico-save.gif) 50% 50% no-repeat; }

#rangeDetails #content #body .rangeDetails .zoom,
#rangeDetails #content #body .rangeDetails .left form a.zoom,
#rangeDetails #content #body .rangeDetails .left p a.zoom,
#productDetails #content #body .productDetails .left p a.zoom { width: 12px; height: 12px; padding: 0 10px 0 2px; background: transparent url(../images/ico-zoom.gif) 50% 0 no-repeat; }

#rangeDetails #content #body .rangeDetails .left p a span,
#productDetails #content #body .productDetails .left p a span { display: none; }
#rangeDetails #content #body .rangeDetails .left h3,
#productDetails #content #body .productDetails .left h3 {
	padding: 0;
	font-weight: normal; line-height: 20px; background: #cede93; margin: 0 0 1px 0; }

#rangeDetails #content #body .rangeDetails .left h3 a,
#productDetails #content #body .productDetails .left h3 a {
	color: black; text-decoration: none;
	background: transparent url(../images/arrow-right-white.gif) 5px 50% no-repeat;
	display: block; padding: 0 0 0 15px; }



#rangeDetails #content #body .rangeDetails h2 {
	background-image: url(../images/ti-technical-by-range.gif); }



/* news and events */
#newsEvents #content #localMenu .menu h2 {
	margin-left: 5px;
	background-image: url(../images/ti-news-events.gif); }

#newsEvents #content #body .pagination {
	float: none; text-align: left; margin: 10px 0 15px 0; padding: 0 0 0 15px;
}

/* news/products listings */
#newsEvents #content .newsListing { position: relative; margin: 0 15px 0 15px; }
#newsEvents #content .newsListing ul,
#newsEvents #content .newsListing ul li { margin: 0; padding: 0; list-style: none; }
#newsEvents #content .newsListing ul li {
	padding: 10px 0 10px 0; display: block; 
	line-height: 16px; background: #f5ebea; }

	
#newsEvents #content .newsListing ul li.off { background-color: #fff; }
#newsEvents #content .newsListing ul li strong { display: block; font-weight: normal; color: #943c28; padding: 0 0 0 18px; }
#newsEvents #content .newsListing ul li a {
	display: block; padding: 0 0 0 18px; color: #000; }
#newsEvents #content .newsListing ul li a:hover { text-decoration: none; color: #000; }

#newsEvents #content .newsListing ul li.hilight { background-color: #ccc; }
#newsEvents #content .newsListing ul li.hilight a { background: transparent url(../images/arrow-right-white.gif) 8px 6px no-repeat; }

#myProfile #content h4,
#contact #content h4,
#beInspired #content h4,
#aboutUs #content h4,
#newsEvents #content h4 { font-weight: normal; margin:0; padding-bottom: 0; padding-top: 0; }

/* small colour swatches */
#content #body .smallSwatches { 
	position: relative; width: 618px; margin: 0 10px 0 10px;
	padding: 10px 0 15px 0; background: transparent url(../images/hdotted.gif) 0 0 no-repeat; }
#content #body .smallSwatches ul,
#content #body .smallSwatches ul li { margin: 0; padding: 0; list-style: none; }
#content #body .smallSwatches ul li { display: inline; float: left; }
#content #body .smallSwatches ul li img { padding: 0; margin: 0; width: 61px; height: 61px; }
#content #body .smallSwatches h2 { margin-left: 5px; background-image: url(../images/ti-another-colour.gif); }




/* previous / next links */
#content .previousNext {
	position: relative; padding: 10px 0 10px 0; margin: 0 15px 0 15px;  }
#content .previousNext  ul,
#content .previousNext  ul li { margin: 0; padding: 0; list-style: none; }
#content .previousNext  ul li { display: inline; }
#content .previousNext  ul li a {
	font-weight: bold; display: block; width: auto; line-height: 17px; color: #943c28;}
#content .previousNext  ul li a:hover { text-decoration: none; color: #6d6d6d; }
#content .previousNext  ul li.previous a { 
	float: left; text-align: left; padding-left: 15px;
	background: #fff url(../images/arrow-left-over.gif) 0 50% no-repeat; }
#content .previousNext  ul li.next a { 
	float: right; text-align: right; padding-right: 15px;
	background: #fff url(../images/arrow-right-over.gif) 100% 50% no-repeat; }
#content .previousNext  ul li.previous a:hover { background: #fff url(../images/arrow-left.gif) 0 50% no-repeat; }
#content .previousNext  ul li.next a:hover { background: #fff url(../images/arrow-right.gif) 100% 50% no-repeat; } 

#content .border { background: transparent url(../images/hdotted.gif) 0 100% repeat-x; padding-bottom: 20px; margin-bottom: 20px; }

/* contact/generic form */
#content .contactForm { position: relative; margin: 0 15px 0 15px; padding: 10px 0 10px 0;line-height: 20px; }
#content .contactForm fieldset { padding: 0; margin: 0; border: 0; }
#content .contactForm label { display: block; clear: left; float: left; width: 150px; font-weight: bold; padding: 2px 0 4px 0; } 

#content .contactForm .captcha { display: block; width: 430px; }
#content .contactForm .captcha img { border: 1px solid #888; }
#content .contactForm .captcha input { margin-left: 150px; width: 100px; }
#content .contactForm .captcha span { padding-left:150px; display: block; font-size: 0.9em; color: #444; }

#content .contactForm label span { color: #e00; font-weight: bold; vertical-align: top;}
#content .contactForm textarea,
#content .contactForm input { margin: 2px 0 4px 0; width: 430px; }

#content .contactForm input.password { width: 200px; }
#content .contactForm em { font-style: normal; color: #6d6d6d;  vertical-align: top;}

#content .contactForm .checkboxes { 
	position: relative; float: left; width: 430px; padding: 2px 0 4px 0; }
#content .contactForm .checkboxes span { display: block; width: 50%; float: left; padding: 2px 0 2px 0; }
#content .contactForm .checkboxes span input { width: auto; margin: 2px 5px 2px 5px; }

#content .contactForm .rememberMe { display: block; padding: 2px 0 4px 150px; }
#content .contactForm .rememberMe span { margin: 0 0 0 5px; }
#content .contactForm input#submit { width: auto; }


/* careers listing */
#content .careersListing { position: relative; padding: 10px 0 10px 0; margin: 0 15px 0 15px; }
#content .careersListing dl,
#content .careersListing dl dt,
#content .careersListing dl dd { padding: 0; margin: 0; color: #404b4f; }
#content .careersListing dl { margin: 10px 0 20px 0; background: transparent url(../images/hdotted.gif) 0 108px repeat-x; }
#content .careersListing dl dt { 
	color: #fff; font-size: 1.2em; font-weight: bold; line-height: 28px;
	background-color: #943c28; padding-left: 8px; }
#content .careersListing dl dd { padding-top: 4px; line-height: 14px; }
#content .careersListing dl dd strong { color: #000; padding-left: 5px; }
#content .careersListing dl dd p { font-weight: normal; margin: 0; padding: 0 0 5px 8px; color: #000; }
#content .careersListing dl dd em { padding-left: 8px; font-style: normal; }
#content .careersListing dl dd span { display: block; padding: 10px 0 0 8px; }
#content .careersListing dl dd a { 
	display: block; background: #ead8d4 url(../images/arrow-right-white.gif) 10px 50% no-repeat; 
	line-height: 25px; padding: 6px 0 6px 20px; color: #000; font-weight: bold; text-decoration: none; }
#content .careersListing dl dd a:hover { text-decoration: underline; }

/* sitemap */
#content .sitemap { position: relative; }
#content .sitemap ul li { list-style-image: url(../images/arrow-right.gif); line-height: 18px;  }
#content .sitemap ul li a { color: #943c28; text-decoration: none; font-size: 1.1em; font-weight: bold;}
#content .sitemap ul li ul li a { font-size: 1.0em; font-weight: normal; color: #000; }
#content .sitemap ul li a:hover { color: #6d6d6d; text-decoration: underline; }

/* error message */
#content .error {
	margin: 10px 15px 10px 15px; padding: 10px 5px 10px 35px; background: #fee url(../images/error.gif) 10px 10px no-repeat; line-height: 20px; color: #922; font-weight: bold;
}

#content .fatal {
	margin: 10px 15px 10px 15px; padding: 10px 5px 10px 35px; background: #fee url(../images/error.gif) 10px 10px no-repeat; line-height: 20px; color: #922; font-weight: bold;
}
/* success message */
#content .success {
	margin: 10px 15px 10px 15px; padding: 10px 5px 10px 35px; background: #dfa url(../images/success.gif) 10px 10px no-repeat; line-height: 20px; color: #292; font-weight: bold;
}

/* footer styles */
#footer { position: relative; clear: both; padding: 10px 0 10px 0; border-top: 4px solid #943c28; }
#footer ul,
#footer ul li { margin: 0; padding: 0; list-style: none; }
#footer ul { padding-left: 5px; }
#footer ul li {	display: inline; border-right: 1px solid #000; font-size: 0.9em; }
#footer ul li.last { border-right: none; }
#footer ul li span,
#footer ul li a { color: #000; padding: 0 5px 0 3px; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul.bottom li span,
#footer ul.bottom li a { color: #000; }
#footer ul.bottom li { border-right-color: #000; }

#footer p { margin: 0; padding: 0 8px 0 8px; font-size: 0.9em; }
/* your account */
#content #yourAccount {
	position: relative; float: left; width: 178px; padding: 0 0 10px 0; }

#content #yourAccount h2 { background-image: url(../images/ti-your-account.gif); }

#content #yourAccount ul,
#content #yourAccount ul li { margin: 0; padding: 0; list-style: none; }

#content #yourAccount ul { margin: 0 15px 0 15px; }

#content #yourAccount ul li { display: block; background: transparent url(../images/hdotted.gif) 0 100% repeat-x; }

#content #yourAccount ul li span,
#content #yourAccount ul li a { 
	background: transparent url(../images/arrow-right.gif) 0 6px no-repeat;	
	display: block; line-height: 20px; color: #000; padding: 0 0 0 10px; text-decoration: none;  }
#content #yourAccount ul li a:hover { color: #943c28; text-decoration: underline; } 

#content #yourAccount ul li span { color: #6d6d6d; }

#content #yourAccount h3,
#content #yourAccount h4 { font-size: 1em; margin: 0 15px 0 15px; line-height: 20px; padding: 0; }

#content #yourAccount h3 { 
	color: #000; padding: 0 0 0 10px;
	background: transparent url(../images/arrow-down.gif) 0 50% no-repeat; }

#content #yourAccount h4 {font-weight: normal; background-color: #943c28; color: #fff; text-align: center; padding: 0 4px 0 4px; }

#content #yourAccount p { line-height: 22px; padding-left: 63px;  margin: 0; }

#content #yourAccount p.empty { padding-left: 15px; }

#content #yourAccount dl,
#content #yourAccount dl dt,
#content #yourAccount dl dd { padding: 0; margin: 0; display: block; font-size: 0.95em; line-height: 15px; }

#content #yourAccount dl { margin: 0 15px 0 15px; width: 148px; clear: both; }

#content #yourAccount dl dt,
#content #yourAccount dl dd { padding: 0 0 8px 0; }

#content #yourAccount dl dt { float: left; width: 45px; }
#content #yourAccount dl dd { float: right; width: 99px; }

#content #yourAccount dl dd span { display: block; }
#content #yourAccount dl dd strong { font-weight: normal; color: #943c28; padding-right: 5px; }

#content #yourAccount dl dt img { display: block; width: 43px; height: 43px; border: 1px solid #000; }

#content #yourAccount dl dd a { display: inline; margin: 0 5px 0 0; }
#content #yourAccount dl dd a span { display: none; }
#content #yourAccount dl dd a.info { padding: 6px; background: transparent url(../images/ico-info.gif) 50% 40% no-repeat; }
#content #yourAccount dl dd a.trash { padding: 6px; background: transparent url(../images/ico-trash.gif) 50% 50% no-repeat; }

#content #yourAccount .active_image { cursor: hand; }

#content #yourAccount form { padding: 0; margin: 0; }

#content #yourAccount form.selectSwatchbox { margin-left: 15px; }
#content #yourAccount form.selectSwatchbox select { width: 140px; overflow: hidden; }

#content #yourAccount .pagination { 
	position: relative; float: none; display: block; clear: both;  width: auto; margin: 0 15px 0 15px; }
	
#content #yourAccount .pagination ul,
#content #yourAccount .pagination ul li { margin: 0 !important; padding: 0; list-style: none; display: inline !important; list-style-image: none; }
#content #yourAccount .pagination ul li { padding: 0 1px 0 1px; display: inline !important; background: none; }
#content #yourAccount .pagination ul li a { display: inline; padding: 1px 3px 1px 3px; background: #fff; color: #4f5a66; border: 1px solid #4f5a66; text-decoration: none;}
#content #yourAccount .pagination ul li a:hover { background: #c3c8ce; color: #000; text-decoration: none; border: 1px solid #c3c8ce; }
#content #yourAccount .pagination ul li.label { padding: 0 5px 0 0; font-weight: bold; }
#content #yourAccount .pagination ul li.current { padding: 2px 4px 2px 4px; background: #943c28; color: #fff; }

#myProfile #content #body table { width: 607px; margin: 0 15px 20px 15px; }

#myProfile #content #body table th { font-weight: bold; color: #943c28; text-align: center; }

#myProfile #content #body table td.left { text-align: left; }
#myProfile #content #body table td.right { text-align: right; }
#myProfile #content #body table td.center { text-align: center; }

#myProfile #content #body table td span { color: #943c28; }
#myProfile #content #body ul.options,
#myProfile #content #body ul.options li { margin: 0; padding: 0; list-style: none; }
#myProfile #content #body ul.options {  }
#myProfile #content #body ul.options li {	display: inline; border-right: 1px solid #000; }
#myProfile #content #body ul.options li.last { border-right: none; }
#myProfile #content #body ul.options li a { color: #000; padding: 0 3px 0 1px; text-decoration: none; }
#myProfile #content #body ul.options li a:hover { text-decoration: underline; }
#myProfile #content #body ul.options li span { color: #6d6d6d; padding: 0 3px 0 1px; }

#myProfile #content #body h4 { font-weight: bold; }
#myProfile #content #body h4 strong { font-weight: normal; color: #000; }
#myProfile #content #body h4 em { font-weight: normal; color: #6d6d6d; }
#myProfile #content #body strong { font-weight: normal; color: #943c28; }
#myProfile #content #body span a { color: #6d6d6d; }
#myProfile #content #body span a:hover { text-decoration: none; }

#yourAccount dl dt .discontinued,
#productSearch #content .searchResults dl dt .discontinued,
#rangeDetails #content #body .discontinued,
#productDetails #content #body .discontinued {
	display: block;
	position: relative;	background: transparent url(../images/discontinued-large.gif) 0 0 no-repeat; 
	height: 250px; width: 250px; border: 1px solid #000;
}

#yourAccount dl dt .discontinued img,
#productSearch #content .searchResults dl dt .discontinued img,
#productDetails #content #body .discontinued img {
	position: absolute; left: -1px; top: -1px; 
	filter:alpha(opacity=40);-moz-opacity:.40;opacity:.40;
}

#productSearch #content .searchResults dl dt .discontinued {margin: 0 0 4px 0;  height: 110px; width: 110px; background: transparent url(../images/discontinued-medium.gif) 0 0 no-repeat;}
#yourAccount dl dt .discontinued { height: 43px; width: 43px; background: transparent url(../images/discontinued-small.gif) 0 0 no-repeat;}