* { padding: 0; margin: 0; }

#breadcrumptrail {
font-size:12px;
margin-top:10px;
position:relative;
}

body {

 font-family: Arial, Helvetica, sans-serif;

 font-size: 0.69em; 

 

}



p

 {color: rgb(130,130,130);

}



.text {

	border-width: 1px;

	border-color: #CCCCCC;

	background-color: #FFFFFF

}



.textarea {

	border-width: 1px;

	border-color: #CCCCCC;

	background-color: #FFFFFF

}



.select {

	border-width: 1px;

	border-color: #CCCCCC;

	background-color: #FFFFFF

}



.BlackText {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	text-decoration: none

}



.BlackTextLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	text-decoration: none

}

.BlackTextLink:Hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline

}



.BlackTextBold {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #666666;

	text-decoration: none

}

.BlackTextBold h1{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #666666;
	text-align:left;
	margin-top:5px;

	text-decoration: none

}



.BlackTextBoldLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #666666;

	text-decoration: none

}



.BlackTextBoldLink:Hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #666666;

	text-decoration: underline

}



.red  {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: red;

	text-decoration: none

}

.pageBorderAll {

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #C0C0C0;

	border-right-color: #C0C0C0;

	border-bottom-color: #C0C0C0;

	border-left-color: #C0C0C0;

	vertical-align: middle;

}







.HomeHead {

	font-family: Arial, Helvetica;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}



.HomeHeadLink{

	font-family: Arial, Helvetica;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	text-decoration: none;

}



.HomeHeadLink:Hover {

	font-family: Arial, Helvetica;

	font-size: 12px;

	font-weight: bold;

	color: #333333;

	text-decoration: underline;

}



.BottomText {

	font-family: Arial, Helvetica;

	font-weight: normal;

	color: #666666;

	text-decoration: none;

	font-size: 10px;

}



.BottomTextLink {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #666666;

	text-decoration: none

}



.BottomTextLink:Hover {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 10px;

	font-weight: normal;

	color: #666666;

	text-decoration: underline

}





.BodyText {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: #666666; 

	text-decoration: none 

}



.BodyTextLink {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: #666666; 

	text-decoration: none 

}



.BodyTextLink:Hover {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: #666666; 

	text-decoration: underline 

}

.specsHeading{

	font-family: Arial, Helvetica, sans-serif;

	text-transform: none;

	font-weight: bold;

	font-size : 12px;

	font-variant: normal;

}

.specsHeading1{

	font-family: Arial, Helvetica, sans-serif;

	text-transform: none;

	font-weight: bold;

	font-size : 14px;

	font-variant: normal;

	color: #666666

}

.BodyTitle {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: none 

}

.BodyTitleLink {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: none 

}

.BodyTitleLink:Hover {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: underline 

}



a 

{ text-decoration:none;

   color:rgb(130,130,130);

}



A:hover 

{text-decoration: underline; color:rgb(130,130,130)

}

 

	

p. 

{color: rgb(130,130,130);

vertical-align: middle;

}



#wrapper { 

 margin: 0;

 width: 990px;

 border:0px solid red;

 padding:0px;

 margin:0 auto;

 background-color:#FFFFFF;



}

#header {

 color: #333;

 width: 990px;

 height: 80px;

 padding: 0px;

 border: 0px;

 margin: 0px 0px 0px 0px;

 background: #ffffff;

 background: url(images/header.jpg) no-repeat center;

}



#partsearch {

 width: 280px;

 height: 20px;

 border: 0px solid red;

 margin: 5px 0px 0px 0px;

 padding: 0px;

 float: right;

 position:relative;

 top:-22px;

 left:0px;

 vertical-align:middle;

 }

 

#partsearch span {

	margin: 0px 10px 0px 0px;

	position:relative;

	padding:0px;

	left: 1px;

	vertical-align:middle;

 }

 

 #partsearch input

 {

   margin: 0px 10px 0px 0px;

   vertical-align:middle;

 }

 

 #partsearch img

 {

   margin: 0px;

   padding:0px;

   top: -20px;

   vertical-align:middle;

 }



#topbarleft {

 width: 600px;

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 0px 0px 10px 5px;

 padding: 0px;

 float: left;

 }

 

#topbarright {

 width: 370px;

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 0px 0px 10px 0px;

 padding: 0px;

 float: right;

 }



 #topbar{

 width: 990px;

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 0px 0px 10px 0px;

 padding: 0px;

 }

 

#leftcolumnhome { 

 float: left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 0px 0px;

 padding: 0px;

 width: 598px;

 height: 214px

}



#rightcolumnhome {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #666666;
	border: 0px solid red;
	background: url(images/box2.gif) no-repeat top left;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 365px;
	height: 214px;
	background : url(images/box2.gif) no-repeat top left;
	
}



#leftcolumnproducts

{

 clear: both;

 float: left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 10px 0px;

 padding: 0px;

 width: 760px;

}





#leftcolumnproductssmall

{

 float:left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 20px 0px 10px 0px;

 padding: 5px;

 width: 368px;

 height: 212px;

 background : url(images/box3.gif) no-repeat top left;

 }

 

 #innerleftcolumnproductssmall

{

 float:left;

 border: 0px solid red;

 margin: 0px 0px 10px 4px;

 padding: 5px;

 width: 340px;

 }

 

#rightcolumnproductssmall

{

 float:right;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 20px 0px 10px 0px;

 padding: 5px;

 width: 356px;

 height: 212px;

 background : url(images/box3.gif) no-repeat top left;

 }



#rightcolumnproducts

{

 float: right;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 10px 0px;

 padding: 0px;

 width: 195px;

}



#leftcolumncontentpage

{

 clear: both;

 float: left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 18px 0px 10px 0px;

 padding: 0px;

 width: 760px;

 min-height:500px;

}

#rightcolumncontentpage

{

 float: right;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 6px 0px 10px 0px;

 padding: 0px;

 width: 195px;

}



#rightcolumnright

{

 float: right;

 color: #333333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 5px 10px 10px;

 padding: 0px;

 width: 150px;

 height: 150px;

}

#rightcolumnleft

{

 float: left;

 font-family: Arial, Helvetica, sans-serif;

 font-size: 11px;

 font-weight: normal;

 color: #858585;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 15px 5px 5px 10px;

 padding: 0px;

 width: 160px;

 height: 130px;

}



 

#leftcolumn { 

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 15px 0px 0px 0px;

 padding: 0px;

 width: 600px;

 height: auto;

 float: left;

}

#rightcolumn {
	float: right;
	color: #333;
	border: 0px;
	margin: 15px 0px 0px 0px;
	width: 365px;
	height: auto;
	vertical-align: top;

}


.greybar { 

 

 margin: 10px 0px 0px 0px;

 padding: 2px;

 background : url(images/grey_bg_bar.gif) no-repeat top left;

}


#smallcolumnleft { 

 float: left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 5px 0px;

 padding: 2px;

 height: 240px;

 width: 270px;

 background : url(images/grey_bg_bar.gif) no-repeat top left;



}



.v-inner2 

{

top: 50%;

margin: 0px 0px 20px 0px;

 width: 365px;

}



.v-inner3 

{

top: -70%;

margin: 20px 0px 5px 0px;

 width: 370px;

}





.v-inner 

{

margin: 0px 0px 0px 0px;

 width: 270px;

 padding:3px;

 

}



.v-inner-top

{



 margin: 0px 0px 0px 0px;

 width: 258px;

 padding: 7px;

  height: 40px;

}





#comms_inner

{

  margin: 10px 0px 0px 0px;

  width: 269px;

  background : url(../images/comms_bg.jpg) no-repeat bottom left; 

}



#smallcolumnright { 

 float: left;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 0px 25px;

 padding: 2px;

 height: 240px;

 width: 270px;

 background : url(images/grey_bg_bar.gif) no-repeat top left; 

}

#firstfooterleft {
	float: left;
	color: #333;
	border: 0px;
	background: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 990px;
	bottom: auto;

}



#firstfooterrightde { 

 float: right;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 20px 5px;

 padding: 7px;

 height: 80px;

 width: 355px;

 text:justify;

}



#firstfooterright { 

 float: right;

 color: #333;

 border: 0px solid red;

 background: #FFFFFF;

 margin: 0px 0px 10px 5px;

 padding: 0px;

 height: 80px;

 width: 362px;



}





#firstfooter { 

 float: bottom;

 width: 990px;

 clear: both;

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 0px 0px 0px 0px;

 height: 25px;

 padding: 0px;

}





#footer {  

 float: bottom;

 width: 990px;

 clear: both;

 color: #333;

 border: 0px;

 background: #FFFFFF;

 margin: 0px 0px 10px 0px;

 height: 25px;

 padding: 0px;

}





p.indent { text-indent: 3pt } 





.style1 {color: #000000}

.style2 {

	font-size: 14px;

	font-weight: bold;

}



/* Menu based on original script from CSSPlay.co.uk */

.menu {width:990px; height:13px; position:relative; z-index:100; margin:0px;font-family: Arial, Helvetica, sans-serif;}

/* hack to correct IE5.5 faulty box model */

* html .menu {width:990px; w\idth:990px;}

/* remove all the bullets, borders and padding from the default list styling */

.menu ul {padding:0;margin:0;list-style-type:none;}

.menu ul ul {width:129px;} /*149*/

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */

.menu li {float:left;text-align:center;width:129px;position:relative;}/*149 */

/* style the links for the top level */

.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; color:#5d5d5d; width:118px;/*138*/ height:15px; border:1px solid #ccc; border-width:0px 1px 0px 0px; background:#ffff; padding-left:10px; line-height:15px;}

/* a hack so that IE5.5 faulty box model is corrected */

* html .menu a, * html .menu a:visited {width:129px; w\idth:118px; color:#5d5d5d;}/*149 & 138*/



/* style the second level background */

.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#ffffff bottom right no-repeat;color:#5d5d5d;}

/* style the second level hover */

.menu ul ul a.drop:hover{background:#ddd bottom right no-repeat;}

.menu ul ul :hover > a.drop {background:#ddd bottom right no-repeat;}

/* style the third level background */

.menu ul ul ul a, .menu ul ul ul a:visited {background:#ffffff;}

/* style the third level hover */

.menu ul ul ul a:hover {background:#ddd;}





/* 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:15px;left:-1px; width:129px;/*149*/border-top:1px solid #ccc;}

/* another hack for IE5.5 */

* html .menu ul ul {top:15px;t\op:15px;}



/* position the third level flyout menu */

.menu ul ul ul{left:129px; top:-1px; width:129px;}/*149 &149*/



/* position the third level flyout menu for a left flyout */

.menu ul ul ul.left {left:-129px;}/*149*/



/* style the table so that it takes no part 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:#ffffff; color:#5d5d5d; height:auto; line-height:1em; padding:5px 10px; width:108px;/*128*/border-width:0 1px 1px 1px;}

/* yet another hack for IE5.5 */

* html .menu ul ul a, * html .menu ul ul a:visited {width:130px;w\idth:108px;}/*150 & 128 */



/* style the top level hover */

.menu a:hover{color:#5d5d5d; background:#fff;}

.menu :hover > a{color:#5d5d5d; background:#fff;}

.menu ul ul a:hover{color:#5d5d5d; background:#ddd;}

.menu ul ul :hover > a {color:#5d5d5d; background:#ddd;}



/* 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;}



h5 

{

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12pt;

	color: #999999;

	padding-top: 0px;

	padding-bottom: 0px;

}



h1 { 

font-family: Arial, Helvetica, sans-serif;

font-size: 13px; 

font-weight: 550; 

color: #6f6f6f; 

} 







.BodyText {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: rgb(130,130,130); 

	text-decoration: none 

}



.BodyTextLink {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: #666666; 

	text-decoration: none 

}



.BodyTextLink:Hover {  

	font-family: Arial, Helvetica; 

	font-size: 10px; 

	font-weight: normal; 

	color: #666666; 

	text-decoration: underline 

}

.specsHeading{

	font-family: Arial, Helvetica, sans-serif;

	text-transform: none;

	font-weight: bold;

	font-size : 12px;

	font-variant: normal;

	color: #666666

}

.specsHeading1{

	font-family: Arial, Helvetica, sans-serif;

	text-transform: none;

	font-weight: bold;

	font-size : 14px;

	font-variant: normal;

	color: #666666

}

.BodyTitle {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: none 

}

.BodyTitleLink {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: none 

}

.BodyTitleLink:Hover {  

	font-family: Arial, Helvetica; 

	font-size: 12px; 

	font-style: normal; 

	font-weight: bold; 

	color: #666666;

	text-decoration: underline 

}

.Link {  

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666;

	text-decoration: none

}

.Link:Hover {  

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #666666; 

	text-decoration: underline 

}

.roundcont {
	width: 100%;
	background-color: #DDDDDD;
	color: #000000;
}

.roundcont p {
	margin: 0 10px;
}

.roundtop { 
	background: url(images/tr1.gif) no-repeat top right; 
}

.roundbottom {
	background: url(images/br1.gif) no-repeat top right; 
}

img.corner {
   width: 25px;
   height: 25px;
   border: none;
   display: block;
}