/*** FRONT PAGE SLIDER ***/
#slideshow_container{height:230px; width: 800px; clear:both; position:relative; z-index:1 !important; padding-top:10px;}
#slideshow{width:790px; height:210px; margin:0 auto; overflow:hidden; }
.slideshow_content{padding:13px;}
.slide_image{width:400px; float:left;}
.slide_text{width:300px; float:left; padding:0px 20px 10px 30px; text-decoration:justify; font-family:Geneva,Arial,Helvetica, sans-serif;}
.slide_text, .slide_text p, .slide_text ul{color:#383838 ; text-decoration:justify; font-size: 12px; line-height:24px;font-family:Geneva,Arial,Helvetica, sans-serif;}
.slide_text span {color:#C80000;font-size: 12px; line-height:24px;font-family:Geneva,Arial,Helvetica, sans-serif;}
.slide_text h1, .slide_text h2, .slide_text h3{font-size:16px; text-decoration:justify; color:#383838 ; line-height:22px}
/*** END OF FRONT PAGE SLIDER ***/

#carousel {
	width:768px;
	height:580px;	
	margin:0 auto;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:640px;
	height:485px;
	
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;   
    left:0;
    top:0;   
    list-style:none;   
    margin:0;   
    padding:0;   
	width:3720px; 
				
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	width:620px;
	height:480px;	
	float:left;
}

#slides li img {
	padding:0px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	  background:url(../images/arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	 background:url(../images/arrow.gif) 0 0 no-repeat;
}

a#next {
	 background:url(../images/arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	 background:url(../images/arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}


/*main */
.dynacloud{
	width:100%;
	padding:0;
	margin:0;
	border:0;
	}
#header{
	width:1170px;
	margin:0;
	padding:0;
	border:0;	
	}
#header-flash{
	width:216px;
	height:178px;
	padding:0;
	margin:0;
	border:0;
	float:left;
}	
#header-banner{
	width:943px;
	height:178px;
	vertical-align:middle;
	float:left;
	background: url(../images/promo.jpg);
}
#header-end	{
	width:10px;
	height:178px;
	padding:0;
	margin:0;
	border:0;
	background: url(../images/top-2-dr.jpg);
	float:left;
}
#menu{
	width:1170px;
	padding-top:2px;
	margin:0;
	border:0;
	clear:left;
}
#menu-oferta{
	width:173px;
	height:34px;
	padding:0;
	margin:0;
	border:0;
	float:left;
}
#menu-nav{
	width:812px;
	height:34px;
	padding:0;
	margin:0;
	border:0;
	color:#fff;
	background:url(../images/meniu_bg.jpg) repeat-x left ;
	float:left;
}
#menu-end{
	width:10px;
	height:34px;
	padding:0;
	margin:0;
	border:0;
	background:url(../images/rc.gif) top left no-repeat;
	float:left;
}
#search-div{
	width:175px;
	height:34px;
	vertical-align:top;
	background:url(../images/line2.gif) top no-repeat;
	float:left ;
}
#search-form{
	height:34px;
	width:175px;
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	background:url(../images/meniu/bg_01.jpg) repeat-x left bottom;
}
#hairpin{
	 width:1170px;
	 padding:0;
	 margin:0;
	 border:0;
	 clear:left;
}
#hairpin1{
	width:984px;
	height:9px;
	padding:0;
	margin:0;
	border:0; 
	float:left;
}
#hairpin2{
	width:176px;
	height:9px;
	padding:0;
	margin:0;
	border:0;
	background:url(../images/topright.jpg) top left repeat-x;
	float:left; 
}
#hairpin3{
	width:9px;
	height:9px;
	padding:0;
	margin:0;
	border:0;
	background:url(../images/topright.gif) top left no-repeat;
	float:left;
}
#all-content{
	width:1170px;
	padding:0;
	margin:0;
	border:0;
	clear:left;
}
#left-col{
	width:175px;
	background:url(../images/left.gif) repeat-y right top #a4a4a4;
	vertical-align:top;
}
#left-col-div{
	width:175px;
}
.col-title,.col-title a,.col-title a:hover,.col-title a span{
	font-family:Geneva,Arial,Helvetica, sans-serif;
	padding-left:15px;
	font-size:14px;
	font-weight:900;
	color: #e9e9e9;
	text-decoration:none;
}
.colr-title{
	font-family:Geneva,Arial,Helvetica, sans-serif;
	padding-left:20px;
	font-size:14px;
	font-weight:900;
	color: #e9e9e9;
	text-decoration:none;
}
#catalog-up{
	height:8px;
	width:175px;
	padding:0;
	background:url(../images/stiritop.gif) bottom no-repeat;
	margin:0;
	border:0;
}
#catalog-left{
	width:8px;
	background:url(../images/leftcol.gif);
}
#catalog-middle{
	vertical-align:top;
	padding:0;
	margin:0;
	border:0;
	width:160px;
}
#catalog-right{
	width:7px;
	background:url(../images/rightcol.gif);
}
#catalog-down{
	width:175px;
	height:8px;
	padding:0;
	background:url(../images/stiribottom.gif) top no-repeat;
	margin-top:-7px;
	border:0;
	clear:left;
}
.box-top{
	width:175px;
	height:8px;
	background:url(../images/stiritop.gif) bottom no-repeat;
	padding-top:3px;
	margin-top:-3px;
	border:0;
}
.box-middle{
	width:160px;
	padding-left:15px;
	margin-top:-3px;
	border:0;
	font-size:12px;
	background:url(../images/stiribk.gif) left top repeat-y;
}
.box-down{
	width:175px;
	background:url(../images/stiribottom.gif) top no-repeat;
	padding:0;
	margin:0;
	border:0;
	height:8px;
	vertical-align:bottom;
}
#phone-numbers{
	width:175px;
	background:url(../images/phones.gif) top center no-repeat;
	padding:0;
	margin-top:-7px;
	border:0;
	height:120px;
	vertical-align:bottom;
}
#content-td{
	background:#ffffff;
	width:810px;
	vertical-align:top;
}
#right-col{
	height:500px;
	width:184px;
	background:url(../images/left.gif) repeat-y right top #a4a4a4;
	vertical-align:top;
}
.cos{
color:#FFFFFF;
font-size:12px;
}
#login-middle{
	margin-top:-12px;
}
.footer{
	width:1170px;
	margin:0;
	padding:0;
	border:0;
}
/*end main */


a:hover{
	text-decoration:none;
}
body {
background-color:#FFFCEF;
border:0 none;
font-family:Arial;
margin:0;
padding:0;
}
html {
border:0 none;
margin:0;
padding:0;
}
a:link {
border:medium none;
color:#CC0000;
font-weight:bold;
text-decoration:none;
}
a:visited {
border:medium none;
color:#666666;
font-weight:bold;
text-decoration:none;
}
a:hover {
border:medium none;
font-weight:bold;
text-decoration:underline;
}
a:active {
border:medium none;
color:#666666;
font-weight:bold;
text-decoration:none;
}
.linkuri {
color:#CC0000;
font-weight:bold;
text-decoration:none;
}
ul.bullet {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}
.meniu_titlu {
background-image:url(../images/head_meniu_alb.jpg);
color:#FF9900;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding-left:45px;
padding-top:inherit;
text-transform:capitalize;
}
.meniu_categ, .meniu_categ a, .meniu_categ a:hover, .meniu_categ a:visited {
background:transparent none repeat scroll 0 0;
color:#666666;
font-family:Arial;
font-size:12px;
font-weight:bold;
text-align:left;
text-indent:-5px;
}
.meniu_categ ul {
background:transparent none repeat scroll 0 0;
border:medium none;
display:inline;
font-family:Arial;
margin-left:0;
padding-left:0;
}
.meniu_categ ul li {
background:transparent none repeat scroll 0 0;
border:medium none;
display:inline;
margin-left:0;
padding-left:0;
}
.meniu_categ ul li a {
background:transparent none repeat scroll 0 0;
color:#FF9900;
display:inline;
margin:0 0;
}
.meniu_subcateg {
background:transparent none repeat scroll 0 0;
color:#666666;
font-family:Arial;
font-size:11px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:10px;
text-align:left;
}
.meniu_subcateg a, .meniu_subcateg a:hover, .meniu_subcateg a:visited {
background:transparent none repeat scroll 0 0;
color:#666666;
font-family:Arial;
font-size:11px;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
text-align:left;
}
.meniu_subcateg ul {
background:transparent none repeat scroll 0 0;
border:medium none;
display:inline;
font-family:Arial;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}
.meniu_subcateg ul li {
background:transparent none repeat scroll 0 0;
border:medium none;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:0;
padding-left:0;
}
.meniu_subcateg ul li a {
background:transparent none repeat scroll 0 0;
color:#666666;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0;
}
.comment {
color:#FF9900;
font-family:Arial;
font-size:12px;
font-weight:normal;
padding-left:7px;
padding-right:7px;
}
.detaliiprod_titlu, .detaliiprod_titlu a, .detaliiprod_titlu a:hover, .detaliiprod_titlu a:visited {
color:#FF9900;
font-family:Arial;
font-size:11px;
font-weight:bold;
text-align:center;
text-decoration:none;
text-transform:uppercase;
}
.detaliiprod_descriere {
color:#FF9900;
font-family:Arial;
font-size:10px;
font-weight:normal;
text-align:center;
text-transform:capitalize;
}
.detalii {
color:#FF9900;
font-family:Arial;
font-size:10px;
text-decoration:underline;
}
.pret_lei {
color:#FF9900;
font-family:Arial;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}
.pret {
color:#F38F8D;
font-family:Arial;
font-size:13px;
font-weight:bold;
}
.pret_black {
color:#666666;
font-family:Arial;
font-size:12px;
font-weight:bold;
}
.cod {
color:#FF9900;
font-family:Arial;
font-size:12px;
font-weight:normal;
}
.titlu_produs {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.cod_produs {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.cod_produs_center {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}
.categorie {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.subcategorie {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}
.subcategorie_affil {
background-image:url(../images/subcateg.gif);
background-position:left center;
background-repeat:no-repeat;
color:#FF9900;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:15px;
text-align:left;
text-decoration:underline;
width:80px;
}
.subcategorie_affil a:visited {
color:#FF9900;
}
.subcategorie_affil a:hover {
color:#FF9900;
}
.unic {
color:#E1262C;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
}
.nume_produs {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
}
.old_price {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
text-decoration:line-through;
}
.descriere {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.descriere a {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.descriere a:hover {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.descriere a:visited {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.descriere_bold {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.descriere li {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.descriere strong {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.descriere h1 {
color:#FF9900;
font-family:Arial;
font-size:13px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}
.data_comentariu {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:right;
}
.mareste {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:bold;
text-align:center;
}
.horizontal_rule {
color:#DDDDDD;
}
.comentarii {
font-family:Arial;
font-size:13px;
font-weight:bold;
}
.disclaimer {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:9px;
}
.login_button {
background-color:#FFFFFF;
border-color:#E2E2E2;
color:#FF9900;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
}
.cart_button input {
background:#FFFFFF url(../images/cos.gif) no-repeat scroll center center;
border:medium none #E2E2E2;
color:#FF9900;
cursor:pointer;
font-family:Tahoma;
font-size:10px;
font-weight:bold;
height:50px;
width:50px;
}
.cart_button input:hover {
background:transparent url(../images/cos2.gif) no-repeat scroll center center;
border:medium none;
height:50px;
width:50px;
}
#bread {
color:#FF9900;
font-size:13px;
font-weight:bold;
margin-bottom:0;
padding:3px;
}
#bread ul {
border:medium none;
display:inline;
font-family:Arial;
margin-left:0;
padding-left:0;
}
#bread ul li {
border:medium none;
display:inline;
margin-left:0;
padding-left:40px;
}
#bread ul li a {
color:#FF9900;
display:inline;
margin:0 0;
}
.head_tabel {
background-color:#CCCCCC;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
}
.celula_impara {
background-color:#EDEDED;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-align:center;
}
.celula_para {
background-color:#F6F6F6;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
text-align:center;
}
.celula {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
text-align:center;
vertical-align:middle;
}
.celula_numerica {
color:#666666;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding-right:5px;
text-align:center;
vertical-align:baseline;
}
.celula_selected {
color:#CC6666;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
padding-right:7px;
text-align:center;
vertical-align:middle;
width:10px;
}
.imgsigla {
background-image:url(../images/4lovelogo.gif);
background-position:left center;
background-repeat:no-repeat;
}
.imgcontact {
background-image:url(../images/contact.jpg);
background-position:right center;
background-repeat:no-repeat;
}
.imgleftbar {
background-image:url(../images/left_meniu.gif);
background-position:left center;
background-repeat:no-repeat;
}
.imgmenubar {
background-image:url(../images/bar.gif);
background-position:center center;
background-repeat:repeat-x;
}
.imgrightbar {
background-image:url(../images/rightbar.gif);
background-position:center center;
background-repeat:repeat-x;
}
.imgcontent_menu {
background-image:url(../images/content_meniu_alb.jpg);
background-position:center center;
background-repeat:repeat-y;
}
.imgfooter_menu {
background-image:url(../images/footer_meniu_alb.jpg);
background-position:center center;
background-repeat:no-repeat;
}
.img_4lovegirl {
background-image:url(../images/4lovegirl.jpg);
background-position:left center;
background-repeat:no-repeat;
}
.imgvote_full {
background-image:url(../images/001_15.gif);
background-position:left center;
background-repeat:repeat-x;
}
.imgvote_half {
background-image:url(../images/001_16.gif);
background-position:left center;
background-repeat:repeat-x;
}
.imgvote_empty {
background-image:url(../images/001_17.gif);
background-position:left center;
background-repeat:repeat-x;
}
.img_attention {
background-image:url(../images/attention.gif);
background-position:left center;
background-repeat:no-repeat;
padding-left:17px;
}
.img_comment {
background-image:url(../images/comment.png);
background-position:left center;
background-repeat:no-repeat;
padding-left:35px;
padding-right:35px;
padding-top:2px;
}
.img_calendar {
background-image:url(../images/26.gif);
background-position:right center;
background-repeat:no-repeat;
padding-right:17px;
}
.imgheader_comentarii {
background-image:url(../images/head_comentarii.jpg);
background-position:center bottom;
background-repeat:no-repeat;
height:18px;
width:400px;
}
.imgcontent_comentarii {
background-image:url(../images/content_comentarii.jpg);
background-position:center center;
background-repeat:repeat-y;
height:100px;
width:400px;
}
.imgfooter_comentarii {
background-image:url(../images/footer_comentarii.jpg);
background-repeat:no-repeat;
height:19px;
width:400px;
}
.imgheader_produs {
background-image:url(../images/head_product_alb.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}
.imgcontent_produs {
background-image:url(../images/content_product_alb.jpg);
background-position:center center;
background-repeat:repeat-y;
}
.imgfooter_produs {
background-image:url(../images/footer_product_alb.jpg);
background-repeat:no-repeat;
}
.img_back {
background-image:url(../images/back1.gif);
background-position:left center;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:12px;
vertical-align:middle;
width:25px;
}
.img_back a:hover {
text-decoration:none;
}
.img_first {
background-image:url(../images/back1.gif);
background-position:left center;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:12px;
vertical-align:middle;
width:60px;
}
.img_first a:hover {
text-decoration:none;
}
.img_next {
background-image:url(../images/next1.gif);
background-position:left center;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:12px;
vertical-align:middle;
width:25px;
}
.img_next a:hover {
text-decoration:none;
}
.img_last {
background-image:url(../images/last.gif);
background-position:right center;
background-repeat:no-repeat;
color:#666666;
float:left;
font-size:12px;
vertical-align:middle;
width:52px;
}
.img_last a:hover {
text-decoration:none;
}
.articole {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
padding-left:10px;
padding-top:20px;
text-transform:uppercase;
}
.articole ul {
list-style-image:url(../images/10.gif);
}
.articole a:visited {
color:#FF9900;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
}
.articole_a {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
padding-top:10px;
text-transform:uppercase;
}
.articole_a ul {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
padding-top:10px;
text-transform:uppercase;
}
.articole_a a:visited {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
padding-top:10px;
text-transform:uppercase;
}
.articole_a a {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
padding-top:10px;
text-transform:uppercase;
}
.articole_a a:hover {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
padding-top:10px;
text-transform:uppercase;
}
.titlu {
color:#FF9900;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.titlu a {
color:#FF9900;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.titlu a:hover {
color:#FF9900;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.titlu a:visited {
color:#FF9900;
font-family:Arial;
font-size:14px;
font-weight:bold;
}
.prodlist {
float:left;
padding-bottom:10px;
padding-left:10px;
width:100%;
}
.title {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.title a {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
.title a:hover {
}
form input.submit:hover {
background-color:#FF6666;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
width:80px;
}
form input.submit {
background-color:#F48D8B;
color:#FFFFFF;
font-family:Tahoma;
font-size:12px;
font-weight:bold;
width:80px;
}
.submit_inc_qty {
background:transparent url(../images/action_add.gif) repeat scroll 0 0;
}
.submit_dec_qty {
background:transparent url(../images/action_remove.gif) repeat scroll 0 0;
}
.submit_del_product {
background:transparent url(../images/action_delete.gif) repeat scroll 0 0;
}
.thumbnail {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
position:relative;
text-align:center;
z-index:0;
}
.thumbnail:hover {
background-color:transparent;
z-index:50;
}
.thumbnail span {
background-color:#FFFFE0;
border:1px dashed gray;
color:black;
left:500px;
padding:5px;
position:absolute;
text-decoration:none;
visibility:hidden;
}
.thumbnail span img {
background:#FFFFFF none repeat scroll 0 0;
border-width:0;
padding:0;
}
.thumbnail:hover span {
background-color:transparent;
border:0 none;
left:-520px;
top:0;
visibility:visible;
width:500px;
}
.star-rating {
background:transparent url(../images/001_17.gif) repeat-x scroll left top;
height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:relative;
width:80px;
}
.star-rating li {
float:left;
margin:0;
padding:0;
}
.star-rating li a {
display:block;
height:20px;
padding:0;
position:absolute;
text-decoration:none;
text-indent:-9000px;
width:16px;
z-index:20;
}
.star-rating li a:hover {
background:transparent url(../images/001_15.gif) repeat scroll left top;
height:16px;
left:0;
z-index:1;
}
.star-rating li.current-rating {
background:transparent url(../images/001_15.gif) repeat scroll left bottom;
display:block;
height:16px;
position:absolute;
text-indent:-9000px;
z-index:1;
}
.star-rating li.current-rating a:hover {
background:transparent url(../images/001_17.gif) repeat scroll left bottom;
display:block;
height:16px;
position:absolute;
text-indent:-9000px;
z-index:1;
}
.star-rating a.one-star {
left:0;
}
.star-rating a.one-star:hover {
width:16px;
}
.star-rating a.two-stars {
left:16px;
}
.star-rating a.two-stars:hover {
width:32px;
}
.star-rating a.three-stars:hover {
width:48px;
}
.star-rating a.three-stars {
left:32px;
}
.star-rating a.four-stars {
left:48px;
}
.star-rating a.four-stars:hover {
width:64px;
}
.star-rating a.five-stars {
left:64px;
}
.star-rating a.five-stars:hover {
width:80px;
}
.home_title {
color:#FF9900;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
.home_title a:visited {
border-style:none;
color:#FF9900;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
.home_title a:hover {
border-style:none;
color:#FF9900;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
.home_title a {
border-style:none;
color:#FF9900;
font-family:Verdana;
font-size:12px;
font-weight:bold;
}
.status {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.attention {
background-color:#FFFFCC;
background-repeat:no-repeat;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
}
.description_text {
background-color:#FFFFFF;
background-repeat:no-repeat;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:17px;
width:95%;
}
:95%;
}

.wrap {
border:1px solid #DDDDDD;
border-collapse:collapse;
margin-left:67px;
padding:5px;
}
.wrap .data_comentariu {
background-color:#EEEEEE;
margin-top:15px;
text-align:left;
}
.wrap .date {
float:right;
text-align:right;
}
.bigmessage .subject {
border-bottom:1px solid #DDDDDD;
border-collapse:collapse;
border-left:1px solid #DDDDDD;
border-right:1px solid #DDDDDD;
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
height:15px;
margin-top:-5px;
padding-bottom:10px;
}
.hide {
display:none;
}
.main_feedback {
border:1px solid #DDDDDD;
border-collapse:collapse;
}
.main_feedback .data_comentariu {
background-color:#EEEEEE;
margin-top:15px;
text-align:left;
}
.main_feedback .date {
float:right;
text-align:right;
}
#box {
background:#FFFFCC none repeat scroll 0 0;
height:200px;
padding:10px;
width:400px;
}
#box-outer {
height:220px;
margin:20px;
overflow:hidden;
}
.shipping_details {
background:#FFFFCC none repeat scroll 0 0;
padding:20px;
}
.main_table {
height:730px;
width:236px;
}
.menu_table {
height:30px;
width:100%;
}
#offer {
vertical-align:middle;
z-index:1;
}
#special_offer {
background:transparent url(../images/oferta_zilei125.gif) no-repeat scroll right top;
position:absolute;
width:125px;
z-index:20;
}
#countdown, #countdown a, #countdown a:visited, #countdown a:hover {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:26px;
font-weight:bolder;
text-decoration:none;
}
.comentarii {
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
letter-spacing:0.5px;
}
.loginlink {
color:#000000;
font-size:11px;
padding-left:2px;
}
.loginlink:hover {
color:#000000;
font-size:11px;
text-decoration:none;
}
.content {
background-color:#FFFFFF;
}
.text {
color:#727272;
font-size:12px;
padding:0 5px;
text-align:center;
}
.title {
color:#000000;
font-size:12px;
font-weight:bold;
}
.subtitle {
color:#C37C00;
font-size:11px;
font-weight:bold;
}
.price {
color:#000000;
font-size:12px;
font-weight:bold;
}
.price b {
color:#CC0000;
font-size:12px;
}
price .supr {
font-size:11px;
}
.priceStrikeStrough {
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:line-through;
}
.priceStrikeStrough b {
color:#CC0000;
font-size:12px;
}
pricestrikestrough .supr {
font-size:11px;
text-decoration:none;
}
.priceb {
color:#000000;
font-size:16px;
font-weight:bold;
}
.priceb b {
color:#CC0000;
font-size:16px;
}
priceb .supr {
font-size:12px;
}
.strikesthrough {
text-decoration:line-through;
}
.dprice {
background-color:#F7F7F7;
border:1px dotted #CCCCCC;
}
.dpricelink {
color:#666666;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}
.dpricelink:hover {
color:#666666;
font-size:12px;
font-weight:normal;
text-decoration:none;
}
.space5 {
font-size:5px;
}
.desc {
color:#727272;
font-size:12px;
line-height:20px;
padding:10px 10px 10px 16px;
}
ul {
margin:0;
padding:0;
}
li {
background-position:15px 10px;
background-repeat:no-repeat;
padding-bottom:3px;
padding-left:30px;
padding-top:3px;
}
.link {
color:#000000;
font-size:12px;
text-decoration:underline;
}
.stiri {
color:#000000;
font-size:11px;
}
.stiri .title {
color:#ED9700;
}
.menu {
background-image:url(../images/menu/arrow.gif);
background-position:15px 8px;
background-repeat:no-repeat;
color:#000000;
font-family:"Microsoft Sans Serif";
font-size:12px;
padding-bottom:5px;
padding-left:30px;
padding-top:3px;
}
.menufirst {
background-image:url(../imag/menu/arrow.gif);
background-position:15px 5px;
background-repeat:no-repeat;
color:#000000;
cursor:pointer;
font-family:"Microsoft Sans Serif";
font-size:12px;
padding-bottom:5px;
padding-left:30px;
}
.menu a {
color:#000000;
text-decoration:none;
}
.menu a:hover {
text-decoration:underline;
}
.menufirst a {
color:#000000;
text-decoration:none;
}
.menufirst a:hover {
text-decoration:underline;
}
.menusecond {
background-image:url(../images/menu/arrow.gif);
background-position:25px 5px;
background-repeat:no-repeat;
color:#000000;
font-family:"Microsoft Sans Serif";
font-size:12px;
padding-bottom:5px;
padding-left:40px;
}
.menusub {
color:#000000;
font-family:"Microsoft Sans Serif";
font-size:12px;
text-decoration:none;
}
.menusub:hover {
color:#000000;
font-family:"Microsoft Sans Serif";
font-size:12px;
text-decoration:underline;
}
.logininput {
font-size:12px;
}
.login {
font-size:11px;
padding-bottom:4px;
padding-left:26px;
}
.afterlogin {
background-image:url(../images/chenar/accountbk.gif);
background-position:10px 30px;
background-repeat:no-repeat;
font-size:11px;
line-height:18px;
padding-bottom:4px;
padding-left:10px;
}
.afterlogin .loginlink {
font-size:12px;
padding-left:10px;
}
.afterlogin .loginlink:hover {
font-size:12px;
}
.sc {
padding-left:20px;
}
.sctext {
font-size:11px;
padding-left:8px;
padding-right:8px;
}
.footer {
font-size:10px;
}
.footer a {
color:#000000;
font-size:10px;
text-decoration:underline;
}
.footer a:hover {
font-size:10px;
text-decoration:none;
}
.ctitle {
color:#FF7200;
font-size:16px;
font-weight:bold;
}
.ctitle a {
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.ctitle a:hover {
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.sitePathSec {
color:#666666;
font-size:12px;
font-weight:bold;
}
.ctitle i {
color:#666666;
font-size:16px;
}
.ptitle {
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
.ptitle:hover {
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
.listing {
font-size:11px;
line-height:16px;
text-align:justify;
}
.right {
padding:0;
}
.costitle {
background-color:#FFA900;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:8px;
}
.sclist {
border-bottom:1px solid #E0E0E0;
color:#000000;
font-size:11px;
padding:3px 3px 3px 8px;
}
.scprice {
border-bottom:1px solid #E0E0E0;
color:#CC0000;
font-size:11px;
font-weight:bold;
padding:3px 8px 3px 3px;
}
.sctotal {
background-color:#E0E0E0;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-size:11px;
font-weight:bold;
padding:5px 8px 5px 3px;
}
.smalllink {
color:#FFFFFF;
font-size:10px;
font-weight:normal;
}
.rightpromos {
background-color:#FFFFFF;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
font-size:11px;
padding:8px;
}
.dttable {
border-top:2px solid #AAAAAA;
margin-top:5px;
}
.tablerowleft1 {
background-color:#EFEFEF;
border-bottom:1px solid #DDDDDD;
color:#000000;
font-size:12px;
padding:5px;
}
.tablerowright1 {
background-color:#EFEFEF;
border-bottom:1px solid #DDDDDD;
color:#666666;
font-size:12px;
font-weight:bold;
padding:5px;
}
.tablerowleft2 {
background-color:#FFFFFF;
border-bottom:1px solid #DDDDDD;
color:#000000;
font-size:12px;
padding:5px;
}
.tablerowright2 {
background-color:#FFFFFF;
border-bottom:1px solid #DDDDDD;
color:#666666;
font-size:12px;
font-weight:bold;
padding:5px;
}
.article {
font-size:12px;
line-height:18px;
text-align:justify;
}
.article a {
color:#000000;
}
.article a:hover {
color:#000000;
text-decoration:none;
}
.sctableheader {
background-color:#FFA900;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:5px;
}
.sctablerow {
background-color:#FFFFFF;
font-size:11px;
padding:5px;
}
.sctablerowprice {
background-color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:5px;
text-align:right;
}
.shoppingcart {
background-color:#EFEFEF;
border:1px solid #CCCCCC;
font-size:11px;
padding:10px;
}
.alert {
background-color:#EFEFEF;
border:1px solid #CCCCCC;
color:#5D0000;
font-size:11px;
}
.total {
color:#000000;
font-family:"Microsoft Sans Serif";
font-size:14px;
font-weight:bold;
}
.total b {
color:#CC0000;
font-weight:bold;
}
.steptitle_on {
color:#CC0000;
font-size:12px;
font-weight:bold;
}
.steplabel_on {
color:#000000;
font-size:11px;
font-weight:bold;
}
.steptitle {
color:#666666;
font-size:12px;
font-weight:bold;
}
.steplabel {
color:#666666;
font-size:11px;
}
.step {
background-color:#EFEFEF;
height:5px;
}
.step_on {
background-color:#CC0000;
height:5px;
}
.input {
font-family:Arial;
font-size:12px;
}
.tablelist {
font-size:11px;
padding:3px;
}
.hiddenTBody {
display:none;
}
.menu_up, .menu_up a, .menu_up a:visited {
background-image:url(../images/menu_bg_01.gif);
background-repeat:repeat;
border-left:thin solid #000000;
border-right:thin solid #000000;
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:bold;
height:35px;
text-decoration:none;
vertical-align:bottom;
width:120px;
}
.menu_up:hover, .menu_up a:hover {
background-image:url(../images/menu_bg_02.gif);
background-repeat:repeat;
text-decoration:none;
}
#s5_search{
	padding-top:3px;
	width:175px;
	height:30px;
	background:url(../images/search.png) no-repeat center bottom;
}
#s5_search #autocomplete {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#000000;
font-size:12px;
margin-left:0;
}
.noinput {
background:transparent none repeat scroll 0 0;
border:medium none;
color:#CCCCCC;
display:block;
font-size:1px;
height:20px;
width:20px;
}
.catalog {
background:transparent url(../images/arrow.gif) no-repeat scroll left center;
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:14px;
padding-left:20px;
padding-top:2px;
}
.cart_head {
background:transparent url(../images/guy_cart50.gif) no-repeat scroll left center;
color:#FF9900;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bolder;
height:50px;
padding-left:20px;
vertical-align:middle;
width:80%;
}
#the_slider {
background:#E9E9E9 none repeat scroll 0 0;
border:1px solid #A4A4A4;
height:100%;
margin:0;
padding:0;
width:100%;
}
#slider {
background:#E9E9E9 none repeat scroll 0 0;
border:0 none;
margin:0;
padding-left:20px;
padding-right:20px;
padding-top:20px;
position:relative;
width:750px;
}
.scroll {
background:#FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
border:0 none;
clear:left;
height:100%;
margin:0;
overflow-x:hidden;
overflow-y:auto;
padding:0;
position:relative;
width:750px;
}
.scrollContainer div.panel {
border:0 none;
float:left;
padding:20px;
width:710px;
}
#shade {
background:#E9E9E9 url(images/shade.jpg) no-repeat scroll 0 0;
border:0 none;
height:50px;
margin:0;
padding:0;
}
ul.navigation {
border:0 none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-bottom:9px;
}
ul.navigation li {
border:0 none;
display:inline;
float:left;
margin-left:-3px;
padding-left:20px;
position:relative;
}
ul.navigation a {
border:0 none;
color:#000000;
display:block;
margin:0;
padding-left:8px;
padding-right:8px;
text-decoration:none;
}
ul.navigation a:hover {
background-color:#F6F6F6;
border:0 none;
margin-bottom:-3px;
padding:5px 8px 7px;
}
ul.navigation a.selected {
background-color:#FFFFFF;
border:0 none;
margin-bottom:-3px;
padding:5px 8px 7px;
}
ul.navigation a:focus {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}
.scrollButtons {
border:0 none;
cursor:pointer;
margin:0;
padding:0;
position:absolute;
top:150px;
}
.scrollButtons.left {
border:0 none;
left:-20px;
margin:0;
padding:0;
}
.scrollButtons.right {
border:0 none;
margin:0;
padding:0;
right:-20px;
}
.footer_links, .footer_links a, .footer_links a:visited, .footer_links a:hover {
color:#E9E9E9;
text-decoration:none;
}
.trail, .trail a, .trail a:hover, .trail a:visited {
color:#666666;
font-size:10px;
padding-left:10px;
text-decoration:none;
}
.sort_price, .sort_price a, .sort_price a:hover, .sort_price a:visited {
color:#666666;
font-size:11px;
font-weight:bolder;
text-decoration:none;
}
.filters, .filters select option {
font-size:12px;
}
.cos {
color:#666666;
font-size:10px;
padding-left:5px;
}
#scrollingDiv2 {
            top:0px;left:0px;
            position:relative;
            width:620px;
            height:486px;
        }
.masca2 {
			width:620px;
			height:486px;
			overflow:hidden;
            position:relative;
        }



/* Sfarsit Style CSS */



 /* Autocomplete CSS */



.ac_results {
	padding: 0px;
	width:300px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	width:300px;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	width:300px;
	left:0;
	z-index:-1;
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width:300px;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('../images/indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}



/* Sfarsit Autocomplete CSS */




 /* CSSMenu  */



.jquerycssmenu{
font-size :15px;
color :#f9f9f9;
font-weight : bold;
height:31px;
overflow:hidden;
}

.jquerycssmenu ul{
margin : 0;
padding : 0;
list-style:none;
}

/*Top level list items*/
.jquerycssmenu ul li{
display: inline;
position:relative;
float: left;
padding: 0px 0px 0px 0px;
border: 1px solid #000000;
}

/*Top level menu link items style*/
.jquerycssmenu ul li a{
display: block;
color : #f9f9f9;
padding-left:20px;
padding-top:5px;
padding-bottom:6px;
padding-right:20px;
text-decoration : none;
}

.jquerycssmenu ul li a:hover{
color : #f9f9f9;
padding-left:20px;
padding-top:5px;
padding-bottom:6px;
padding-right:20px;
background:url(../images/meniu/bg_02.gif) top left repeat-x;
}
	
/*1st sub level menu*/
.jquerycssmenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
border-top: 1px solid black;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jquerycssmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jquerycssmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jquerycssmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
background: white;
color: black;
padding: 4px 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid black;
}

.jquerycssmenu ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 7px;
right: 5px;
}

.rightarrowclass{
position: absolute;
top: 5px;
right: 5px;
}


/* Sfarsit CSSMenu */



/* Jquery Bookmark CSS */



/* jQuery Bookmark styles */
.bookmark_list {
	display: block;
	list-style-type: none;
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
html:first-child .bookmark_list {  /* Opera */
	font-size: 80%;
}
.bookmark_list li {
	float: left;
	width: 23%;
	margin: 0% 0.5%;
	padding: 2px;
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact {
	background-color: #eee;
	border: 1px outset;
}
.bookmark_compact li {
	width: 16px;
	height: 16px;
	margin: 0%;
	background-color: transparent;
	border: none;
}
.bookmark_list a {
	width: 100%;
}
.bookmark_list span {
	display: inline-block;
	width: 16px;
	height: 16px;
}
.bookmark_list img {
	border: none;
	vertical-align: bottom;
}

html:first-child .bookmark_list img { /* Opera */
	margin-bottom: 3px;
	vertical-align: middle;
}
#bookmarkIt { border: 1px solid #aaa; width:120px; padding: 0px 3px; 
    font-size: 80%; cursor: pointer; } 
#popupClose { display: none; vertical-align: top; } 
#popupBookmark { display: none; position: absolute; z-index: 100; } 
#popupBookmark ul { float: left; width: 180px; 
    border: 1px solid #aaa; background-color: #fff; }


/* Sfarsit Jquery Bookmark CSS */


/* countdown styles */



.hasCountdown {
	border: 1px solid #ccc;
	background-color: #eee;
}
.countdown_holding div {
	background-color: #ccc;
}
.countdown_row {
	clear: both;
	width: 100%;
	text-align: center;
}
.countdown_show1 div {
	width: 100%;
}
.countdown_show2 div {
	width: 50%;
}
.countdown_show3 div {
	width: 33%;
}
.countdown_show4 div {
	width: 25%;
}
.countdown_show5 div {
	width: 20%;
}
.countdown_show6 div {
	width: 16%;
}
.countdown_show7 div {
	width: 14%;
}
.countdown_section {
	float: left;
	font-size: 75%
}
.countdown_amount {
	font-size: 200%;
}
.countdown_descr {
	width: 100%;
}


/* sfarsit countdown styles */

 
/* lightbox css */

 img{
	border: none;
}
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	border: none;
	}

#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; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev_.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next_.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
/* sfarsit lightbox css */



/* pagination css */


.pagination {
            font-size: 1em;
        }
        
.pagination a {
    text-decoration: none;
	border: solid 1px #AAE;
	color: #15B;
}

.pagination a, .pagination span {
    padding: 0.2em 0.2em;
    margin-right: 1px;
	margin-bottom: 1px;
}

.pagination .current {
    background: #ff9900;
    color: #fff;
	border: solid 1px #a4a4a4;
}

.pagination .current.prev, .pagination .current.next{
	color:#999;
	border-color:#a4a4a4;
	background:#fff;
}


/*  sfarsit pagination css */


/* slideshow css */

 
 /*-- required & default rules --*/

.loading {
left: 307px;
background:#f1f1f1;
position: absolute;
top: 31px;
}

#slide_holder {
background:#ff9900 url(../images/bg_slideshow2.png) no-repeat;
float:left;
height: 178px;
overflow: hidden;
position: relative;
text-align: left;
width: 727px;
/* -- width: 1533px; */
z-index: 1000;
}
#slide_holder_inner {
height: 163px;
left: 7px;
overflow: hidden;
position: absolute;
top: 8px;
width: 714px;
z-index: 2000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background: url(../images/bg_controls.png) repeat-x ;
height: 30px;
width: 714px;
z-index: 4000;
}

/*-- for slide buttons --*/

#pause_button, .prev_button, .next_button, #first_button, #last_button {
cursor: pointer;
cursor: hand;
z-index: 6000;
}
#pause_button span, .prev_button span, .next_button span, #first_button span, #last_button span, #hover_next_button span, #hover_prev_button span, #water_mark span {
margin-left: -10000px;
}
#pause_button, .prev_button, .next_button, #first_button, #last_button{
background-repeat: no-repeat;
overflow: hidden;
top: 0px;
}

/*-- first & last buttons --*/

#first_button {
background-image: url(../images/first.png);
height: 29px;
left: 554px;
width: 34px;
background-position: 0 -36px;
}
#first_button:hover {
background-position: 0 0;
}
#last_button {
background-image: url(../images/last.png);
height: 29px;
left: 674px;
width: 34px;
background-position: 0 -36px;
}
#last_button:hover {
background-position: 0 0;
}

/*-- end first & last buttons --*/

/*-- next & prev buttons --*/
#nex_prev_buttons {
position: absolute;
left: 0;
z-index: 5000;
}
#next_button {
background-image: url(../images/next.png);
background-position: 0 -36px;
height: 29px;
left: 643px;
width: 31px;
}
#next_button:hover {
background-position: 0 0;
}
#prev_button {
background-image: url(../images/prev.png);
background-position: 0 -36px;
height: 29px;
left: 588px;
width: 31px;
}
#prev_button:hover {
background-position: 0 0;
}
/*-- end next & prev buttons --*/


/*-- looks like pause button --*/
.pause_button {
background-image: url(../images/pause.png);
background-position: 0 -36px;
height: 29px;
left: 619px;
width: 24px;
}
.pause_button:hover {
background-position: 0 0;
}
/*-- looks like play button --*/
.paused_button {
background-image: url(../images/play.png);
background-position: 0 -36px;
height: 29px;
left: 619px;
width: 24px;
}
.paused_button:hover {
background-position: 0 0;
}

/*-- hover next & hoverprev buttons --*/

#hover_next_button, #hover_prev_button {
height: 125px;
background-repeat: no-repeat;
overflow: hidden;
width: 77px;
top: 3px;
z-index: 6000;
}
#hover_next_button span {
}
#hover_next_button {
background-image: url(../images/hover_next.png);
background-position: 21px 35px;
padding: 30px 0 30px 30px;
right: 0;
}
#hover_prev_button {
background-image: url(../images/hover_prev.png);
background-position: 8px 35px;
padding: 30px 30px 30px 0;
left: 0;
}

/*-- end next & prev buttons --*/

/*-- rules for slide captions --*/

#slide_captions {
color: #333;
left: 8px;
overflow: visible;
top: 5px;
z-index: 6000;
}
#slide_captions span {
font-family: Tahoma;
font-size: 15px;
height: 20px;
line-height: 20px;
overflow: visible;
}

/*-- end rules for slide captions --*/

/*-- rules for watermark --*/


/*-- end rules for slide captions --*/

/*-- slide number display --*/



/*-- for carousel view --*/				
/*-- end for carousel view --*/				

/*-- end number display --*/

/*-- end required & default rules --*/

/*-- example rules --*/



/* sfarsit slideshow css */


/* themeroller css */


/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/
/*UI accordion*/
.ui-accordion {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	border-bottom: 1px solid #ffffff;
}
.ui-accordion-group {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	border: 1px solid #ffffff;
	border-bottom: none;
}
.ui-accordion-header {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	cursor: pointer;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
}
.ui-accordion-header a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	padding: .5em .5em .5em 1.7em;
	color: #ffffff;
	background: url(../images/fcdd4a_7x7_arrow_right.gif) .5em 50% no-repeat;
}
.ui-accordion-header a:hover {
	background: url(../images/ffffff_7x7_arrow_right.gif) .5em 50% no-repeat;
	color: #ffffff;
}
.ui-accordion-header:hover {
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	color: #ffffff;
}
.selected .ui-accordion-header, .selected .ui-accordion-header:hover {
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
}
.selected .ui-accordion-header a, .selected .ui-accordion-header a:hover {
	color: #e69700;
	background: url(../images/d55e0b_7x7_arrow_down.gif) .5em 50% no-repeat;
}
.ui-accordion-content {
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	font-size: 1em;
}
.ui-accordion-content p {
	padding: 1em 1.7em 0.6em;
}

/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 12px;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #ffffff;
	bottom: -1px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #ffffff;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 17px;
	color: #ffffff;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #e6e6e6;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
	color: #e69700;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	clear:left;
	border: 1px solid #ffffff;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	padding: 15px 17px;	
	font-size: 12px;
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}

/*slider*/
.ui-slider {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 1px solid #dddddd;
	height: .8em;
	position: relative;
}
.ui-slider-handle {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	position: absolute;
	z-index: 2;
	top: -3px;
	width: 1.2em;
	height: 1.2em;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	border: 1px solid #ffffff;
}
.ui-slider-handle:hover {
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
.ui-slider-handle-active, .ui-slider-handle-active:hover {
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
.ui-slider-range {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	height: .8em;
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	position: absolute;
	border: 1px solid #ffffff;
	border-left: 0;
	border-right: 0;
	top: -1px;
	z-index: 1;
	opacity:.7;
}

/*dialog*/
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
	border: 4px solid #dddddd;
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n { 
	cursor: n-resize; 
	height: 7px; 
	width: 100%; 
	top: -5px; 
	left: 0px;  
}
.ui-resizable-s { 
	cursor: s-resize; 
	height: 7px; 
	width: 100%; 
	bottom: -5px; 
	left: 0px; 
}
.ui-resizable-e { 
	cursor: e-resize; 
	width: 7px; 
	right: -5px; 
	top: 0px; 
	height: 100%; 
}
.ui-resizable-w { 
	cursor: w-resize; 
	width: 7px; 
	left: -5px; 
	top: 0px; 
	height: 100%;
}
.ui-resizable-se { 
	cursor: se-resize; 
	width: 13px; 
	height: 13px; 
	right: 0px; 
	bottom: 0px; 
	background: url(../images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw { 
	cursor: sw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	bottom: 0px;  
}
.ui-resizable-nw { 
	cursor: nw-resize; 
	width: 9px; 
	height: 9px; 
	left: 0px; 
	top: 0px; 
}
.ui-resizable-ne { 
	cursor: ne-resize; 
	width: 9px; 
	height: 9px; 
	right: 0px; 
	top: 0px; 
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	padding: .5em 1.5em .5em 1em;
	color: #ffffff;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	border-bottom: 1px solid #ffffff;
	font-size: 1em;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(../images/fcdd4a_11x11_icon_close.gif) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(../images/ffffff_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(../images/d55e0b_11x11_icon_close.gif) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #222222;
	padding: 1.5em 1.7em;	
}
.ui-dialog-buttonpane {
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: left;
	border-top: 1px solid #dddddd;
	background: #eeeeee;
}
.ui-dialog-buttonpane button {
	margin: .5em 0 .5em 8px;
	color: #ffffff;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	font-size: 1em;
	border: 1px solid #ffffff;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	line-height: 1.4em;
}
.ui-dialog-buttonpane button:hover {
	color: #ffffff;
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
.ui-dialog-buttonpane button:active {
	color: #e69700;
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
	border: 1px solid #dddddd;
}
/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

/*datepicker*/
/* Main Style Sheet for jQuery UI date picker */
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	font-size: 1.2em;
	border: 4px solid #dddddd;
	width: 15.5em;
	padding: 2.5em .5em .5em .5em;
	position: relative;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}
.ui-datepicker-inline {
	float: left;
	display: block;
}
.ui-datepicker-control {
	display: none;
}
.ui-datepicker-current {
	display: none;
}
.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	left: .5em;
	top: .5em;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
}
.ui-datepicker-next {
	left: 14.6em;
}
.ui-datepicker-next:hover, .ui-datepicker-prev:hover {
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
}
.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 1.3em;
	height: 1.4em;
	display: block;
	font-size: 1em;
	background: url(../images/fcdd4a_7x7_arrow_left.gif) 50% 50% no-repeat;
	border: 1px solid #ffffff;
	cursor: pointer;
}
.ui-datepicker-next a {
	background: url(../images/fcdd4a_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:hover {
	background: url(../images/ffffff_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:hover {
	background: url(../images/ffffff_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-prev a:active {
	background: url(../images/d55e0b_7x7_arrow_left.gif) 50% 50% no-repeat;
}
.ui-datepicker-next a:active {
	background: url(../images/d55e0b_7x7_arrow_right.gif) 50% 50% no-repeat;
}
.ui-datepicker-header select {
	border: 1px solid #ffffff;
	color: #ffffff;
	background: #0a60d6;
	font-size: 1em;
	line-height: 1.4em;
	position: absolute;
	top: .5em;
	margin: 0 !important;
}
.ui-datepicker-header option:focus, .ui-datepicker-header option:hover {
	background: #1484e6;
}
.ui-datepicker-header select.ui-datepicker-new-month {
	width: 7em;
	left: 2.2em;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 5em;
	left: 9.4em;
}
table.ui-datepicker {
	width: 15.5em;
	text-align: right;
}
table.ui-datepicker td a {
	padding: .1em .3em .1em 0;
	display: block;
	color: #ffffff;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	cursor: pointer;
	border: 1px solid #eeeeee;
}
table.ui-datepicker td a:hover {
	border: 1px solid #dddddd;
	color: #ffffff;
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
}
table.ui-datepicker td a:active {
	border: 1px solid #dddddd;
	color: #e69700;
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
}
table.ui-datepicker .ui-datepicker-title-row td {
	padding: .3em 0;
	text-align: center;
	font-size: .9em;
	color: #222222;
	text-transform: uppercase;
}
table.ui-datepicker .ui-datepicker-title-row td a {
	color: #222222;
}
.ui-datepicker-cover {
	display: none;
	display/**/: block;
	position: absolute;
	z-index: -1;
	top: -4px;
	left: -4px;
	width: 193px;
	height: 200px;
}

/* ui-autocomplete */
/*
.ui-autocomplete-input {
	border: 1px solid #dddddd;
	color: #222222;
	background: #eeeeee;
}
*/
.ui-autocomplete-results {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	z-index: 9999;	
}
.ui-autocomplete-results ul, .ui-autocomplete-results li {
	margin: 0; 
	padding: 0; 
	list-style: none;
}
.ui-autocomplete-results ul {
	border: 1px solid #dddddd;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border-top: 0;
	border-bottom: 0;
	margin-bottom: -1px;
}
.ui-autocomplete-results li {
	color: #222222;
	padding: .4em .5em;
	font-size: 1em;
	font-weight: normal;
	position: relative;
	margin: 1px 0;
}
.ui-autocomplete-results li.ui-hover-state, .ui-autocomplete-results li.ui-active-state {
	margin: 0;
}

.ui-autocomplete-results li.ui-autocomplete-over {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	color: #ffffff !important;
}
.ui-autocomplete-results li.ui-autocomplete-active {
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
	color: #e69700 !important;
	outline: none;
}
.ui-autocomplete-results li:first-child, .ui-autocomplete-results li.first  {
	margin-top: 0;
}
.ui-autocomplete-results li:last-child, .ui-autocomplete-results li.last {
	margin-bottom: 0;
}

/*UI ProgressBar */
.ui-progressbar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 1px solid #dddddd;
	position: relative;
	height: 1.8em;
}
.ui-progressbar-bar {
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	overflow: hidden;
	border: 1px solid #ffffff;
	margin:-1px;
	z-index: 2;
	position: relative;
	height: 1.8em;
	opacity:.7;
}
.ui-progressbar-wrap {
	position: absolute;
	top: 0;
	left: 0;
}
.ui-progressbar-text {
	color: #ffffff;
	padding: .2em .5em;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
.ui-progressbar-text-back {
	color:  #222222;
	z-index: 0;
}
.ui-progressbar-disabled {
	opacity:.5;
}






/*UI Colorpicker */
.ui-colorpicker {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	border: 4px solid #dddddd;
	padding: 5px;
	width: 360px;
	position: relative;
}
.ui-colorpicker-color {
	float: left;
	width: 150px;
	height: 150px;
	margin-right: 15px;
}
.ui-colorpicker-color div { /* is this extra div needed? why not just .ui-colorpicker-color ? */
	border: 1px solid #ffffff;
	height: 150px;
	background: url(../images/_x_.);
	position: relative;
}
.ui-colorpicker-color div div {/* shouldn't this have a class like ui-colorpicker-selector ? */
	width: 11px;
	height: 11px;
	background: url(../images/_x_.);
	position: absolute;
	border: 0;
	margin: -5px 0 0 -5px;
	float: none;
}
.ui-colorpicker-hue {
	border: 1px solid #ffffff;
	float: left;
	width: 17px;
	height: 150px;
	background: url(../images/_x_.);
	position: relative;
	margin-right: 15px;
}
.ui-colorpicker-hue div {
	background:transparent url(../images/222222_35x9_colorpicker_indicator.gif.gif); 
	height:9px;
	left:-9px;
	margin:-4px 0 0;
	position:absolute;
	width:35px;
}
.ui-colorpicker-new-color, .ui-colorpicker-current-color {
	float: left;
	width: 6.5em;
	height: 30px;
	border: 1px solid #ffffff;
	margin-right: 5px;
}
.ui-colorpicker-current-color {
	margin-right: 0;
}

.ui-colorpicker-field, .ui-colorpicker-hex {
	position: absolute;
	width: 6em;
}
.ui-colorpicker-field label, .ui-colorpicker-field input,
.ui-colorpicker-hex label, .ui-colorpicker-hex input {
	font-size: 1em;
	color: #d55e0b;
}
.ui-colorpicker-field label, .ui-colorpicker-hex label {
	width: 1em;
	margin-right: .3em;
}
.ui-colorpicker-field input, .ui-colorpicker-hex input {
	border: 1px solid #dddddd;
	color: #222222;
	background: #eeeeee;
	width: 4.6em;
}
.ui-colorpicker-hex {
	left: 205px;
	top: 134px;
}
.ui-colorpicker-rgb-r {
	top: 52px;
	left: 205px;
}
.ui-colorpicker-rgb-g {
	top: 78px;
	left: 205px;
}
.ui-colorpicker-rgb-b {
	top: 105px;
	left: 205px;
}
.ui-colorpicker-hsb-h {
	top: 52px;
	left: 290px;
}
.ui-colorpicker-hsb-s {
	top: 78px;
	left: 290px;
}
.ui-colorpicker-hsb-b {
	top: 105px;
	left: 290px;
}

.ui-colorpicker-field label {
	font-weight: bold;
}
.ui-colorpicker-field span {
	width: 7px;
	background: url(../images/fcdd4a_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
	right: 5px;
	top: 0;
	height: 20px;
	position: absolute;
}
.ui-colorpicker-field span:hover {
	background: url(../images/ffffff_11x11_icon_arrows_updown.gif) 50% 50% no-repeat;
}

.ui-colorpicker-submit {
	right: 14px;
	top: 134px;
	position: absolute;
}

/*
Generic ThemeRoller Classes
>> Make your jQuery Components ThemeRoller-Compatible!
*/

/*component global class*/
.ui-component {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	font-family: segoe ui, Arial, sans-serif;
	font-size: 1.2em;
}
/*component content styles*/
.ui-component-content {
	border: 1px solid #dddddd;
	background: #eeeeee url(../images/eeeeee_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #222222;
}
.ui-component-content a {
	color: #222222;
	text-decoration: underline;
}
/*component states*/
.ui-default-state {
	border: 1px solid #ffffff;
	background: #0a60d6 url(../images/0a60d6_40x100_textures_03_highlight_soft_22.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-default-state a {
	color: #ffffff;
}
.ui-default-state:hover, .ui-hover-state {
	border: 1px solid #dddddd;
	background: #1484e6 url(../images/1484e6_40x100_textures_03_highlight_soft_33.png) 0 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
}
.ui-hover-state a {
	color: #ffffff;
}
.ui-default-state:active, .ui-active-state {
	border: 1px solid #dddddd;
	background: #e6e6e6 url(../images/e6e6e6_40x100_textures_07_diagonals_small_100.png) 0 50% repeat-x;
	font-weight: bold;
	color: #e69700 !important;
	outline: none;
}
.ui-active-state a {
	color: #e69700;
	outline: none;
}
/*icons*/
.ui-arrow-right-default {background: url(../images/fcdd4a_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:hover, .ui-arrow-right-hover {background: url(../images/ffffff_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-default:active, .ui-arrow-right-active {background: url(../images/d55e0b_7x7_arrow_right.gif) no-repeat 50% 50%;}
.ui-arrow-right-content {background: url(../images/222222_7x7_arrow_right.gif) no-repeat 50% 50%;}

.ui-arrow-left-default {background: url(../images/fcdd4a_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:hover, .ui-arrow-left-hover {background: url(../images/ffffff_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-default:active, .ui-arrow-left-active {background: url(../images/d55e0b_7x7_arrow_left.gif) no-repeat 50% 50%;}
.ui-arrow-left-content {background: url(../images/222222_7x7_arrow_left.gif) no-repeat 50% 50%;}

.ui-arrow-down-default {background: url(../images/fcdd4a_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:hover, .ui-arrow-down-hover {background: url(../images/ffffff_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-default:active, .ui-arrow-down-active {background: url(../images/d55e0b_7x7_arrow_down.gif) no-repeat 50% 50%;}
.ui-arrow-down-content {background: url(../images/222222_7x7_arrow_down.gif) no-repeat 50% 50%;}

.ui-arrow-up-default {background: url(../images/fcdd4a_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:hover, .ui-arrow-up-hover {background: url(../images/ffffff_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-default:active, .ui-arrow-up-active {background: url(../images/d55e0b_7x7_arrow_up.gif) no-repeat 50% 50%;}
.ui-arrow-up-content {background: url(../images/222222_7x7_arrow_up.gif) no-repeat 50% 50%;}

.ui-close-default {background: url(../images/fcdd4a_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:hover, .ui-close-hover {background: url(../images/ffffff_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-default:active, .ui-close-active {background: url(../images/d55e0b_11x11_icon_close.gif) no-repeat 50% 50%;}
.ui-close-content {background: url(../images/d55e0b_11x11_icon_close.gif) no-repeat 50% 50%;}

.ui-folder-closed-default {background: url(../images/fcdd4a_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:hover, .ui-folder-closed-hover {background: url(../images/ffffff_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-default:active, .ui-folder-closed-active {background: url(../images/d55e0b_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}
.ui-folder-closed-content {background: url(../images/fcdd4a_11x11_icon_folder_closed.gif) no-repeat 50% 50%;}

.ui-folder-open-default {background: url(../images/fcdd4a_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:hover, .ui-folder-open-hover {background: url(../images/ffffff_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-default:active, .ui-folder-open-active {background: url(../images/d55e0b_11x11_icon_folder_open.gif) no-repeat 50% 50%;}
.ui-folder-open-content {background: url(../images/d55e0b_11x11_icon_folder_open.gif) no-repeat 50% 50%;}

.ui-doc-default {background: url(../images/fcdd4a_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:hover, .ui-doc-hover {background: url(../images/ffffff_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-default:active, .ui-doc-active {background: url(../images/d55e0b_11x11_icon_doc.gif) no-repeat 50% 50%;}
.ui-doc-content {background: url(../images/222222_11x11_icon_doc.gif) no-repeat 50% 50%;}

.ui-arrows-leftright-default {background: url(../images/fcdd4a_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:hover, .ui-arrows-leftright-hover {background: url(../images/ffffff_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-default:active, .ui-arrows-leftright-active {background: url(../images/d55e0b_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}
.ui-arrows-leftright-content {background: url(../images/222222_11x11_icon_arrows_leftright.gif) no-repeat 50% 50%;}

.ui-arrows-updown-default {background: url(../images/fcdd4a_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:hover, .ui-arrows-updown-hover {background: url(../images/ffffff_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-default:active, .ui-arrows-updown-active {background: url(../images/d55e0b_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}
.ui-arrows-updown-content {background: url(../images/222222_11x11_icon_arrows_updown.gif) no-repeat 50% 50%;}

.ui-minus-default {background: url(../images/fcdd4a_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:hover, .ui-minus-hover {background: url(../images/ffffff_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-default:active, .ui-minus-active {background: url(../images/d55e0b_11x11_icon_minus.gif) no-repeat 50% 50%;}
.ui-minus-content {background: url(../images/222222_11x11_icon_minus.gif) no-repeat 50% 50%;}

.ui-plus-default {background: url(../images/fcdd4a_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:hover, .ui-plus-hover {background: url(../images/ffffff_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-default:active, .ui-plus-active {background: url(../images/d55e0b_11x11_icon_plus.gif) no-repeat 50% 50%;}
.ui-plus-content {background: url(../images/222222_11x11_icon_plus.gif) no-repeat 50% 50%;}

/*hidden elements*/
.ui-hidden {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}
.ui-accessible-hidden {
	 position: absolute; left: -99999999px;
}
/*reset styles*/
.ui-reset {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
}
/*clearfix class*/
.ui-clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.ui-clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .ui-clearfix {height: 1%;}
.ui-clearfix {display: block;}
/* End hide from IE-mac */