html {
	background: #fff url(../site_specific/html-bg.gif) repeat-x;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-size: 62.5%;
	background: url(../images/body-bg.gif) bottom left repeat-x;
}

#wrapper 
{
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	border:0;
	width: 903px;
	height: auto;
	
}
/*------------------------------------- HEADER -------------------------------------------*/
#header 
{
	margin: 0;
	height: 106px;
	width: 100%;
}

#logo {
	float: left;
	width: 305px;
	height: 74px;
	padding-top: 19px;
}

#slogan {
	float: right;
	padding: 0;
	width: 50%;
	text-align: right;
}

#search {
	float: right;
	height: 23px;
	width: 231px;
	background: #a6ba1b;
	padding: 10px 22px;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.1em;
}

#search input#searchtext {
	width: 140px;
	border: 0;
}

#search input#go {
	background-color: #0257AA;
	border: 0;
	color: #fff;
	font-size: 1em;
	height: 1.7em;
	padding-bottom: 1px;
	text-transform: uppercase;
}

/* -----------------------------------TOP NAVIGATION --------------------------------------*/

#topnav {
	color: #fff;
	width: 100%;
	height: 28px;
	padding: 8px 0;
}

#global {
	float: left;
	width: 100%;
}


#global ul {
	margin: 0.8em 0 0 0;
	padding: 0;
	list-style-type: none;
}

#global ul li {
	display: inline;
	margin: 0 10px 0 0 ;
}

#global ul li a {
	font-size: 1em;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: #0257AA;
	padding: 7px;
	border: 1px solid #0257aa;
}	

#global ul li a:hover {
	color: #0257aa;
	background: #fff;
	border: 1px solid #0257aa;
}	

#global ul li a.current {
	/*border-bottom: 2px solid #a6ba1b;*/
	/*padding-bottom: 0;*/
	color: #0257aa;
	background: #fff;
	border: 1px solid #0257aa;
}

#global ul li a.current a:hover {
	border-bottom: 0;
	color: #fff;
}

/*------------------------------------ CONTAINER  ----------------------------------------*/

#container {
	width: 100%;
	background: url(../site_specific/containerbg.gif) right top repeat-y;
}


/* 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 */


/*------------------------------------- LEFT NAV -----------------------------------------*/
#side-a 
{
	display: none;
}

/* ---------------------------------------CONTENT ------------------------------------------------*/


#content {
	width: 600px;
	float: left;
	margin-right: 24px;
	margin-bottom: 2em;
	font-size: 1.1em;
	line-height: 1.4;
}


/* -------- HOMEPAGE --------*/

#banner {
	margin: 1em
	 0 3em 0;
}


#content h1 {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
	color: #0257aa;
	margin-bottom:  2em;
}


.homepage .contentitem {
	clear: both;
	margin-bottom: 3em;
	margin-left:100px;
}



.homepage .contentitem img
{
	/*border: 1px solid #000;*/
	float: left;
	/*margin: 0 15px 15px 0;*/
	margin: 0 15px 0 -100px;
	clear:left;
}

.homepage .contentitem a {
	color: #0257aa;
}


.homepage .contentitem a:hover {
	text-decoration: none;
}


/* --- INSIDE PAGES ----*/

.inside #content h1 {
	margin-top: 1em;
}
/* ------- BREADCRUMBS ---------*/
#content #breadcrumb {
	font-size: 0.9em;
	color: #A8A8A8;
}

#content #breadcrumb a {
	color: #A8a8a8;
	text-decoration: none;
	font-weight: normal;
}

#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;
}

/* ----- HEADING LEVELS -----*/

h2 {
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: normal;
	color: #A6BA1B;
	margin-bottom:  2em;
}

h3 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: normal;
	color: #0257aa;
	margin-bottom:  2em;
}
h4 {
	font-size: 1.2em;
	font-weight: normal;
	color: #A6BA1B;
	margin-bottom:  2em;
}

 
/* ---- standard items and buttons etc ----- */

.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;
}

.xxListPrice /* --CC-- The WAS price*/
{
    background-image: url(../images/strikeline.gif);
}

.buybutton
{
    border: 0;
    color: #fff;
    background: #0257aa;
    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: #0257aa;
    width: 4em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
	margin-left: 1em;
    cursor: pointer;
}

.takemetoit 
{
    border: 0;
    color: #fff;
    background: #0257aa;
    width: 7.5em;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top:0.2em;
    cursor: pointer;
}

.tellmebutton
{
    border: 0;
    color: #fff;
    background: #0257aa;
    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: #0257aa;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    padding-top: 0.3em;
    cursor: pointer;
}

.NewProdBtn
{
    background: #0257aa;
    color: #fff;
    cursor: hand;
    font-size: 9px;
}

.updatetotals 
{
    border: 0;
    color: #fff;
    background: #0257aa;
    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;
}

.knowledge a /* CC */
{
    font-family:Arial;
    display:inline;
    line-height:30px;
    margin: 0px 15px 0px 0px;
    text-decoration:underline;
}

.knowledge a:hover /* CC */
{
    text-decoration: none;
}

.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%;
}

.clear {
	clear: both;
}

img {
	border: 0;
}

/* 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;
}

/*------------------------------------ RIGHT PANE ----------------------------------------*/
#side-b 
{
	width: 235px;
	padding: 10px 22px;
	float: left;
	color: #fff;
	font-size: 1.1em;
}


#side-b h1 {
	background: #0257aa;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.1em;
	padding: 5px;
	font-weight: normal;
	margin: 0 0 1em 0;
}


#side-a img {
 	clear: both;
 }

/* --------------------------------PRODUCTS & SERVICES ------------------------------------*/

#side-b #prod {
	margin: 0;
}

#side-b #prod ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	min-height: 143px;
}

#side-b #prod ul li {
	border: 0;
	margin-bottom: 3px;
}

#side-b #prod ul li a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 1em;
	border: 0;
	padding: 0 0 5px 0;
	margin: 0;
	color: #fff;
	height: auto;
}

#side-b #prod ul li a:hover {
	color: #0257aa;
}

#side-b #prod ul li a.current {
	font-weight: bold;
	color: #0257aa;
}

/* -----------------------------TOP SELLERS -------------------------------------------------*/

#side-b #topsellers {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

#side-b .rightitem {
	margin: 1em 0;
}

#side-b .rightitem a {
	color: #fff;
}

#side-b .rightitem a:hover {
	text-decoration: none;
}

/* ------------------------------------ LOGIN ---------------------------------------------*/

#side-a #login {
	margin-bottom: 1.5em;
}

/* hack to ensure Mozilla browsers enclose the floated elements with the #login div */
#side-b #login:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* end hack */

#login label {
 width: 75px;
 float: left;
 margin: 0 0.2em 15px 0;
 text-transform: uppercase;
}

#login input#password, #login input#user {
	border: 0;
}

#login input#password, #login input#user {
	width: 155px;
	margin-bottom: 15px;
}

#login input#loginbutton, #login input#logoutbutton /* CC */ {
	background: #0257aa;
	border: 0;
	color: #fff;
	text-transform: uppercase;
	font-size: 1em ;
	height: 1.8em;
	width: 4em;
}

#login input#loginbutton, .homepage #login input#logoutbutton {
	float: right;
	padding: 2px 0 3px 0;
}




/* ------------------------------------- SHOPPING CART ---------------------------------- */

#cart {
	margin: 1.5em 0;
	text-transform: uppercase;
	text-align: right;
}

#cart h1 {
	/*display: none;*/
	text-align:left;
	}
	
#cart a {
	background: #0257aa;
	border: 0;
	color: #fff;
	font-size: 1em;
	height: auto;
	text-decoration: none;
	padding: 4px;
	margin-left: 15px;
}

#cart img {
	display: none;
}

/* 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;
}

/*-------------------------------------- FOOTER ------------------------------------------*/
#footer 
{
	height: 91px;
	text-align: left;
	color: #fff;
	padding: 9px 0 0 0
}

#footer img {
	margin: 4px 4px 0 0;
}

#footer a
{
    font-weight: bold;
    color: white;
    text-decoration: underline;
}

#footer a:hover
{
    text-decoration: none;
}

#sitelinks
{
    display: none;
    visibility: hidden;
}