/*
	
	******************************
	***** Style description *****
	******************************
	
	---------------------------------------------------------------
	1. JQuery styles - imported for Slider control 
	---------------------------------------------------------------
	2. JQuery styles - imported for Slider control 
	---------------------------------------------------------------
	3. Gallery styles
		3.1 image area styles
		3.2 scroller styles
	---------------------------------------------------------------
	4. Menu styles
	---------------------------------------------------------------
	5. Footer styles
	---------------------------------------------------------------
	
*/

/* 
	**************************************
	***** 1. Old version styles
	**************************************
*/


.name {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000}
li { font-size: 10pt; font-family: Arial, Helvetica, sans-serif }
.details {  font-family: Arial, Helvetica, sans-serif; font-size: 8pt}
.formtext {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #000000; line-height: normal}
.boxn {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #000000}


/* 
	**************************************
	***** 2. JQuery UI Slider styles - imported for Slider control *****
	***** http://docs.jquery.com/UI/Slider#theming
	**************************************
*/


.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 14px; height: 14px; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/* 
	**************************************
	***** 3. Gallery Image area styles *****
	**************************************
*/

   /******** 3.1. Gallery Image area styles ******/
		
        /* class of the div containing the whole gallery */
        .sliderGallery {
            overflow: hidden;
            position: relative;
            padding-top: 10px;
            height: 530px;
            width: 650px;
        }
        /* class of the UL element used for scroll */
        .sliderGallery UL {
            position: absolute;
            list-style: none;
            overflow: none;
            white-space: nowrap;
            padding: 0;
            margin: 0;
        }
		.fontGallery{
			font-family:Helvetica,Tahoma,Verdana;
			font-weight:bold;
		}
		
		#sliderGalleryLoadingDiv{
			z-index:300;
			position:relative;
			width:100%;
			height:100%;
			font-size:14px;
			background-color:white;
			text-align:center;
		}
        
        .sliderGallery UL LI {
            display: inline;
        }
		
		/* class of the div gallery element which contains the image and the text*/
		div.fancy_gallery_image_text_container {
			float: left;
			padding-bottom:5px;
			width:100%;
		}
		/* class of the div gallery element which contains the image*/
		div.fancy_gallery_image_container {
			width:100%;
			height:220px;
			overflow:hidden;
		}
		/* class of the div gallery element which contains the text*/
		div.fancy_gallery_text_container {
			width:100%;
			height:17px;
			overflow:hidden;
			font-family:Helvetica,Tahoma,Verdana;
			font-size: 12px;	
			font-weight:bold;
		}
		
		/******** 3.2. Gallery Scroller styles ******/
		
        /* class of the div element which contains the slider/scroller, used to position the scroller */
		.scroller_container {
			position: relative;
            top: 500px;
			left:2px;
            z-index: 100;
		}

        /* class of the div element used to create the gallery slider */
        .slider {
            height: 19px;
            margin-top: 0px;
            position: relative;
            margin-left: 25px;
			margin-right: 24px;		
			z-index: 200;
            background: url(/images/gallery/line.png) repeat;
        }
        
        /* class of the div element used to create the gallery slider handle*/
        .ui-slider-handle {
			position: absolute; 
			text-align: left;
            height: 14px;
            width: 14px;
            background: url(/images/gallery/circle.png) no-repeat;
			margin-top:7px;
            z-index: 200;
        }
		/* class of the div element used to create the gallery slider left button*/
        .scroll_left {
            position: relative;
			float:left;
			left:3px;
			cursor : pointer;
            height: 19px;
            width: 25px;
            background: url(/images/gallery/scroll_left.png) no-repeat;
            z-index: 100;
        }
		/* not used currently*/
		.slider_line_left{
			float:left;
            background: url(/images/gallery/line.png) repeat;
			width:10px;
            z-index: 100;
			left:3px;
            height: 19px;
            margin-top: 0px;
            position: relative;
		}
		/* class of the div element used to create the gallery slider right button*/
        .scroll_right {
            position: relative;
			float:right;
			right:4px;
			top : -19px;
            height: 19px;
            width: 25px;
			cursor : pointer;
            background: url(/images/gallery/scroll_right.png) no-repeat;
            z-index: 100;
        }

/* 
	**************************************
	***** 4. Menu styles *****
	**************************************
*/		
	/* class of the element containing all the menu*/
    .menu {
			height:100px;
			position:relative;
			width:625px;
    }
	/* class for all divs which appear in the menu*/
	.menu_option {
      display:inline;
      float:left;
	  text-align:left;
	  font-weight:bold;
	  font-family:Helvetica,Tahoma,Verdana;
	  position:absolute;
    }
	/* class for all links which appear in the menu*/
	.menu_option a{
	 text-decoration : none;
	 color : black;
	}
	/* class for options which appear in the first line of the menu*/
	.menu_top {
      font-size: 21px;
	  top:28px;
    }
	/* class for options which appear in the 2nd line of the menu*/
    .menu_bottom1 {
      font-size: 15px;
	  top:63px;
    }
	/* class for options which appear in the 3nd line of the menu*/	
    .menu_bottom2 {
      font-size: 11px;
	  top:80px;
    }

/* 
	**************************************
	***** 5. Footer styles *****
	**************************************
*/

    .models_footer {
			height:50px;
			position:relative;
			width:660px;
    }
	
    .footertext {
      font-size: 11px;
	  font-weight:normal;
	  font-family:Helvetica,Tahoma,Verdana;
    }
	
	/* class for all links which appear in the menu*/
    .text_bottom {
      display:inline;
      float:left;
	  text-align:left;
	  position:absolute;
	  top:29px;
    }