@charset "UTF-8";
/* Thalasso (2010 - Filip) */


body { margin:0; padding:0; background:#f0f0f0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#202020;}
html body { height:100%; min-height:100%;}

.clear { clear:both; height:1px; line-height:1px; font-size:1px;}

.red { color:#c63717;}
.blue { color:#3076ba;}
.blue_dark { color:#0e457d;}
.blue_light { color:#24a3ef;}



a {}
a:hover {}

p {}
p a {}
p a:hover {}



/* ------------------------ */

#container { width:885px; margin:0 auto; height:100%; min-height:100%; background:#FFF url(../media/img/bg/bg-ombre.gif) repeat-y;}
#container_wrap { padding:10px; margin:0 10px; background:url(../media/img/bg/ombre-menu.gif) no-repeat 0 0; }

#top { height:160px; margin-bottom:10px;}
#header { height:160px; width:565px; float:left;  background:url(../media/img/bg/header.jpg) no-repeat 0 0;}

#top_promo { height:160px; width:270px; float:right; overflow:hidden;}
#top_promo ul { margin:0; padding:0; list-style:none;}
#top_promo ul li { display:inline; float:left; margin:0 0 6px 0;}
#top_promo ul li a { display:block; float:left; padding:5px; margin:0; height:67px; width:260px; background:#d9edfa url(../media/img/bg/bg-top-promo.gif) no-repeat 0 0;}
#top_promo ul li a { text-decoration:none;}
#top_promo ul li a:hover {}

#top_promo ul li img { float:left; margin:0 10px 0 0; border:none;}
#top_promo ul li a h2 { margin:0; padding:0; font-size:10px; line-height:12px; font-weight:normal; color:#3076ba;}
#top_promo ul li a h3 { margin:0; padding:0; font-size:12px; line-height:14px; color:#3076ba;}
#top_promo ul li a p { padding:0 0 2px 0; margin:0; font-size:10px; color:#202020;}

#top_promo ul li a p.prix { margin:0; display:block; font-size:11px; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 4px 0 0; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat right;}
#top_promo ul li a p.prix span { display:block; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 0 0 4px; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat left;}


#wrap_menu { width:845px; height:30px; margin-bottom:10px; background:#3076ba url(../media/img/bg/menu-bag.gif) repeat-x bottom;}

#menu { height:30px; width:780px; float:left;}
#menu ul { margin:0; padding:0; list-style:none;}
#menu ul li { display:inline; float:left; font-size:13px; font-weight:bold;}
#menu ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 10px; text-decoration:none; color:#d9edfa; background:#3076ba url(../media/img/bg/menu-onglet.gif) no-repeat right top; }
#menu ul li a:hover { background-position: right -30px; color:#FFFFFF;}
#menu ul li.over a { background-position: right -60px; color:#FFFFFF;}


#lang { height:30px; width:60px; float:right;}
#lang ul { margin:0; padding:0; list-style:none;}
#lang ul li { display:inline; float:left; font-size:12px; font-weight:bold;}
#lang ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 4px; text-decoration:none;  color:#639bd2;}
#lang ul li a:hover { color:#FFFFFF;}
#lang ul li.over a {color:#FFFFFF;}


/* ------------------------ */
#left { float:left; width:290px;}

#left #blue_left { width:290px; padding:10px 0 0 0; margin-bottom:10px; background:url(../media/img/bg/bg-blue-smal.gif) no-repeat top; overflow:hidden; position:relative;}
#left #blue_left #blue_left_wrap { padding:0 10px 10px 10px; width:270px;  background:url(../media/img/bg/bg-blue-smal.gif) no-repeat bottom; }

#left #blue_left h3 { margin:0; padding:0 0 10px 0; font-size:15px; font-weight:bold; color:#FFFFFF;}
#left #blue_left h3 a { text-decoration:none; color:#FFFFFF;}
#left #blue_left hr { height:1px; border:none; border-bottom:1px dashed #d9edfa; margin:20px -7px;}

#left #blue_left #carte { width:270px; padding-bottom:20px;  }
#left #blue_left #carte #map { float:left; width:130px; height:85px; border:1px solid #FFF;}
#left #blue_left #carte #map a { display:block; width:130px; height:85px; background:url(../media/img/bg/map-home.jpg) no-repeat top;}
#left #blue_left #carte #map a:hover { background-position:bottom;}

#left #blue_left #carte #meteo { float:right; width:130px; padding:50px 0 0 0; background:url(../media/img/bg/soleil.gif) no-repeat center 2px;}
#left #blue_left #carte #meteo p.meteo_button { margin:0; padding:0; text-align:center }
#left #blue_left #carte #meteo p.meteo_button a { display:block; height:20px; width:130px; line-height:19px; color:#FFFFFF; text-decoration:none; background:url(../media/img/bg/meteo-button.gif) no-repeat top }
#left #blue_left #carte #meteo p.meteo_button a:hover { background-position:bottom;}


#left #blue_left #recherche { background:#134f8b url(../media/img/bg/recherche-bg.gif) repeat-x 0 center; margin:0 -7px; padding:15px 7px 0 7px; width:270px; height:115px; border-top:1px solid #d9edfa; border-bottom:1px solid #d9edfa;}
#left #blue_left #recherche form { margin:0 0 10px 0; padding:0;}
#left #blue_left #recherche label { float:left; width:110px; font-size:12px; font-weight:bold; color:#FFFFFF; padding:0 0 0 10px; background:url(../media/img/bg/arrow-white.gif) no-repeat 0 center;}

#left #blue_left #recherche select { width:145px; overflow:hidden; margin-bottom:3px; padding:3px 0; height:20px;}

#left #blue_left #recherche p { margin:0; padding:0; float:right;}
#left #blue_left #recherche p a { color:#FFFFFF; padding:0 0 0 10px; background:url(../media/img/bg/arrow-white.gif) no-repeat 0 center;}



#left #blue_left #centres { padding:15px 0 8px 0;   width:270px;}
#left #blue_left #centres p {  float:left; margin:0 0 3px 0; padding:0;}
#left #blue_left #centres p a { color:#FFFFFF; font-size:12px; font-weight:bold; display:block; height:20px; line-height:18px; width:144px; text-decoration:none; padding:0 0 0 17px;}

#left #blue_left #centres p#cures_orange { background:#db6605 url(../media/img/bg/cures-orange.gif) no-repeat top;}
#left #blue_left #centres p#cures_orange a:hover { background:#db6605 url(../media/img/bg/cures-orange.gif) no-repeat bottom;}

#left #blue_left #centres p#cures_bleu { background:#db6605 url(../media/img/bg/cures-bleu.gif) no-repeat top;}
#left #blue_left #centres p#cures_bleu a:hover { background:#db6605 url(../media/img/bg/cures-bleu.gif) no-repeat bottom;}

#left #blue_left #centres p#cures_vert { background:#db6605 url(../media/img/bg/cures-vert.gif) no-repeat top;}
#left #blue_left #centres p#cures_vert a:hover { background:#db6605 url(../media/img/bg/cures-vert.gif) no-repeat bottom;}




/* NEWS (Homepage)*/
#left #news_left { width:290px; padding:10px 0 0 0; background:url(../media/img/bg/bg-news.gif) no-repeat top;}
#left #news_left #news_left_wrap { padding:0 10px 10px 10px;  background:url(../media/img/bg/bg-news.gif) no-repeat bottom; }

#left #news_left img { float:left; border:1px solid #FFF; margin:0 10px 5px 0;}
#left #news_left h4 { margin:0; padding:5px 0; font-size:14px; line-height:16px; color:#FFFFFF;}
#left #news_left h4 a { color:#FFFFFF}
#left #news_left p { font-size:11px; line-height:14px; margin:0; padding:0 0 10px 0;}

#left #news_left p a { color:#FFFFFF;}



#right { float:right; width:545px;  }

#right #ecran { margin-bottom:10px; width:545px; padding:5px 0 0 0; background:url(../media/img/bg/bg-ecran.gif) no-repeat top;}
#right #ecran #ecran_wrap {padding:0 5px 0 5px; width:535px;  background:url(../media/img/bg/bg-ecran.gif) no-repeat bottom; }

#right #ecran #ecran_wrap #ecran_bg { background:url(../media/img/bg/bg-ecran-video.gif) no-repeat 0 0; width:525px; height:320px; padding:5px;}
#right #ecran #ecran_wrap #ecran_video {position:relative; z-index:0; width:525px; height:285px; background:#FFFFFF url(../media/img/bg/loading.gif) no-repeat center;}

#right #ecran  #video_logo {  width:520px; height:31px;  background:url(../media/img/bg/bg-ecran-logo.gif) no-repeat 0 0; margin:-15px 0 7px 5px; padding:10px 0 0 5px;}
#right #ecran  #video_logo img { float:left; margin:0 10px 0 0;}
#right #ecran  #video_logo h3 { margin:0; padding:0; font-size:14px; line-height:14px; float:left; width:270px; overflow:hidden; padding: 0 10px 0 0; border-right:1px solid #092b4e; color:#092b4e; margin:0px 10px 0 0;}
#right #ecran  #video_logo p.link { float:left; display:block; height:16px; line-height:16px; font-size:11px; font-weight:bold;  margin:6px 5px 0 0; padding:0 0 0 4px; background:#dd0059 url(../media/img/bg/bg-link.gif) no-repeat left;}
#right #ecran  #video_logo p.link a { float:left; display:block; height:16px; line-height:16px; color:#FFFFFF; text-decoration:none; padding:0 4px 0 0; background:#dd0059 url(../media/img/bg/bg-link.gif) no-repeat right;}
#right #ecran  #video_logo p.link a:hover { text-decoration:underline;}


#right #ecran  #video_logo p.friend { float:left; display:block; height:16px; line-height:16px; font-size:11px; font-weight:bold;  margin:6px 0 0 0; padding:0 0 0 4px; background:#dd0059 url(../media/img/bg/bg-friend.gif) no-repeat left;}
#right #ecran  #video_logo p.friend a { float:left; display:block; height:16px; line-height:16px; color:#FFFFFF; text-decoration:none; padding:0 4px 0 0; background:#dd0059 url(../media/img/bg/bg-friend.gif) no-repeat right;}
#right #ecran  #video_logo p.friend a:hover { text-decoration:underline;}



#right #ecran_nav { height:100px; position:relative;}
#right #ecran_nav #ecran_nav_wrap { margin:0 0 0 39px;}

#right #ecran_nav #ecran_nav_wrap ul { margin:0; padding:0; list-style:none;}
#right #ecran_nav #ecran_nav_wrap ul li { display:inline; float:left; margin:0 5px;}
#right #ecran_nav #ecran_nav_wrap ul li a { display:block; float:left; width:94px; height:80px; padding:5px; background:#27588a url(../media/img/bg/ecran-nav-bg.gif) no-repeat top; text-decoration:none;}
#right #ecran_nav #ecran_nav_wrap ul li a:hover { background-position:0 -90px;}
#right #ecran_nav #ecran_nav_wrap ul li.over a {background-position:0 -180px;}
#right #ecran_nav #ecran_nav_wrap ul li.over a:hover {background-position:0 -180px;}

#right #ecran_nav #ecran_nav_wrap ul li a img { border:none; width:100%;}
#right #ecran_nav #ecran_nav_wrap ul li a p { margin:0; padding:3px 0 0 0; font-size:11px; color:#FFFFFF; text-decoration:none;}

#right #ecran_nav p.next { margin:0; padding:0; position:absolute; top:30px; left:500px; width:22px; height:22px; background:url(../media/img/bg/arrow-j-nav.gif) no-repeat bottom; cursor:pointer; }
#right #ecran_nav p.prev { margin:0; padding:0; position:absolute; top:30px; left:10px; width:22px; height:22px; background:url(../media/img/bg/arrow-j-nav.gif) no-repeat top; cursor:pointer; }




/* PROMOS (homepage) */
#promo {  }
#promo .promo_thumb { min-height:210px; margin:0 8px 10px 0; width:268px; float:left; background:#d9edfa url(../media/img/bg/promo-bg.gif) no-repeat bottom;}
#promo .promo_thumb h3 { margin:0; padding:5px 10px; font-size:14px; font-weight:bold; color:#FFFFFF; background:#3076ba url(../media/img/bg/promo-h3-bag.gif) no-repeat top; }
#promo .promo_thumb .wrap { padding:10px; }
#promo .promo_thumb .wrap img { float:left; padding:3px; border:1px solid #CCC; background:#FFFFFF; margin:0 10px 5px 0;}

#promo .promo_thumb .wrap h4 { font-size:13px; line-height:16px; margin:0; padding:10px 0 5px 0;}
#promo .promo_thumb .wrap h5 { font-size:12px; font-weight:bold; color:#3076ba; margin:0; padding:0 0 5px 0;}
#promo .promo_thumb .wrap p { margin:0; padding:10px 0; font-size:11px; line-height:14px;}
#promo .promo_thumb .wrap p.prix { margin:0; display:block; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 4px 0 0; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat right;}
#promo .promo_thumb .wrap p.prix span { display:block; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 0 0 4px; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat left;}




p.top { font-size:11px; font-weight:bold; float:left; margin:0; padding:0 4px 0 0; height:20px; line-height:20px; background:#2269ae url(../media/img/bg/ancor-top-bg.gif) no-repeat right; color:#FFFFFF;}
p.top a { display:block; margin:0; padding:0 8px 0 18px; height:20px; line-height:20px; background:#2269ae url(../media/img/bg/ancor-top-bg.gif) no-repeat left ; color:#FFFFFF; text-decoration:none;}


#footer { margin:40px 0 0 0; padding:20px; background:url(../media/img/bg/footer-bg.gif) no-repeat top;}
#footer p { margin:0; padding:0; font-size:11px; line-height:16px; color:#999999; text-align:center;}
#footer p a { color:#3076ba; text-decoration:none;}
#footer p a:hover { text-decoration:underline;}










/* ------------------------ INSIDE --- */
#nec { width:845px; height:120px; padding:10px 0 0 0; margin-bottom:10px; background:#5d9bd2 url(../media/img/bg/inside-recherche-bg.gif) no-repeat top; overflow:hidden; position:relative;}
#nec_wrap { padding:0 10px 10px 10px; width:825px; height:110px;  background:#5d9bd2 url(../media/img/bg/inside-recherche-bg.gif) no-repeat bottom; }

#nec h3 { margin:0; padding:0 0 10px 0; font-size:15px; font-weight:bold; color:#FFFFFF;}
#nec h3 a { text-decoration:none; color:#FFFFFF;}

#nec #carte { width:245px; padding:0 10px 0 5px; float:left;  }
#nec #carte #map { float:left; width:100px; height:75px; border:1px solid #FFF;}
#nec #carte #map a { display:block; width:100px; height:75px; background:url(../media/img/bg/map-home.jpg) no-repeat center top;}
#nec #carte #map a:hover { background-position:center -85px;}

#nec #carte #meteo { float:right; width:130px; padding:50px 0 0 0; background:url(../media/img/bg/soleil.gif) no-repeat center 2px;}
#nec #meteo p.meteo_button { margin:0; padding:0; text-align:center }
#nec #carte #meteo p.meteo_button a { display:block; height:20px; width:130px; line-height:19px; color:#FFFFFF; text-decoration:none; background:url(../media/img/bg/meteo-button.gif) no-repeat top }
#nec #carte #meteo p.meteo_button a:hover { background-position:bottom;}


#nec #recherche { width:280px; float:left;  margin:-7px 0; height:114px; padding:5px 20px;  border-left:1px solid #d9edfa; border-right:1px solid #d9edfa;}
#nec #recherche form { margin:5px 0 10px 0; padding:0;}
#nec #recherche label { float:left; width:110px; font-size:12px; font-weight:bold; color:#FFFFFF; padding:0 0 0 10px; background:url(../media/img/bg/arrow-white.gif) no-repeat 0 center;}

#nec #recherche .select { width:160px; margin-bottom:3px;}

#nec #recherche p { margin:0; padding:0; float:right;}
#nec #recherche p a { color:#FFFFFF; padding:0 0 0 10px; background:url(../media/img/bg/arrow-white.gif) no-repeat 0 center;}



#nec #centres { width:220px; float:left; padding:0 0 0 15px; }
#nec #centres p {  float:left; margin:0 0 5px 0; padding:0;}
#nec #centres p a { color:#FFFFFF; font-size:12px; font-weight:bold; display:block; height:20px; line-height:18px; width:144px; text-decoration:none; padding:0 0 0 17px;}

#nec #centres p#cures_orange { background:#db6605 url(../media/img/bg/cures-orange.gif) no-repeat top;}
#nec #centres p#cures_orange a:hover { background:#db6605 url(../media/img/bg/cures-orange.gif) no-repeat bottom;}

#nec #centres p#cures_bleu { background:#db6605 url(../media/img/bg/cures-bleu.gif) no-repeat top;}
#nec #centres p#cures_bleu a:hover { background:#db6605 url(../media/img/bg/cures-bleu.gif) no-repeat bottom;}

#nec #centres p#cures_vert { background:#db6605 url(../media/img/bg/cures-vert.gif) no-repeat top;}
#nec #centres p#cures_vert a:hover { background:#db6605 url(../media/img/bg/cures-vert.gif) no-repeat bottom;}




/* -------------- INSIDE - Content --------------- */
.global { margin-bottom:9px;}
.global .global_top { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/inside-colt.gif) no-repeat top;}
.global .global_bottom { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/inside-colt.gif) no-repeat bottom;}
.global .global_bottom.color { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/inside-colt-color.gif) no-repeat bottom;}
.global .global_wrap { padding:10px ; border-left:1px solid #bcdbef; border-right:1px solid #bcdbef;}

.global .global_wrap.color { padding:10px ; border-left:1px solid #bcdbef; border-right:1px solid #bcdbef; background:#d9edfa;}


.global h1 { margin:0; padding:10px; font-size:17px; line-height:20px; color:#3076ba; background:#d9edfa url(../media/img/bg/inside-h1-bg.gif) no-repeat top;}
.global h1 a {}

.global h2 { margin:0; padding:10px 0; font-size:16px; line-height:20px;}
.global h2 a {}

.global h3 {}
.global h3 a {}
.global h3 a:hover {}

.global h4 {}
.global h4 a {}
.global h4 a:hover {}

.global h5 {}
.global h5 a {}
.global h5 a:hover {}

.global p { margin:0; padding:5px 0 10px 0; color:#545454; line-height:18px;}
.global p a {}
.global p a:hover {}

.global hr { margin:20px 0; height:1px; border:none; border-bottom:2px dotted #bcdbef;}


.global .box_vert { width:380px;  padding:10px; margin:5px 0 15px 0 ; background:#f1fce9;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.global .box_vert p { margin:0; padding:0;  color:#3076ba; font-weight:bold;  }




/* PROMOS */
.global #promo_list {}

.global #promo_list .thumb { padding:0; background:#fff;  margin-bottom:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}

.global #promo_list .thumb .thumb_top { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/colt-white.gif) no-repeat top;}
.global #promo_list .thumb .thumb_bottom { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/colt-white.gif) no-repeat bottom;}
.global #promo_list .thumb .thumb_wrap { padding:5px 10px 4px 10px;}

.global #promo_list .thumb .image { width:140px;  float:left;}
.global #promo_list .thumb .image img { padding:3px; border:1px solid #bcdbef; background:#FFFFFF; }
.global #promo_list .thumb .description { width:650px; float:right;}

.global #promo_list .thumb .description h3 { font-size:15px; line-height:20px; margin:0; padding:0;}
.global #promo_list .thumb .description h3 a {color:#3076ba; text-decoration:none;}
.global #promo_list .thumb .description h3 a:hover { text-decoration:underline;}
.global #promo_list .thumb .description h4 { margin:0 0 10px 0; padding:0; font-size:13px; line-height:16px;}
.global #promo_list .thumb .description p.title {color:#999; margin:0 0 5px 0; padding:0;}

.global #promo_list .thumb .description p.prix {margin:0; display:block; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 4px 0 0; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat right;}
.global #promo_list .thumb .description p.prix span {display:block; float:left; height:16px; line-height:16px; color:#FFFFFF; font-weight:bold; padding:0 0 0 4px; background:#c63717 url(../media/img/bg/bg-top-prix.gif) no-repeat left;}

#screenshot { margin: 0; padding:5px; position:absolute; background:#5d9bd2 url(../images/bg/loading.gif) no-repeat 50% 50%;  display: none; z-index: 200; min-height:50px; min-width:50px; border:1px solid #3076ba;}
#screenshot img { border:1px solid #fff;}




/* DETAIL */
.global #detail {}

.global #detail .white { background:#FFFFFF;}
.global #detail .white_top { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/colt-white.gif) no-repeat top;}
.global #detail .white_bottom { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/colt-white.gif) no-repeat bottom;}
.global #detail .white_wrap { padding:5px 10px 4px 10px;}


.global #detail .white {}


.global #detail #detail_top { padding:0 0 20px 0; margin-bottom:20px; background:url(../media/img/bg/detail-line.gif) no-repeat bottom;}
.global #detail #detail_top #detail_image { float:left; width:265px;  }
.global #detail #detail_top #detail_image #wrap_img { position:relative; width:237px; border:1px solid #bcdbef; padding:4px;}
.global #detail #detail_top #detail_image #wrap_img #et_promo { position:absolute; width:65px; height:65px; background:url(../media/img/bg/et-promo.png); top:0; right:0;}

.global #detail #detail_top #detail_description { float:left; width:360px;}
.global #detail #detail_top #detail_description h3 { margin:0; padding:5px 0; font-size:19px; line-height:22px; font-weight:bold; color:#3076ba;}
.global #detail #detail_top #detail_description h4 { margin:0; padding:5px 0; font-size:14px; line-height:18px;}
.global #detail #detail_top #detail_description p {}

.global #detail #detail_top #detail_retour { float:right; width:170px;}
.global #detail #detail_top #detail_retour p.retour { margin:5px 0; padding:0 4px 0 0; display:block; float:right; height:20px; line-height:20px; font-size:11px; font-weight:bold; background:#3479bb url(../media/img/bg/button-retour.gif) no-repeat right;}
.global #detail #detail_top #detail_retour p.retour a { text-decoration:none; padding:0 4px 0 20px; display:block; float:right; height:20px; line-height:20px; color:#FFFFFF; background:#3479bb url(../media/img/bg/button-retour.gif) no-repeat left;}


.global #tab_nav {}
.global #tab_nav ul { margin:0; padding:0; list-style:none; height:29px;border-bottom:1px solid #bcdbef;}

.global #tab_nav ul li { display:inline; float:left; height:30px; line-height:30px; padding:0 0 0 8px; margin:0 2px 0 0; background:url(../media/img/bg/tab-nav-ong.gif) no-repeat left bottom;}
.global #tab_nav ul li a { display:block; float:left; height:30px; line-height:30px; padding:0 16px 0 8px; background:url(../media/img/bg/tab-nav-ong.gif) no-repeat right bottom; font-size:14px; font-weight:bold; color:#3076ba; text-decoration:none;}

.ui-tabs-hide { display: none; }
.global #tab_nav ul li.ui-tabs-selected { display:inline; float:left; height:30px; line-height:30px; padding:0 0 0 8px; margin:0 2px 0 0; background:url(../media/img/bg/tab-nav-ong.gif) no-repeat left top;}
.global #tab_nav ul li.ui-tabs-selected a {display:block; float:left; height:30px; line-height:30px; padding:0 28px 0 8px; background:url(../media/img/bg/tab-nav-ong.gif) no-repeat right top; font-size:16px; font-weight:bold; color:#2067ac; text-decoration:none;}

.global #tab_nav ul li a:hover {color:#2067ac; }




.global #detail #detail_text { padding:15px; border-left:1px solid #bcdbef; border-right:1px solid #bcdbef;}
.global #detail #detail_text_bottom { height:5px; line-height:1px; font-size:1px; background:url(../media/img/bg/colt-detail-text.gif) no-repeat bottom;}

.global #detail .color_orange { padding:10px; padding-bottom:5px; margin-bottom:15px; background:#ffecc5; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.global #detail .color_orange h3 { margin:0; padding:0 0 5px 0; color:#c63717;}
.global #detail .color_orange p { margin:0; padding:5px 0; color:#74482d; line-height:16px;}

.global #detail #colon_left { width:110px; float:left;}
.global #detail #colon_left img { padding:4px; border:1px solid #bcdbef; background:#FFFFFF; margin-bottom:10px;}

.global #detail #colon_right { width:640px; float:right;}
.global #detail #colon_right h3 { font-size:14px; line-height:20px; margin:0; padding:0;}
.global #detail #colon_right h4 {font-size:14px; line-height:20px; margin:0; padding:0; color:#3076ba;}
.global #detail #colon_right p { margin:0; padding:0 0 15px 0;}
.global #detail #colon_right p a { color:#3076ba;}
.global #detail #colon_right p a:hover {color:#0e457d;}
.global #detail #colon_right hr { border-bottom:1px dashed #CCC; margin-top:10px;}