/* CSS Document */
html, body {
margin:0;
padding:0;
line-height: 1.5em;
min-height: 900px;
min-width: 1000px;
/*height:100%; */
}
#maincontainer{
width:100%;
height:100%;
}
#logo{
float:left;
 }
b{font-size: 110%;}
em{color: red;}
#topsection{
background:url(/images/bag-2.png);
height: 99px; /*Height of top section*/
}

#separator{
background:#233956;
height: 6px; /*Height of top section*/
}

#menusection{
height: 28px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
	float: left;
	width: 100%;
    height:100%;
	margin: 10px 0 0 0; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#contentcolumn{
    height:100%;
	min-height: 900px; 
	margin: 15px 220px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #FFFFFF;
	border: 1px solid #354F72;
}
#contentcolumnnews{
    height:100%;
	min-height: 800px; 
	margin: 15px 220px 0 15px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #FFFFFF;
	border: 1px solid #354F72;
}
#contentcolumnnosides{
    height:100%;
	min-height: 900px; 
	margin: 15px 20px 0 20px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	background: #FFFFFF;
	border: 1px solid #354F72;
}
* html #contentcolumn{ /*IE only */
    height:900px; /*IE only */
	min-height: 900px;  /*IE only */
}

#leftcolumn{
float: left;
margin-left: -100%;
margin-top: 25px;
width: 210px; /*Width of left column*/
border: 1px solid #354F72;

}
#leftcolumn_news{
float: left;
margin-left: -100%;
margin-top: 25px;
width: 170px; /*Width of left column*/
}
#leftinner{
background: transparent url(/images/esquina_izquierda_top.gif) no-repeat top right;
position: relative;
bottom: 1px;
width: 211px;
height: 7px;
}
#leftcolumn_bottom{
position: relative;
top:1px;
	height: 7px;
	width: 211px; 
	background:  url(/images/esquina_izquierda_botton.png) no-repeat bottom right;
}
#rightcolumn{
	float: left;
	width: 210px; /*Width of right column*/
	margin-left: -211px; /*Set left marginto -(RightColumnWidth)*/
	margin-top: 25px;
	border-top: 1px solid #354F72;
	border-bottom: 1px solid #354F72;
	border-left: 1px solid #354F72;
}
#rightinner{
background:  url(/images/esquina_derecha_top.png) no-repeat top left;
width: 210px;
position: relative;
bottom: 1px;
right:1px;
height: 7px;
}
#rightcolumn_bottom{
position: relative;
top:1px;
right:1px;
	height: 7px;
	width: 210px; 
	background: url(/images/esquina_derecha_botton.png) no-repeat bottom left;
}
#footer{
	clear: left;
	width: 100%;
	color: #FFF;
	text-align: center;
	height: 40px;
	background: url(/images/botton_bag.png);
	font: bold 10px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	position:relative;
	text-decoration:none;
}
#footer a:visited:active{
color: #FFFFFF;
text-decoration:none;
}
#footer a{
color: #FFFFFF;
text-decoration:none;
}
.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

#rightinnertube{
	width: 184px;
	margin-top: 5px;
	margin-left: 10px;
	background: #D5DEEC url(/images/right_top_innertube.gif) no-repeat top;
}
#uppercentercontent{

    width: 98%;
	margin-left: 10px;
	margin-right: 10px;
/*	border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #929492;*/
}
#adtop{
background:url(/images/top_ima_bag1.gif) right no-repeat ;
width:100%;
height: 112px;
}
#news{
    width:195px;
	margin-right:5px;
	margin-left:5px;
    border-width: 1px; 
    border-style: solid; 
    border-color: #ffffff;
	background:#D0D9E3;
	height: 165px;
}
.agent_photo{
border:thin #000000 solid;
}
#search{
	float:right;
	width:250px;
	text-align:right;
	padding-top:2px;
	padding-right: 5px;
}
#loginpage{
width:400px;
height:250px;
background: #D5DEEC url(../images/loginbag.png);
}
#loginpage_bott{
width:400px;
height:9px;
background: #D5DEEC url(../images/lo_page_bottom.gif) bottom no-repeat;
}
#loginpage_top{
width:400px;
height:9px;
background: #D5DEEC url(../images/lo_page_top.gif) top no-repeat;

}

#service{
	width:900px;
	height:450px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#valuationproducts{
	width:730px;
	height:450px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#service_scuares{
	width:170px;
	height:300px;
	float:left;
	margin:5px;
}

#news_b_square{
margin:0 auto; 
width:100%;
}
#news_left{
float:left;
width:50%;
border-right:solid 1px #CCCCCC;
}
#news_Cointainer{
float:left;
margin-top:5px;
width:100%;
border:solid 1px #CCCCCC;
}
#news_right{
float:left;
width:49%;

}
#news_toptil{
width:100%;
height:28px;
background:#214D7A url(../images/news_top_bags.jpg) right no-repeat;
margin-bottom:10px;
}
#news_toptil2{
width:100%;
float:left;
height:28px;
background:#214D7A url(../images/news_top_bags.jpg) right no-repeat;
margin-bottom:10px;
}
#news_toptil3{
float:left;
width:100%;
height:28px;
margin-bottom:10px;
}

#news_titles_cointainers{
width:85%;
border:solid 1px #CCCCCC;
margin:0  auto;
padding:3px;
margin-bottom:5px;
font-size: 11px; font-family: Tahoma;
}
#news_titles_cointainers a{
font-size: 11px; font-family: Tahoma;
color:#000000;
}
#news_separator{
float:left;
width:100%;
height:10px;
background:#203A53;
}
#news_breaking{
float:left;
margin:0 auto;
width:90%;
padding:10px;
margin:5px;
}

#news_topvideo{
width:100%;
margin:5px;
margin-top:10px;
text-align:center;
}
#news_titles_video{
width:95%;
margin-top:10px;
margin-left:10px;
font-size: 11px; font-family: Tahoma;
}

#news_video_archive{
width:95%;
border:solid 1px #CCCCCC;
margin:0  auto;
margin-top:10px;
margin-bottom:10px;
text-align:center;
min-height:150px;
background: transparent url(/news_feed/loading-small.gif) 50% 50% no-repeat;
}
#news_video_archive_cointainer{
float:left;
width:100%;
}
/*============================================================================== */
.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 100%;
border: 1px solid #3A5F8F;
border-width: 1px 0;
background: black url(/images/blockdefault.gif) center center repeat-x;
}
.solidblockmenu li{
display: inline;
}
.solidblockmenu li a{
float: left;
color: white;
padding: 5px 9px;
text-decoration: none;
border-right: 1px solid white;
}
.solidblockmenu li a:visited{
color: white;
}
.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(/images/blockactive.gif) center center repeat-x;
}
/*============================================================================== */
.headerlinks{
padding-right: 5px;
padding-left: 5px;
}
#headerlinks{
	float:right;
	padding-right: 12px;
	padding-top: 0px;
	font: bold 11px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	height: 6px;
	text-align: right;
}
#headerlinks a{
	font: bold 11px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#headerlinks a:visited{
	font: bold 11px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#headerlinks a:active{
	font: bold 11px Arial, Verdana, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
}
#headerlinks a:hover{
	font: bold 11px Arial, Verdana, sans-serif;
	color:#000000;
	text-decoration:none;
}

/*============================================================================== */
#ddblueblockmenu{
flo
width: 203px;
}
#ddblueblockmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
#ddblueblockmenu li a{
display: block;
padding: 3px 0;

width: 203px; /*185px minus all left/right paddings and margins*/
text-decoration: none;
color: white;
background-color: #2175bc;
border-bottom: 1px solid #90bade;
border-left: 7px solid #1958b7;
}
* html #ddblueblockmenu li a{ /*IE only */
width: 203px; /*IE 5*/
w\idth: 203px; /*185px minus all left/right paddings and margins*/
}
#ddblueblockmenu li a:hover {
background-color: #2586d7;
border-left-color: #1c64d1;
}
#ddblueblockmenu div.menutitle{
color: white;
border-bottom: 1px solid black;
padding: 1px 0;
padding-left: 5px;
/*background-color: #233956;*/
background-color: #3A5F8F;
font: bold 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}
/*============================================================================== */
.halfmoon{
margin-bottom: 1em;
position: relative;
bottom: 21px;
}
.halfmoon ul{
padding: 3px 9px 2px 5px;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
border-bottom: 1px solid #354F72;
}
.halfmoon li{
display: inline;
margin: 0;
}
.halfmoon li a{
text-decoration: none;
padding: 3px 9px 2px 5px;
margin: 0;
margin-right: 1px; /*distance between each tab*/
border-left: 1px solid #DDD;
color: black;
font-size: 11px;
background: #ECEEEC url(/images/tabright.gif) top right no-repeat;
}
.halfmoon li a:visited{
color: black;
}
.halfmoon li a:hover{
background-color: #CDDADA;
color: navy;
}
/*============================================================================== */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu li{
position: relative;
display: inline;
float: left;
z-index:1;
}

#suckertreemenu{
position: relative;
display: inline;
float: left;
color:#FFFFFF;
z-index:1;
}

#submenu{
color: white;
background-color: #2175bc;
font: normal 90% 'Trebuchet MS', 'Lucida Grande', Arial, sans-serif;
}


	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
z-index:1;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #FFFFFF;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #FFFFFF;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: #FFFFFF;
}

.suckertreemenu ul li a:visited{
color: #FFFFFF;
}

.suckertreemenu ul li a:active{
color: #FFFFFF;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
/*============================================================================== */

.pb  {width:800px; list-style:none; margin:10px; clear:both; float:left; margin:0px; padding:0px; font-family:verdana, Helvetica, sans-serif; font-size:9px;}
.pb  a {text-decoration:none; color:#a9a9a9;}
.pb  li {float:left; width:18%; background:url(/images/arrow.gif) repeat-x right 6px; text-align:left;}
.pb step5 li { width:20%;} /*only needed if you want to use 5 Steps*/
.pb tep10 li {width:10%;} ul.step10 li a {margin-right:25%;} ul.step10 li span a {display:block; width:19px; height:19px; margin:0px;}  /*only needed if you want to use 10 Steps*/
.pb li span {display:block; text-align:center; border:1px solid #a9a9a9; width:19px; height:19px; line-height:19px; background-color:#ffffff;} 
.pb li span a {display:block; width:19px; height:19px; margin:0px;}
.pb li span a.active, li.active span a, li.past span a:hover, li.past:hover span a {background-color:#990000; color:#ffffff; }
.pb li a {display:block; text-align:center;}
.pb li.past {background-position:right -106px;}
.pb li.active {background-position:right -48px;}
.pb li#lastStep {background-position:right -214px;}
.pb li#lastStep.active {background-position:right -162px;}
.pb li.active a:hover, li.past a:hover, li.past a, li.active a {color:#990000;}
.pb li.active span a:hover {color:#ffffff;}
.pb li.past:hover {cursor:hand; cursor:pointer;}
.pb li.past span, li.active span {border:1px solid #990000;}


.highlight {background: #FFFF00; font-weight: bold;}


/*============================================================================== */

.glossymenu{
list-style-type: none;
margin: 5px 0;
padding: 0;
width: 170px;
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu li a{
background: white url(/images/glossyback.gif) repeat-x bottom left;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 3px 0;
padding-left: 10px;
text-decoration: none;

}


* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 160px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(/images/glossyback2.gif);
}
