@charset "UTF-8";
/* CSS Document */

@import url("scrollable-navig.css");
/* RESETING BROWSER-SPECIFIC VALUES */

/* Removes element padding and margin values */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre {
	margin: 0;
	padding: 0;
}
/* Removes image borders */
a img, :link img, :visited img {
	border: none
}
/* Removes tables' default borders */
table {
	border-collapse: collapse;
}
/* Removes automatic top and bottom margins on nested lists */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {
	margin-top: 0;
	margin-bottom: 0;
}
/* Removes list-bullets */
ul, ol, dl {
	list-style-type: none;
}
/* GLOBAL PROPERTIES */

/* Body and conventional layout properties */

body {
	background: #e7e7e7 url(../img/bg.gif) top repeat-x;
	font: normal normal 11px Arial;
	behavior: url("script/csshover.htc");
}

img, div, table, td, tr { 
behavior: url(script/iepngfix.php);
}

p, li {
	text-align: left;
	padding-bottom: 0px;
	line-height: 17px;
	color: #424242;
}
p {
	margin-bottom: 16px;
}
td {
	text-align: left;
	color: #424242;
}
hr {
	height:0;
	border:0;
	border-top:1px solid #424242;
}
#whiteBgArea ul li {
	background: url(../img/redSquare.gif) 0px 4px no-repeat;
	padding-left: 13px;
	text-align: left;
}
input {
	border: solid 1px #cacaca;
}
/* Link properties */ 

a:link {
	text-decoration: none;
	color: #d30021;
}
a:visited {
	text-decoration: none;
	color: #d30021;
}
a:active {
	text-decoration: none;
	color: #d30021;
}
a:hover {
	text-decoration: underline;
	color: #d30021;
}
/* Heading properties */

h1 {
	font-size: 26px;
	text-align: left;
	font-weight: bold;
}
h2 {
	font-size: 26px;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	color: #424242;
	margin-bottom: 15px;
	margin-top: 13px;
}
a:link {
	text-decoration: none;
	color: #d30021;
}
a:visited {
	text-decoration: none;
	color: #d30021;
}
a:active {
	text-decoration: none;
	color: #d30021;
}
a:hover {
	text-decoration: underline;
}
h3 {
	font-size: 14px;
	text-align: left;
	color: #424242;
	font-family: Helvetica, Arial, sans-serif;
	text-transform:uppercase;
}
h4 {
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}
h5 {
	font-size: 12px;
	text-align: left;
}
h6 {
	font-size: 12px;
	text-align: left;
}
/* PRINT VIEW PROPERTIES */


/* AREA-SPECIFIC PROPERTIES */

/* Main holder properties */

#mainHolder {
	margin-bottom: 30px;
}
/* Header properties */

table#mainMenu {
	margin-bottom: 16px;
}
table#mainMenu tr td a {
	font-size: 11px;
	font-weight: bold;
	color: #000;
	text-transform:uppercase;
}
table#mainMenu tr td#active a {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
table#mainMenu tr td table tr td {
	height: 28px;
}
table#mainMenu tr td table tr td#mainMenuLeft {
	width: 11px;
}
table#mainMenu tr td#active table tr td#mainMenuLeft {
	background:url(../img/mainMenuLeftSide.gif) no-repeat right;
}
table#mainMenu tr td#active table tr td#mainMenuCenter {
	background: #d30021;
	padding: 0px 11px 0px 11px;
}
table#mainMenu tr td table tr td#mainMenuRight {
	width: 5px;
}
table#mainMenu tr td#active table tr td#mainMenuRight {
	background:url(../img/mainMenuRightSide.gif);
}
/* Content area properties */

#productTabsFrontPage {
	height: 53px;
	margin-left: 25px;
}
#productTabsFrontPage li {
	float: left;
	margin-right: 2px;
	width: 170px;
}
#productTabsFrontPage li a {
	background: url(../img/tabs170.gif) no-repeat 0px 10px;
	width: 170px;
	display: block;
	height: 26px;
	color: #fff;
	padding: 15px 10px 1px 10px;
	text-decoration: none;
	}
	
#productTabsFrontPage li a.selected {
	background: url(../img/tabsActive170.gif) no-repeat 0px 10px;
	width: 170px;
	display: block;
	height: 26px;
	color: #000;
	padding: 15px 10px 1px 10px;
}
#productTabs li {
	float: left;
	margin-right: 2px;
	width: 200px;	
}
#productTabs li a {
	background: url(../img/tabs200.gif) no-repeat 0px 10px;
	width: 200px;
	display: block;
	height: 20px;
	color: #fff;
	padding: 15px 10px 1px 10px;
	text-decoration: none;
}

#productTabs li a:hover {
	text-decoration: underline;
}
#productTabs li a.selected {
	background: url(../img/tabsActive200.gif) no-repeat 0px 10px;
	width: 200px;
	display: block;
	height: 20px;
	color: #fff;
	padding: 15px 10px 1px 10px;
	text-decoration: none;
}

/* IE6 selectors follow */
* html #productTabsFrontPage li a, 
* html #productTabsFrontPage li a.selected 
{ padding: 15px 0px 1px 0px; text-indent: 10px;}
* html #productTabs li a, 
* html #productTabs li a.selected 
{ padding: 15px 0px 1px 0px; text-indent: 10px;}
/* IE6 selectors end */

div#scroller {
	background:url(../img/productChooserMiddleBg.gif) center top no-repeat;
	width: 965px;
	height: 118px;
}
/* root element for the whole scrollable setup */
div.scrollable {
	margin: 0px 12px 0px 12px;
	position:relative;
	overflow:hidden;
	width: 891px;
	height:118px;
}
/* 
	root element for scrollable items. It is 
	absolutely positioned with large width. 
*/
#thumbs {
	position:absolute;
	width:3394px;
	clear:both;
}
/* custom positioning for navigational links */
a.prev, a.next {
	height: 50px;
}
/* single item */
#thumbs div {
	float:left;
	width:169px;
	height:118px;
	color:#fff;
	cursor:pointer;
	margin: 0px 5px 0px 5px;
}
#thumbs div.active {
	background-color:#066;
	cursor:default;
}
#thumbs h3, #thumbs p, #thumbs span {
	font-family: helvetica, arial, sans-serif;
	font-size:11px;
	color:#fff;
}
#thumbs h3 em {
	font-style:normal;
	color:yellow;
}
#productChooser {
	background:url(../img/productChooserTopBg.gif) left 0px no-repeat;
}
#sitePath {
	font-size: 26px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.productThumb p {
	color: #fff;
	margin: none;
	padding: none;
}
.productThumb a:link, .whiteLink a:link {
	text-decoration: none;
	color: #fff;
}
.productThumb a:visited, .whiteLink a:visited {
	text-decoration: none;
	color: #fff;
}
.productThumb a:active, .whiteLink a:active {
	text-decoration: none;
	color: #d30021;
}
.productThumb a:hover, .whiteLink a:hover {
	text-decoration: underline;
}
.productThumb {
	background: #1c1f21;
	margin-bottom: 5px;
}
.productThumb p {
	margin: none;
	padding: none;
}
.productThumb tr td a img {
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-left: solid 1px #fff;
}
.productThumb:hover {
	background: #d30021;
}
.productThumb:hover tr td a img {
	border-top: solid 1px #d30021;
	border-right: solid 1px #d30021;
	border-left: solid 1px #d30021;
}
p.productCategory {
	background: #f0f0f0;
	padding: 10px;
	margin-bottom: 10px;
	border-top: solid 1px #424242;
}
#whiteBgArea {
	padding-top: 15px;
	padding-bottom: 30px;
	line-height:17px;
}
span#sitePath {
	color: #d30021;
}
#sitePath a:link {
	text-decoration: none;
	color: #424242;
}
#sitePath a:visited {
	text-decoration: none;
	color: #424242;
}
#sitePath a:active {
	text-decoration: none;
	color: #000;
}
#sitePath a:hover {
	text-decoration: none;
	color: #000;
}
ul#subMenu {
	margin-top: 1px;
}
ul#subMenu li {
	float: left;
	background: #2c3037;
	padding: 3px 10px 3px 10px;
	margin-bottom: 1px;
}
ul#subMenu li a:link {
	color: #fff;
}
ul#subMenu li a:visited {
	color: #fff;
}
ul#subMenu li a:active {
	color: #fff;
}
ul#subMenu li a:hover {
	color: #fff;
}
ul#subMenu li {
	border-right: solid 1px #fff;
}
div#thumbs a:link, div#thumbs a:visited, div#thumbs a:active, div#thumbs a:hover {
	color: #000;
}
div#thumbs div a {
	position:relative; /*this is the key*/
	z-index:24;
	color:#000;
	text-decoration:none;
	width: 166px;
	height: 116px;
	display: block;
}

#subMenu li#selected {
background: #d30021; 
}

div#thumbs div a:hover {
	z-index:25;
	color: #000;
}
div#thumbs div a span {
	display: none;
}
div#thumbs div a:hover span { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top: 7px;
	margin-left: 7px;
	margin-right: 30px;
	left:0px;
	padding: 3px 10px 3px 10px;
	color:#fff;
	opacity: 0.9;
	background: #2c3037;
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
}
a#zoom span {
	line-height: 26px;
	font-size: 22px;
	background: #d30021;
	color: #424242;
	display: block;
	width: 30px;
	text-align:center;
	background: url(../img/whiteCross.gif);
	text-indent: -10000px;
}

a:link#zoom span {
	text-decoration: none;
	color: #fff;
}
a:visited#zoom span {
	text-decoration: none;
	color: #fff;
}
a:active#zoom span {
	text-decoration: none;
	color: #d30021;
}

a:hover#zoom{text-decoration:none; }

a:hover#zoom span {
	text-decoration: none;
	color: #fff;
	background: #ff0029;
	background: url(../img/whiteCross.gif);
	text-indent: -10000px;
}

/* Footer properties */

#footer {
	background:url(../img/footerBg.png) center top no-repeat;
}

* html #footer {
	background:url(../img/footerBg.gif) center top no-repeat;
}

#footer p {
	color: #8f8f8f;
	margin-bottom: 4px;
}
#footerBottomLinks {
	color: #8f8f8f;
	padding-left: 15px;
}
#footerBottomLinks a:link {
	text-decoration: none;
	color: #8f8f8f;
}
#footerBottomLinks a:visited {
	text-decoration: none;
	color: #8f8f8f;
}
#footerBottomLinks a:active {
	text-decoration: none;
	color: #d30021;
}
#footerBottomLinks a:hover {
	text-decoration: none;
	color: #d30021;
}
#footer li {
	background: url(../img/listArrow.gif) 0px 4px no-repeat;
	padding-left: 13px;
	text-align: left;
}
#footer h3 {
	margin-top: 15px;
	margin-bottom: 8px;
}