/* CSS Document */

body {
	padding:0px; margin:0px;
	color:#5F7A77; font:13px/19px Arial, Helvetica, sans-serif;
	background-color:#333333;
	}
a:link {
	text-decoration:none; color:#7A7AA4;
	}
a:visited {
	text-decoration:none; color:#7A7AA4;
	}
a:hover {
	text-decoration:none; color:#9EC068;
	}
	
#wrap14 {
	width:778px; position:absolute; margin:0px; padding:0px;
	border:1px solid #3366CC;
	}
#wrap17 {
	width:1003px; position:relative; margin:0px; padding:0px;
	background-color:#FFF; float:none; text-align:left;
	background-image:url(images/div-bg.gif); background-repeat:repeat-y;
	}
#main-bg { background-image:url(../images/main-bg.gif); background-repeat:repeat-y; background-position:center; width:100%; }

FORM {
	margin:0px; padding:0px;
	}
SELECT.small {
	font-size:11px;
	}	

.search_field { 
	background: #DCF2B8 url(../images/barbg.gif) no-repeat; 
	color: #000;
	border-top: 1px solid #9EC068;
	border-bottom: 1px solid #9EC068;
	padding: 5px 0 5px 20px; height:25px;
	width:983px;
}

INPUT.search { 
	width: 199px; 
	border: none;
	background: url(../images/input.gif);
	padding: 4px; 
}
INPUT.txt {
	border: none;
	background: url(../images/logininput.gif); background-repeat:no-repeat;
	padding: 4px; 
	}
INPUT.small {
	font-size:12px; padding:2px;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	}
INPUT.button {
	font-size:12px; border-bottom:2px solid #CCD0D0; border:1px solid #CCD0D0; margin-top:4px;
	background-color:#ECEBEB;
	}
TEXTAREA.small {
	font-size:12px; padding:2px;
	background-color:#FFFFFF;
	border:1px solid #DDDDDD;
	}
TABLE { border-collapse:collapse; }
P {
	padding-top:0px; margin-top:0px;
	}
H1.heading {
	border-bottom:1px dotted #999999;
	padding-bottom:4px;
	margin:5px 0 4px 0;
	font-size:20px; color:#5F7A77;
	}
H1.heading1 {
	font-size:20px; color:#5F7A77;
	padding-bottom:4px;
	margin:5px 0 4px 0;
	}
H2.heading {
	font-size:15px; color:#5F7A77;
	padding-bottom:4px;
	margin:0 0 4px 0; border-bottom:1px dotted #999999;
	}

	
/* ============== Heading Area ============================= */
#heading {
	width:100%; background-color:#FFF;
	position:relative; overflow:hidden;
	background-image:url(../images/heading-bg.gif); background-repeat:repeat-x;
	}
#top {
	top:4px; left:800px; position:absolute;
	font-size:11px; color:#FFFFFF;
	}
#top a:link { color:#FFFFFF; text-decoration:none; }
#top a:visited { color:#FFFFFF; text-decoration:none; }
#top a:hover { color:#FF9900; text-decoration:none; }
		
		
/* ============== Navigation Area ====================================== */
#nav {
	CLEAR: both; float:left; PADDING: 0px; FONT-SIZE: 12px; COLOR: #FFFFFF; BORDER-RIGHT: #DDDDDD 1px solid; width:148px;
	}
#nav UL {
	MARGIN: 0px; PADDING: 0px;
}
#nav LI {
	MARGIN-BOTTOM: 0px; COLOR: #666666; BORDER-BOTTOM: #DDDDDD 1px solid; BORDER-TOP: #FFFFFF 1px solid; LIST-STYLE-TYPE: none;	
}
#nav a {
	display:block; background:url(../images/bullet-normal.gif) 5px 8px; background-repeat:no-repeat; color:#305E5C;
	text-decoration:none; padding-left:22px; padding-top:3px; padding-bottom:3px; padding-right:5px;
	background-color:#F4F4F4;
	}
#nav a:visited {
	display:block; background:url(../images/bullet-normal.gif) 5px 8px; background-repeat:no-repeat; color:#305E5C;
	text-decoration:none; padding-left:22px; padding-top:3px; padding-bottom:3px; padding-right:5px;
	background-color:#F4F4F4;
	}
#nav a:hover {
	display:block; background:url(../images/bullet-hover.gif) 5px 8px; background-repeat:no-repeat; color:#305E5C;
	text-decoration:none; background-color:#FFF;
	}
	
/* ================== Middle Area ====================== */	
#mid {
	position:relative; background-color:#FFF;
	float:left; width:397px; padding-left:10px; padding-right:0px; margin:0 0 10px 0;
	}
#mid-wide {
	position:relative; background-color:#FFF;
	float:left; width:620px; padding-left:10px; padding-right:0px; margin:0 0 10px 0;
	}
.content {
	padding-right:10px; float:left; width:97%;
	}
IMG { border: 0px; background-color: transparent;}
IMG a{ border: 0px; background-color: transparent;}
IMG.border {
	margin:1px; padding:3px;
	border:1px solid #CCCCCC;
	}
IMG.thick-border {
	margin:0px; padding:1px;
	border:3px solid #5F7A77;
	}
IMG.flag-border {
	margin:1px 2px 1px 1px; padding:1px;
	border:1px solid #BBBBBB;
	}
IMG.wrap-news {
	margin-right:8px; margin-top:5px; 
	border:1px solid #DDD; margin-bottom:10px; padding:3px;
	}
IMG.wrap {
	margin:5px 8px 2px 0px; padding:2px;
	}
.img-box {
	margin:0px 0px 10px 0px; padding:0px; float:left; width:125px; height:130px;
	border:1px solid #B1DED5; border-right:0px;
	background-color:#DCF2B8;
	}
UL.box{width:242px; height:118px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; 
overflow:hidden; margin:0 0 10px 0; list-style:none; padding:2px 10px 10px; 10px; }

UL.box LI a {display:block; background:url(../images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
UL.box LI a:hover{background:url(../images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

LI.captionthree{background:#fff; color:#AC9601; font-size:13px; font-weight:bold; text-decoration:none; padding-bottom:4px;}

.price-border {
	border-top:1px solid #DDDDDD; border-left:1px solid #DDDDDD; float:left; margin-bottom:15px;
	}
.price-label {
	padding:2px; width:59px; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; text-align:center; float:left;
	position:relative; background-color:#EFEFEF;
	}
.price {
	padding:2px; width:59px; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; text-align:center; float:left;
	position:relative;
	}
DIV.list {
	padding-left:15px; padding-bottom:2px;
	background-image:url(../images/bullet.gif); background-repeat:no-repeat;
	}
DIV.heading {
	background-color:#E8E4E4; padding:2px 2px 2px 5px;
	border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; font-weight:bold; color:#0099CC;
	}
.float { float:left; }	
.ldate { font:bold 10px Arial, Helvetica, sans-serif; color:#999999; padding-top:4px; }
.feedback { padding:4px; font-size:12px; color:#003366; background-color:#F4F4F4; border:1px dotted #CCCCCC; }
.toolbox { border:1px dashed #CCCCCC; background-color:#F9F9F9; padding:2px 3px 7px 8px; text-align:center; height:22px; }
/* =================== Right Area ===================================== */

#right {
	width:223px; position:relative;
	background-color:#FFF; float:left;
	}
.right_box {
		border: 1px solid #CCD0D0;
		padding: 8px; background-image:url(../images/right-box-bg.gif); background-repeat:repeat-x;	
		margin: 2px 2px 4px 2px;
	}
#far-right {
	width:223px; position:relative;
	margin:0px; padding:0px;
	background-color:#FFF; float:left;
	}
	
	
/* ================ Footer Area ========================================== */

#footer {
	width:1003px; height:50px; padding:0px; margin:0px;
	background-color:#D3F0F0; clear:both;
	position:relative; border-top:1px solid #C8E8E2;
	}
#footer P {
	font-size:11px; padding:10px; margin:0px;
	}
#footer-left {
	float:left; width:50%;
	}
#footer-right {
	float:left; margin-left:10px; padding-top:5px;
	}
.footer {
	padding-left:10px; padding-bottom:5px; padding-top:5px; padding-right:10px; text-align:left;
	font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#EBF8F7; color:#4E5958;
	}
.footer a:link {
	text-decoration:none;
	color:#4E5958;
	}
.footer a:visited {
	text-decoration:none;
	color:#4E5958;
	}
.footer a:hover {
	text-decoration:underline;
	color:#AC8E58;
	}

.more {
	text-align:right; padding-right:10px; font-size:11px;
	padding-top:0px; margin-top:6px;
	border-top:1px dotted #666666;
	}
.warning {
	color:#FF0000; padding:2px;
	}