.techDnLd img
{
    border: none;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background: #7a0007 url(../images/mainbg.gif) repeat-x;
}

#wrapper 
{
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 995px;
	height: auto;
}
/*------------------------------------- HEADER -------------------------------------------*/
#header 
{
	margin: 0;
	height: 115px;
	width: 100%;
	background: #2C2B2B url(../images/headerbg.gif) repeat-x;
}

#logo {
	float: left;
	width: 288px;
	height: 32px;
	margin: 8px 0 0 22px;
}

#slogan {
	float: right;
	padding: 0;
	margin: 8px 22px 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 14px;
}


/* -----------------------------------TOP NAVIGATION --------------------------------------*/

#topnav {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	background: url(../images/navbg.gif) repeat-x;
	width: 100%;
	height: 31px;
}

#global {
	float: left;
	width: 100%;
}


#global ul {
	margin: 8px 0 0 22px;
	padding: 0;
	list-style-type: none;
}

#global ul li {
	display: inline;
	margin: 0 25px 0 0 ;
}

#global ul li a {
	/*font-size: 1.2em;*/
	font-size:12px;
	color: #fff;
	text-decoration: none;
	padding-bottom: 0;
}	

#global ul li a:hover {
	color: #000;
	background: #fff;
}	

#global ul li.current {
	border-bottom: 2px solid #fff;
	padding-bottom: 0;
}

#global ul li.current a:hover {
	border-bottom: 0;
	color: #fff;
}

/* --------------------------------------BANNER ---------------------------------------------*/


#banner {
	float: left;
	width: 403px;
	height: 146px;
}



/*------------------------------SEARCH------------------------------------------------*/

#search {
	float: left;
	background: #000;
	font-size:10px;
	
}

.homepage #search {
	width: 190px;
	height: 112px;
	padding: 34px 0 0 20px;
}

.inside #search {
	width: 165px;
	height: 29px;
	padding: 8px 15px 0 22px;
	border-right: 1px solid #666666;
}

#search input#searchtext {
	border: 0;
}

.homepage #search input#searchtext {
	width: 130px;
	margin-left: -3px;
}

.inside #search input#searchtext {
	width: 75px;
}

#search input#go {
	background: url(../images/buttonbg.gif) repeat-x;
	border: 1px solid #fff ;
	color: #fff;
	font-size: 10px;
	height: 18px;
	width: 23px;
	/* padding: 2px 0 3px 0; cc removed */
	padding:0;
}

#search label {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 3px;
	padding: 0;
	margin: 0;
	
}

.homepage #search label {
	font-size: 12px;
	display: block;
	margin-bottom: 1em;
}

.inside #search label {
	font-size: 11px;
}

/*------------------------------------- LOGIN ------------------------------------------*/

#login {
	float: left;
	background: #000;
}

.homepage #login {
	width: 142px;
	height: 112px;
	padding: 34px 0 0 10px;
}

.inside #login {
	width: 410px;
	height: 29px;
	padding: 8px 17px 0 17px;
	border-right: 1px solid #666666;
}

#login h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.homepage #login h1 {
	display: block;
	font-size: 9pt;
	margin-bottom: 5px;
	/*letter-spacing: 0.4em;*/
	letter-spacing:4px;
}

.inside #login h1 {
	font-size: 11px;
	display: inline;
	letter-spacing: 2px;
}

.inside #login form {
	display: inline;
}

#login label {
	color: #8C8C8C;
	text-transform: lowercase;
	font-size: 8pt;
	
}

.homepage #login label {
 width: 57px;
 float: left;
 margin: 0 2px 15px 0;
}

.inside #login label {
	margin: 5px;
}

#login input#password, #login input#user {
	border: 0;
}

.homepage #login input#password, .homepage #login input#user {
	width: 81px;
	margin-bottom: 10px;
}

.inside #login input#password, .inside #login input#user {
	width: 70px;
	margin-bottom: 0;
}

#login input#loginbutton, #login input#logoutbutton /* CC */ {
	background: url(../images/buttonbg.gif) repeat-x;
	border: 1px solid #fff ;
	color: #fff;
	font-size: 8pt ;
	height: 18px;
	width: 38px;
}

.homepage #login input#loginbutton, .homepage #login input#logoutbutton {
	float: right;
	padding: 0 0 3px 0;
}




/* ------------------------------------- SHOPPING CART ---------------------------------- */

#cart {
	float: left;
	background: #000;
	color: #8C8C8C;
	/*font-size: 1em;*/
	font-size:10px;
	
}

.homepage #cart {
	width: 155px;
	height: 112px;
	padding: 34px 35px 0 40px;

}

.inside #cart {
	width: 308px;
	height: 25px;
	padding: 10px 17px 2px 22px;
}

#cart h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	
	font-weight: normal;
	}
	
.homepage #cart h1 {
	font-size: 1.2em;
	display: block;
	padding: 0 0 0 3px;
	margin: 0;
	margin-bottom: 1em;
	letter-spacing: 0.4em;
}

.inside #cart h1 {
	font-size: 1.1em;
	display: inline;
	letter-spacing: 0.3em;
}
	
#cart a {
	
	background: url(../images/buttonbg.gif) repeat-x;
	border: 1px solid #fff ;
	color: #fff;
	font-size: 1em ;
	height: auto;
	text-decoration: none;
	padding: 2px;
}

.homepage #cart a {
	display: block;
	float: right;
	/*margin-top: 0.7em; changed by CC to move checkout button up */
	margin-top: -1.4em;
}

.inside #cart a {
	margin: 2px 0 3px 0.5em;
}

#cart img {
	display: none;
}

/*------------------------------------ CONTAINER  ----------------------------------------*/

#container {
	background: #8b181a url(../images/bodybg2.gif) repeat-x;
	width: 973px;
	position: relative;
	clear: both;
	padding: 28px 0 28px 22px;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #container div */
#container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end hack */


/*--------------------------------- CENTRE CONTENT  --------------------------------------*/


/* -------- HOMEPAGE --------*/


#content {
	float: left;
	position: relative;
	
}

.homepage #content {
	width: 615px;
	background: #000 url(../images/bodyblackbg.gif) bottom repeat-x;
}

.inside #content {
	width: 785px;
	background: #fff;
}


#maincontent {
	/*background: #000 url(../images/bodyblackbg.gif) bottom repeat-x;*/
	border-left: 1px solid #ad9696;
	border-right: 1px solid #ad9696;
	position: relative;
	height: auto;
	padding: 0;
	z-index: 100;
	color: #8c8c8c;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #maincontent div */
#maincontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end hack */

.homepage #maincontent {
	width: 614px;
}

.inside #maincontent {
	width: 784px;
}


#maincontenttop {
	
	height: 123px;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: -97px;
}

.homepage #maincontenttop {
	width: 616px;
	background: #000 url(../images/bodyblack-top2.gif) repeat-x;
}

.inside #maincontenttop {
	width: 786px;
	/*background: #000 url(../images/bodyblack-top-iCC.gif) repeat-x;*/
	background: url(../images/bodyblack-top-iCC.gif) repeat-x;
}

#maincontentbottom {
	
	height: 108px;
	position: relative;
	top: 8px;
	left: 1px;
	z-index: 10;
	margin: -95px 0 0 -1px;
}

.homepage #maincontentbottom {
	width: 616px;
	background: url(../images/bodyblack-bottom4.gif) repeat-x;
}

.inside #maincontentbottom {
	width: 786px;
	background: url(../images/bodyblack-bottom-iCC.gif) repeat-x;
}

#maincontent h1 {
	height: 99px;
	padding: 0 25px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.4em;
	display: block;
	margin: 0 0 -90px 0;
	font-weight: normal;
	/*background: url(../images/bodyh1-bg.gif) top repeat-x;*/
	top: -1px;
	left: 0;
	position: relative;
	
}


.homepage #maincontent h1 {
	width: 564px;
}

.inside #maincontent h1 {
	width: 734px;
}	


.homepage .contentitem {
	width: 25%;
	height: auto;
	float: left;
	margin: 20px 25px;
	color: #8C8C8C;
	position: relative;
}

.homepage .contentitem img
{
    display: block;
	margin: 0;
	border: 0;
}

/*removed .inside #maincontent div, and put below*/ 
.inside #maincontent p, .inside #maincontent ul, .inside #maincontent ol, .inside #maincontent h2, .inside #maincontent h3, .inside #maincontent h4, .inside #maincontent h5, .inside #maincontent h6 {
	position: relative;
	margin-left: 22px;
	margin-right: 22px;
}

.inside #maincontent div
{
    position: relative;
}

.inside #maincontent table a { 
margin-left:0;
margin-right:0;
position:relative;

}
/* took this out it was mucking up the revoRng table
.inside #maincontent table {
	padding: 0 22px;
	position: relative;
	width: auto;
}

.inside #maincontent table table {
	padding: 0;
}*/

.inside #maincontent img {
	position: relative;
}

.homepage #content .contentitem a, .inside #content a {
	color: #265877;
	font-weight: normal;
	text-decoration: underline;
}


.homepage #content .contentitem a:hover, .inside #content a:hover {
	text-decoration: none;
}
 
/* ------- BREADCRUMBS ---------*/

.inside #content #breadcrumb {
	color: #8C8C8C;
	font-size: 0.9em;
	position: relative;
	margin: 1em 0 2em 22px;
}

.inside #content #breadcrumb a {
	color: #8C8C8C;
	text-decoration: none;
	font-weight: normal;
}

.inside #content #breadcrumb a:hover {
	text-decoration: underline;
}



/* A CLASS TO FLOAT AN IMAGE TO THE LEFT IN THE CONTENT IF NEEDED */
.floatleft {
	float: left;
	margin: 0 1.5em 1.5em 0;	
}

p {
	margin-bottom: 1.5em;
	line-height: 1.6;
}

/* ----- HEADING LEVELS -----*/

h2 {
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.4em;
	display: block;
	font-weight: normal;
}

h3 {
	font-size: 1em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.4em;
	display: block;
	font-weight: normal;
}

h4 {
	font-size: 1.1em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	letter-spacing: 0.4em;
	display: block;
	font-weight: normal;
}

/* added CC for Revolution Range page*/
.brdLTC{
    border-top:solid 1px #000099;
    border-left:solid 1px #000099;
    text-align: center;
}
.brdLTCM{
    border-top:solid 1px #000099;
    border-left:solid 1px #000099;
    text-align: center;
    vertical-align:middle;
}
.brdLT{
    border-top:solid 1px #000099;
    border-left:solid 1px #000099;
}
.brdLTR{
    border-left:solid 1px #000099;
    border-top:solid 1px #000099;
    border-right:solid 1px #000099;
    text-align: center;
}
.brdLTRM{
    border-left:solid 1px #000099;
    border-top:solid 1px #000099;
    border-right:solid 1px #000099;
    text-align: center;
    vertical-align:middle;
}
.brdT{
    border-top:solid 1px #000099;
}
.brdRIB{
    text-align: right;
    font-style: italic;
    background-color:#000000;
    color:#ffffff;
}

.RRColumns
{
    display: block;
    float: left;
    padding: 0 0 0 45px;
    line-height: 16px;
}

.RRColumnsBot
{
    float: left;
    width: 380px;
    padding: 0 0 0 45px;
    line-height: 16px;
    clear: left;
    margin-bottom: 20px;
}

.RRImg
{
    float: left;
    padding-left: 4px;
    padding-top:1px;
}

.RRImg a
{
    border: solid 1px blue;
}

/*------------------------------------- LEFT NAV -----------------------------------------*/

#side-a 
{
	float: left;
	width: 150px;
	margin: 0 0 0 20px;
	position: relative;
}

#side-a #prod {
	background: #9E1D21;
	border-left: 1px solid #bd6765;
	border-right: 1px solid #bd6765;
	position: relative;
	height: auto;
	padding: 0;
	z-index: 200;
	width: 150px;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #prod div */
#side-a #prod:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end hack */

#side-a #prodtop {
	background: #9E1D21 url(../images/rightbox-top2.gif) repeat-x;
	width: 152px;
	height: 194px;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: -178px;
}

#side-a #prodbottom {
	background: url(../images/rightbox-bottom2.gif) repeat-x;
	width: 152px;
	height: 10px;
	position: relative;
	top: 8px;
	left: 1px;
	z-index: 110;
	margin: -8px 0 0 -1px;
	position: relative;
	float: left;
	z-index: 199;
}



#side-a #prod h1 {
	width: 116px;
	height: 194px;
	padding: 5px 17px 0 17px;
	/*font-size: 1.2em;*/
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.4em;
	display: block;
	margin: 0 0 -150px 0;
	font-weight: normal;
	background: url(../images/h1-rightbox.gif) top repeat-x;
	top: -1px;
	left: 0;
	position: relative;
	z-index: 111;	
}

#side-a #prod ul {
	position: relative;
	z-index: 199;
	margin: 0;
	padding: 0 17px;
	list-style: none; 
}	

#side-a ul li {
	border-bottom: 1px solid #bd6765;
	padding: 0.6em 0;
}

#side-a ul li ul li{
	border-bottom: 0;
	padding: 0;
}

#side-a ul li a {
	text-decoration: none;
	color: #fff;
}

#side-a ul li a:hover {
	color: #9E1D21;
	background: #fff;
}

#side-a ul li a.current {

}


#side-a img {
 	clear: both;
 }


/*------------------------------------ RIGHT PANE ----------------------------------------*/
#side-b 
{
	float: left;
	width: 150px;
	margin: 0 0 0 20px;
}



#side-b #topsellers
{
    background: #9E1D21;
    border-left: 1px solid #bd6765;
    border-right: 1px solid #bd6765;
    position: relative;
    height: auto;
    padding: 0 0 1em 0;
    z-index: 300;
    width: 150px;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #topsellers div */
#side-b #topsellers:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end hack */

#side-b #topsellerstop {
	background: #9E1D21 url(../images/rightbox-top2.gif) repeat-x;
	width: 152px;
	height: 194px;
	position: relative;
	top: 0;
	left: 0;
	margin-bottom: -178px;
}

#side-b #topsellersbottom {
	background: url(../images/rightbox-bottom2.gif) repeat-x;
	width: 152px;
	height: 10px;
	position: relative;
	top: 8px;
	left: 1px;
	margin: -8px 0 0 -1px;
	float: left;
	z-index: 299;
}


.homepage #side-b #topsellers h1 {
	width: 116px;
	height: 194px;
	padding: 5px 17px 0 17px;
	/*font-size: 1.2em;*/
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	color: #fff;
	text-transform:uppercase;
	letter-spacing: 0.4em;
	display: block;
	margin: 0 0 -150px 0;
	font-weight: normal;
	background: url(../images/h1-rightbox2.gif) top repeat-x;
	top: -1px;
	left: 0;
	position: relative;
	z-index: 211;
	
}


#side-b .rightitem {
	position: relative;
	z-index: 298;
	border-bottom: 1px solid #bd6765;
	padding: 0.6em 0;
	margin: 0 17px;
	color: #c27a7b;
}

#side-b .rightitem a {
	text-decoration: none;
	color: #fff;
}

#side-b .rightitem a:hover {
	color: #9E1D21;
	background: #fff;
}
 
/* ---- standard items and buttons etc ----- */

.xxListPrice /* --CC-- The WAS price*/
{
    background-image: url(../images/strikeline.gif);
}

.prodHidFld /*THIS MUST STAY*/
{
    display: none;
    visibility: hidden;
}

.vidpage /* --CC-- */
{
    display:inline; 
    clear:none; 
    float:left;
    padding-right:20px;
    padding-bottom:20px;
}

.ccNewProdTitle /* --CC-- */
{
    font-weight: bold;
}

.buybutton
{
    border: 0;
    color: #fff;
    background: #21517c;
    width: 3em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
	margin-left: 1em;
    cursor: pointer;
}

.buybutt, .pagenums /* CC */
{
    text-align: center;
}

.detailsbutton
{
    border: 0;
    color: #fff;
    background: #21517c;
    width: 4em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
	margin-left: 1em;
    cursor: pointer;
}

.takemetoit 
{
    border: 0;
    color: #fff;
    background: #21517c;
    width: 7.5em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top:0.2em;
    cursor: pointer;
}

.tellmebutton
{
    border: 0;
    color: #fff;
    background: #21517c;
    width: 12.5em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top:0.2em;
    cursor: pointer;
}

.continueshop, .checkout /* CC */
{
    border: 0;
    width: 11.5em;
    color: #fff;
    background: #21517c;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top: 0.3em;
    cursor: pointer;
}


.updatetotals 
{
    border: 0;
    color: #fff;
    background: #21517c;
    width: 8.5em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top:0.2em;
    cursor: pointer;
}

.catname
{
    text-align: center;
}

#prodimage 
{
    text-align: center;
}
.clear {
	clear: both;
}

img {
	border: 0;
}

.knowledge a /* CC */
{
    font: menu;
    display:inline;
    line-height:30px;
    /*top right bottom left*/
    margin: 0px 15px 0px 10px;
}

.SelCardPrint1 /*knowledge02*/
{
    color:#666666;
    padding-left:20px;
    background-color:#cccccc;
    font-style: italic;
    font-weight: bold;
    line-height:30px;
    font-size:11px;
    line-height:16px;
    width:20%;
}

.SelCardPrint2 /*knowledge02*/
{
    color: #ececec;
    padding-left:20px;
    background-color: #999999;
    font-style: italic;
    font-weight: bold;
    line-height:30px;
    font-size:11px;
    line-height:16px;
    width:20%;
}

/* add by CC to rectify black table text prod details page*/
#proddesc table tr td
{
    color: #8C8C8C;
}

#prodsnav li
{
    font-size: 11px;
}

/* added for techDownloads*/
.techDnLd, .techDnLdMain
{
    /*top right bottom left*/
    margin: 0px 0px 0px 0px;
    padding: 0 0 0 10px;
}

.techDnLd
{
    display: inline;
    clear: none;
    float: left;
}

.techDnLd img
{
    border: none;
}

.techDnLd a, .techDnLdMain a
{
    line-height: 20px;
}

.PWGuide /* CC this is for the popup password guide*/
{
    text-align: left;
    font-size: 11px;
    font-family: Verdana;
}

/*-------------------------------------- FOOTER ------------------------------------------*/
#footer {
	text-align: center;
	padding: 2em 0;
	color: #bd6765;
}

#footer img {
	padding: 1em 0.4em;
}

#footer a {
	color: #fff;
}

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

#sitelinks
{
    display: none;
    visibility: hidden;
}