/*  
Theme Name: Professional-V
Version: 1.2.5
*/
@import url(vtip.css);
@import url(dropdown.css);
@import url(tables.css);
@import url(static.css);

body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
tr, td { font-size: 11px; }
h3 { font-size: 1.1em; margin: 0 0 .1em; margin-top: 1em; font-weight: normal; color: #039; }
p { line-height: 1.39em; }
h4 { font-size: 1.1em; color: #666; font-weight: normal; margin-left: .25em; }
h5 { font-size: 1em; color: #cc9900; font-weight: bold; margin-left: .25em; margin-top: 0; margin-bottom: .5em; }
h6 { font-size: 1.1em; clear: both; background-color: #FBE09E; padding: .5em .5em; font-weight: normal; margin-top: 1em; margin-bottom: 0.75em; color: #666; }
select, input, textarea { font-size: 1em; color: #333;  }
a img { border: 0; text-decoration:none;}
img { _margin-bottom: -3px; }
a { color: #ac2931; }
a:link { color: #ac2931; }
a:visited { color: #ac2931; }
a:hover { color: #752020; text-decoration: none; }
a:active { color: #ac2931; }
p { margin: 0 .25em 1em; }
p.title { color: #333; margin-bottom: .25em; }
.p_width { width: 773px; margin: 0 auto; }
ul.h_list { margin: 0; padding: 0; list-style-type: none; }
ul.h_list li { float: left;}
input:focus, input.sffocus { background-color: #D24249; border-color: #ac2931; border-style: solid; border-width: 2px; }
form { margin: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* TOP NAV : START */
#utility_nav { margin-top: 5px; }
	#utility_nav_wrapper .h_list { float: right; }
	#utility_nav_wrapper .h_list li a { padding-left: 5px; }
	#utility_nav_wrapper .h_list li.border_right {  padding-right: 5px; border-right: 1px solid #666; }	
	#utility_nav_wrapper .h_list li a:hover.myparker { text-decoration: none; }
	#utility_nav_wrapper a { text-decoration: underline; color: #ac2931; }
	#utility_nav_wrapper a:link { text-decoration: underline; color: #ac2931; }
	#utility_nav_wrapper a:visited { color: #ac2931; }
	#utility_nav_wrapper a:hover { color: #752020; text-decoration: none; }
	#utility_nav_wrapper a:active { color: #ac2931; }
/* TOP NAV : END */

/* HEADER : START */
#header { margin-top: 5px; }
#header2 { margin-top: 5px; }
	#logo { float: left; margin-bottom:10px;}
	#language { margin-right: 100px; }
	#language, #search { float: right; margin-top: 10px; line-height: 1.5em; }
		#search a { color: #C0A062; }
		#search a:hover { text-decoration: none; }
		#language select { _margin-top: 1px; }
		.txt_search, .btn_go { vertical-align: bottom; margin: 0; }
		.buttons { background-color: #952828; color: #FFFFFF; margin-left: 2px; font-weight: bold; border: 2px solid #581818; padding: 0; text-transform: uppercase; }
		.buttons.alt_color { background-color: #FFF; color: #ac2931; }
/* HEADER : END */
.icats {background-image:url(images/bg_cat.png); background-repeat:repeat;}
/* TOP NAVIGATION : START */
#top_navigation { margin-top: 11px; background-color:#AAA9A9;border-top: 4px solid #fff;}
	#top_navigation_wrapper { border-left: 0px solid #fff; margin-top: -4px;}
	#top_navigation li { border-right: 1px solid #fff; }
	#top_navigation li a { color: #121D4D; border-bottom: 1px solid #fff; border-top: 4px solid #fff; font-size: 1.13em; display: block; background-color: #AAA9A9; text-decoration: none; }
	#top_navigation li a:hover { color: #fff; background-color: #ac2931; }
	#top_navigation li a strong { display: block; font-weight: normal; padding-left: 13px;}
	#top_navigation li a strong em {  display: block; padding-top: 4px; padding-bottom: 4px; padding-right: 13px; font-style: normal; }
	#symbol { text-align: right; color: #fff; padding-top: 8px;}
/* TOP NAVIGATION : END */


/* BREADCRUMB BAR : START */
#location_bar { }
	#location_bar_wrapper { font-size: 1.1em; width: 773px; background: #ac2931; color: #369; font-weight: bold; font-weight: normal; border-left: 1px solid #fff;  }
	#location_bar_wrapper_pad { }
	#location_bar a { color: #336699; font-weight: normal; }
	#bread_crumb { font-size: .9em; float: left; padding: 5px;width:610px; color: #FFF; font-weight: bold;}
		#bread_crumb a { text-decoration: none; color: #FFF; font-weight: bold;}
		#bread_crumb a:link { text-decoration: none;  color: #FFF; font-weight: bold;}
		#bread_crumb a:hover { text-decoration: none; color:#000; font-weight: bold; }
		#bread_crumb a:active { text-decoration: none; color: #FFF; font-weight: bold;}
/* BREADCRUMB BAR : END */

/* FOOTER : START */
#footer { margin-top: 1em; border-top: 1px solid #6F6754; }
	#footer_wrapper { padding: .5em; color: #000; }
	#footer a { color: #333; }
/* FOOTER : END */

/*  SLOGAN : START  */
.r_te {
	margin-bottom:15px;
}
.r_te h1 {
	color:#000;
}
/*  SLOGAN : END  */

#catalog a { text-decoration: none; }
#catalog a:hover { text-decoration: none; }

/*  NEWS : START  */
.home-post-wrap2 { padding: 10px; float: left; margin-bottom: 10px;}
.thumbnail-div-home { margin-bottom: 5px; float: left; padding: 2px; margin-right: 10px; }
.readmore { background-image: url(images/bullet.gif); background-repeat: no-repeat; background-position: left; float: right; padding-left: 20px; margin-top:30px;}
.readmore a:link, .readmore a:visited, .readmore a:hover { text-decoration:none; color: #752020;}
.titles { font-weight: normal; font-size: 24px; text-decoration: none; float: left; margin-bottom: 0px; margin-top: 0px; }
.titles a:link, .titles a:visited, .titles a:active { text-decoration: none; font-size: 17px; font-family: Trebuchet MS; margin-bottom: 10px; margin-top: 5px; display: block; padding: 5px 10px 5px 10px; color: #752020; float: left;}
/*  NEWS : END  */

/*  ROTATORS : START  */
.fade{
	color:#000;
	font-size:12px;
	margin-left:5px;
}

.fade p{
	text-align: left;
	margin-top:0px;
}
.rotate_img_wrap{
	width:495px;
	height:170px;
	overflow: hidden;
}

.text  {
	color: #333;
	font-weight: bold;
	padding: 10px; 
	height: 15px; 
	margin-top: -35px; 
	position: relative; 
	z-index: 9999;
  text-align:left;
  background-color:#ffffff;
  /* CSS3 standard */
  opacity:0.6;
  }

div.rotate_img{
	margin-bottom: 2em;
}

div.rotate_img p{
	margin-bottom: 2em;
	text-align: center;
	width: 100%;
}
/*  ROTATORS : END  */
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #591518;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #ac2931;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #591518;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #591518;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
}
#ditto_pages a:hover {
    background-color: #ac2931;
    color: #fff;
}

#sitemap_pages a, #sitemap_pages a:link, #sitemap_pages a:visited {
    border: 1px solid #455C7B;
    padding: 1px 5px 2px;
    margin:8px;
    text-decoration: none !important;
    color: black;
}
#sitemap_pages a:hover {
    background-color: #fff;
    color: #000;
}

.tagcloud {
	text-transform:uppercase;
}

.tagcloud span {
	display:block;
}

div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 170px;
	width: 773px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 170px;
	/* max width here, for users without javascript */	
	width: 1500px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;	
	list-style: none;
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	

}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=50);	
	opacity: 0.5;
}


.item {
	width:513px;
	height:222px;	
	border:4px solid #cccccc;	
	margin:5px 5px 5px 0;
	margin-left:13px;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.item .caption {
	width:513px;
	height:222px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	opacity: 0.8;    /* css standard, currently it works in most modern browsers like firefox,  */
	-moz-opacity:0.8;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.8;    /* for really really old safari */  
}

.item .caption a {
	text-decoration:none; 
	color: #C43535;
	font-size:18px;	
	font-weight:bold;
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;}

.item .caption p {
	padding:5px;	
	margin:0;
	font-size:13px;
}

.item img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}