﻿html 
{ 
	overflow-y: scroll;
    overflow-x: hidden;
}

html 
{ 
	overflow: -moz-scrollbars-vertical; 
}

body
{
	padding: 0px;
	margin: 0px;
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	text-align: center;
	color: #000000;
	background-color: #90949A;
}

#workingSpace
{
	background-position: top;
	width: 997px;
	height: 676px;
	background: url(../Images/nspace_bg.gif);
	background-repeat: repeat-x;
	background-color: #676666;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-radius-bottomleft: 10px;
    -khtml-border-radius-bottomleft: 10px;
    border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-radius-bottomright: 10px;
    -khtml-border-radius-bottomright: 10px;
    border-radius-bottomright: 10px;
}

#topBar
{
	height:34px;
	width:997px;
	padding: 0px;
	
}

#secondBar
{
	background-position: 107px;
	height: 114px;
	width: 997px;
	padding: 0px;
	background-image: url(  '../Images/header.gif' );
	background-repeat: no-repeat;
}

#logo
{
	height: 114px;
	width: 286px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	vertical-align: top;
	margin-top:0px;
	margin-right:50px;		
	background-image: url('../Images/logo.gif');
	background-repeat:no-repeat;
	float:right;
}

#header2
{
	margin-left:auto;
	margin-right:auto;
	height: 29px;
	width: 129px;
	background-image: url( '../Images/header_2.gif' );
	background-repeat: no-repeat;
	margin-top: 0px;
}

#thirdBar
{
	background-position: 352px;
	height: 51px;
	width: 993px;
	padding: 0px;
	background-image: url( '../Images/b_nav_r.gif' );
	background-repeat: no-repeat;
	
}

#breadcrumbs
{
	text-align: left;
	padding-top: 20px;
	padding-left: 5px;
	color: #FFFFFF;
}

#breadcrumbs a
{	
	color: #ffffff;
	font-weight: normal;
}


#navContent
{
	width: 183px;
	height: 200px;
	padding: 10px;
	border: solid 1px #CCCCCC;
	float: left;
	margin-left: 20px;
	margin-top: 6px;
	background-color: #0F202F;
	text-align:left;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#navContent a
{
	height: 20px;
	width:200px;
	background-position: left center;
	font-weight: bold;
	font-family: arial,verdana, helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 11px;
	background-image: url(  '../Images/red_ball.gif' );
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-top: 7px;
	vertical-align:top;
	float: left;
}

#content
{
	width:770px;
	padding: 0px;
	float: right;
}
input, textarea, select
{
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #333333;
}

a
{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

a:hover
{
	
	text-decoration: underline;
}

h1
{
	height: 22px;
	background-position: left center;
	font-weight: bold;
	font-family: arial,verdana, helvetica, sans-serif;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 14px;
	background-image: url(  '../Images/arrow.gif' );
	background-repeat: no-repeat;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 0px;
	vertical-align:top;
}

h2
{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}
.header3
{
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}

.smallText
{
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	font-size: 9px;
}



#top_image
{
	height: 90px;
	width: 1003px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	background-image: url('../Images/FrontEnd/top_image.jpg');
	background-repeat:no-repeat;
}

#footer
{
	width: 997px;
	height: 30px;
	color: #000000;
	font-size: 9px;
	font-family: verdana;
	text-align: center;	
	vertical-align:bottom;
	padding-top: 15px;
	padding-bottom: 0px;
}

#leftContent
{
	float: left;
	margin-left: 15px;
	margin-right: 7px;
	margin-top: 6px;
	vertical-align: top;
	width: 428px;
	height: 349px;
	position: relative;
	text-align: justify;
	padding: 20px;
	border: solid 1px #CCCCCC;
	background-color: #C7C5C6;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftTopContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:6px;	
	vertical-align:top;
	width:730px;
	height:75px;
	border: solid 1px #CCCCCC;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftMiddleContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:8px;
	vertical-align:bottom;
	width:730px;
	height:15px;
	padding-bottom:10px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftBottomContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:8px;
	vertical-align:top;
	width:730px;
	height:270px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#leftContent2Thirds
{
	float:left;
	margin-left:28px;
	margin-right:0px;
	margin-top:6px;
	vertical-align:top;
	width:730px;
	height:389px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#middleContent
{
	float: left;
	margin-top: 6px;
	vertical-align: top;
	width: 253px;
	height: 389px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightTopContent
{
	float:left;
	margin-left:8px;
	margin-top:6px;
	vertical-align:top;
	width:232px;
	height:192px;
	border: solid 1px #CCCCCC;	
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightBottomContent
{
	float: left;
	margin-left: 8px;
	margin-top: 7px;
	vertical-align: top;
	width: 232px;
	height: 188px;
	border: solid 1px #CCCCCC;
	position: relative;
	background-color: #B6B4B5;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightMiddleContent
{
	float:left;
	margin-left:8px;
	margin-top:7px;
	vertical-align:top;
	width:232px;
	height:40px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightBottomContent2
{
	float:left;
	margin-left:8px;
	margin-top:7px;
	vertical-align:top;
	width:232px;
	height:139px;
	border: solid 1px #CCCCCC;
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}

#rightContent
{
	float:left;
	margin-left:8px;
	margin-top:6px;
	vertical-align:top;
	width:232px;
	height:390px;
	border: solid 1px #CCCCCC;	
	position: relative;
	-moz-border-radius: 10; 
	-webkit-border-radius: 10px; 
	-khtml-border-radius: 10px;   
	border-radius: 10px;
}


#breadcrumbs a
{	
	color: #285397;
	font-weight: normal;
}

#pageMenu
{
	width:145px;
	height:380px;
	float:left;
	text-align:left;
}

.successText
{
	color: #006600;
	
}

.errorText
{
	color: #800000;
	
}

#formBody
{
	padding: 0px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #000000;
}

#formBody input, select, textarea
{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #000000;
	
}


.button
{
	padding: 1px;
	margin: 1px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	color: #111111;
	border: 1px solid #003399;
	
	width: 75px;
	cursor: pointer;
}

#formBody .formRowHeader
{
	text-align: right;
}

#formBody .formElement
{
	text-align: left;
}

.formBody
{
	border: 1px solid #CCCCCC;
	padding: 0px;
	font-family: verdana;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0px;
	color: #000000;
	margin-top: 0px;
}

.formBody input, select, textarea
{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	
}

.formBody .formRowHeader
{
	text-align: right;
}

.formBody .formElement
{
	text-align: left;
}

.formBodyNoBorder
{
	padding: 5px;	
	color: #999999;
}

.formBodyNoBorder input, select, textarea
{
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	color: #222222;
	
}

.formBodyNoBorder .formRowHeader
{
	text-align: right;
}

.formBodyNoBorder .formElement
{
	text-align: left;
}
#formHeader
{
	vertical-align: middle;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	height: 15px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
}



#modalFormHeader
{
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	color: #FFFFFF;
	height: 22px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}

.modalFormHeaderNoPointer
{
	vertical-align: middle;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	background-image: url('../Images/header_background.gif');
	background-repeat:repeat-x;
	background-attachment:inherit;
	text-align:left;
	padding-top:4px;
	padding-left:4px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup
{
	background-color: #ffffff;
	border-left : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	border-bottom : 1px solid #CCCCCC;
	border-top: none;
	margin: 0px;
}

#customscrollNews
{
    width: 397px;
    height: 365px;
    overflow: auto;
    position: relative;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    text-align:left;
}

#customscrollProducts
{
    width: 225px;
    height: 365px;
    overflow: auto;
    position: relative;
    margin-top: 15px;
    margin-left:10px;
    margin-right:10px;
    padding-left: 5px;
    padding-right: 5px;
    text-align:left;
}

#customscrollWide
{
    width: 500px;
    height: 365px;
    overflow: auto;
    position: relative;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 5px;
    text-align:justify;
    float: right;
    
}

#customscrollSuperWide
{
    width: 600px;
    height: 355px;
    overflow: auto;
    position: relative;
    margin-top: 15px;
    padding-left: 5px;
    padding-right: 5px;
    margin-right: 15px;
    text-align: justify;
    float: right;
}
.sectionIndicator
{
  float:left;
  margin-left:-15px;
}

.closeIcon
{
	background-position: right top;
	background-image: url(../Images/close_icon.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
	margin-top: 2px;
	margin-right: 2px;
}

.scrollIcon
{
	cursor: pointer;
}

.detailsList
{
	list-style:none;
}

.detailsList li
{
	margin-left: -25px;
	list-style-type: disc;
}

.detailsList li a
{
	text-decoration: none;
	color: #999999;
	font-weight: normal;
}

.detailsList li a:hover
{
	text-decoration: underline;
	
}

.gridView
{
	
}

.gridCell
{
	
}

.altGridCell
{	
	
}

.gridCellHighlight
{
	
}

.gridColumnHeader
{
	
	
}

.pagerBar
{
	padding-left: 10px;
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	height: 15px;
	font-family: verdana;
	background-color: #B2B2B2;
	text-align: left;
}

.gridFooter
{
	font-weight: normal;
	font-size: 11px;
	text-decoration: none;
	color: #FFFFFF;
	height: 10px;
	font-family: verdana;
	background-color: #CCCCCC;
	text-align: left;
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	border-right: solid 1px #FFFFFF;
}
