/* Black n' Red - 2006 CSS file.
	
	JDA interactive - April 2006
*/

body{
background-color:#000;
color:#333;
border:0;
margin:0;
padding:0;
text-align:center;
font-size:100%;

/* RM - Added 29/05/07 - Page header */
background-image:url(/img/templates/pageHeader.gif);
background-position:top center;
background-repeat:no-repeat;
padding-top:43px !important;
}

html, body
{
margin: 0px;
padding: 0px;
height: 100%;
}

#main {
width:759px;
margin-top:0;
margin-bottom:0;
margin-right:auto;
margin-left:auto;
text-align:left;
/*min-height: 98%;*/
}

/*will only be processed by IE*/
* html #main
{
 /*height: 98%*/
}


#logo{
/* RM - Added 29/05/07 - Page header */
padding:5px 0 25px 0;
}
#logo img{
border:0;
}

#nav{
width:759px;
height:20px;
padding:2px 0 5px 0;
margin:0;
border-top:1px solid #333;
border-bottom:1px solid #333;
background-color:#000;
text-align:left;
line-height:70%;
}

#nav ul {
margin:0;
padding:0;
}
#nav li {
display:inline;
}
#nav a,#nav a:visited{
color:#ccc;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
text-decoration:none;
font-weight:bold;
background-repeat:no-repeat;
background-position:center left;
margin:0 20px 0 0;
}

#nav a.selected, #nav a:visited.selected, #nav a:hover {
color:#f00;
}

#nav div{
float:left;
}
#nav a span{
font-size:90%;
color:#999;
font-weight:normal;
}

#subnav li a{
color:#f10000;
text-decoration:none;
}

#subnav li a:hover{
text-decoration:underline;
}

#subnav li ul li{
font-size:100%;
padding:0;
margin:0;
}

#subnav li ul{
padding:0;
margin:0 0 0 15px;
}

#breadcrumb{
margin:5px 0 0 0;
padding:5px 5px 8px 5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.6em;
color:#fff;
background-color:#ff0000;
background-image:url(/img/templates/breadcrumbBg.gif);
background-position:bottom left;
background-repeat:repeat-x;
}

#breadcrumb a,#breadcrumb:visited{
color:#fff;
text-decoration:none;
text-transform:uppercase;
}

#breadcrumb a:hover{
color:#fff;
text-decoration:underline;
}


#content{
background-color:#fff;
}

#content p{
margin:0;
padding-top:10px;
}

#copy{
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

#copy p{
font-size:70%;
padding:0 0 10px 0;
color:#333;
}

#copy ul{
margin:5px 0 20px 15px;
padding:0;
}

#copy li{
font-size:70%;
color:#333;
list-style-type:square;
}

#copy h2{
font-size:90%;
color:#f00;
padding:0;
margin:0;
}

#copy h3{
font-size:80%;
font-weight:normal;
color:#f00;
padding:0;
margin:0;
}

#copy hr{
background-color:#fff;
color:#fff;
border:0;
border-bottom:1px dotted #ccc;
margin:0;
padding:0;
}

#copy a{
color:#f10000;
text-decoration:none
}
#copy a:hover{
color:#f10000;
text-decoration:underline;
}

#footer{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:60%;
/*width:759px;*/
color:#ccc;
padding:5px 0 5px 0;
margin:5px 0 0 0;
border-top:1px solid #333;
}

#footer a{
color:#ccc;
text-decoration:none;
}
#footer a:hover{
text-decoration:underline;
}

#footer img{
float:left;
margin-right:10px;
}

#footerleft{
float:left;
}
#footerright {
float:right;
text-align:right;
}

/* Misc classes */
.clear{
clear:both;
}

/* Homepage specifics */
#hpCopy{
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:10px;
border-bottom:1px dotted #ccc;
}

#hpCopy p{
font-size:70%;
padding:0 0 10px 0;
color:#fff;
}

#hpCopy h2{
font-size:90%;

color:#fff;
padding:0;
margin:0;
}

#hpCopy h3{
font-size:140%;
font-weight:normal;
color:#000;
padding:0;
margin:0;
}

#hpFeatures{
margin-top:5px;
}

.hpNewsItem{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:60%;
color:#fff;
width:177px;
float:left;
margin-left:5px;
padding:0;
}

.hpNewsItem h4{
font-size:110%;
color:#000;
margin:0;
padding:0;
}
.hpNewsItem a{
color:#000;
text-decoration:none;
}

ul.productUl{
list-style-image:url(/img/triBullet.gif);
/*font-size:70%;*/
padding:0;
margin:0 0 0 22px;
border:0;
}

ul.productUl li{
padding:0 0 0 0;
margin:0 0 3px 0;
}

ul.productUl li a{
margin:0 0 0 0;
color:#f00;
font-weight:bold;
text-decoration:none;
}

ul.productUl li a:hover{
color:#000;
}

#productLinks{
position:absolute;
margin-left:430px;
margin-top:420px;
width:250px;
font-size:90%;
font-family:Tahoma, Arial, Helvetica, sans-serif;
background-color:#fff;
}

#productLinks ul{
list-style-image:url(/img/triBullet.gif);
font-size:70%;
padding:0;
margin:0 0 0 22px;
border:0;
}

#productLinks ul li{
padding:0 0 0 0;
margin:0 0 3px 0;
}

#productLinks ul li a{
margin:0 0 0 0;
color:#333;
text-decoration:none;
}

#productLinks ul li a:hover{
color:#000;
}

/* Page layout specific classes */
.copy1{
float:left;
border:5px solid #fff;
width:330px;

background-image:url(../img/templates/copyBgShadowBL.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#fff;

padding:5px;
/*margin:5px;*/
}

.copy2{
float:left;
border:5px solid #fff;
width:235px; /*for nice choking browsers*/
\width: 270px; /*read by ie5x*/
w\idth: 235px; /*read by ie6x*/
background-image:url(../img/templates/copyBgShadowTR.gif);
background-repeat:no-repeat;
background-position:top right;
background-color:#fff;

padding:5px 25px 5px 5px;
/*margin:5px;*/
}

.copy3{
float:left;
border:5px solid #fff;
width:363px;

background-image:url(../img/templates/copyBgShadowTR.gif);
background-repeat:no-repeat;
background-position:top right;
background-color:#fff;

padding:5px;
/*margin:5px;*/
}

.resourceCol1{
float:left;
width:330px;
height:370px;

background-image:url(/img/templates/copyBgShadowBL.gif);
background-repeat:no-repeat;
background-position:bottom left;
background-color:#fff;
/*padding:5px;*/
border:5px solid #fff;

}
.resourceSpine{
float:left;
width:77px;
height:370px;
background-image:url(../img/templates/bg/bookspine.gif);
background-repeat:repeat-y;
background-position:top left;
background-color:#fff;

border-top:5px solid #fff;
border-bottom:5px solid #fff;

}
.resourceCol2{
float:left;
width:330px;
height:370px;
background-image:url(/img/templates/copyBgShadowBR.gif);
background-repeat:no-repeat;
background-position:bottom right;
background-color:#fff;
/*padding:5px;*/
border:5px solid #fff;

}

.paddedcell{
padding:5px;
}

#whiteTextBoxLeft{
float:left;
width:357px; /*for nice choking browsers*/
\width: 367px; /*read by ie5x*/
w\idth: 357px; /*read by ie6x*/
border:5px solid #fff;

background-color:#fff;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;
}

#whiteTextBoxLeft p{
font-size:70%;
padding:0 0 10px 0;
color:#333;
}

#whiteTextBoxLeft ul{
margin:5px 0 20px 15px;
padding:0;
}

#whiteTextBoxLeft li{
font-size:70%;
color:#333;
list-style-type:square;
}

#whiteTextBoxLeft h2{
font-size:90%;
color:#f10000;
padding:0;
margin:0;
}

#whiteTextBoxLeft h3{
font-size:80%;
font-weight:normal;
color:#fff;
padding:0;
margin:0;
}

#whiteTextBoxLeft a{
color:#000;
text-decoration:none;
}
#whiteTextBoxLeft a:hover{
text-decoration:underline;
}

#redTextBoxLeft{
float:left;
width:357px; /*for nice choking browsers*/
\width: 377px; /*read by ie5x*/
w\idth: 357px; /*read by ie6x*/
border:5px solid #fff;
height:270px;

background-color:#f10000;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;
}

#redTextBoxLeft p{
font-size:70%;
padding:0 0 10px 0;
color:#fff;
}

#redTextBoxLeft ul{
margin:5px 0 20px 15px;
padding:0;
}

#redTextBoxLeft li{
font-size:70%;
color:#fff;
list-style-type:square;
}

#redTextBoxLeft h2{
font-size:90%;
color:#fff;
padding:0;
margin:0;
}

#redTextBoxLeft h3{
font-size:80%;
font-weight:normal;
color:#fff;
padding:0;
margin:0;
}

#redTextBoxLeft a{
color:#fff;
text-decoration:underline;
}

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

#blackTextBoxLeft{
float:left;
width:357px; /*for nice choking browsers*/
\width: 377px; /*read by ie5x*/
w\idth: 357px; /*read by ie6x*/
border:5px solid #fff;

background-color:#000;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;
}

#blackTextBoxLeft p{
font-size:70%;
padding:0 0 10px 0;
color:#fff;
}

#blackTextBoxLeft ul{
margin:5px 0 20px 15px;
padding:0;
}

#blackTextBoxLeft li{
font-size:70%;
color:#fff;
list-style-type:square;
}

#blackTextBoxLeft h2{
font-size:90%;
color:#fff;
padding:0;
margin:0;
}

#blackTextBoxLeft h3{
font-size:80%;
font-weight:normal;
color:#fff;
padding:0;
margin:0;
}

#blackTextBoxLeft a{
color:#fff;
text-decoration:none;
}

#blackTextBoxLeft a:hover{
text-decoration:underline;
}

#whiteTextBoxRight{
float:left;
width:367px; /*for nice choking browsers*/
\width: 377px; /*read by ie5x*/
w\idth: 367px; /*read by ie6x*/
border-top:5px solid #fff;

background-color:#fff;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;
}

#whiteTextBoxRight p{
font-size:70%;
padding:0 0 10px 0;
color:#333;
}

#whiteTextBoxRight ul{
margin:5px 0 20px 15px;
padding:0;
}

#whiteTextBoxRight li{
font-size:70%;
color:#333;
list-style-type:square;
}

#whiteTextBoxRight h2{
font-size:90%;
color:#000;
padding:0;
margin:0;
}

#whiteTextBoxRight h3{
font-size:80%;
font-weight:normal;
color:#333;
padding:0;
margin:0;
}

#whiteTextBoxRight h4{
font-size:80%;
font-weight:normal;
color:#f10000;
padding:0;
margin:0;
}

#whiteTextBoxRight hr, #whiteTextBoxLeft hr{
background-color:#fff;
color:#fff;
border-bottom:1px dotted #ccc;
padding:0;
margin:0 10px 0 0;
}

#whiteTextBoxRight a{
color:#f10000;
text-decoration:none;
}
#whiteTextBoxRight a:hover{
text-decoration:underline;
}

.grid1{
border-top:5px solid #fff;
border-right:5px solid #fff;
}

.grid2{
border:5px solid #fff;
}

.image1{
float:right;
width:380px;
border:5px solid #fff;
}

.image3{
float:right;
width:366px;
border:5px solid #fff;
}

/* Grids */
.productGrid{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}

.productGrid th{
color:#fff;
background-color:#000;
padding:10px 3px 5px 3px;
text-transform:uppercase;
vertical-align:top;
text-align:center;
}

.productGrid td{
padding:6px 3px 3px 3px;
vertical-align:top;
}
.productGrid a{
color:#333;
}
.productGrid a:hover{
text-decoration:none;
}

.blackRowWithGreyStrip{
background-image:url(/img/templates/thBg.gif);
background-repeat:repeat-x;
background-position:bottom left;
}

#stockistBox{
float:left;
border:1px solid #ccc;
background-image:url(/img/templates/greyBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
padding:2px 20px 5px 20px;
width:120px;
margin-right:5px;
}

#stockistBox a{
color:#ccc;
text-decoration:none;
}

#registerBox{
float:left;
border:1px solid #ccc;
color:#ccc;
background-image:url(/img/templates/greyBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
padding:2px 0px 5px 20px;

width:278px;
}

#registerBox .registerText{
float:left;
}

#registerBox form{
padding:0;
margin:3px 0 0 5px;
float:left;
width:140px;
}

#registerBox form input.text {
border: 1px groove #ccc;
font-size:100%;
color:#666;
background-color:#ccc;
width:110px;
padding:1px;
margin:0;
}

#registerBox form input.submit {
border:none;
padding:0;
margin:0;
font-size:100%;
font-weight:bold;
text-decoration:underline;
color:#ccc;
text-transform:uppercase;
background-color:#666;
}

#moreImages{
margin-top:5px;
padding:3px 5px 3px 5px;
background-color:#f00;

font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
color:#fff;
font-weight:bold;
}
#moreImages a{
color:#fff;
text-decoration:none;
}
#moreImages a:hover{
color:#fff;
text-decoration:underline;
}

#imageLinks{
background-color:#666;
padding:5px 0 4px 5px;
margin:0;
}

#imageLinks #useProductFinder{
float:left;
border:1px solid #ccc;
background-image:url(/img/templates/greyBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
padding:2px 0px 5px 20px;
width:182px;
margin-right:5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

#imageLinks #stockistBox{
/*float:left;
border:1px solid #ccc;
background-image:url(/img/templates/greyBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
padding:2px 20px 5px 20px;
width:120px;
margin-right:5px;*/
padding:2px 0px 5px 20px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

#imageLinks #stockistBox a,#imageLinks #useProductFinder a{
color:#ccc;
text-decoration:none;
}

#resourcesLinks{
padding:5px 0 4px 5px;
margin:20px 0 0 0;
}

#resourcesLinks #useProductFinder{
float:left;
border:1px solid #ccc;
background-image:url(/img/templates/whiteBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
padding:2px 0px 5px 20px;
width:142px;
height:38px;
margin-right:5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

#resourcesLinks #stockistBox{
/*float:left;
border:1px solid #ccc;*/
background-image:url(/img/templates/whiteBoxBg.gif);
background-repeat:no-repeat;
background-position:top left;
/*padding:2px 20px 5px 20px;
width:120px;
margin-right:5px;*/
height:38px;
padding:2px 0px 5px 20px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
}

#resourcesLinks #stockistBox a,#resourcesLinks #useProductFinder a{
color:#f10000;
text-decoration:none;
}

#newsList h3,#newsList h4{
padding:0;
margin:0;
color:#f10000;
}
#newsList h3{
font-weight:bold;
font-size:80%;
}
#newsList h4{
font-size:80%;
font-weight:normal;
}

#newsList a{
color:#f10000;
text-decoration:none;
}

#newsList a:hover{
color:#000 !important;
text-decoration:none !important;
}


/* News articles Col1*/
#newsArticleCol1{
float:left;
width:187px; /*for nice choking browsers*/
\width: 197px; /*read by ie5x*/
w\idth: 187px; /*read by ie6x*/
border:5px solid #fff;

background-color:#fff;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;

background-image:url(/img/templates/copyBgShadowTR.gif);
background-repeat:no-repeat;
background-position:top right;
}

#newsArticleCol1 p{
font-size:70%;
padding:0 0 10px 0;
color:#333;
}

#newsArticleCol1 ul{
margin:5px 0 20px 15px;
padding:0;
}

#newsArticleCol1 li{
font-size:70%;
color:#333;
list-style-type:square;
}

#newsArticleCol1 h2{
font-size:90%;
color:#f10000;
padding:0;
margin:0 0 15px 0;
}

#newsArticleCol1 hr{
background-color:#fff;
color:#fff;
border-bottom:1px dotted #ccc;
padding:0;
margin:0 10px 0 0;
}
/* /News article Col1 */

/* News articles Col2*/
#newsArticleCol2{
float:left;
width:537x; /*for nice choking browsers*/
\width: 547px; /*read by ie5x*/
w\idth: 537px; /*read by ie6x*/
border-top:5px solid #fff;

background-color:#fff;
font-family:Tahoma, Arial, Helvetica, sans-serif;

padding:5px;

}

#newsArticleCol2 p{
font-size:70%;
padding:0 0 10px 0;
color:#333;
}

#newsArticleCol2 ul, #newsArticleCol2 ol{
margin:5px 0 20px 15px;
padding:0;
}

#newsArticleCol2 li{
font-size:70%;
color:#333;
list-style-type:square;
}

#newsArticleCol2 h2{
font-size:90%;
color:#f10000;
padding:0;
margin:0;
}

#newsArticleCol2 h3{
font-size:80%;
font-weight:normal;
color:#f10000;
padding:0;
margin:0;
}

#newsArticleCol2 h4{
font-size:80%;
font-weight:normal;
color:#f10000;
padding:0;
margin:0;
}

#newsArticleCol2 hr{
background-color:#fff;
color:#fff;
border-bottom:1px dotted #ccc;
padding:0;
margin:0 10px 0 0;
}

#newsArticleCol2 a{
color:#f10000;
text-decoration:none;
}
#newsArticleCol2 a:hover{
text-decoration:underline;
}
.productGrid{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:70%;
padding:0;
margin:0;
}

#newsArticleCol2 table{
margin:0 0 10px 0;
}

#newsArticleCol2 td,th{
font-size:70%;
color:#333;
padding:6px 3px 3px 3px;
vertical-align:top;
}
#newsArticleCol2 th{
font-size:70%;
color:#fff;
background-color:#f00;
padding:10px 3px 5px 3px;
text-transform:uppercase;
vertical-align:top;
text-align:center;
}
/* /News article Col2 */

/* News footer */
#newsRedLine{
height:20px;
background-color:#F10000;
}
#newsGreyBox{
background-color:#666;
padding:7px 0 7px 7px;
}
#newsLinks{
float:left;
color:#ccc;
background-repeat:no-repeat;
background-position:top left;
padding:3px 0 5px 0;

font-size:70%;
width:220px;
}
#newsLinks a{
color:#ccc;
}

#newsLinks img{
border:0;
}

#newsGreyBox #registerBox{
font-size:70%;
}

/* END News footer */

/* ENDOF Page layout specific classes */



/* Forms and inputs */

.registerForm{
padding:0;
margin:0;
}

.registerForm h4{
color:#666 !important;
font-weight:bold !important;
font-size:70% !important;
margin-bottom:10px !important;
}

.registerForm label,.registerForm input.text {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	background-color:#fff;
	font-size:70%;
}

.registerForm input.submit {
	display: block;
	width: 50px;
	float: left;
	color:#333;
	font-weight:bold;
	margin-bottom: 10px;
	background-color:#fff;
	font-size:70%;
	border:1px solid #ccc;
	font-size:70%;
}

.registerForm label {
	text-align: left;
	width: 100px;
	padding-right: 20px;
}

.registerForm br {
	clear: left;
}

.registerForm input.text {
font-size:70%;
border:1px solid #ccc;
background-color:#fff;
width:240px;
padding:2px;
}

.registerForm textarea {
font-size:70%;
border:1px solid #ccc;
background-color:#fff;
width:260px;
padding:2px;
margin:0 5px 5px -3px;
overflow:auto;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

/*Feedback form*/
.feedbackForm{
padding:0;
margin:0;
}

.feedbackForm h4{
font-size:70% !important;
padding:10px 0 3px 0 !important;
margin:0 0 0 0 !important;
color:#f10000 !important;
font-weight:normal !important;
}

.feedbackForm label,.feedbackForm input.text {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
	background-color:#fff;
	font-size:70%;
}

.feedbackForm input.submit {
	display: block;
	width: 50px;
	float: left;
	color:#333;
	font-weight:bold;
	margin-bottom: 10px;
	background-color:#fff;
	font-size:70%;
	border:1px solid #ccc;
	font-size:70%;
}

.feedbackForm label {
	text-align: left;
	width: 75px;
	padding-right: 20px;
}

.feedbackForm br {
	clear: left;
}

.feedbackForm input.text {
font-size:70%;
border:1px solid #ccc;
background-color:#fff;
width:240px;
padding:2px;
}

.feedbackForm textarea {
font-size:70%;
border:1px solid #ccc;
background-color:#fff;
width:335px;
height:135px;
padding:2px;
overflow:auto;
/*height:10px;*/
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.feedbackForm .radioCol,.radioCol{
float:left;
width:170px;
font-size:70%;
}

.feedbackForm .radioCol2,.radioCol2{
float:right;
width:182px;
font-size:70%;
}

.error{
color:#f10000 !important;
}

/* ENDOF Forms and inputs */


/* FTM javascript tree styles */
.ftm {
	margin: 0;
	padding: 0 0 0 20px;
	position: relative;
	left: -8px;
}
ul.ftm {
	margin: 0px;
	list-style-type: none;
}
.ftm li {
	list-style-type: none !important;
}
ul.ftm * {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	white-space: nowrap;	
	font-size:11px;
}
ul.ftm ul {
	margin: 0px 0px 0px 10px;
	display: none;
}
ul.ftm img {
	width: 9px;
	height: 9px;
}
/* / FTM styles */


/* Measurement calculator */

#measurementCalculator .tablelabel{
font-size:70%;
}

#measurementCalculator select{
background-color:#000;
color:#fff;
border:1px solid #000;
font-size:60%;
}

#measurementCalculator input{
background-color:#000;
color:#fff;
border:1px solid #000;
font-size:60%;
}

#measurementCalculator .submitbutton{
background-color:#f10000;
color:#000;
border:1px solid #000;
font-weight:bold;
font-size:60%;
}

ul#stockistList{
padding:0 0 0 0;
margin:0 0 0 0;
list-style-type:none;
list-style-image:url(../img/templates/spacer.gif);
}

#stockistList li{
margin:0 0 10px 0;
}