@charset "UTF-8";
/* CSS Document */



body {
	text-align: center; /* for IE */
	background-color: #c2c3c5;
	font-family: Arial, Helvetica, sans-serif;
}

/* -------------Positionals -------------------*/

#wrapper {
    margin: 0 auto;
	 width: 1024px;
}

#container {
	background-image: url(elements/background.jpg);
	background-repeat: no-repeat;
	width: 1024px;
	border: solid 1px #383637;
	position: relative;
	float: left;
	min-height: 700px; height: auto !important; /* for firefox etc */
	height: 700px; /* for IE */
}

#header {
	margin: 0 auto;
	height: 260px;
	width: 1024px;
}

#logo {
	position: relative;
	float: left;
	height: 130px;
	width: 1022px;
	background-image:url(elements/logo.jpg);
	background-repeat: no-repeat;
}





#menu-strip {
	margin: 0 auto;
	height: 40px;
	width: 100%;	
}

#menu-area {
	margin: 0 auto;
	width: 1024px;
	height: 40px;
}

#search {
	width: 260px;
	float: left;
	position: relative
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	color: #022696;
	padding-bottom:3px;
	vertical-align: top;
}
#search form{
	display: inline;
}
#search .box {
	width: 100px;
	height: 15px;
}
#search .sbutton {
	width: 30px;
	height: 25px;
}

#content-area {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-height: 444px; height: auto !important; /* for firefox etc */
	height: 444px; /* for IE */
	z-index: 0;
	float: left;
	
}

		#detail {
		position: relative;
		padding-left: 60px;
		padding-right: 20px;
		padding-bottom: 10px;
		width: 943px;
		text-align: left;
  		background-color: #ffffff;
	 	background-repeat: repeat;
		float: left; 	
		min-height: 444px; height: auto !important; /* for firefox etc */
		height: 444px; /* for IE */
		z-index: 0;
		
		
		}
		#detail td{
			font-size: 11px;
		
		}
		#detail1 {
		position: relative;
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 10px;
		width: 983px;
		text-align: left;
  		background-color: #ffffff;
	 	background-repeat: repeat;
		float: left; 	
		min-height: 444px; height: auto !important; /* for firefox etc */
		height: 444px; /* for IE */
		z-index: 0;
		
		
		}
		
		#tab-header{
			position: relative;
			text-align: center;
			float: left;
		}
		
		#tab-header p{
			margin-top: 4px;
			margin-bottom: 2px;
			font-size: 11px;
			font-weight: bold;
		}
		#detail_left{
			position: relative;
			width: 943px;
			float:left;
			min-height: 444px; height: auto !important; /* for firefox etc */
		   height: 444px; /* for IE */
		}
			#welcontainer{
				height: 443px;
				position: relative;
				float: left;
				width: 600px;
			}
			#welcome{
				height: 39px;
				position: relative;
				float: left;
				width: 600px;
				background-image: url(elements/welcome.jpg);
			}
			#welgran{
			   margin-top: 5px;
				width: 330px;
				height: 443px;
				background-image: url(elements/grankid.jpg);
				background-repeat: no-repeat;
				background-position: center center;
				position: relative;
				float: left;
				padding: 5px;
				border: 1px solid #bfbe8e;
			}
			#welleft{
				position:relative;
				float: left;
				width: 295px;
				border-right: 1px solid #000000;
				height: 404px;
				
			}
				#welther{
					padding-left: 30px;
					padding-right: 30px;
					position: relative;
					float: left;
					height: auto !important; 
					width: 291px;
					margin: 0 auto;
				}
				#welthertop {
					background-image: url(elements/greenboxtop.jpg);
					background-repeat: no-repeat;
					height: 18px;
				
				}
				#welthermid {
					background-image: url(elements/greenboxmiddle.jpg);
					background-repeat: repeat-y;
					min-height: 100px; height: auto !important;
					height: 100px;
					text-align: center;
					color: #000000;
					font-size: 14px;
					font-weight: bold;
					width: 231px;
				}

				#weltherbot {
					background-image: url(elements/greenboxbottom.jpg);
					background-repeat: no-repeat;
			
					height: 19px;
				}
				
			
			#welright{
				position:relative;
				float: left;
				width: 295px;
				height: 404px;
			}
		
		#prod_cat {
			position:relative;
			width: 923px;
			float: left;
				
		}
		#prod_cat table{
			border: 0px;
			padding: 5px 5px 5px 5px;
		
		}
		#prod_cat td{
			font-family: Arial, Helvetica, sans-serif;
	   	font-size: 12pt;
	   	color: #022696;
			width: 154px;
			text-align: center;
			vertical-align: top;
			margin-left: auto;
			margin-right: auto;
		}
		#prod_det {
			position:relative;
			width: 923px;
			float: left;
		  	min-height: 444px; height: auto !important; /* for firefox etc */
			height: 444px; /* for IE */
		}
		#prod_det_right{
			position:relative;
			width: 350px;
			float: left;
			min-height: 444px; height: auto !important; /* for firefox etc */
			height: 444px; /* for IE */
		
		}
		#prod_det_centre{
			position:relative;
			width: 280px;
			float: left;
			top: 20px;
			min-height: 444px; height: auto !important; /* for firefox etc */
			height: 444px; /* for IE */
			list-style: circle;
			padding-right: 10px;
		}
	
		#prod_det_left{
			position:relative;
			width: 280px;
			float: left;
			min-height: 444px; height: auto !important; /* for firefox etc */
			height: 444px; /* for IE */
			margin-left: auto;
			margin-right: auto;
		}
		
		#prod_det_cat{
			position:relative;
			width: 560px;
			float: left;
			top: 20px;
			min-height: 444px; height: auto !important; /* for firefox etc */
			height: 444px; /* for IE */
			list-style: none;
			padding-right: 10px;
		
		}
		#prod_det_header{
			position:relative;
			width: 254px;
			float: left;
			height: 20px;
			color: #000000;
			margin: 0 auto;
			top: 10px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		
		}
		#prod_det_image{
			position: relative;
			float: left;
			top: 25px;
			width: 254px;
			height: 254px;
			
				
		}
		#prod_img_thumb{
			position: relative;
			float: left;
			top: 25px;
			margin-top: 10px;
			margin-right: 4px;
			width: 80px;
			height: 80px;
			text-align: center;
		}
		#prod_other{
			position: relative;
			float: left;
			width: 340px;
			color: #000000;
			font-size: 11px;
			margin-top: 20px;
			border: 1px solid #797f8c;
			background-image: url(elements/white40.png);
			background-repeat: repeat;	
			padding-top: 2px;
			padding-left: 5px;
			padding-right: 5px;
			height: auto !important;
		}	
		#prod_spec {	
			position: relative;
			float: left;
			width: 340px;
			color: #000000;
			font-size: 11px;
			top: 10px;
			border: 1px solid #797f8c;
			background-color: #fff;
			opacity:0.40;	
			padding-top: 2px;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 2px;	
			z-index: 1;
		}
		#prod_sched {
			position: relative;
			float: left;
			width: 340px;
			color: #000000;
			font-size: 11px;
			margin-top: 10px;
			border: 1px solid #797f8c;
			background-image: url(elements/white40.png);
			background-repeat: repeat;
			padding-top: 2px;
			padding-left: 5px;
			padding-right: 5px;
			padding-bottom: 5px;	
			z-index: 1;
			height: auto !important;
		
		}
#footer {
	position:relative;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #ffffff;
	background-color:#01123d;
	width:100%;
	height: 25px;
}

		#footer-detail {
		position: relative;
		margin: 0 auto;
		width: 1024px;
		text-align: left;
		height: 20px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px
		}
		
.clear {
clear: both;
}

#bread {
	font-size: 10px;
	color: #2b333b;
}
#breadlogin {
	text-align:right;
	float:right;
	font-size: 10px;
	color: #2b333b;
}
#specs{
	z-index:100;
	background-color:#01123d;
	color: #ffffff;
	padding-left: 10px;
	padding-top:3px;
	padding-bottom:3px;
	

}
.login td{
	font-size: 13px;
	color: #37414a;

}
.toggler b:hover{cursor: pointer;}
.info {z-index: 200;}
.button {
	
	background-color: #01123d;
	width: 40px !important;
	height: 19px !important;
	color: #ffffff;
	margin-left: 1px;
	font-size:9px;

}
.button:hover{
	font-weight: bold;
	
	cursor: pointer;
}
/* ------------------------Typography -----------------------*/


p { 
	font-size: 13px;
	color: #37414a;
}

h1 {
	font-size: 24px;
	font-weight:normal;
	color: #022696;
}

h2 { 
	font-size: 14px;
	color: #022696;
	font-weight:normal;
	margin: 0px;
}

h3 { 
	font-size: 12px;
	color:#333333;
}


ul {
font-size:13px;
color: #191C1E;

}

#rapform td {
	font-size:11px;
	color: #191C1E;
}
	

li {
font-size:13px;
color: #191C1E;


}

#detail ul {
	list-style: none;
}



a {
color: #666666;
font-size: 13px;
}

a:hover {
color:#100a40;
}

#detail a {text-decoration: none;}

#footer p, #footer a:link, #footer a:active, #footer a{
font-size: 10px;
color:#cccccc;
text-decoration: none;
margin:0;
}

#bread p, #bread a:link, #bread a:active, #bread a{
font-size: 10px;
color:#2b333b;
text-decoration: none;
margin:0;
}
#footer a:hover {
text-decoration: underline;
margin:0;
}
#detail_right a, #detail_right a:link, #detail_right a:active {
  color:#ffffff;
  font-size: 14px;
  text-decoration:none;
}
#detail_right a:hover {
   font-size: 16px;
}
#prod_cat a, #prod_cat a:link, #prod_cat a:active {
  color:#022696;
  font-size: 12px;
  text-decoration:none;
}
#prod_cat a:hover {
   font-size: 15px;
}
h1 a{
	font-size: 24px;
	font-weight:normal;
	color: #022696;
}
#prod_det_centre ul{
	list-style: circle;
}
#prod_sched ul{
    margin: 1px;
    list-style: circle;
}
				#welthermid ul {
					list-style: none;
					margin:0px;
					padding: 0px;
				}
				#welthermid li {
					background-image: url(elements/loginbutton.jpg);
					background-repeat: no-repeat;
					padding-top: 20px;
					font-size: 12px;
					color: #000000;
					font-weight: bold;
					height: 35px;
					background-position: center center;
					margin: 0;
					
				}