/* CSS Document */

body {
	background: #033165;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#666666;
}

a, a:visited, a:active, a:link{
	color:#17a2d1;
	text-decoration:none;
}

a:hover{
	color:#17a2d1;
	text-decoration:underline;
}

/*
#########################
#						#
#		Layout			#
#						#
#########################

*/
#Wrap{
	background:#FFFFFF;
	width:888px;
	margin:0px auto;
}

#InnerWrap{
padding:20px 20px 10px 20px;

}

#ContentOutline{
	float: left; width: 100%; 

}
#LeftCol{

	float: left; width:226px;
	padding-right:10px;

}

/*MiddleCol*/
#MiddleCol{

	float: right; width: 100%; margin-left: -236px;
}

/*MainContent*/
#MainContent{
	
	margin: 0 0px 0 236px;
	
}


#Footer{
	background:#0D72A3;
	padding:15px;
	text-align:center;
	font-size:80%;
	font-weight:bold;
	color:#FFFFFF;

}

/*
#########################
#						#
#		MainMenu		#
#						#
#########################

*/
#MainMenu ul{
	margin:0px;
	padding:0px;
}

#MainMenu ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}

#MainMenu ul li a, #MainMenu ul li a:visited, #MainMenu ul li a:link, #MainMenu ul li a:active{
	display:block;
	width:150px;
	background:url(../images/MainNavTab_Gray.jpg) top center no-repeat;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	margin-left:3px;
	font-weight:bold;
	padding:5px 0px;
	border-bottom:3px solid #FFFFFF;
	font-size:110%;
}
#MainMenu ul li a:hover{
	
	text-decoration:none;
	color:#FFFFFF;
}

#MainMenu ul li.Home a:hover{
	
	background: url(../images/MainNavTab_Blue.jpg) top center no-repeat;
	
}

#MainMenu ul li.Home a.active:hover, #MainMenu ul li.Home a.active, #MainMenu ul li.Home a.active:Link, #MainMenu ul li.Home a.active:visited, #MainMenu ul li.Home a.active:active{
	
	background: url(../images/MainNavTab_Blue.jpg) top center no-repeat;
	border-bottom:3px solid #17A2D1;
	
}

#MainMenu ul li.Register a:hover{
	
	background: url(../images/MainNavTab_Green.jpg) top center no-repeat;
	
}

#MainMenu ul li.Register a.active:hover, #MainMenu ul li.Register a.active, #MainMenu ul li.Register a.active:Link, #MainMenu ul li.Register a.active:visited, #MainMenu ul li.Register a.active:active{
	
	background: url(../images/MainNavTab_Green.jpg) top center no-repeat;
	border-bottom:3px solid #99CC00;
	
}

#MainMenu ul li.About a:hover{
	
	background: url(../images/MainNavTab_Blue.jpg) top center no-repeat;
	
}

#MainMenu ul li.About a.active:hover, #MainMenu ul li.About a.active, #MainMenu ul li.About a.active:Link, #MainMenu ul li.About a.active:visited, #MainMenu ul li.About a.active:active{
	
	background: url(../images/MainNavTab_Blue.jpg) top center no-repeat;
	border-bottom:3px solid #17A2D1;
	
}

#MainMenu ul li.Contact a:hover{
	
	background: url(../images/MainNavTab_Green.jpg) top center no-repeat;
	
}

#MainMenu ul li.Contact a.active:hover, #MainMenu ul li.Contact a.active, #MainMenu ul li.Contact a.active:Link, #MainMenu ul li.Contact a.active:visited, #MainMenu ul li.Contact a.active:active{
	
	background: url(../images/MainNavTab_Green.jpg) top center no-repeat;
	border-bottom:3px solid #99CC00;
	
}



/*
#########################
#						#
#		SubNav			#
#						#
#########################

*/
#SubNav{
	color:#676767;
	margin-top:20px;
	margin-bottom:15px;

}

#SubNav h3{
border-bottom:1px dotted #676767;
color:#17a2d1;
	padding:4px 0px;
	margin:0px;
	font-size:90%;
}

#SubNav ul{
	margin:0px;
	padding:0px;

}
#SubNav ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	border-bottom:1px dotted #676767;
}

#SubNav ul li a, #SubNav ul li a:active, #SubNav ul li a:visited, #SubNav ul li a:link{
	color:#676767;
	text-decoration:none;
	font-weight:bold;
	display:block;
	padding:4px 0px;
	font-size:80%;
}

#SubNav ul li a:hover{
	color:#17a2d1;
	text-decoration:none;
}

/*
#########################
#						#
#		Logo			#
#						#
#########################

*/
#Logo{
margin-bottom:10px;
}

.AgentName{
font-weight:bold;
}

.AgentName strong{
color:#17a2d1;
}

/*
#########################
#						#
#		abbr			#
#						#
#########################

*/
#abbr{
	border:1px solid #D7D7D7;
	margin-bottom:10px;
	padding:7px;
	font-size:80%;
}

#abbr dl dt{
	float:left;
	padding-bottom:5px;	
	font-weight:bold;
}

#abbr dl dd{
	padding-bottom:5px;	
	
}

#abbr dl dd a, #abbr dl dd a:link, #abbr dl dd a:active, #abbr dl dd a:visited{
	color:#17A2D1;
	text-decoration:none;
	
}
#abbr dl dd a:hover{
	color:#17A2D1;
	text-decoration:underline;
	
}

/*
#########################
#						#
#		Cpanel			#
#						#
#########################

*/
#Cpanel{
	border:1px solid #D7D7D7;
	margin-bottom:10px;
	padding:7px;
	font-size:80%;
}

#Cpanel strong{
	color:#17A2D1;
}

h3.Cpanel_Title{
	background: #17A2D1;
	margin:0px;
	padding:5px;
	color:#FFFFFF;
	font-size:110%;
	margin-bottom:3px;
}



/*
#########################
#						#
#		TabMessage		#
#						#
#########################

*/

.TabMessage_home, .TabMessage_register, .TabMessage_about, .TabMessage_contact, .TabMessage_general{

	padding:8px;
	font-size:95%;
	font-weight:bold;
	margin-left:3px;
}

.TabMessage_home{
	background:#17A2D1 url(../images/Arrow_incut.jpg) bottom left no-repeat;
	padding-bottom:27px;
	color:#FFFFFF;
}

.TabMessage_register{
	background:#99CC00;
	color:#FFFFFF;
}

.TabMessage_about{
	background:#17A2D1;
	color:#FFFFFF;
}

.TabMessage_contact{
	background:#99CC00;
	color:#FFFFFF;
}

.TabMessage_general{
	background:#17A2D1;
	color:#FFFFFF;
}

/*
#########################
#						#
#		LoginSearch		#
#						#
#########################

*/

#LoginSearch{
	
	margin:0px -10px;
}

#LoginSearch .Login{
	color:#FFFFFF;
	background:#99CC00;
	float:left;
	width:280px;
	margin-right:7px;
}

#LoginSearch .Search{
	color:#FFFFFF;
	background:#055183;
	float:left;
	width:322px;

}

#LoginSearch form{
	
	margin:0px;
	padding:5px 10px;
}

#LoginSearch  th{
	font-weight:bold;
	font-size:120%;
	text-transform:uppercase;
}

#LoginSearch  td{
	font-size:80%;
	font-weight:bold;

}

#LoginSearch td .Textbox{
	font-size:100%;

}

#LoginSearch td .Invisible{
	font-size:100%;

}

#LoginSearch .Login td .Invisible{
border-color:#99CC00;
border-style:solid;

}


#LoginSearch  td ul{
	font-size:100%;
	margin:5px 0px 5px 10px;
	padding:0px;
	font-weight:normal;
}

#LoginSearch  td ul li{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#LoginSearch  td ul li a, #LoginSearch  td ul li a:link, #LoginSearch  td ul li a:visited, #LoginSearch  td ul li a:active{
	color:#FFFFFF;
	text-decoration:underline;
}

#LoginSearch  td ul li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/*
#########################
#						#
#		CONTENT			#
#						#
#########################

*/

#Content{
padding: 0px 10px 10px 13px;
}


#Content h1{
	background:#777777;
	color:#FFFFFF;
	font-size:130%;
	padding:7px 10px;
	margin: 5px -10px 10px -10px;
}

#Content h2{
	background:#EAEAEA;
	font-size:110%;
	padding:2px 10px;
	margin: 5px -10px 1px -10px;
}
#Content h2 a{
	margin-left: 30px;
	font-size:90%;	
}

#Content h3{
	background:#EAEAEA;
	font-size:110%;
	padding:2px 10px;
	margin: 5px -10px 1px -10px;
}
#Content h3 a{
	margin-left: 30px;
	font-size:90%;	
}

/*
#########################
#						#
#		Ancillary		#
#						#
#########################

*/

#Ancillary{
	Font-size:80%;
	text-align:center;
	padding:10px 10px 0px 10px;
	color:#A4A4A4;
}

#Ancillary a, #Ancillary a:link, #Ancillary a:active, #Ancillary a:visited{
	color:#A4A4A4;
	text-decoration:underline;
}

#Ancillary a:hover{
	color:#A4A4A4;
	text-decoration:none;
}

/*
#########################
#						#
#		Catalogue		#
#						#
#########################

*/

.Price{
	color:#17a2d1;
	font-weight:bold;
	float:right;
	margin:0px -10px 10px 10px;
	padding:5px;
	font-size:130%;
	border:1px solid #D7D7D7;

}


.ListTitle{
	background:#0D72A3;
	color:#FFFFFF;
	font-weight:bold;
	width:609px;
	margin: 5px -10px 0px -10px;
	
}

.ListSubTotal{
	background: #6B6B6B;
	color:#FFFFFF;
	font-weight:bold;
	width:609px;
	margin: 5px -10px 0px -10px;

}

.ListTotal{
	background:#0D72A3;
	color:#FFFFFF;
	font-weight:bold;
	width:609px;
	margin: 5px -10px 0px -10px;
}

.NotDisplayed{
	display:none;

}


h2 .CatelogueList {
	margin: 0px -10px 0px -10px;
	font-size:80%;
}



.CatelogueList .element{
	float:left;
	text-align:center;
	width:70px;
	border-right:2px solid #FFFFFF;
	padding:2px 5px;
}

.CatelogueList .ContentTitle{
	float:left;
	width:420px;
	padding:2px 10px;
}

.CatelogueList .ContentTitle .add{
	float:right;
	font-weight:normal;
}
.CatelogueList .ContentTitle .add strong{
	font-weight:bold;
	color:#17a2d1;
}

.CatelogueList .ContentTitle p{
	margin:0px 0px 7px 0px;
	padding:0px;
}

.CatelogueList .Include{
	float:left;
	border-left:2px solid #ffffff;
	width:70px;
	text-align:center;
	padding:2px 5px;
}


.CatelogueList .Include .TotalPrice{
	border:none;
	background:none;
	width:63px;
	text-align:right;
	color:#FFFFFF;
	padding:0px;
	margin:0px;
	font-weight:bold;

}


.CatelogueList .ContentTitle2{
	float:left;
	width:298px;
	padding:2px 10px;
}

.CatelogueList .NewSection, .CatelogueList .UpdateSection{
	float:left;
	border-left:2px solid #ffffff;
	width:90px;
	text-align:center;
	padding:2px 5px;
}

.CatelogueList .NewSection strong, .CatelogueList .UpdateSection strong{
	font-weight:bold;
	color:#17a2d1;
}


/*
#########################
#						#
#		CartTable		#
#						#
#########################

*/
.CartTable{
border-collapse:collapse;
margin: 5px 0px;
}

.CartTable th{
background:#0D72A3;
padding: 4px 3px;
color:#FFFFFF;
border:2px solid #FFFFFF;

}


.CartTable td{
background:#EAEAEA;
padding:4px 3px;
border:2px solid #FFFFFF;
font-size:90%;
}


.CartTable tr.SubTotal td{
	background: #6B6B6B;
	color:#FFFFFF;
	font-weight:bold;
}

.CartTable tr.Total td{
	background:#0D72A3;
	color:#FFFFFF;
	font-weight:bold;
}

/*
#########################
#						#
#		Form fields		#
#						#
#########################

*/
.Textbox{
font-size:80%;

}

.Invisible{
font-size:80%;
background:none;

}

.DisplayOnlyTextArea{
margin:0px;
padding:0px 10px 0px 0px;
background:none;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
color:#666666;

}

.SelectMenu{
font-size:90%;
}

fieldset{
border:none;
background:url(../images/Fieldset_Middle.jpg) top left repeat-y;
padding:0px;
margin:5px 0px;
}

fieldset .top{
background: url(../images/Fieldset_Top.jpg) top left no-repeat;
padding-top:5px;

}

fieldset .bottom{
background: url(../images/Fieldset_Bottom.jpg) bottom left no-repeat;
padding:0px 10px 8px 10px;

}

.error{
	color:#FF0000;
	font-weight:bold;
}

.sent{
	color:#17a2d1;
	font-weight:bold;
}





/*
#########################
#						#
#		Misc			#
#						#
#########################

*/

table{
	border-collapse:collapse;
}
.TableBorder_All{
	border:1px solid #ababab;

}

.TableBorder_Top{
	border-top:1px solid #ababab;

}

.TableBorder_Right{
	border-right:1px solid #ababab;

}

.TableBorder_Bottom{
	border-bottom:1px solid #ababab;

}

.TableBorder_Left{
	border-left:1px solid #ababab;

}

.smallprint{
font-size:80%;
}

.GreenLine{
	background:#99CC00;
	overflow:hidden;
	font-size:0px;
	height:3px;
	margin:5px 0px 2px 0px;
}

.BlueLine{
	background:#0D72A3;
	overflow:hidden;
	font-size:0px;
	height:10px;
}



.clear{
	overflow:hidden;
	font-size:0px;
	height:0px;
	clear:both;
}
