body {
	color: #333333;
	margin: 0px;	
	width: 100%;
	text-align: center;
	font: normal 12px/140% Verdana, Arial, Helvetica, sans-serif;
	
}
td {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
}

/************** Site Centering *********************************************************************************/
#wrapper{
	width: 1050px;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
}
/****************************  ContainerBotton goes after wrapper   *******************************************/
#containerBottom {
	background: #FFFFFF url(images/containerBottom.gif) no-repeat left top;
	height:30px;
	width:1050px;
	text-align: left;
	margin: 0px auto 24px;
}
h1 {
	font-size: 21px;
	color: #00b0d8;
	margin-bottom: 24px;
	margin-top: 0;
	padding-top: 0;
	font-weight: normal;
}
h2 {
	font-size: 18px;
	color: #7ac142;
	margin: 20px 0px 8px 0px;
	line-height:20px;
	font-weight:normal
}
h3 {
	font-size: 15px;
	color: #0c1a72;
	margin: 16px 0px 8px 0px;
	line-height:17px;
	font-weight:normal
}

#navh2 {
	font-size: 18px;
	color: #7ac142;
	margin: 5px 0px 2px 0px;
	line-height:20px;
	font-weight:normal
}


a:link		{
	color: #0c1a72;
}
a:visited	{
	color: #0c1a72;
}
a:hover		{
	color: #63af27;
}
a:active	{
	color: #63af27;
}
ul {
	margin: 8px 0px 8px 20px;
}

ol { 
	list-style-type: decimal 
} 
ol li {
	list-style: decimal outside;
} 
li {
	list-style:  disc outside;
	margin:0;
}

p {
	margin: 20px 0px 20px 0;
	width:700px  
}

#bodywidth {
	margin: 20px 0px 20px 0;
	width:800px  
}

#crumb {
	margin: 5px 0 20px 0;
	width:850px;
	font-size:10px  
}

.pressImg, .pressImgLogo {
	margin: 10px 10px 15px 0px;
	padding: 0px;
	float: left;	
}

.pressImg {width: 160px; height: 230px;}
.pressImgLogo{	width: 230px; height: 160px}


/********** Header  ***********/

.headerBkgd {
	background: #FFFFFF ;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	width: 910px;
}
.headerBkgdCart {
	background-color: #FFFFFF;
	background-image: url(images/xxheaderBkgdCart.jpg);
	background-repeat: no-repeat;
}
/********** Header Login ***********/
#headerLogin {
	float:right;
	width:450px;
	font-size:11px;
	height:29px;
	margin: 0px;
	background: #FFFFFF;
	color: #5e6797;
  }
#headerLogin ul {
	float:right;
	list-style:none;
	margin: 6px 6px 0px 0px;
  }
#headerLogin li {
	float:left;
	list-style: none;
	margin: 0px;
  }
#headerLogin a {
	/**float:left;
	display:block;**/
	padding:0px 6px 0px 6px;
	text-decoration:none;
	/*font-weight:normal;*/
	color:#5e6797;
  }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#headerLogin a {float:none;}
/* End IE5-Mac hack */
#headerLogin a:hover, #headerLogin a:focus {
	color:#5e6797;
	text-decoration: underline;
  }
/********** Header 1-2 ***********/  
#header1-2  {
	font-family: Arial, Helvetica, sans-serif;
	color: #336699;
	width:400px;
	background: #FFFFFF;
	float:left;
}
#header1-2 ul {
	margin:0px;
	padding:0px;
	width:850px;
}
#header1-2 li {
	float:left;
	list-style:none;
	margin:0px;
	padding:0px;
}
.floatRight {
	float: right;
	text-align:right;
	width:190px;
	margin: 10px 10px 0px 0px;
}
.mcafee_secure{
	width: 190px;
	height: 40px;
	background: #FFFFFF;
}	
.searchBox {
	margin: 10px 0px 0px 0px;
}
#header1-2 input {
	font-size: 12px;
	margin:0px;
	padding:0px;
}

#supportImage1
{background: url('images/support_bg1.jpg') 0px 40px no-repeat; border-right: none !important;}

#supportImage2
{background: url('images/support_bg2.jpg') 0px 40px no-repeat;}


#supportPageList {
width: 600px;
margin: 0;
padding: 0;
}

#supportPageList ul {
margin: 0;
padding: 0;
}

#supportPageList ul li a {
margin: 0;
padding: 0 0 0 12px;
background:url(images/bullet_circle.gif) 0 .6em no-repeat;
display:block;
}

#supportPageList li {
	float: left;
	width: 150px;
	padding: 20px;
	height: 170px;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	list-style-type: none;
}

#supportPageList li h4 {
	text-decoration: none;
	font-size: 13px;
}

#supportPageList li ul li
{
	height: auto;
	width: auto;
	padding: 0; border: none;
	float: none;
	display:inline;
	margin:0;
}

/************ Video List ***************/

ul.videoclass
{
margin:0;
padding:0

}

ul.videoclass li
{
display: inline;
float: left;
 

}

.rightImg {float:right; display:block}

/********** Home Boxes **************/

#homeBoxes {padding: 0; width:940px}
#homeBoxes li {list-style: none; padding: 0; float: left;}
#homeBoxes li p {width: 200px; height: 100px; margin: 8px 0 0 18px;}
#homeBoxes li a {display: block; margin-left: 0; text-decoration:none;}
#homeBoxes li h2 {font-size: 18px; margin: 20px 0 0 18px; padding: 0; text-transform:uppercase;}


#hb1 h2 {color: #34349A; margin: 10px 0 0 18px;}
#hb1 h2 a, #hb1 h2 a:hover {color: #34349A; margin:0; padding: 0;}

#hb3 li {margin-left:10px}

#hb2 h2 {color: #00b3e3;}


#hb3 h2 {color: #ed174b;}

#hb4 h2 {color: #7ac142;}

ul#homeBoxes {background: url('images/boxesbck.jpg') no-repeat; border: none; width: 909px; height:214px; background-position:left; margin-left:-45px}



/**************************** Right Column Box ********************************/
#rightMenu2, .rightMenu2 {
	width:176px;
	margin: 0px;
	padding: 8px 0px 8px 4px;
	font-size:11px;
	border-left: 1px solid #e3e3e3;
	/*background-image: url(images/rightMenu2LoginTop.gif);
	background-repeat: no-repeat;
	background-position: top;*/
	
	
  }
#rightMenu2 ul, .rightMenu2 ul {
	margin:4px 4px 0px 4px; !important
	padding:0px;
  }
#rightMenu2 li, .rightMenu2 li {
	margin:0px;
	padding:0px;
	/*list-style:url(images/arrowGrey.gif) none;	
	line-height: 100%;*/
	list-style: url(none) none;
  }
#rightMenu2 a, .rightMenu2 a:link, .rightMenu2 a:visited {
	padding: 0px;
	margin: 0px;
	text-decoration:none;
	font-weight:bold;
	color:#0c1a72;
	/*background-image: url(images/arrowGrey.gif);
	background-repeat: no-repeat;*/
  }
#rightMenu2 a:hover, .rightMenu2 a:hover, .rightMenu2 a:focus {
	color:#990000;
	text-decoration: underline;
  }

.rightMenuProductDivider {
	border-bottom: 1px solid #e3e3e3;
	height: 1px;
	margin-bottom: 4px;
	padding-bottom: 4px;
}
#rightMenu2Bot, .rightMenu2Bot {
    width:176px;
	display:block;
	/*background-image: url(images/rightMenu2LoginBot.gif);
	background-repeat: no-repeat;
	background-position: top;*/
	margin: 0px;
	padding: 0px;
}
.rightMenu2Bot
{/*height: 13px;*/}
#rightMenu2Title, .rightMenu2Title {
	margin: 0px;
	padding: 4px 0px 4px 4px;
	font-size:13px;
	font-weight: bold;
	color: #0c1a72;
  }
.red, .redText, a.red {
	color: #990000;
}
.blue {
	color: #0c1a72;
}
/************************* Image Style ***************************/
.imageLeft {
	margin: 16px 16px 16px 0px;
	float:left;
}
.imageRight {
	margin: 16px 0px 16px 16px;
	float: right;
}    
/************************* Table Style ***************************/
.table1 {
	border: 1px solid #C7C7C7;
	border-collapse: collapse;
	font-size: 12px;
	margin: 0px 0px 16px 0px;
}
.table1 td {
	border: 1px solid #e3e3e3;
	padding: 4px;
}
.table1 caption {
	font-size: 15px;
	color: #000000;
	text-align: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.table1H1 {
	font-size: 12px;
	font-weight: bold;
	background-color: #4b4b4b;
	color: #FFFFFF;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;*/
	padding: 4px;
}
.table1H2 {
	color: #4b4b4b;
	background-color: #c7c7c7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4e709a;
}
.table1Altrow {
	background-color: #F5F5F5;
}
.table1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.table1 li {
    padding: 0 0 0 9px;
	margin: 0;
    background-image: url(images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;
}
#magnifier a {
	padding: 0 0 1px 16px;
	margin: 0 0 0 0;
	text-decoration:none;
	font-weight:normal;
	color:#0c1a72;
	background: url(images/magnifier.gif) no-repeat;
	font-size: 11px;
}
#magnifier a:hover {
	color:#990000;
	text-decoration: underline;
}
#Product2 {
	margin: 0;
	padding: 0;
}
#Product2 H1 {
	margin: 2px 10px 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #0c1a72;	
}
#Product2 H2 {
	margin: 0 0 2px 0;
	font-size: 14px;
	font-weight: normal;
	color: #4B4B4B;	
}
#Product2 .price2 {
	margin: 3px 0 3px 0;
	font-size: 15px;
	font-weight: bold;
	color: #990000;	
}
#Product2 .availability {
	margin: 2px 0 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;	
}
#Product2 .rating {
	margin: 2px 0 2px 0;
	font-size: 10px;
	font-weight: bold;
	color: #0c1a72;	
}
#Product2 .shipping2 {
	margin: 2px 0 2px 0;
	font-size: 11px;
	font-weight: bold;
	color: #da8c01;	
}
#Product2 .quantity {
	margin: 8px 0 0px 0;
	font-size: 12px;
	font-weight: bold;
	color: #000;	
}
#ProductPrintLinks {
	padding: 0;
	margin: 2px 0 0 0;
}
#ProductPrintLinks a {
	text-decoration:none;
	color:#a0733a;
	font-size: 9px;
}
#ProductPrintLinks a:hover {
	color:#a0733a;
	text-decoration: underline;
}
#Product2 select {
	margin: 2px 8px 1px 4px;
	font-size: 12px;
	font-weight: normal;
	color: #000;	
}
#linkYellowBlue a {
	font-size: 9px;
	padding: 1px 0 1px 13px;
	margin: 0 0 0 0;
	text-decoration:none;
	color:#5983ac;
	background-image: url(images/buttons/buttonArrowYellowOnWhite.gif);
	background-repeat: no-repeat;
}
#linkYellowBlue a:hover  {
	color:#5983ac;
	text-decoration: underline;
}
#linkYellowBlue a:visited  {
	color:#5983ac;
	text-decoration: none;
}
#linkBlueBlue a {
	font-size: 9px;
	padding: 0 0 0 13px;
	margin: 0 0 0 0;
	text-decoration: none;
	color:#5983ac;
	background-image: url(images/buttons/buttonArrowBlueOnWhite.gif);
	background-repeat: no-repeat;
}
#linkBlueBlue a:hover  {
	color:#5983ac;
	text-decoration: underline;
}

#linkProdEmail2 {
	background: #FFFFFF;
	margin: 8px 0px 0px 0px;
}
#linkProdEmail2 a {
	color: #0c1a72;
	text-decoration: none;
	background: url(images/buttons/buttonArrowBlueOnWhite.gif) no-repeat;
	padding: 0px 0px 0px 15px;
	font-size: 12px;
	font-weight: normal;
}
#linkProdEmail2 a:hover {
	text-decoration: underline;
	color:#99000;
}
#productLowerButtons {
	padding: 6px 0px 0px 0px;
} 




/********************************** Error Box ***************************************/
#error {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	padding: 4px;
	background: #FCFFDF;
	border-top: 4px solid #FF0000;
	border-right: 1px solid #FF0000;
	border-bottom: 4px solid #FF0000;
	border-left: 1px solid #FF0000;
	margin-bottom: 4px;
	width: auto;
}
#error ul {
	margin: 0 0 4px 60px;
}
#error li {
	padding: 0;
	font-size: 11px;
	color: #000000;
}
.errorFormLabel3 {
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
select.error2 ,input.error2 , textarea.error2 {
	background: #FCFFDF;
	border: 1px solid #FF0000;
}

.clearer {
	clear:both;
	margin: 0px;
	padding: 0px;
	height: 1px;
}
.clear {
	clear: both;
}
/***************************** Breadcrumb Trail in Header under Header 3 Part ********************/
#breadcrumb {
	margin: 0px;
	padding: 4px 0px 0px 16px;
	width: 940px;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
	font-size: 11px;
	color: #666666;
	background: #FFFFFF;
}
/***************************** One Col Content Page ***************************************************/
.oneCol #bodyOutline{
	width:100%;
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
	padding: 24px 0px 0px 45px;
	height: 100%
}
.oneCol #mainContent{
/*	background-color: #ffffff;*/ 
	text-align: left;
	padding: 0px 5px 16px 16px;
	margin: 0px 0px 0px 20px;
	height:100%
}
/***************************** One Col-2 Content Page ***************************************************/
.oneCol-2 #bodyOutline{
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
	width:940px;
	padding: 24px 0px 0px 0px;
	
}
.oneCol-2 #mainContent{
	background-color: #ffffff; 
	text-align: left;
	padding: 0px 112px 16px 112px;
	margin: 0px 20px 0px 20px;
}
/***************************** New Two Col Content Page ***************************************************/

.twoColFixLeft #bodyOutline{
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
	width:890px;*/
	padding: 0px 0px 0px 10px;
}
.twoColFixLeft #mainContent {
	background-color: #ffffff; 
	text-align: left;
	padding: 5px;	
}
.twoColFixLeft #rightCol {
	float: left;
	width: 625px;

}
.twoColFixLeft #leftCol {
	width: 150px;
	float: left;

}
.center {
	text-align: center;
}

#mainBody #rightCol {
	width:620px;
	float:left;
	margin-top: 0;
	padding-top: 0;
}

.rightCol {
	width:620px;
	float:left;
	margin-top: 0;
	padding-top: 0;
}

/***************************** New Two Col Fixed Right Content Page ***************************************************/

.twoColFixRight #bodyOutline{
	width:890px;
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
	padding: 0px 0px 0px 0px;
	margin:0
}
.twoColFixRight #mainContent {
	background-color: #ffffff; 
	text-align: left;
	padding: 0;	
	margin: 0px 0px 0px 10px;
}
.twoColFixRight #rightCol {
	float: right;
	width: 625px;
	background-color: #ffffff;
	margin:0
}
.twoColFixRight #leftCol {
	width: 150px;
	float: right;

}
.center {
	text-align: center;
}

/*******************THREE COLUMN LAYOUT**************************************/
.threeCol #bodyOutline{
	width:890px;
	background: #FFFFFF url(images/bkgdMaster.gif) repeat-y left top;
	padding: 24px 0px 0px 0px;
}
.threeCol #rightSidebar {
	float: right;
	background: #FFFFFF;
	width: 176px;
}
.threeCol #rightCol {
	float: left;
	background: #FFFFFF;
	width: 735px;
}
.threeCol #midCol {
	float: left;
	width: 543px;
	background: #FFFFFF;
	min-height:290px;
}
/*.threeCol #mainContent {
	background: #FFFFFF;
	width:100%;
	padding: 0px 24px 0px 24px;
}*/
.threeCol #leftCol {
	width: 208px;
	float: left;
	background: #FFFFFF;
}

.sf-menu{position: relative;z-index: 20}
.threeCol footer, .twoColFixLeft footer{clear: both;}

/*********************** Left Navigation **********************************************************************/

.Margin2 { 
	margin: 0px;
	padding: 0px;
}
#leftNav .Margin2 a:link, #leftNav .Margin2 a:visited {
	color: #0c1a72;
	display: block;
	width: 150px;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 6px;
}
#leftNav .Margin2 a:hover {
	color: #0c1a72;
	text-decoration: none;
	
}
#leftNav div.Margin2 {
	padding-bottom: 2px;

}
#leftNav .Margin2 ul {
	padding: 0px;
	margin: 0px;
	
}
#leftNav .Margin2 li {
	padding: 2px 0px 2px 2px;
	margin: 0px;
	list-style: none outside;
	width: 150px;
	border-bottom: 1px solid #CCCCCC;	/*background: url(images/leftNavListDivider.png) no-repeat center top;*/
	
}
#leftNav {
	padding: 0px;
	margin: 0px 25px 0px 0px;
}
#leftNav .Margin2 h2 {
	font-size: 15px;
	margin: 0px;
	padding:0px;
}
#leftNav .Margin2 .filterSelectOn {
	font-weight: bold;
	margin-left: 27px;
}
#leftNav .Margin2 h3 {
	font-weight: bold;
	color: #0c1a72;
	margin: 0px 0px 2px 0px;		
}
#leftNav .Margin2 h3, #leftNav .Margin2 h4 {
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 3px 8px;
}
#leftNav .Margin2  a:link.returnLink , #leftNav .Margin2  a:visited.returnLink {
	font-size: 12px;
	color: #0c1a72;
	text-decoration:none;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}

#leftNav .Margin2  a:hover.returnLink
{
	font-size: 12px;
	color: #0c1a72;
	text-decoration:underline;
	font-weight: normal;
	padding: 0px;
}
#leftNav .Margin2 h3 a:link, #leftNav .Margin2 h3 a:visited
{
	font-size: 12px;
	color: #0c1a72;
	text-decoration:none;
	font-weight: bold;
	padding: 0;
}
#leftNav .Margin2 h3 a:hover
{
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
}

#leftNav .leftMenuLine, #leftNav .leftMenuDivider
{
	width: 100px;
	margin-left: 0px;
/*	padding: 18px 0 0 0;
	_padding: 5px 0 0 0;*/ /* silly IE6 fix */
	margin-bottom: 0;
	margin-top: 0;
	height: 1px;
	margin-right: 0px;
/*	border-bottom: 1px dashed #ffffff;*/
}
/** added 09/18/2008 <sean> **/
#leftNav .Margin2 h4
{
	margin: 0;
	padding-top: 5px;
	padding-left: 5px;
	font-weight: bold;
	color: #333333;
	background: #D4D4D4;
	width: 167px;
}


/****************************  Footer   *******************************************/
#footer {
	width:940px;
	background: #999999;
	margin: 16px 0px 0px 20px;
	padding: 16px 0px 16px 0px;
	color: #ffffff;
	text-align: center;
	
}
#footer ul{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0;
	font-size:10px
}
#footer li{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 8px;
	display:inline;	
}



/********** Dropdown Navigation ***********/


.menu {width:940px; height:35px; position:relative; z-index:100; font-family:arial, sans-serif; background: #FFFFFF url(images/globalNavBkgd.gif) repeat-x left top; border-top: 1px solid #999999;
border-bottom: 1px solid #999999; color: #666666;margin-left:20px}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:940px; w\idth:940px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; color:#666666; height:35px; float:right}
.menu ul ul {width:125px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; padding-right:10px; margin-right:5px; list-style:none}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; #color: #666666; height:35px; padding-left:10px; line-height:35px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:125px; w\idth:138px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#e6e6e6 url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 125px center; color:#666666}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#7ac142 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 125px center;}
.menu ul ul :hover > a.drop {background:#7ac142 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 125px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#efeeee;}
/* style the third level hover */

.menu ul ul ul a:hover {background:#7ac142;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:125px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:135px; top:-1px; width:125px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#efeeee; color:#666666; height:auto; line-height:1em; padding:5px 10px; width:114px; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999; margin:0}

/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:135px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#ffffff; background:#7ac142}
.menu :hover > a, .menu ul ul :hover > a {color:#ffffff; background:#7ac142}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.menu a {background: url(images/menua_divider_bg.gif) center right no-repeat; padding-right: 10px;}
.menu a.last {background-image: none;}