/*
    File Name: style.css
*/
 

/* body */
    body {
	/*
	background:#eedacb;
	background-image: url(../images/pattern.png), url(../images/bg_aids.png);
    background-repeat: repeat,repeat-x;
	background-attachment:fixed;
	
	background:url("../images/bg.jpg") #fff;
	background-repeat: no-repeat;
	background-attachment:fixed;
	*/
	background:url(../images/background_body.gif) center top;
	
	
	/*
	background:url("../images/page-bg.png") repeat-x scroll 0 0 #B6B6B6;
	background:#DEF0E3 url(../images/bg.gif) repeat-x top left;
	*/
	color:#777777;
    }
    
/* Layout general*/
    #container{ 
	background:#fff; 
    }
    
    /* header */
    #header{
	background:url(../images/background.gif) left bottom repeat-x;
	border:1px solid #fff;
    }

    /*content wrapper*/
    .content{
	background: url(../images/background.gif) 700px top repeat-y;
    }

/* Navigation */


    #navigation ul{
	background:url(../images/menu_back.png);
    }
    
    #navigation a{
	/*
	background:url(../images/background.gif) left repeat-y;
	*/
	color:#000;	
    }
    
    #navigation li ul li a{
	background:url(../images/background.gif) left repeat-y;
    }

    #navigation .current_page_item{
	border-bottom:4px solid #269bc6;
    }    
    
    #navigation a:hover{
	color: #269bc6;
    }
 
    #navigation ul li a:hover{
	border-left:4px solid #269bc6;
	background:url(../images/background.gif) -200px -200px no-repeat;
    }

    #navigation li:hover{
	/*
	//border-bottom:4px solid #269bc6;
	*/
    }

/* lines */

    .line{ 
	background:url(../images/background.gif) left top repeat-x; 
    }
    
    /*top link*/
    a.top{
	background:#fff;
	color:#818181; 	
    }

/*  sub page header */
    .sub_header{ 
	background:url(../images/banner_background.png) left bottom  repeat-x;
    }

    .sub_header h2{ 
	color:#000; 
    }

/* search bar */
    .search_bar{ 
	background:url(../images/search.gif) left top no-repeat; 
    }
    
    .search_bar form input{ 
	color:#818181; 
    }
    
    
/* Home Page Slider */

    /* Wrappers */
    #slider_area{
	background:#fff;  
    }
        
    /* Slides */
    .slide{ 
	background:#fff; 
    }

    /* Slider sub title */
    .slide b.subtitle{
	color:#262626; 
    }

    /* slider title with links */
    .slide b.title, .slide b.title a{
	color:#000 !important;  
    }    

    .slide b.title a:hover{
	color:#269bc6 !important;
    }        	
        
    /* slider text */
    #slider_area .desc{ 
	color:#818181;
	background: url(../images/menu_back.png);
    }
        
    #slider_area .desc a{
	color:#269bc6; 
    }
    
    /* prev and next buttons*/
    .prev, 
    .next { 
	background:#269bc6; 
    }
 
    .prev:hover, 
    .next:hover {
	background:#52C1EA;
    }


/* Sub page slider*/
    
    .sub_slider_pager a{ 
	background:#BCBCBC; 
    }
     
    .sub_slider_pager a.activeSlide, .sub_slider_pager a:hover{
	background:#269bc6; 
    }

 
/*  Banner bar  */
    .banner{
	background:url(../images/banner_background.png) bottom repeat-x;
	color:#818181; 
    }
  
    a.banner_button{
	color:#fff; 
  	background:url(../images/banner_button.png) top  no-repeat;
    }

     a.banner_button:hover{
	color:#fff; 
	background:url(../images/banner_button.png)  0  -48px  no-repeat;
    }


/* Buttons */
    a.small_button{ 
	color:#fff; 
  	background:url(../images/small_button.png) top  no-repeat;
    }

     a.small_button:hover{
	color:#fff; 
	background:url(../images/small_button.png)  0  -28px  no-repeat;
    } 

 
 /* Futured Boxes */
 
    /*  H4 style for futured boxes   */
    .box.four h4{ 
	background:url(../images/background.gif) bottom left repeat-x;
    }

    /* Featured box image margins */
    .box .featured_image{
	border:1px solid #C3C3C3; 
    } 

 /* Products */
 
    /*box for products*/
    .box.products{ 
	background:url(../images/background.gif) left top repeat-y;
    } 

    /*price*/
    span.price { 
	color:#474747;
    }


    /* Product detail document Icons*/
    .doc_icons li:hover{
	background:#F4F4F4;
    } 

    /* Price Table */
    table.product_data td.left{ 
	color:#474747; 
    }
    
    
/* Blog */

    /* Date and Categories Bar */
    .dateandcategories{
	background:url(../images/banner_background.png) left bottom  repeat-x;
    }
    
    /*comments*/
    .comment{
	border-left:1px solid #ddd; 
    }

/* Play and Zoom Icon */    
    .play{
	background:#FFFFFF url(../images/play.png) center no-repeat;
    }
    
    .magnifier{
	background:#FFFFFF url(../images/magnifier.png) center no-repeat;
    }


/* Paging */

    /* Arrow Left */   
    .paging li.arrowleft a{
	background:url(../images/arrow_left.png) 9px 6px no-repeat;	
    }
        
    /* Arrow Left Hover State */
    .paging li.arrowleft a:hover{
	background:url(../images/arrow_left.png) -12px 6px no-repeat;		
    }        

    /* Arrow Right  */
    .paging li.arrowright a{
	background:url(../images/arrow_right.png) 11px 6px no-repeat;		
    }
    
    /* Arrow Right Hover State */    
    .paging li.arrowright a:hover{
	background:url(../images/arrow_right.png) -10px 6px no-repeat;		
    } 

    /* paging link*/
    .paging li a,  .content.sub .paging li.active a{
       color:#a3a3a3;
       border:1px solid #dddddd;       
   }

    /* paging mouseover*/
    .paging li.active a{
	color:#269bc6;
	border:1px solid #269bc6;   
    }
    
    .paging li a:hover{ 
	color:#269bc6;
	border:1px solid #269bc6;     
    }
    

/* Footer */ 
    
    /* footer copyright text */
    #footer .part1{
	color:#818181; 
    }
    
    /* footer links */
    #footer  a{ 
	color:#818181;
    }
    #footer  a:hover{ 
	color:#269bc6;
    }
    
    .part2 ul li{ 
	background:url(../images/background.gif) left repeat-y;
    }

    /* Social media icons */
    #footer .social_media_icons{ 
	color:#818181;
    } 
    
/* Links */	 
    a{ 
	color:#269bc6;
    }
    
    a:hover{ 
	color:#818181;
    }

/* Headings*/

    /*	heading colors and links  */
    h1,h2, h1 a, h2 a{
	color:#3F3F3F; 
    }
    
    h3, h4,h5,h6, h3 a, h4 a, h5 a, h6 a{
	color:#535353; 
    }

    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{ 
	color:#269bc6;
    }    

/* Highlighted Texts */

    /*Thene default color*/
    span.htext{
	color:#fff;
	background:#269bc6; 	
    }
    
    /*yellow*/
    span.yellow{
	color:#000;
	background:#ffbf00; 
    }

    /*black*/
    span.black{
	color:#fff;
	background:#000; 	
    }

    /*red*/
    span.red{
	color:#fff;
	background:#C10101; 	
    }    


/* Lists */
 
    /* Lined lists */
    #main ul.lined, #main ol.lined{ 
	background:url(../images/background.gif) top left repeat-x; 
    }        

    #main ul.lined li, #main ol.lined li{
	background:url(../images/background.gif) bottom left repeat-x; 
    } 
    
    #main ul.lined ul, #main ol.lined ol{  
	background:url(../images/background.gif) top left repeat-x;
    } 

/* Sidebar Menu */ 

    .sidebar .box.four ul.sub_navigation li {
	background:url(../images/line.gif) right bottom no-repeat;
    }
    
    .sidebar .box.four ul.sub_navigation li.current_page_item {
	border-left:4px solid #269bc6 !important;
    }

    .sidebar .box.four ul.sub_navigation li a{
	color:#5B5B5B;
    }

    .sidebar .box.four ul.sub_navigation li:hover a{
	color:#269bc6;
    }

    .sidebar .box.four ul.sub_navigation li:hover{
	border-left:4px solid #269bc6 !important;
    }


    /* Second level menu */

    .sidebar .box.four ul.sub_navigation li ul li a{
	color:#777777 !important; 
	background:url(../images/arrow.gif) left  6px no-repeat;
    }

    .sidebar .box.four ul.sub_navigation li ul li:hover{ 
	border-left:0px solid #269bc6 !important;
    }

    .sidebar .box.four ul.sub_navigation li ul li a:hover{
	color:#269bc6 !important; 
    }    
    
/* Tables */
/*
    table{ 
	border-right:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0; 
    }
   
	table th { 
	background:url(../images/banner_background.png) left bottom  repeat-x; 
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;	
    }
    
    table tr {
    }
    
    table td { 
	border-bottom:1px solid #E0E0E0;
	border-left:1px solid #E0E0E0;	
    }
    
    table tr.dark {
	background:#F9F9F9;
    }
 */

 /* Forms */
    input, select, textarea{ 
        color:#696969;
        border:1px solid #D3D3D3;
	/*background:url(../images/banner_background.png) left bottom  repeat-x;*/
    } 

    .button{
	color:#fff; 
	background:url(../images/small_button.png) top  no-repeat;
    }
    
    .button:hover{ 
	color:#fff; 
	background:url(../images/small_button.png)  0  -28px  no-repeat;	
    }
    
/*contact form validation*/
    #validate_form label{ 
        color:#606060;
    }
    
    #validate_form label.error {
        color: red; 
    }
    
    #validate_form .error{
        color: red;
        border: 1px solid red;
    }
    
/* Form Messages*/
    .ok_box{ 
        border:1px  dashed green;
        color:green;	
    }    

    .ok_box h3{ 
	color:green;
    }    
    .error_box, #loader{ 
        border:1px  dashed red;
        color:red;	
    }
     
   
/* Text Elements */

    /* Standart block quote */
    blockquote { 
	border-left:4px solid #269bc6;
	color:#A5A5A5;
    }

    /* right-side pull quote */
    blockquote.pullright{ 
	border-left:4px solid #269bc6;
    }

    /* left-side pull quote */
    blockquote.pullleft{ 
        padding:20px 20px 0 0; 
	border-right:4px solid #269bc6; 
    }
 
    code {
	border:1px solid #E0E0E0;	
	background:#F2F2F2 url("../images/code.gif") repeat 0px 0px !important;  
    } 

/*
    Product Detail Slider
*/

/*
	jQuery Coda-Slider v2.0 - http://www.ndoherty.biz/coda-slider  Copyright (c) 2009 Niall Doherty
	This plugin available for use in all personal or commercial projects under both MIT and GPL licenses.
*/

/* Most common stuff you'll need to change */ 
	.product-slider { background: #fff;}   
	
	/* Arrow styling */
	.coda-nav-left a, .coda-nav-right a { background: #000; color: #fff;}
	
	/* Tab nav */
	.coda-nav ul li a.current, .coda-nav ul li a:hover {border-left:3px solid #269bc6;color:#269bc6;}
  
/* Don't change anything below here unless you know what you're doing */

	/* Tabbed nav */ 
	.coda-nav ul li a {background:url(../images/background.gif) left top repeat-y;color:#8E8E8E;}	

/* Facebox */
	#facebox .content{
	background: none;
	border: none;
    width:100%;
    float:none;
    display:none;
	overflow:none;
	padding:0; 
    margin:0; 
	}
	
	#facebox .content table{
	border: none;
	border-top:none; 
	}
	
	#facebox .content table td { 
	border-bottom:none;
	border-left:none;	
	padding :0;
	min-width:100px;
    }
	
	#facebox .content table th { 
	background: none;
	border-bottom:none;
	border-left:none;	
    }
	
	#facebox .content input,#facebox .content select,#facebox .content textarea {
	margin-bottom: 5px;
	width : 300px;
	}
	
	#facebox .content input[type=radio]{
	width : 10px;
	}
	
	#facebox .content input[type=submit]{
	margin-top: 10px;
	color:#fff; 
	background:url(../images/small_button.png) top  no-repeat;
	        cursor:pointer; 
	width:130px !important;
	height:27px;
        clear:both;
        border:none;
        overflow:visible;
        outline: none;
	position:relative; 
	padding:0 0 4px 0 !important; 
	}
	
	#facebox .content input[type=submit]:hover{
	color:#fff; 
	background:url(../images/small_button.png)  0  -28px  no-repeat;
	outline: none;
	overflow:visible;  
	}
	
	#facebox .footer{
	display: none;
	}
	
	#facebox form {
	font:13px Georgia, "Times New Roman", Times, serif;
	background:#eee;
	margin:20px;
	padding:10px 20px;
	color:#0066CC;
	/*width:100%;*/	
	}
	
	/*form ol {
		list-style:none;
		margin:0;
		padding:0;
		}
		
		form li {
			padding:6px;
			background:#e1e1e1;
			margin-bottom:1px;
			}
			
			form li#send {
				background:none;
				margin-top:6px;
				}
		
		form label {
			float:left;
			width:70px;
			text-align:right;	
			margin-right:7px;
			color:#0066CC;
			line-height:23px;
			}
		*/
		
		#facebox form input,
		#facebox form textarea {
			padding:4px;
			font:13px Georgia, "Times New Roman", Times, serif;
			border:1px solid #999999;
			width:200px;
			}
			
			#facebox form input:focus,
			#facebox form textarea:focus {
				border:1px solid #666;
				background:#e3f1f1;
				}
				
/* end facebox */

/*error message */
.info, .success, .warning, .error, .validation {
  border: 1px solid;
  margin: 10px 0px;
  padding:15px 10px 15px 50px;
  background-repeat: no-repeat;
  background-position: 10px center;
}
.error {
  color: #D8000C;
  background-color: #FFBABA;
  background-image: url('../images/icons/error.png');
}

.error a{
  color: #D8000C;
}

	#loading{
		width: 100%;
		position: absolute;
		top: 100px;
		left: 100px;
		margin-top:300px;
	}			
    #container_search .pagination ul li.inactive,
	#container_search .pagination ul li.inactive:hover{
		background-color:#ededed;
		color:#bababa;
		border:1px solid #bababa;
		cursor: default;
	}
	#container_search .data ul li{
		list-style: none;
		font-family: verdana;
		margin: 5px 0 5px 0;
		color: #000;
		font-size: 13px;
	}

	#container_search .pagination{
		width: 100%;
		height: 25px;
	}
	#container_search .pagination ul li{
		list-style: none;
		float: left;
		border: 1px solid #006699;
		padding: 2px 6px 2px 6px;
		margin: 0 3px 0 3px;
		font-family: arial;
		font-size: 14px;
		color: #006699;
		font-weight: bold;
		background-color: #f2f2f2;
	}
	#container_search .pagination ul li:hover{
		color: #fff;
		background-color: #006699;
		cursor: pointer;
	}
	.go_button
	{
	background-color:#f2f2f2;border:1px solid #006699;color:#cc0000;padding:2px 6px 2px 6px;cursor:pointer;position:absolute;margin-top:-1px;
	}
	.total
	{
	float:right;font-family:arial;color:#999;
	}