html {
background-attachment : scroll;
background-color : #fff;
background-image : none;
background-position : 0% 0%;
background-repeat : repeat;
height : 100%;
}
form {
margin : 0;
padding : 0;
}
input.button {
cursor : pointer;
}
img {
border : 0 none;
}
body {
	-moz-background-clip:border !important;
	-moz-background-origin:padding !important;
	-moz-background-size:auto auto !important;
	background-attachment:scroll !important;
	background-position:0 0 !important;
	font-size-adjust:none !important;
	font-stretch:normal !important;
	font-style:normal !important;
	font-variant:normal !important;
	font-weight:normal !important;
	line-height:normal !important;
	position:relative;
	width:100% !important;
	z-index:10000 !important;

	margin : 0 0 0 0;
	background-color: #F5F5F5;
	background-image: url(http://www.hqlevel.ro/images/bg.png);
	background-repeat: repeat-x;
}
a:active, a:focus {
outline : 0;
}
table.dataTable, table.dataTableFull {
border-left : 1px solid #004b8d;
font-size : 11px;
color : #797979;
margin-bottom : 0;
margin-left : 0;
margin-right : 0;
margin-top : 0;
padding-bottom : 0;
padding-left : 0;
padding-right : 0;
padding-top : 0;
/*width : auto !important ;*/
}
table.dataTable td.center, table.dataTableFull td.center {
text-align : center;
}
table.dataTable thead, table.dataTableFull thead {
background-attachment : scroll;
background-color : #00559a;
background-image : url("http://hqlevel.ro/images/datatable_header_background.png");
background-position : center;
background-repeat : repeat-x;
border : 1px solid #004b8d;
color : #ffffff;
height : 20px;
font-weight : bold;
}
table.dataTable td, table.dataTableFull td {
border-right : 1px solid #004b8d;
border-bottom : 1px solid #004b8d;
padding-bottom : 5px !important ;
padding-left : 5px !important ;
padding-right : 5px !important ;
padding-top : 5px !important ;
}
table.dataTable a, table.dataTableFull a {
font-weight : bold;
}
table.dataTable span.smaller, table.dataTableFull span.smaller {
font-size : 70%;
}
table.dataTableFull {
width : 100%;
}
table.dataTableFull thead {
text-align : center !important ;
}
table.site {
font-size : 90%;
line-height : 1.2em;
color : #333;
background-color : #fff;
border-collapse : collapse;
text-align : left;
letter-spacing : 0.1em;
}
table.site caption {
padding-bottom : 1em;
text-align : center;
font-size : 1.4em;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 0.6em;
color : #333;
background : transparent;
}
table.site thead th, table.site tfoot th, tfoot td {
border-right : 1px solid #fff;
padding-left : 5px;
color : #000;
background : #ebebeb;
}
table.site tfoot th, table.site tfoot td {
border-top : 2pt double #ebebeb;
}
table.site td, table.site th {
padding : 0.5px;
padding-top : 4px;
padding-bottom : 4px;
}
table.site tbody tr th, table.site tbody tr td {
border-bottom : 1px dotted #333;
}
table.site tbody tr:hover td, table.site tbody tr:hover th {
border-bottom : 1px solid #333;
}
table.site tbody td a, table.site tbody th a {
background : transparent;
color : #ebebeb;
text-decoration : none;
border : none;
}
table.site tbody td a:hover, table.site tbody th a:hover {
background : transparent;
color : #930;
}
table.site .odd {
background : #ebebeb;
}
table.site .top {
background : #ebebeb;
border-bottom : 1px solid #333;
border-top : 1px solid #333;
}
table.site tbody tr:hover {
color : #333;
background-color : #ebebeb;
}
table.site tbody tr th:hover {
background : #fff;
}
#header {
width : 100%;
height : 256px;
margin : 0 auto;
z-index : 0;
}
#meniu {
position : relative;
width : 1010px;
min-height : 25px;
margin : 0 auto;
top : -40px;
z-index : 9;
}
#linkMeniu ul {
list-style : none;
margin : 0;
padding : 0;
}
#linkMeniu li {
float : left;
text-align : center;
width : auto;
}
#linkMeniu ul li a {
font : normal 12px 'Trebuchet MS';
color : #d8d8d8;
height : 16px;
text-decoration : none;
letter-spacing : 1px;
padding-top : 10px;
padding-right : 40px;
padding-bottom : 10px;
padding-left : 5px;
}
#linkMeniu ul li a:hover {
text-decoration : none;
color : #4c9bbc;
}
#submeniu {
position : relative;
width : 1010px;
/* background : url(http://www.hqlevel.ro/images/bg_submeniu.gif) repeat-x;*/
margin : 0 auto;
min-height : 30px;
top : -25px;
}
#linkSubmeniu {
width : 750px;
margin-left : 207px;
}
#continut {
width : 1010px;
margin : auto;
margin-top : -30px;
min-height : 300px;
}

#continut_stanga {
float : left;
width : 190px;
vertical-align : top;
margin-left : 0;
}
#continut_stanga_banner_plati {
width : 190px;
margin-top : 10px;
margin-bottom : 10px;
border : 1px solid #d2d2d2;
font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #141613;
}
#continut_dreapta {
	width : 688px;
	float : left;
	margin-left : 6px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	padding-top: 0px;
	padding-bottom: 5px;
	/*padding-left : 5px;
	padding-right : 7px;*/
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
	color : #141613;
	text-align : justify;
/*	background-color: #FFF;*/
/*	border: thin solid #CCC;*/
}
#continut_dreapta_banner {
	width : 120px;
	float : left;
	margin-left : 6px;
	font-family : Tahoma;
	font-size : 9pt;
	margin-top : 0;
	margin-right : 0;
	margin-bottom : 0;
}
#continut_dreapta_banner_hq {
width : 120px;
height : 240px;
margin-bottom : 10px;
background-color: #FFF;
}
#continut_dreapta_banner_promotii_top {
	background : url(http://www.hqlevel.ro/images/top_dreapta.png);
	border : 0px;
	height : 20px;
	width : 117px;
	font-weight : normal;
	font-family : Tahoma, Geneva, sans-serif;
	font-size : 11px;
	color: #FFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
}
#continut_dreapta_banner_promotii {
	width : 116px;
	border : 1px solid #d2d2d2;
	margin-bottom : 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #141613;
	background-color: #FFF;
	padding-left: 2px;
	padding-right: 2px;
	text-align : left;
	/*background-image: url(http://www.hqlevel.ro/images/box_right_bck.png);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
#continut_dreapta_banner_promotii a {
	color:#2C679F;
	text-decoration:none;
}
#continut_dreapta_banner_promotii a:hover {
	text-decoration:underline;
}
#continut_dreapta_banner_parteneri_top {
	background : url(http://www.hqlevel.ro/images/top_dreapta.png);
	border : 0px;
	height : 20px;
	width : 117px;
	font-weight : normal;
	font-family : Tahoma, Geneva, sans-serif;
	font-size : 11px;
	color: #FFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 5px;
}
#continut_dreapta_banner_parteneri {
	width : 116px;
	border : 1px solid #d2d2d2;
	margin-bottom : 10px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #141613;
	background-color: #FFF;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}
#continut_dreapta_banner_google {
width : 120px;
height : 240px;
margin-bottom : 10px;
background-color: #FFF;
}
#meniu_stanga {
background : url(http://www.hqlevel.ro/images/left-menu-item-bg.png) repeat-x;
border : 1px solid #ebebeb;
height : 18px;
width : 188px;
padding-top: 3px;
font-weight : bold;
font-family : Tahoma;
font-size : 8pt;
background-color: #FFF;
}
#meniu_stanga_top {
	background : url(http://www.hqlevel.ro/images/meniu.png);
	border : 0px;
	height : 31px;
	width : 190px;
	font-weight : normal;
	font-family : Tahoma, Geneva, sans-serif;
	font-size : 14pt;
	color: #FFF;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	vertical-align: middle;
	padding-top: 5px;
}
#meniu_stanga_top a {
	text-decoration : none;
	margin : 0 0 0 3px;
	color : #FFF;
}
#meniu_stanga a {
text-decoration : none;
margin : 0 0 0 3px;
color : #2c679f;
}
#meniu_stanga a:hover {
text-decoration : none;
}
#submeniu_stanga {
	height : 16px;
	width : 173px;
	font-family : Tahoma;
	font-size : 8pt;
	margin : 0;
	border-top-width : 0;
	border-right-width : 1px;
	border-bottom-width : 0;
	border-left-width : 1px;
	border-top-style : solid;
	border-right-style : solid;
	border-bottom-style : solid;
	border-left-style : solid;
	border-top-color : #ebebeb;
	border-right-color : #ebebeb;
	border-bottom-color : #ebebeb;
	border-left-color : #ebebeb;
	background-color: #FFF;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
#submeniu_stanga a {
text-decoration : none;
color : #2c679f;
}
#submeniu_stanga a:hover {
text-decoration : none;
}
.footer {
background : url(http://www.hqlevel.ro/images/footer.png) repeat-x;
height : 270px;
margin-top : 30px;
bottom: 0px;
}
.footer tr td table tr td .imagine {
	font-family: helvetica;
	font-size: 12px;
}

#meniu_jos {
width : 1010px;
margin : auto;
margin-top : 20px;
}
#continut_meniu_jos {
float : left;
width : 175px;
vertical-align : top;
margin-left : 2px;
margin-right : 20px;
}
#statistici {
	float: left;
	width : 200px;
	vertical-align : top;
	margin-left : 2px;
	margin-right : 20px;
	padding-top: 20px;
}
.continut_meniu_jos_header {
color : #999999;
border-bottom : 3px solid #999999;
padding : 0 0 5px 0;
font-size : 18px;
display : block;
}
.continut_meniu_jos_scris a {
color : #999999;
font-size : 13px;
text-decoration : none;
border-bottom : 1px dotted #999999;
display : block;
padding : 0 0 3px 0;
}
.continut_meniu_jos_scris a:hover {
color : #fff;
text-decoration : underline;
}
.tabel_fisiere {
border : 1px solid #e5e5e5;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
}
.link_fisier a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #00F;
	text-decoration : none;
}
.link_fisier a:hover {
text-decoration : underline;

}
.imagine a {
border : 0 solid #fff;
}
.imagine a:hover {
border : 0 solid #000;
}
#continut_dreapta h1 {
color : #0074cc;
font-family : Tahoma, Arial, Helvetica, sans-serif;
font-size : 17px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
margin-bottom : 20px;
}
#continut_dreapta h2 {
color : #333333;
font-family : "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
font-size : 14px;
font-style : normal;
font-variant : normal;
font-weight : bold;
line-height : normal;
margin-bottom : 10px;
}
#continut_dreapta p {
color : #555555;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
margin-bottom : 10px;
}
a {
text-decoration : none;
}
h1 {
cursor : default;
}
li {
list-style-image : none;
list-style-position : outside;
list-style-type : none;
}
#continut_dreapta ul {
border : 1px solid #eeeeee;
margin-bottom : 10px;
padding : 10px;
width : 90%;
margin-top : 10px;
margin-right : 10px;
margin-left : 30px;
}
#continut_dreapta li {
background-attachment : scroll;
background-color : transparent;
background-image : url("http://hqlevel.ro/images/arrow_right.gif");
background-position : left top;
background-repeat : no-repeat;
color : #555555;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
padding-bottom : 2px;
padding-left : 15px;
padding-right : 0;
padding-top : 0;
}
#continut_dreapta a {
text-decoration : none;
color : #115599;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bold;
}
#continut_dreapta a:hover {
text-decoration : underline;
}
#continut_dreapta a img {
border-top-color : #ccc;
border-right-color : #ccc;
border-bottom-color : #ccc;
border-left-color : #ccc;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}
#continut_dreapta a:hover img {
border-top-color : #666;
border-right-color : #666;
border-bottom-color : #666;
border-left-color : #666;
border-top-width : 1px;
border-right-width : 1px;
border-bottom-width : 1px;
border-left-width : 1px;
}
.link a {
text-decoration : none;
color : #2c679f;
font-family : Tahoma;
font-size : 8pt;
font-weight : bold;
border-width : 0;
}
.link a:hover {
text-decoration : underline;
}
blockquote p {
color : #111311;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : italic;
font-weight : normal;
text-align : left;
}
blockquote {
background-color : #dce8f1;
background-image : url("http://hqlevel.ro/images/PostQuote.png");
background-position : left top;
background-repeat : no-repeat;
border : 1px solid #aeb5ab;
margin : 10px 10px 10px 30px;
padding : 5px 5px 5px 41px;
}
.titlu_continut {
	font-size : 12pt;
	font-weight : bold;
	border: thin solid #CCC;
	background-color: #FFF;
	background-image: url(http://www.hqlevel.ro/images/title_middle.png);
	background-repeat: repeat-x;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	height: 30px;
	padding-left: 10px;
	padding-top: 5px;
}
.main_continut {
	border: thin solid #CCC;
	background-color: #FFF;
	padding-left: 9px;
	padding-right: 9px;
/*	padding-top: 5px;*/
	margin-top: 5px;
	padding-bottom: 7px;
}
.data {
	border: thin solid #CCC;
	background-color: #FFF;
	background-image: url(http://www.hqlevel.ro/images/title_middle.png);
	background-repeat: repeat-x;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	height: 85px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	color : #999;
	font-family : Tahoma;
	font-size : 8pt;
	font-weight: normal;
/*	text-align: right;*/
	background-position: bottom;
}
.copyright {
	color : #999;
	font-family : Tahoma;
	font-size : 8pt;
	font-weight: normal;
}
.footer_continut {
	font-size : 12pt;
	font-weight : bold;
	border: thin solid #CCC;
	background-color: #CCC;
	background-image: url(http://www.hqlevel.ro/images/title_middle.png);
	background-repeat: repeat-x;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	height: 30px;
	padding-left: 10px;
	padding-top: 5px;
}
#informatii {
	width : 1010px;
	margin : auto;
	min-height : 180px;
	position : relative;
	z-index : 9;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F7F7F7;
}
#sigla {
width : 642px;
float : left;
margin-top : 0;
height : 114px;
color : #fff;
font-size : 12px;
margin-left : 0;
}
#iconite {
float : right;
margin : 9px 0 0 0;
width : 75px;
}
#badge {
position : relative;
width : 100px;
margin : auto;
float : none;
left : 440px;
z-index : 10;
top : -2px;
}
#contactLive {
width : auto;
float : right;
margin : 7px 0 0 0;
background : url(http://www.hqlevel.ro/images/livesupport/background.png) no-repeat;
width : 368px;
height : 114px;
background-image : url(http://www.hqlevel.ro/images/livesupport/background.png);
}
#newsletter {
background : url(http://www.hqlevel.ro/images/newsletter/newsletter.png) no-repeat;
width : 190px;
height : 101px;
background-color: #FFF;
}
#casutaNewsletter {
position : relative;
float : left;
margin : 70px 0 0 10px;
}
#divPrimaPagina {
width : auto;
margin : auto;
margin-top : 0;
}
#cautare {
float : left;
width : 645px;
}
#ipul_meu {
	float : left;
	width : 255px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CCC;
	padding-top: 15px;
}
#liveSigla {
width : auto;
float : left;
margin : 5px 0 0 20px;
}
#nrTelefon {
float : left;
background : url(images/livesupport/nr_telefon.png) no-repeat;
width : 328px;
height : 40px;
margin : 3px 0 0 20px;
}
#nrTelefon2 {
float : left;
background : url(images/livesupport/nr_telefon2.png) no-repeat;
width : 182px;
height : 51px;
margin : 6px 0 0 15px;
}
#casutaNrTelefon {
float : left;
width : auto;
margin : 10px 0 0 155px;
}
.tabel {
border : 1px solid #ebebeb;
}
#sfat ul {
list-style : none;
margin : 0 3px 0 0;
padding : 5px 0 0 5px;
}
#sfat li a {
background : url(images/sfaturideschis.png) no-repeat;
width : 177px;
height : 30px;
display : block;
color : #2c679f;
text-decoration : underline;
padding : 2px 0 0 2px;
font-family : 'Tahoma';
font-size : 8pt;
font-style : normal;
font-weight : normal;
font-variant : normal;
}
#sfat li a:hover {
background : url(images/sfaturiinchis.png) no-repeat;
}
.link a {
color : #465d86;
text-decoration : none;
}
.link a:hover {
text-decoration : underline;
}
#lightbox {
position : absolute;
left : 0;
width : 100%;
z-index : 100;
text-align : center;
line-height : 0;
}
#lightbox a img {
border : none;
}
#outerImageContainer {
position : relative;
background-color : #fff;
width : 250px;
height : 250px;
margin : 0 auto;
}
#imageContainer {
padding : 10px;
}
#loading {
position : absolute;
top : 40%;
left : 0%;
height : 25%;
width : 100%;
text-align : center;
line-height : 0;
}
#hoverNav {
position : absolute;
top : 0;
left : 0;
height : 100%;
width : 100%;
z-index : 10;
}
#imageContainer > #hoverNav {
left : 0;
}
#hoverNav a {
outline : none;
}
#prevLink, #nextLink {
width : 49%;
height : 100%;
background : transparent url(../images/blank.gif) no-repeat;
display : block;
}
#prevLink {
left : 0;
float : left;
}
#nextLink {
right : 0;
float : right;
}
#prevLink:hover, #prevLink:visited:hover {
background : url(../images/prevlabel.gif) no-repeat left 15%;
}
#nextLink:hover, #nextLink:visited:hover {
background : url(../images/nextlabel.gif) no-repeat right 15%;
}
#imageDataContainer {
font : 10px Verdana, Helvetica, sans-serif;
background-color : #fff;
margin : 0 auto;
line-height : 1.4em;
}
#imageData {
padding : 0 10px;
color : #666;
}
#imageData #imageDetails {
width : 70%;
float : left;
text-align : left;
}
#imageData #caption {
font-weight : bold;
}
#imageData #numberDisplay {
display : block;
clear : left;
padding-bottom : 1em;
}
#imageData #bottomNavClose {
width : 66px;
float : right;
padding-bottom : 0.7em;
}
#overlay {
position : absolute;
top : 0;
left : 0;
z-index : 90;
width : 100%;
height : 500px;
background-color : #000;
}
.lbWidth {
position : absolute;
top : 0;
left : 0;
width : 100%;
min-width : 790px;
}
* html .lbContent {
margin-left : -790px;
position : relative;
}
* html .lbMinWidth {
padding-left : 790px;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.footer tr td table tr td .imagine {
font-family : helvetica;
font-size : 12px;
}
.tabel tr td a {
font-size : 8pt;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
color : #2c679f;
}
#liveSigla {
width : auto;
float : left;
margin : 5px 0 0 20px;
}
#nrTelefon {
float : left;
background : url(images/livesupport/nr_telefon.png) no-repeat;
width : 328px;
height : 40px;
margin : 3px 0 0 20px;
}
#nrTelefon2 {
float : left;
background : url(images/livesupport/nr_telefon2.png) no-repeat;
width : 182px;
height : 51px;
margin : 6px 0 0 15px;
}
#casutaNrTelefon {
float : left;
width : auto;
margin : 10px 0 0 155px;
}
.tabel {
border : 1px solid #ebebeb;
background-color: #FFF;
}
#sfat ul {
list-style : none;
margin : 0 3px 0 0;
padding : 5px 0 0 5px;
background-color: #FFF;
}
#sfat li a {
background : url(images/sfaturideschis.png) no-repeat;
width : 177px;
height : 30px;
display : block;
color : #2c679f;
text-decoration : underline;
padding : 2px 0 0 2px;
font-family : 'Tahoma';
font-size : 8pt;
font-style : normal;
font-weight : normal;
font-variant : normal;
}
#sfat li a:hover {
background : url(images/sfaturiinchis.png) no-repeat;
}
.link ul {
margin : 0 0 0 0;
padding : 20px 0 0 20px;
}
.link li {
list-style : decimal;
}
.link a {
color : #465d86;
text-decoration : none;
}
.link a:hover {
text-decoration : underline;
}
.footer tr td table tr td .imagine {
font-family : helvetica;
font-size : 12px;
}
.tabel tr td a {
font-size : 8pt;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
color : #2c679f;
}


/*de aici incepe banner-ul pentru home page*/

#myGallery, #myGallerySet, #flickrGallery {
width : 1000px;
margin : auto;
height : 250px;
z-index : 5;
border : 1px solid #000;
}
.jdGallery a {
outline : 0;
}
#flickrGallery {
width : 500px;
height : 334px;
}
#myGallery img.thumbnail, #myGallerySet img.thumbnail {
display : none;
}
.jdGallery {
overflow : hidden;
position : relative;
}
.jdGallery img {
border : 0;
margin : 0;
}
.jdGallery .slideElement {
width : 100%;
height : 100%;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('images/home/loading-bar-black.gif');
}
.jdGallery .loadingElement {
width : 100%;
height : 100%;
position : absolute;
left : 0;
top : 0;
background-color : #000;
background-repeat : no-repeat;
background-position : center center;
background-image : url('images/home/loading-bar-black.gif');
}
.jdGallery .slideInfoZone {
position : absolute;
z-index : 10;
width : 100%;
margin : 0;
left : 0;
bottom : 0;
height : 65px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
* html .jdGallery .slideInfoZone {
bottom : -1px;
}
.jdGallery .slideInfoZone h2 {
padding : 0;
font-family : Verdana, Geneva, sans-serif;
font-size : 16px;
font-weight : bold;
margin : 2px 5px;
font-weight : bold;
color : #eee;
}
.jdGallery .slideInfoZone p {
padding : 0;
font-family : Verdana, Geneva, sans-serif;
font-size : 16px;
margin : 2px 5px;
color : #eee;
}
.jdGallery div.carouselContainer {
position : absolute;
height : 135px;
width : 100%;
z-index : 10;
margin : 0;
left : 0;
top : 0;
}
.jdGallery a.carouselBtn {
position : absolute;
bottom : 0;
right : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .carousel {
position : absolute;
width : 100%;
margin : 0;
left : 0;
top : 0;
height : 115px;
background : #333;
color : #fff;
text-indent : 0;
overflow : hidden;
}
.jdExtCarousel {
overflow : hidden;
position : relative;
}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {
position : absolute;
width : 100%;
height : 78px;
top : 10px;
left : 0;
overflow : hidden;
}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {
position : relative;
}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {
cursor : pointer;
background : #000;
background-position : center center;
float : left;
border : 1px solid #fff;
}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {
margin-bottom : 10px;
}
.jdGallery .carousel .label, .jdExtCarousel .label {
font-size : 13px;
position : absolute;
bottom : 5px;
left : 10px;
padding : 0;
margin : 0;
}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {
font-size : 10px;
position : absolute;
bottom : 5px;
right : 10px;
padding : 1px 2px;
margin : 0;
background : #222;
border : 1px solid #888;
cursor : pointer;
}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {
color : #b5b5b5;
}
.jdGallery a {
font-size : 100%;
text-decoration : none;
color : inherit;
}
.jdGallery a.right, .jdGallery a.left {
position : absolute;
height : 99%;
width : 25%;
cursor : pointer;
z-index : 10;
}
.jdGallery a.left {
left : 0;
top : 0;
background : url('images/home/fleche1.png') no-repeat left center;
}
* html .jdGallery a.left {
background : url('images/home/fleche1.gif') no-repeat left center;
}
.jdGallery a.right {
right : 0;
top : 0;
background : url('images/home/fleche2.png') no-repeat right center;
}
* html .jdGallery a.right {
background : url('images/home/fleche2.gif') no-repeat right center;
}
.jdGallery a.open {
left : 0;
top : 0;
width : 100%;
height : 100%;
}
.withArrows a.open {
position : absolute;
top : 0;
left : 25%;
height : 99%;
width : 50%;
cursor : pointer;
z-index : 10;
background : inherit;
}
.jdGallery a.gallerySelectorBtn {
z-index : 15;
position : absolute;
top : 0;
left : 30px;
height : 20px;
text-align : center;
padding : 0 10px;
font-size : 13px;
background : #333;
color : #fff;
cursor : pointer;
}
.jdGallery .gallerySelector {
z-index : 20;
width : 100%;
height : 100%;
position : absolute;
top : 0;
left : 0;
background : #000;
}
.jdGallery .gallerySelector .gallerySelectorWrapper {
overflow : hidden;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {
margin-left : 10px;
margin-top : 10px;
border : 1px solid #888;
padding : 5px;
height : 40px;
color : #fff;
cursor : pointer;
float : left;
}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {
background : #333;
}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {
background : #000;
background-position : center center;
float : left;
border : none;
width : 40px;
height : 40px;
margin-right : 5px;
}