﻿/* Elements */
html, body 
{
	background-color: #ffffff;
	height: 100%;
	margin: 0 auto;
	padding: 0px;
	color: #333333;
	text-align: center; 
	font-family: Calibri, Verdana, Arial;
	font-size: 10pt;
}

h1 {font-size: 13pt; font-weight: normal; color: #4d4d4d; margin-bottom: 20px; text-align: center;}
h2 {font-size: 11pt; font-weight: normal; margin-top: 10px; margin-bottom: 0px;}
h3 {font-size: 10pt; font-weight: bold; color: #ed1c2e; margin-bottom: 5px;}

/* Element Ids */

#outerwrapper 
{
    position: relative;
    width: 1018px;
    margin:0 auto; /* for the rest */ 
    margin-top: 10px;
    padding-bottom: 30px;
    padding-top: 8px;
    text-align: left;
}

#innerwrapper 
{
	width: 891px;
	position: relative;
	padding: 0;
}
#fastscrollright 
{
    position: absolute; 
    right: 3px;
    top: 318px;
    text-align: left;
}
#fastscrolltoggle 
{
    background: #ffffff url('../../images/close1.png') no-repeat;
    width: 120px;
    height: 18px;
    text-align: center;
    padding: 5px;
}
#fastscrolltoggle a
{
    text-decoration: none;
    color: #000;
}
#fastscrolltoggle a:hover
{
    color: #b5121b;
}
#fastscrollright img
{
    cursor: pointer;
}
#fastscrollrightlines 
{
    background: #ffffff url('../../images/fastscrollrightlines.png') no-repeat;
    background-position: right top;
    width: 125px;
    height: 163px;
    padding: 0px 0px 0 0;
    font-weight: bold;
    font-size: 10pt;
}
#header 
{
    position: relative;
    height: 38px;
    margin: 0px;
    padding: 0px;
}
#headerlogo 
{
    padding-left: 30px;
    padding-top: 10px;
    height: 285px;
}
#headermenutop
{
	background-image:url('../../images/headermenutop-bg.png');
	background-repeat: repeat-x;
	height: 20px;
	text-align: left;
	padding-left: 200px;
	margin-right: 0px;
	width: 888px;
}
#headermenubottom
{
	position:relative;
	background-image: url('../../images/headermenubottom-bg.png');
	background-repeat: repeat-x;
	height: 18px;
	text-align: left;
	padding-left: 200px;
	margin-right: 0px;
	z-index:999;
	width: 888px;
}

#titlecontainer {
	margin-top: -10px;
	padding: 0 40px 0 20px;
}
#main
{
	min-height: 650px;
	background-color: #ffffff;
	border-bottom: 2px #808080 solid;
	margin: 0;
	height: 595px;
}
#mainright 
{
	width: 685px;
	min-height: 650px;
	margin-left: 180px;
	position: relative;
	left: -3px;
}

#topimages 
{
    height: 262px;
}
#newstickercontainer
{
	height: 23px;
	background-color: #cccccc;
	padding-left: 15px;
	padding-top: 4px;
}
#rssfeedlink 
{
    margin: 5px 5px 0 0;
    float: right;
}
#mainleft 
{
    float: left;
    color: #333333;
    width: 203px;
    padding-top: 0px;
    background-color: #cccccc;
}
#mainmenu 
{
    background: #cccccc url('../../images/mainmenuborderleft.png') no-repeat;
    width: 203px;
    min-height: 257px;
    padding-top: 5px;
}
#newstitle 
{
    background: #cccccc url('../../images/newstitlebg.png') no-repeat;
    background-position: right top;
    padding: 3px 8px 5px 2px;
    height: 15px;
    width: 193px;
    text-align: right;
    clear: both;
    font-weight: bold;
}
#fastscrollleft
{
    margin-top: 1px;
}
#fastscrollleft img
{
    cursor: pointer;
}
#fastscrollleftlines 
{
    text-align: right;
    background: #cccccc url('../../images/fastscrollleftlines.png') no-repeat;
    background-position: right top;
    width: 139px;
    height: 110px;
    padding: 45px 10px 0 0;
	font-weight: bold;
	font-size: 10pt;
	float: left;
}
#search 
{
        margin-top: -3px;
    padding: 10px 10px 0 20px;
    background: #ffffff url('../../images/searchbg.png') no-repeat;
    width: 173px;
    height: 154px;
    color: #4d4d4d;
}
#searchtitle 
{
   color: #ffffff;
   font-size: 11pt;
   margin-bottom: 5px;
}
#search input
{
    width: 155px;
}
#searchbutton
{
    text-align: right;
    padding-right: 20px;
}
#contactdetails 
{
    margin-top: 60px;
}
#contactdetails p
{
    margin-top: -4px;
}
#productfastscrollitems 
{
	margin-top: 0px;
	margin-bottom: 0px;
	height: 108px;
	background-color: #FFFFFF;
	padding-right: 0px;
}
#content 
{
	margin-top: 0px;
	padding: 5px 10px 30px 30px;
	line-height: 2;
	font-size: 12px;
}
#productrelatedproducts 
{
    float: right;
    width : 150px;
    margin-left: 10px;
    margin-top: -6px;
}
#relatedproductstab 
{
    background-image: url('../../images/relatedtabbg.png');
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    height: 22px;
    padding-top: 0px;
    margin-left: 10px;
    margin-top: 1px;
}
.relatedproducts
{
    margin-left:30px;
  
}

.relatedproducts li
{
    list-style-type: none;
    margin-bottom: 3px;    
}
.relatedproducts img
{  border:1px solid #cccccc}
#productcontent 
{
	margin-right: 155px;
	border-right: solid 1px #cccccc;
	padding-right: 15px;
	min-height: 500px;
}
#staticcontent 
{
    margin-right: 155px;
    padding-right: 15px;
    min-height: 500px;
}
#footer 
{
    text-align: center;
}
#footer, #footer a.grey 
{
    color: #666666;
    text-decoration: none;
    font-size: 10pt;
}

#slideshow {
    position:relative;
    height:262px;
}

#slideshow IMG {
    position:absolute;
    top:0px;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Classes */
.menu ul
{
	font-family: Calibri, Verdana, Arial;
	margin-left: 0px;
	padding-top: 5px;
	padding-bottom: 0px;
	margin-bottom:4px
}
.menu li
{
    list-style-type: none;
    display: inline;
}
.menu li a
{
    padding: 0 8px 1px 8px;
    font-size: 10pt;
    border-right: solid 1px #b5121b;
    color: #4d4d4d;
    text-decoration: none;
}
.menu li a:hover
{
    color: #b5121b;
}

.menu li a.enditem, #headermenubottom.menu>li a.enditem
{
	border-right: none;
}
#headermenubottom.menu + ul li a
{
    padding: 0 8px 1px 8px;
    font-size: 10pt;
    border-right: solid 1px #fff;
    color: #4d4d4d;
    text-decoration: none;
}
#headermenubottom.menu + ul li a:hover
{
    color: #b5121b;
}


.mainmenu ul
{
    font-family: Calibri, Verdana, Arial;
    margin-left: -40px;
	
}
.mainmenu li
{
    list-style-type: none;
    display: block;
    padding: 2px 8px 0px 10px;
    background-image: url('../../images/mainmenuitembgoff.png');
    background-repeat: no-repeat;
    background-position: left center;
}
.mainmenu li.selected
{
    background-image: url('../../images/mainmenuitembgon.png');
}
.mainmenu li a
{
    height: 18px;
    font-size: 9pt;
    color: #333333;
    text-decoration: none;
}
.mainmenutitle 
{
    font-weight: bold;
    margin-left: 38px;
}
.newsticker {
	list-style-type: none;
	padding: 3px;
	margin: 0;
	color: #505052;
	text-decoration: none;
	display: none;
}
.newsticker a
{
    color: #505052;
	text-decoration: none;
}
.producttabs 
{
    margin: 0px 0px 0, 0px;
    height: 18px;
    padding-top: 1px;
    background-image: url('../../images/producttabsbg01.png');
    background-position: right bottom;
    background-repeat: no-repeat;
}
.producttabs ul
{
	margin: 0;
	height: 18px;
	width: 100%;
	text-align: right;
}
.producttabs li
{
    display: inline;
    list-style-type: none;
    margin-right: 60px;
}
.producttabs li.startitem
{
}
.producttabs li.enditem
{
    margin-right: 30px;
}
.producttabs a 
{
    text-decoration: none;
    color: #666666;
    margin-top: 5px;
}

.linkbuttonwhitegreen 
{
    color: #ffffff;
    font-size: 9pt;
    text-decoration: none;
}
.linkbuttonwhitegreen:hover
{
    color: #e0db00;
}
.bold 
{
	font-weight: bold;
	font-size: 14px;
}
.bigcontentheading 
{
    font-size: 14pt;
}
.hidden 
{
    display: none;
}
.form 
{
    margin-top: 20px;
}
.form select 
{
    width: 205px;
}
.form input[type=text]
{
    width: 200px;
}
.form textarea
{
    width: 200px;
    height: 100px;
}
.form td 
{
    vertical-align: top;
}
.large 
{
    font-size: 18px;
}
.result 
{
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
#distributorsearch 
{
    text-align: center;
    width: 100%;
    margin-top: 20px;
}
#distributorsearch table
{
    text-align: left;
    width: 400px;
}
#distributorsearch td
{
    padding: 5px;
}
.margintop
{
    margin-top: 20px;
}

#largeimage 
{
    float: left;
    width: 513px;
}
#thumbs 
{
    margin-left: 515px;
    cursor: pointer;
}
.newsitem 
{
    margin-bottom: 10px;
}
.newsheading 
{
    font-weight: bold;
}
.newsdate 
{
    color: #b5121b;
}
.login {
    text-align: left;
}
.login input[type=text], .login input[type=password] {
    width: 200px;
}
.searchresultitem {
    font-size: 11pt;
    padding: 10px;
    border-bottom: solid 1px #eee;
}
#content p{margin-bottom:0px;}

a:link {
	color:#7F7F7F;
	text-decoration:none;
	font-size: 12px;
} 
a:active {color:#000000; text-decoration:none;}
a:visited {color:#7F7F7F; text-decoration:none;}
a:hover {color:#000000; text-decoration:none;}

.b3:active {color:#FF0000; text-decoration:none;}
.b3:link {color:#CC3300; text-decoration:none;} 
.b3:visited {color:#CC3300; text-decoration:none;}
.b3:hover {color:#FF0000; text-decoration:none;}
.color03 { font: 18px Britannic bold; color:#CC3300}


.rollBox{
	width:685px;
	overflow:hidden;
	padding:0;
	height: 108px;
} 
.rollBox .Cont{
	width:685px;
	overflow:hidden;
	float:left;
	height: 110px;
} 
.rollBox .ScrCont{width:10000000px;} 
.rollBox .Cont .pic{
	width:137px;
	float:left;
	text-align:center;
	background-color: #FFFFFF;
	height: 108px;
} 
.rollBox .Cont .pic img{
	padding:0px;
	background:#FFFFFFFF;
	display:block;
	margin: 2px,0px,2px,2px;
	border: 1px solid #ccc;
} 
.rollBox .Cont .pic a:hover img{
	border: 1px solid #CC3300;
} 
.rollBox .Cont .pic p{line-height:26px;color:#505050;} 
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;} 
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;} 
.rollBox #List1,.rollBox #List2{float:left;} 
 
table{font: 12px 'arial','Lucida Grande','Lucida Sans Unicode','verdana','sans-serif';}
TD {
	FONT-SIZE: 12px; 
}
.table-line {
	BORDER-COLLAPSE: collapse
}
.pad-left {
	PADDING-LEFT: 20px
}
.px12 {
	FONT-SIZE: 12px
}
a:link {color:#7F7F7F; text-decoration:none;} 
a:active {color:#000000; text-decoration:none;}
a:visited {color:#7F7F7F; text-decoration:none;}
a:hover {
	color:#b5121b;
	text-decoration:none;
}

.b2:active {color:#F66403; text-decoration:none;}
.b2:link {color:#7F7F7F; text-decoration:none;} 
.b2:visited {color:#7F7F7F; text-decoration:none;}
.b2:hover {color:#F66403; text-decoration:none;}

.b3:active {color:#FF0000; text-decoration:none;}
.b3:link {color:#CC3300; text-decoration:none;} 
.b3:visited {color:#CC3300; text-decoration:none;}
.b3:hover {color:#FF0000; text-decoration:none;}

.b4:active {color:#049ff1; text-decoration:none;}
.b4:link {color:#7F7F7F; text-decoration:none;} 
.b4:visited {color:#7F7F7F; text-decoration:none;}
.b4:hover {color:#049ff1; text-decoration:none;}

li {
	MARGIN-TOP:3px; LIST-STYLE-TYPE: square
}
.li01 {
	COLOR: #990000
}

.li02 { color:#666666; padding-bottom:7px; }

.newc {
	width:146px;
	text-align:left;
	line-height:20px;
	padding-left:8px;
}

.severs01 {
		padding-top:11px; padding-left:10px; padding-bottom:3px; color:#CC3300; 
}

.severs02 {
	width:154px;
	text-align:left;
	line-height:18px;
	padding-left:10px
}

.severs04 {
FONT: 8pt 'tahoma', 'arial', 'helvetica', 'sans-serif';
	width:154px;
	text-align:left;
	line-height:16px;
	padding-left:10px
}
.severs05 {
		padding-top:10px; padding-left:10px; padding-bottom:3px; color:#CC3300; 
}
.severs03 {
	padding-top:5px; padding-left:10px; padding-bottom:10px; line-height:20px; word-spacing: 0.6 em;
}
.fang {	font-weight: bold; color: #030999; font: 10px "Arial", "Helvetica", "sans-serif";}

.bword01 {
	padding-bottom:10px;font-weight: bold
}

.bword {
		padding-bottom:10px; color:#666666; font-weight: bold; font-size: 10.5pt;
}

.bword2 {font-size: 14px;
	line-height: 24px;
	text-align:left;
padding-bottom:10px; 
}

.bword03 {
	line-height: 22px;
}

.bword04 {
	line-height: 18px; COLOR: #049ff1
}
.bword05 {
	line-height: 18px;padding-right:10px; color:#7F7F7F
}
.bword06 {
	line-height: 20px;
}
.bword07 {
	line-height: 15px; padding-bottom:10px
}
.font01 {font-size: 14px;line-height: 150%;font-weight: bold; padding-bottom:5px}
.font02 {font-size: 0px; color:#FFFFFF}
.color01 { color:#acacac }
.color02 { color:#CC3300 }
.color03 { font: 18px Britannic bold; color:#CC3300}
.color04 { color:#7F7F7F; padding-TOP:3px;}
