/*
    File Name: style.css
*/
 

/* body */
    body {
	background:url(../images/background_body.gif) center top;
	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:#FFFFFF; 
    }

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

    .slide b.title a:hover{
	color:#FFFFFF !important;
    }        	
        
    /* slider text */
    #slider_area .desc{ 
	color:#FFFFFF;
	background: url(../images/menu_back.png);
    }
        
    #slider_area .desc a{
	color:#FFFFFF; 
    }
    
    /* 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;}