@charset "utf-8";

* { margin: 0; padding: 0; outline: none; line-height: normal; }
body { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background: #fff; }
a { color: #C30B13; text-decoration: none; }
a:hover { cursor: pointer; text-decoration: underline; }
p, li { font-size: 1.2em; clear: none; margin: 10px 0; color: #333; line-height: 1.4em;}
li li { font-size: 100%; }
p {}
li p { font-size: 100%; }
ul, ol { margin: 15px 0 20px 28px; padding: 0; }
em { }
p strong { color: #111; }
h1,h2,h3,h4,h5,h6 { letter-spacing: -1px; clear: both; margin: 0 0 10px 0; font-family: "Century Gothic", Arial, Helvetica, sans-serif; font-weight: normal; color: #000; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.6em; letter-spacing: 0px; }
h5 { font-size: 1.5em; letter-spacing: 0px; }
h6 { font-size: 1.3em; letter-spacing: 0px; }
address { font-size: 1.2em; font-style: normal; color: #111; }
pre { font-size: 1.4em; }
p.table{
		width: 80%;
}

span.yes{
		color:#4bb97c;
}

span.no{
		color:#c62226;
}

table { 
        width: 80%;
        margin: 0;
        background: #FFFFFF;
        border: 2px solid #333333;
        border-collapse: collapse;
		font-size: 1.2em;
}



td {
        border-bottom: 1px solid #333333;
        padding: 6px 16px;
        text-align: center;
        border: 1px solid black;
		font-size: 1.2em;
}

td.left{
		text-align:left;
		font-size: 1.2em;
}

th {
	font-weight : bold 500;
	padding: 6px 16px;
        background: #dfdfdf;
	border: 2px solid black;
	font-size: 1.2em;
}

tr.r0 td {
		background-color: #dfdfdf;
		text-align: center;
		font-size: 1.2em;
}

tr.r1 td {
		background-color: #FFFFFF;
		text-align: center;
		font-size: 1.2em;
}

table.rpb tr td {
	text-align: left;
}

img.no-border {
		border:0;
}

.leftPad { padding-left: 80px!important; }
.hidden { display: none; }
.imgLeft { float: left; margin: 0; padding: 0 15px 15px 0; }
.imgRight { float: right; margin: 0; padding: 0 0 15px 15px; }

#columns {        width: 400px;    }    #columns .column {        position: relative;        width: 46%;        padding: 1%;        border: solid 1px #000;    }    #columns .left {        float: left;    }    #columns .right {        float: right;    }

#btnGetInTouch { display: block; width: 161px; height: 35px; text-indent: -9999em; background: transparent url("/assets/graphics/sprite.png") 0 -178px no-repeat; }
#btnMoreCat { display: block; width: 116px; height: 30px; text-indent: -9999em; background: transparent url("/assets/graphics/sprite.png") 0 -78px no-repeat; }

#container { width: 900px; margin: 0 auto; padding: 0; background: #eee; border-top: 5px solid #000; }

#header { float: left; clear: both; width: 900px; margin: 0; padding: 20px 0 20px 0; background: #fff; }
#header h2 { float: left; clear: none; margin: 0!important; padding: 0 0 10px 0!important; background:transparent!important; }
#header p { float: left; clear: left; margin: 0!important; padding: 0!important; color: #B7B7B7; font-size: 1.1em;}
#header p a { color: #B7B7B7; text-decoration: underline; }
#header p a:hover { color: #666; text-decoration: underline; }
#header p img { margin: 0; padding: 2px 5px 0 0; float: left; }

#logo { float: right; clear: none; width: 250px; height: 58px; margin: 0; padding: 0; background: transparent url("/assets/graphics/sprite.png") 0 0 no-repeat; } 
#logo a { display: block; width: 250px; height: 58px; margin: 0; padding: 0; background: transparent; text-indent: -99999em; } 

#nav { float: left; clear: both; width: 900px; margin: 0 0 15px 0; padding: 0; background: #333; list-style: none; }
#nav li { font-family: "Century Gothic", Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: bold; float: left; clear: none; font-size: 1.8em; width: auto; margin: 0; padding: 0; color: #fff; list-style: none; }
#nav li a { float: left; display: block; width: auto; margin: 0; padding: 12px 0 12px 0; text-align: center; color: #fff; text-decoration: none; border-right: 2px solid #fff; }
#nav li a:hover { background: #DB3337 url("/assets/graphics/sprite.png") 0 -233px no-repeat!important; }
#nav li.current a, #nav li.current a:hover { background: #DB3337 url("/assets/graphics/sprite.png") 0 -233px no-repeat!important; }
#nav a.last { }

#nav li.item1 a { width: 125px; }
#nav li.item2 a { width: 172px; }
#nav li.item3 a { width: 189px; }
#nav li.item4 a { width: 172px; }
#nav li.item5 a { width: 145px; }
#nav li.item6 a { width: 125px; }
#nav li.item7 a { width: 151px; border: 0; }

#sideNav { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; }
#sideNav li { text-transform: capitalize; float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; font-size: 1.5em; letter-spacing: -1px; font-weight: bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
#sideNav li a { display: block; width: 140px; margin: 0; padding: 5px 0; background: transparent; border-top: 1px solid #ccc; }

#sideNav li ul { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; }
#sideNav li ul li { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; font-size: 0.8em!important; letter-spacing: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#sideNav li ul li a { border-top: 1px solid #333; }

#sideNav li ul ul { background: #E8E8E8; }
#sideNav li ul ul li { font-size: 1.0em!important; }
#sideNav li ul ul li a { width: 125px; padding: 5px 0 5px 15px; border-top: 1px dotted #999; }
#sideNav li ul ul li ul li { font-size: 0.9em!important; }
#sideNav li ul ul li ul li a { width: 115px; padding: 5px 0 5px 25px; border-top: 1px dotted #999; }

#sideNav li.current a { color: #000; }

#sideNav li ul { display: none!important; }
#sideNav li.current ul { display: block!important; }
#sideNav li.current ul li ul { display: none!important; }
#sideNav li.current ul li.current ul { display: block!important; }

#sideNav li.current ul li.current ul li ul { display: none!important; }
#sideNav li.current ul li.current ul li.current ul { display: block!important; }

#contactSideNav { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; }
#contactSideNav li { text-transform: capitalize; float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; font-size: 1.5em; letter-spacing: -1px; font-weight: bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
#contactSideNav li a { display: block; width: 140px; margin: 0; padding: 5px 0; background: transparent; border-top: 1px solid #ccc; }

#contactSideNav li ul { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; }
#contactSideNav li ul li { float: left; clear: both; width: 140px; margin: 0; padding: 0; background: transparent; list-style: none; font-size: 0.8em!important; letter-spacing: normal; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
#contactSideNav li ul li a { border-top: 1px solid #333; }

#contactSideNav li ul ul { background: #E8E8E8; }
#contactSideNav li ul ul li { font-size: 1.0em!important; }
#contactSideNav li ul ul li a { width: 125px; padding: 5px 0 5px 15px; border-top: 1px dotted #999; }
#contactSideNav li ul ul li ul li { font-size: 0.9em!important; }
#contactSideNav li ul ul li ul li a { width: 115px; padding: 5px 0 5px 25px; border-top: 1px dotted #999; }


#contactSideNav li ul li a { color: #000; }

#contactSideNav li ul { display: block; }
#contactSideNav li.current ul { display: block!important; }
#contactSideNav li.current ul li ul { display: block; }
#contactSideNav li.current ul li.current ul { display: block!important; }

#contactSideNav li.current ul li.current ul li ul { display: none!important; }
#contactSideNav li.current ul li.current ul li.current ul { display: block!important; }

#banner { float: left; clear: both; width: 900px; margin: 0 0 20px 0; padding: 0; background: #fff; }
#bannerImage { float: left; clear: none; width: 700px; height: 300px; margin: 0; padding: 0; background: #fff; }
#bannerPanel { float: left; clear: none; width: 165px; height: 285px; margin: 0; padding: 15px 17px 0 17px; background: #333; border-left: 1px solid; }
#bannerPanel h3 strong { color: #fff!important; }
#bannerPanel p, #bannerPanel p strong { color: #b7b7b7!important; }

#content { float: left; clear: both; width: 900px; margin: 0 0 10px 0; padding: 0 0 20px 0; background: #fff; }

#accordion { float: left; clear: both; width: 900px; margin: 0; padding: 0 0 0 0; background: #fff; border-top: 1px solid #000; }
#accordion h2 { float: left; clear: both; width: 860px; margin: 0; padding: 10px 20px 10px 20px; border-bottom: 1px solid #000; cursor: pointer; border-top: 1px solid #fff; }
#accordion h2 strong { display: block; float: left; width: 225px;color: #C30B13; font-weight: bold; }
#accordion h2 span { color: #333; font-weight: normal; font-size: 60%; letter-spacing: normal; font-family: Arial, Helvetica, sans-serif!important; vertical-align: middle; }
#accordion .ui-state-active { color: #000; border: 0; border-top: 1px solid #000; background: #eee; }
#accordion .ui-state-active strong { color: #000; }
#accordion .ui-state-active span { display: none; }
.accordionContent { float: left; clear: both; width: 900px; margin: 0; padding: 0; background: #fff; }
.accordionContent h2 { cursor: auto!important; width: auto!important; border: 0!important; padding: 0!important; margin: 0 0 10px 0!important; }
.accordionContent h2 strong { color: #000000!important; }
.accordionContent h2 span { font-size: 100%!important; }
.accordionContentInner { float: left; clear: both; width: 860px; margin: 0; padding: 0 20px 5px 20px; background: #eee; border-bottom: 1px solid #000; }
.accordionContentInner p { width: 690px; }

#footer { float: left; clear: both; width: 900px; margin: 0; padding: 0; background: #E6E6E6; border-top: 3px solid #000; }
#footerHigh { float: left; clear: both; width: 860px; margin: 0; padding: 15px 0 0 20px; background: transparent; }
#footerLow { float: left; clear: both; width: 860px; margin: 0; padding: 12px 20px; background: #000; border-top: 1px solid #fff;}
#footerLow p { float: left; clear: none; margin: 0; padding: 0; color: #fff; font-size: 1.1em; }
#footerLow ul { float: right; clear: none; margin: 0; padding: 0; list-style: none; }
#footerLow ul li { float: left; clear: none; color: #fff; margin: 0; padding: 0; list-style: none; font-size: 1.1em; font-weight: bold;  }
#footerLow ul li a { color: #fff; padding: 0 5px; margin: 0; }

.footerRow { float: left; clear: both; width: 880px; margin: 0; padding: 0 0 15px 0; background: transparent; }
.module { float: left; clear: none; width: 157px; margin: 0; padding: 0 15px 0 0; background: transparent; }
.module p { margin: 0; padding: 0; }
.module h6 { color: #555; }
.module img { /* border-right: 1px solid #666; */ }
.module .last { border: 0; }

.moduleWide { float: left; clear: none; width: 625px; margin: 0; padding: 0; background: transparent; }

#credit { width:183px;height: 15px;color: #333; margin: 0; padding: 10px 0 40px 20px; font-size: 1.1em; }
#credit a { color: #000; text-decoration: underline; }

#topStrip { float: left; clear: both; width: 900px; margin: 0; padding: 0 0 10px 0; background: #fff; }
#topStrip h3 { margin: 0; padding: 0; }
#topStrip p { font-size: 1.4em; margin: 0; padding: 0; color: #666; font-style: italic; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }

#colLeft { float: left; clear: none; width: 140px; margin: 0; padding: 10px 0 10px 0; background: #fff; border-top: 2px solid #000; }
#colCenter { position: relative; float: left; clear: none; width: 520px; margin: 0 20px 0 20px; padding: 10px 0 10px 0; background: #fff; border-top: 2px solid #000; }
#colRight { float: left; clear: none; width: 200px; margin: 0; padding: 10px 0 10px 0; background: #fff; border-top: 2px solid #000; }
#colInnerLeft { float: left; clear: none; width: 260px; margin: 0; padding: 0px 0 0px 0; background: #fff; }
#colInnerRight { float: left; clear: none; width: 260px; margin: 0; padding: 0px 0 0px 0; background: #fff; }
#colCenterAndRight { position: relative; float: left; clear: none; width: 720px; margin: 0 20px 0 20px; padding: 10px 0 10px 0; background: #fff; border-top: 2px solid #000; }

#colCenterCat { position: relative; float: left; clear: none; width: 520px; margin: 0 20px 0 20px; padding:  0 0 10px 0; background: #E6E6E6; border-top: 2px solid #000; }

#intro { float: left; clear: none; width: 520px; margin: 0 0 15px 0; padding: 0 0 5px 0; background: #fff; border-bottom: 1px solid #ccc; }
#intro p { font-size: 1.5em; color: #666; font-weight: bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }
#introCenterAndRight { float: left; clear: none; width: 520px; margin: 0 0 15px 0; padding: 0 0 5px 0; background: #fff; border-bottom: 1px solid #ccc; }

#introCat { float: left; clear: none; width: 480px; margin: 0; padding: 10px 20px 5px 20px; background: transparent; border-top: 15px solid #fff; }
#introCat p { width: 355px; font-size: 1.5em; color: #666; font-weight: bold; font-family: "Century Gothic", Arial, Helvetica, sans-serif; }

#bodyCat { float: left; clear: both; width: 480px; margin: 0 20px; padding: 10px 0; background: transparent;  border-top: 1px solid #ccc; }

p.firstParagraph { font-size: 1.5em!important; padding: 0 0 10px 0!important; margin: 0 0 15px 0!important; color: #666!important; font-weight: bold!important; font-family: "Century Gothic", Arial, Helvetica, sans-serif!important; border-bottom: 1px solid #ccc!important; }

#panelHelp { float: left; clear: both; width: 166px; margin: 0 0 15px 0; padding: 15px 17px 5px 17px; background: #333; }
#panelHelp h3 { color: #fff; letter-spacing: -1px; }
#panelHelp strong { color: #fff!important; }
#panelHelp p { color: #b7b7b7; }

#panelCat { position: relative; float: left; clear: both; width: 166px; margin: 0 0 15px 0; padding: 15px 17px 5px 17px; background: #E6E6E6; }
#panelCat h3 { color: #C30B13; letter-spacing: -2px; border-bottom: 2px solid #000; padding: 0 0 5px 0; }
#panelCat p { color: #333; }

#catLogoSmall { position: absolute; top: -10px; right: -25px; width: 110px; height: 107px; margin: 0; padding: 0; background: transparent url("/assets/graphics/sprite.png") 0 -525px no-repeat; }
#catLogoBig { position: absolute; top: -25px; right: -10px; width: 150px; height: 150px; margin: 0; padding: 0; background: transparent url("/assets/graphics/sprite.png") 0 -354px no-repeat; }

#panelDownloads { float: left; clear: both; width: 166px; margin: 0 0 15px 0; padding: 0 17px 5px 17px; background: #fff; }
#panelDownloads h3 { color: #C30B13; letter-spacing: -2px; border-bottom: 2px solid #000; padding: 0 0 5px 0; }
#panelDownloads p { color: #333; }
#panelDownloads ul { float: left; clear: both; margin: 0; padding: 0; }
#panelDownloads ul li { list-style: none; margin: 0; padding: 0 0 7px 0; }

.item { float: left; clear: none; width: 520px; margin: 0; padding: 10px 0 10px 0; background: #fff; border-top: 1px solid #ccc; }

#jflow2 { position: relative; float: left; clear: both; width: 860px; margin: 0; padding: 0; background: transparent;overflow: hidden; }
#jflow1 { position: relative; float: left; clear: both; width: 860px; margin: 0; padding: 0; background: transparent; overflow: hidden;}
#slides2 { float: left; clear: both; width: 860px; margin: 0; padding: 0; background: transparent; overflow: hidden; }
#slides1 { float: left; clear: both; width: 860px; margin: 0; padding: 0; background: transparent; overflow: hidden; }
.slide { float: left; width: 860px; margin: 0; padding: 0; background: transparent; overflow: hidden;}

#slideController1 { position: absolute; top: 0; right: 0; background: transparent; }
#slideController2 { position: absolute; top: 0; right: 0; background: transparent; }

.jFlowControl1 { display: block; float: left; width: 8px; height: 8px; background: transparent url("/assets/graphics/bullets.jpg") -8px 0 no-repeat; margin: 6px 3px 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowControl2 { display: block; float: left; width: 8px; height: 8px; background: transparent url("/assets/graphics/bullets.jpg") -8px 0 no-repeat; margin: 6px 3px 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowSelected1 { background: transparent url("/assets/graphics/bullets.jpg") 0 0 no-repeat; }
.jFlowSelected2 { background: transparent url("/assets/graphics/bullets.jpg") 0 0 no-repeat; }

.jFlowPrev1 { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") 0 0 no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowPrev2{ display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") 0 0 no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowNext1{ display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") -20px 0 no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowNext2 { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") -20px 0 no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowPrev1:hover { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") 0 -20px no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowNext1:hover { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") -20px -20px no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowPrev2:hover { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") 0 -20px no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}
.jFlowNext2:hover { display: block; float: left; width: 20px; height: 20px; background: transparent url("/assets/graphics/buttons.jpg") -20px -20px no-repeat; margin: 0 3px; padding: 0; cursor: pointer; text-indent: -9999em;}

