/******* Template Require Classes *******/
/* Body Style , Scrollbar , Background */
body
{
	background-color: #f0eae4;
	background-image:url(/inst/Thf/gallery/layout/white-strip.gif); background-position:0 0; background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

/* Normal Style */
.n, table, html, form
{
	font: 13px Arial, Helvetica, sans-serif;
	color : #000000;
}

/* Normal Style, Bold */
.nb
{
	font-weight:bold;
}

/* Normal Style, Small */
.ns
{
	font-size : 100%;
}

/* Normal Style, Large */
.nl
{
	font-size : 120%;
	font-weight: bold;
}

/* Style For Textbox*/
.tb
{
	/*background-color : #FFFFFF;
	border : 1px solid #838383;
	color : #666666;
	font-size : 12px;*/
}

/* Style For Buttons*/
.btn
{
	/*color: #ffffff; 
	font-size : 8pt;
	font-weight: normal;	
	text-decoration: none;
    background-color: #666666;
	height: 18px;
	border: 1px solid black; 
	cursor: pointer;
	text-align: center;*/
}

/*add orange color*/
.or
{
	color : #cc6633;
	font-weight: bold;
}

.bo
{
	font-weight: bold;
}


/* Style For Links */
a:link, a:visited
{
	
	color: #d2701d;
	font-weight : normal;	
	text-decoration : none;
}

a:hover
{
	color: #d37121;
	font-weight : normal;	
	text-decoration : underline;
}

/* Border Table */
.bt
{
    /*background-color: #666666;*/
}

/* Content Table */
.ct
{
	/*background-color: white;
	border: 1px solid #cccccc;*/
}

/* Header Table */
.ht
{
	color : #cc6633;
	font-weight: bold;
	
	/*background-color: 666666;
	font-size: 12px;
	font-weight: bold;
	color : #ffffff;
	border: 0px;*/
}

.ht a:link, .ht a:visited,.ht a:hover
{
	/*font-size : 10px;
	font-weight: bold;
    color : #ffffff;*/
}

/* Normal Table Row */
.nt
{
	/*background-color : #ffffff;*/
}

/* Alternative Table Row */
.at
{
	/*background-color : #fff;*/
}


/* Title */
.title, .titleS
{
	font-size : 120%;
	font-weight: bold;
/*
	font-size : 11pt;
	color : #666666;
	font-weight : bold;	
	text-decoration : none;
*/
}


/*
Custom Template Section
*/

/* Generic Styles*/
.floatRight{float:right; margin:20px 20px 10px 15px;}
.floatLeft{float:left; margin:20px 20px 10px 15px;}


.img_c_home{background-image:url(/inst/Thf/gallery/layout/body_img.jpg);background-position:center 135px; background-repeat:no-repeat;}
.img_c{background-image:url(/inst/Thf/gallery/layout/body_img2.jpg);background-position:center 135px; background-repeat:no-repeat;}

#container { 
	width: 910px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

/* HEADER Styles*/
#header 
{ 
	height:210px;
	/*border:1px solid #ccc;*/
}

#CoverFlowDiv
{
	position:absolute;
	top:140px;
}

.logo_home{background-image:url(/inst/Thf/gallery/layout/logo_back.gif); background-position:0 0px; background-repeat:no-repeat;width:216px; height:204px; margin-top:13px; float:left;}
.logo{background-image:url(/inst/Thf/gallery/layout/logo_back_v2.gif); background-position:0 0px; background-repeat:no-repeat;width:216px; height:204px; margin-top:13px; float:left;}
.logo img, .logo_home img{margin:15px 0 0 12px;}

#lists{float:left; width:690px}
#top_nav{margin-left:70px;}


#navlist li{display: inline; list-style-type: none; font-size:11px; padding-right:10px;}
#navlist li a{text-decoration:none; color:#000;}
#navlist li a:hover{text-decoration:underline;}
#navlist li.lang{padding:0px;}
#navlist li.lang a{background-color:#fff; color:#000}
#navlist li.lang a.current{ background-color:#d37121; color:#fff;}

/* MAIN MENU Styles
#main_nav ul{margin:25px 0 0 0px; padding:0; list-style-type: none; position: relative;}
*/
#main_nav {padding-top:20px;}
/* Left Column Styles*/
#left_column{float: left; width: 212px; margin-top:62px;}
#menu_box{background-image:url(/inst/Thf/gallery/layout/left_menu_back.png); background-position:bottom left; background-repeat:no-repeat;overflow:hidden; padding-bottom:10px; margin-top:20px;}
#menu_box h2{font-size:14px; margin:15px 0 15px 25px; padding:0; color:#d47221;}
#menu_box ul{margin:0; padding:0; list-style:none;}
#menu_box li{padding-left:10px; background-image:url(/inst/Thf/gallery/layout/arrow_bullet.gif); background-position: 0px 3px; background-repeat:no-repeat; margin:8px 5px 8px 25px; font-size:12px;}
#menu_box li a{text-decoration:none; color:#000}
#menu_box li a.active{font-weight:bold;}
#menu_box img{margin:15px 0 10px 30px; text-align:center}	

#menu_box2 {margin:0; padding:0; list-style:none;}
#menu_box2 li{padding-left:10px; background-image:url(/inst/Thf/gallery/layout/arrow_bullet.gif); background-position: 0px 3px; background-repeat:no-repeat; margin:8px 5px 8px 25px; font-size:12px;}
#menu_box2 li a{text-decoration:none; color:#000;font-weight:normal;}
#menu_box2 li a.active{font-weight:normal;}

/* Left Column Homepage Styles*/
.box{background-color:#fff; margin-top:20px; padding-bottom:10px; border:1px solid #ccc;}
.box h3{font-size:13px; font-weight:bold; padding:10px 10px 5px 15px; margin:0;}
.box p{font-size:12px; font-weight:normal; padding:5px 10px 5px 15px; margin:0; line-height:140%}
.box img{padding:5px 10px 5px 15px;}
.box a{text-decoration:underline; font-weight:bold; color:#000;}
	
#menu_box a.current
{
	font-weight:bold;
}

/* Main Area Styles*/
#mainContent {margin: 0 0 0 232px; }
#mainContent h1{margin:0; padding:0; color:#e0dede; font-size:35px;}
#mainContent h2{margin:0; padding:0; color:#fff; font-size:24px; height:30px;}

#curve{width:677px; background-image:url(/inst/Thf/gallery/layout/contentBox_curve.png); background-position:0 0; background-repeat:no-repeat; margin-top:10px;}
#mainContent div.content h2{margin:0; padding:0px 10px 10px 5px; font-size:28px;color:#000;}

.content{background-color:#FFFFFF; width:655px; margin:0; padding-left:11px;padding-right:11px;padding-bottom:20px;}
.content h3{margin:0; padding:15px 10px 5px 20px; font-size:13px;}
.content p{padding:0px 0px 0px 0px; font-size:13px; margin:0;}

/* Homepage main area Styles*/
.homeBox{background-image:url(/inst/Thf/gallery/layout/homeBox_back.png); background-position:bottom left; background-repeat:no-repeat;overflow:hidden; padding-bottom:10px; margin-top:20px;}
.homeBox h4{font-size:11px; color:#7e7d82; font-weight:normal; margin:0; padding:15px 5px 5px 15px;}
#mainContent div.homeBox h3{font-size:20px; color:#000; margin:0; padding:0px 5px 5px 15px;}
span.h2_small{font-size:16px;}
#mainContent div.homeBox p{font-size:12px; margin:0; padding:10px 15px 5px 15px;}
#mainContent div.homeBox p.date{font-size:11px;padding:0px 15px 5px 15px;}
.homeBox img{border:1px solid #ccc}
.homeBox  p.more{text-align:right; font-size:11px;}
.homeBox  p.more a{padding:3px 5px 3px 5px; background-color:#333; text-decoration:underline; color:#fff}
.homeBox  p.more a:hover{background-color:#999;}

/* Bottom Area Styles*/
#bottom { margin-top: 50px; background-image:url(/inst/Thf/gallery/layout/footer_back.jpg); background-position:0; background-repeat:repeat-x; height:65px;}
#bottom a{color:#d2701d; text-decoration:none}
ul#bottom_menu	{padding-top:8px}
ul#bottom_menu li{display: inline; list-style-type: none; font-size:11px; padding-right:4px; padding-left:2px; border-right:1px solid #444;}
ul#bottom_menu li a{color:#d2701d; text-decoration:none}
#bottom p {font-size:11px; text-align:center; color:#444;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}


/*add xp*/
/* Xp Menu Style*/
.cc_xp_menu
{
	cursor:pointer;
	font-size: 13px;
	font-weight: bold;
	color : #000000;
	background-color: #ffffff;
	border: 2px;
	padding:5px 5px 4px 4px;
	width:expression('100%');
	
}

/*Lines */
.cc_xp_spl
{
	background-color: #666666;
	height:1px;
	
	
}

.cc_xp_xp_ch
{
	background-image:url(custom_modules/catalog/images/down.gif);
	background-repeat:no-repeat;
	background-position: right;
}

.cc_xp_option
{
	padding-top:	5px;
	padding-bottom:	5px;
	padding-left:	10px;
	padding-right:	2px; 
	border-bottom:	1px solid #CCCCCC; 
	background-color: #F9F9F9; 
	cursor:pointer;
	font-size: 11px;
}

.cc_xp_options 
{
	display: none;
	background-color: #F1F1F1;
	padding:1 1 1 1;
}

.cc_xp_oa
{
	
}

/*hoover*/
.cc_xp_oOver
{
	background-color:#fbaf93;
	/* background-image: url(/inst/altab2c/gallery/layout/bullet_gray.gif); */
	background-repeat: no-repeat;  
	background-position: center left; 


}

/*selected category*/
.cc_xp_oActive
{
	/* background-image: url(/inst/altab2c/gallery/layout/bullet_gray.gif); */
	background-repeat: no-repeat;
	background-color:#fbaf93;	
	background-position: center left;

}

.cc_xp_opP1 { padding-left:16; }

.cc_xp_opP2 { padding-left:32; }

.cc_xp_opP3 { padding-left:48; }

.cc_xp_opP4 { padding-left:64; }

.cc_xp_opP5 { padding-left:80; }



/*---NAVIGATION---*/
.nav
{
	background-color:#ffffff;
	padding:4px;
	font-size:10px;
	color: #000000;
	font-weight:bold;
}

.nav a:link, .nav a:visited,.nav a:hover
{
	font-size:10px;
	color: #999999;
	font-weight:bold;
	padding-right:10px;
	padding-left:5px;
	background: url(/inst/thf/gallery/layout/bullet_gray.gif) no-repeat right center;
}