/*

    File Name: style_cf.css

    Only Color and Background Values Of All Elements

    

*/



/* body */

    body {

        background-color:#ffffff;

        color:#707070;

    }



/* Layout general*/

/* Backgrounds */

    #container{

        background:#fff;

    }  



    #container1{

    

        background:#fff url(../../images/1/background_repeat.jpg) 0 0px repeat-x;

    }

    

    #container2{

        background:transparent url(../../images/1/background.jpg) center 0px no-repeat;

    }

    

     #container4{

        background:transparent url(../../images/1/headerbackground.jpg) center 20px no-repeat;

        }



 

/* main layout */



    /* page curv top */

    .page_curv_top{

        background:transparent url(../../images/1/page_curv_top.png) center no-repeat;

    }

    

    .content_con{

        background:transparent url(../../images/1/page_content.png) center repeat-y;

    } 



    /* sidebar */

    .sidebar{

        background: transparent url(../../images/1/side_bar_shadow_repeat.jpg) left repeat-y;

    }



    /* layers for side shadow */

    .sidebars1{ 

        background:transparent url(../../images/1/sidebar_shadow_bottom.jpg) left bottom no-repeat;

    }



    .sidebars2{ 

        background:transparent url(../../images/1/sidebar_shadow_top.jpg) left top no-repeat;

    }

 

 /* Featured Boxes */

 

    /* border of heading on featured boxes (home page, side bars)   */        

    .box.small h4, .box.small h5, .box.single h3,  .box.side h4, .box.side h3{


    }

    

    /* different color in home page welcome text */  

    .box.single h3 span{

        color:#6dd1fb;

    }

 

 /* Products detail tabs */



    #tabs .tabnav li{

        background:url(../../images/1/tab.jpg) right top;

    }   



    #tabs .tabnav li a{

        background:url(../../images/1/tab.jpg) left top;

        color: #A9A9AE;

    }

    

    /* tab color hover state */

    #tabs .tabnav li.ui-tabs-selected a,#tabs .tabnav li.ui-tabs-selected a:hover,  #tabs ul li a:hover, #tabs ul li.ui-tabs-selected{

        color:#107fae;        

    }



    /* tab color active state */

     #tabs ul li.ui-tabs-selected{

        color:#107fae;

    }



    /* for product photos tab images */

    #photos img{

        border:1px solid #eeeeee;

    }





/* Product List Page*/



     /* Product Box*/

    .box.product{

        background:url(../../images/1/small_box_middle.jpg) repeat-y;

    }

        

    /* Price */         

    .box.product .textarea .price{

        color:#D5D5D5;

    }

    

/* Product Detail Page */



     /* Tab Area*/   

    .box.full{

        background:url(../../images/1/full_box_middle.jpg) repeat-y;

    }



    /* Product Detail Page*/

    .box.full .box.product {

        border-bottom:1px dotted #D5D5D5;

    }



    /* Product Photos in Tabs (related products) */

    .box.full .box.product .product_image{

        border:1px dotted #D5D5D5;

    }

        

/* Blog */

    

    /* post image */

    .box.blog .post_image{

        border-bottom:1px dotted #D5D5D5;

        border-top:1px dotted #D5D5D5;

    }

    

    /* Date and Categories Bar */

    .box.blog .dateandcategories{

        border-bottom:1px dotted #D5D5D5;

        border-top:1px dotted #D5D5D5;

        color:#989898;

    }



    /* Links For Date and Categories */

    .box.blog .dateandcategories a{

        color:#989898;

    }

    

    .box.blog .dateandcategories a:hover{

        color:#6dd1fb;

    }

        

        

/* Portfolio */

    .box.big_box{

        background:url(../../images/1/big_box_middle.jpg) repeat-y;

    }



    /* Portfolio Categories Bar*/        

    .portfolio_categories{

        background:url(../../images/1/portf_categories.jpg) no-repeat;

    }

        

    /* Left Side Text */     

    .portfolio_categories h5{

        color:#B5B5B5;

    }



    /* Category Links Style*/ 

    .portfolio_categories ul li a{

        color:#B5B5B5;

    }        



    .portfolio_categories ul li a:hover{

        color:#2f348f;

    }



    /* Category Links Active Page Style */ 

    .portfolio_categories ul li a.active{

        color:#6dd1fb;

    }



    .portfolio_categories ul li a.active:hover{

        color:#d2d5fd;

    }



/* Portfolio Slider */



    /* Content Area */

    .portfolio_slide_content{

        background:#1384b4 url(../../images/1/portfolio_light.png) top left no-repeat;

    }

        

    /* Slide Title */

    .portfolio_slide_content .title{

       border-bottom:1px dashed #CCEBFB;

       color:#c5dce6;

   }

 

    /* Title Link */

    .portfolio_slide_content .title  a{

        color:#fff;

    }

    

    .portfolio_slide_content .title  a:hover{

        color:#c5dce6;

    }



    /* Category Link */    

    .portfolio_slide_content .title  a.cat{

        color:#c5dce6;

    }



    .portfolio_slide_content .title  a.cat:hover{

        color:#fff;

    }



    /* Content Link */

    .portfolio_slide_content .text a{

        color:#fff;

    }

    

    .portfolio_slide_content .text a:hover{

        color:#fff;

    }

        

    /* Content Text */

    .portfolio_slide_content .text{

        color:#fff;

    }

       

    /* Slider Arrows */ 



    .portfolio_slider_arrows .left{

        background:url(../../images/1/portfolio_slider_arrows.png) left no-repeat;

    }



    .portfolio_slider_arrows .right{

        background:url(../../images/1/portfolio_slider_arrows.png) right no-repeat;            

    }

    

    /* Play and Zoom Icon */    

    .play{

      background:url(../../images/1/play.png) center no-repeat;

    }

    

    .magnifier{

      background:url(../../images/1/magnifier.png) center no-repeat;

    }

    

/* Paging */





    /* paging link*/

   .paging ul li a, .paging ul li.active a{

       background:url(../../images/1/paging_buttons.jpg) 104px 0 ;

       color:#C3C3C3;

   }

   

    /* paging mouseover*/

    .paging ul li.active a, .paging ul li a:hover{

       color:#fff;

       background:url(../../images/1/paging_buttons.jpg) 200px 0 ;

    }

     

    /* Arrow Left */   

    .paging ul li.arrowleft a{

         background:url(../../images/1/paging_buttons.jpg) 72px 0 ;

    }

        

    /* Arrow Left Hover State */

    .paging ul li.arrowleft a:hover{

         background:url(../../images/1/paging_buttons.jpg) 168px 0 ;

    }        



    /* Arrow Right  */

    .paging ul li.arrowright a{

         background:url(../../images/1/paging_buttons.jpg) 40px 0 ;

        

    }

    

    /* Arrow Right Hover State */    

    .paging ul li.arrowright a:hover{

         background:url(../../images/1/paging_buttons.jpg) 136px 0 ;

    } 

 

/* News Box */

    .news_line{

        background:transparent url(../../images/1/line_silver.jpg) repeat-x;

    }



    .news_date{

        color:#C3C3C3;

    }



    a.news {

        color:#107fa4;

    }



    a.news:hover {

    }

    

        

/* Home Page Slider */

   

        

    /* slider right side */

    #slider_area .right_side{

        background:#2d388d url(../../images/1/slider_right_color.jpg) top left no-repeat;

        border-left:10px solid white;

        color:#fff;

    }



    #slider_area .right_side a, .right_side h3{

        color:#fff;

    }    

        

    #slider_area .right_side a:hover{

        color:#fff;

    }

    

    .slider_curv{

        background:transparent url(../../images/1/slider_curv.png) center no-repeat;

    }



    /* slider numbers*/

    /* active number style*/

    #numbers    a{ 

        background: transparent url(../../images/1/slider_points.png) right top no-repeat;

    }

    

    #numbers   a:hover{ 

        background: transparent url(../../images/1/slider_points.png) left top no-repeat;

    }

    

    #numbers   a.activeSlide{ 

        background: transparent url(../../images/1/slider_points.png) left top no-repeat;

    }





/* sub navigation */



    /*Sub page list*/

    #sub_menu  li{	

        border-bottom:1px dotted #D5D5D5;

    }

    

    /*Sub page menu*/

    #sub_menu  li a{

        background:transparent url(../../images/1/side_arrow_off.jpg) no-repeat;

        color:#979C97;               

    }

    

    #sub_menu  li a:hover{

        background:transparent url(../../images/1/side_arrow_on.jpg) no-repeat;

        color:#10729c;

    }

        



/* Footer */

    #footer {

        background:transparent url(../../images/1/footer_repeat.jpg) repeat-x;

        color:#9D9D9D;

    }

    

    #footer .footer_con{

        background:transparent url(../../images/1/footer.jpg) center top no-repeat;                

    }

    

    /* footer1 links */

    #footer  a{

        color:#9D9D9D;

    }

    

    #footer  a:hover{
    color:#2f348f;

    }



/*  sub page header */

    .sub_header{

        border-bottom:1px solid #E4E4E4;

    }

        

/* Breadcrumb Menu */

    .breadcrumb{

        color:#c7c7c7;

    }

    

    .breadcrumb  a{	

        color:#969696;

    }

    

/* search bar */

    .search_bar{

        background:url(../../images/1/search.jpg) no-repeat;

    }

    

    .search_bar form input{

        color:#adadad;

    }

    

/* Navigation */

    .navigation{

        background: transparent; /*background of menu bar (default state)*/

    }

    

    /*Top level menu link items style*/

    .navigation ul li a{

        color:#10729c;

    }

    

    .navigation ul li ul li a{

        border-bottom:1px dashed #2f348f; 

    }

    

    .navigation ul li .first_ul li a:hover, .navigation ul li ul a.selected{

        color:#babefe;

    }

    



    

    /* active state & hover state */         

    .li_active, .navigation ul .active, ul.navigation li.current_page_item, ul.navigation li.current_page_parent {

        background: #fff url(../../images/1/menu_button.jpg) right top no-repeat;

        color:#fff;

    }        

    

    .navigation ul li .a_active, .navigation ul .active a, ul.navigation li.current_page_item a, ul.navigation li.current_page_parent a{

        background: #fff url(../../images/1/menu_button.jpg) left top no-repeat;

        color:#fff;

    }



    .navigation ul li ul li, ul.navigation li ul li.current_page_item, ul.navigation li ul li.current_page_parent{

        background: transparent url(../../images/1/drop_down_middle.png) left repeat-y;

    }           

    

        

    ul.navigation li.current_page_item ul li a,  ul.navigation li ul li a,  ul.navigation li.current_page_parent ul li a, ul.navigation li ul li.current_page_parent a{

        background:none;

        color:#fff;

    }

    

    .navigation ul .active ul a{

        background: none;

    }

    

    

    /*first ul background*/

    .navigation ul li .first_ul{

        background: transparent url(../../images/1/drop_down_bottom.png) bottom left no-repeat;

    }  

    

    .navigation ul.navigation li ul .first_li{

        background: transparent url(../../images/1/drop_down_top.png) top left no-repeat;

    }                     



/* Lists */

    .content.sub ul ul, .content.sub ol ol{

        border-top:0px solid #EBEBEB;;

    }

    

    .content.sub ul ul li, .content.sub ol ol li{

        border-bottom:0px solid #EBEBEB;

    }

    

    .content.sub ul, .sub.content ol  {	

        border-top:1px solid #EBEBEB;

    }

    

    .sub.content li{

        border-bottom:1px solid #EBEBEB;

    }

    

    /* No Bulet List*/     

    

    /* sidebar list */

    

    .sidebar .box  li{	

        border-bottom:1px solid #EBEBEB;

    }

        

/* Links */	 

    a{

        color:#2f348f;

    }

    

    a:hover{

        color:#107fae;

    }

    

    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{

        color:#107fa4

    }

    

    h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{

        color:#2f348f;

    }

        

/* Headings*/

    h1,h2,h3,h4,h5,h6{

        color:#107fa4;

    }

    

/* Text Elements */

    blockquote {

        background:transparent url(../../images/1/blockquote.png) left top no-repeat;

        color:#A0A0A0;

    }

        

/*contact form */

/*contact form validation*/

    #validate_form label{

        color:#107fa4;

    }

    

    #validate_form label.error {

        color: red;

        border: 0px solid 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;

    }

    

/* Forms */

    input, select, textarea{

        color:#696969;

        border:1px solid #EBEBEB;

    }

    

    .button{

        color:#fff;

        background:#107fa4;

        border:1px solid #107fa4;

    }

    

    .button:hover{

        border:1px solid #107fa4;

        background:#fff;

        color:#107fa4;

    }

        

        

/* Tables */

    tbody tr:hover td

    {

    }

    

    table{

        border: 1px dotted #e2e2e2;

    }

    

    table th {

        background:#e2e2e2;

    }

    

    table td {


    }

    

    tbody tr:hover td

    {

        background:#F5F5F5;

    }