/*
    File Name: style_cf.css
*/

/* body */
    body {
        color:#595959;
    }

/* Layout general*/
    #container{
        background:#efefef url(../images/header_repeat.png) repeat-x;
    }

    /* header */
    #header{
        background:#fff url(../images/header_background.png)  top center repeat-y;
    }

/* header links & slogan */

   .top_links ul li{
        border-left:1px solid #797979;
    }

    /* slogan*/
    .top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{
        color:#414247;
    }

    /* If Cufon active*/
    .top_slogan, .top_slogan h4, .top_slogan h4 a, .top_slogan h4 a:hover{
        color:#626262;
    }


/* search bar */
    .search_bar{
        background:url(../images/search.png);
    }

    .search_bar form input{
        background:transparent;
        color:#797979;
    }

/* Backgrounds */
    #container1{
        background:#fff url(../images/background_repeat.png) repeat-x;
    }

    #container2{
        background:transparent url(../images/background_top.png) center top no-repeat;
    }

/* main layout */
    .content.sub{
        background:#fff;
    }

    .content .portfolio_con{
        background:#fff;
    }

 /* Slider */

    /* Home Page Slider */
    #slider{
        border:1px solid #dddddd;
        background:#fff;
    }

    .sub#slider{
        margin-left:-10px;
    }

    /* slider right side */
    #slider_area .desc{
        background-color: #727272;
        color: #FFFFFF;
        border-left:1px solid #fff;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
    }

    #slider_area .desc a{
        color: #fff;
    }

    #slider_area .desc a:hover{
    }

    /* prev and next buttons*/
    .prev,
    .next {
        background-color: #727272;
        color: #FFFFFF;
    }

    .slider_shadow{
       background:url(../images/slider_shadow.png) center top no-repeat;
    }

 /* Breadcrumb Menu */
    .breadcrumb{
        border-bottom:1px solid #dddddd;
        color:#b7b7b7;
    }

    .breadcrumb span{
        border-bottom:3px solid #727272;
    }

    .breadcrumb a{
        color:#b7b7b7;
    }

    .breadcrumb a:hover{
        color:#727272;
    }

 /* Navigation*/
    .navigation{
        background:#f4f4f4 url(../images/nav_top.png) top no-repeat;
    }

   /* First level menu items*/
    ul#menu li {
    }

    ul#menu li a {
        background: #f4f4f4;
        color: #595959;
        background:url(../images/nav_back.png) bottom;
    }

    ul#menu li a:hover,  ul#menu li.current_page_item a {
        color: #fff;
        background:#f4f4f4 url(../images/menu_active.png) top no-repeat;
    }

     /* Second level menu item*/
    ul#menu li ul li a, ul#menu li.current_page_item ul li a {
        background: #fff;
        color: #6c6c6c;
        border-bottom:1px solid #dddddd;
        border-left:1px solid #dddddd;
        border-right:1px solid #dddddd;
    }

    ul#menu li ul li a:hover, ul#menu li ul li.current_page_item a{
        color: #727272;
        background:#fff url(../images/sub_menu_back.png) top left no-repeat;
        border-bottom:1px solid #dddddd;
        border-left:1px solid #dddddd;
        border-right:1px solid #dddddd;
    }

    /* Third level menu item*/
   ul#menu li ul li ul li a, ul#menu li.current_page_item ul li ul li a {
        color: #939393;
        background:#fff;
    }

    ul#menu li ul li ul li a:hover, ul#menu li ul li ul li.current_page_item a {
        color: #727272;
    }

    /* fourth level menu item*/
   ul#menu li ul li ul li ul li a, ul#menu li.current_page_item ul li ul li ul li a {
        color: #939393;
        background:#fff;
    }

    ul#menu li ul li ul li ul li a:hover, ul#menu li ul li ul li ul li.current_page_item a {
        color: #727272;
    }


/* Paging */

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

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

    .content.sub .paging li a:hover{
        color:#727272;
        border:1px solid #727272;
    }

    /* Arrow Left */
    .content.sub .paging li.arrowleft a{
        background:url(../images/arrow_left.png) 11px 9px no-repeat;
    }

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

    /* Arrow Right  */
    .content.sub .paging li.arrowright a{
        background:url(../images/arrow_right.png) 11px 9px no-repeat;
    }

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


/* Content Boxes */

    /* box for sidebar */
    .box.side{
        border:1px solid #dddddd;
    }

    .box.content-two.left{
        border-right:1px solid #ddd;
    }

/* Horizontal Lines*/
    .box hr, .content .box  hr{
        background:#ddd;
        color:#ddd;
    }

    .content hr{
        background:#ddd;
        color:#ddd;
    }


/* Product Pages */

     /* Product Box*/
    .box.product{
        border:1px solid #ddd;
    }

    /* Price */
    .box.product .textarea .price{
        color: #A4A4A4;
    }

     /* Product Detail Box*/
    .box.product_detail{
        border-left:1px solid #ddd;
    }

    .product_photos{
        border-bottom:1px solid #ddd;
    }

    /* Product detail photos pager*/

    .product_photos_pager a{
        background:#ddd;
        color:#737373;
    }

    .product_photos_pager a.activeSlide, .product_photos_pager a:hover{
        background:#727272;
        color:#fff;
    }

/* Blog */

    /* Date and Categories Bar */
    .box.blog .dateandcategories{
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
        color: #A4A4A4;
    }

    /* Links For Date and Categories */
    .box.blog .dateandcategories a:hover{
        text-decoration: none;
        color:#727272;
    }

    .comment{
        border-left:1px solid #ddd;
    }

/* Portfolio */
    /* box for portfolio */
    .box.portfolio{
        border:1px solid #ddd;
    }

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

    .magnifier{
        background:#898989 url(../images/magnifier.png) center no-repeat;
    }

/* Photo Gallery */
    /* override the arrow image of the tooltip */
    .tooltip {
        background: #727272;
        color:#fff;
    }

    .photo_gallery img{
        background:#f4f4f3;
        border:1px solid #ddd;
    }


/* News Box */
    hr.news_line{
        background:#ddd;
        color:#e3e3e3;
    }

/* links */
    a{
        color:#797979;
    }

    a:hover{
    }

     /* read more links */
    .read_more {
        color:#9F9F9F;
        background:url(../images/arrow.png) right no-repeat;
    }

    .read_more:hover {
        color:#727272;
    }

    /* box links */
    .box p a, a.text_link{
        border-bottom:1px solid #fb5724;
    }

    .box p a:hover, a.text_link:hover{
        color:#fb5724;
    }

/* Lists */

    .content.sub ul ul, .content.sub ol ol{
        border-top:0px solid #ddd;
    }

    .content.sub ul ul li, .content.sub ol ol li{
        border-bottom:0px solid #ddd;
        background:none;
        padding-left:0;
    }

    .content.sub ul, .sub.content ol  {
        border-top:1px solid #ddd;
    }

    .sub.content li{
        border-bottom:1px solid #ddd;
        background: url(../images/arrow.png) left 12px no-repeat;
    }

    /* sidebar list */
    .sidebar .box  li{
        padding:7px 0;
        border-bottom:1px solid #ddd;
    }

/* Footer */
    #footer {
        background:#efefef url(../images/footer_repeat.png) top repeat-x;
    }

    #footer .footer_con{
        color:#ffF;
        background: url(../images/footer_background.png) center top no-repeat;
    }

    /* footer links */
    #footer  a{
        color:#ffF;
    }

    #footer  a:hover{
        color:#ffF;
    }

    .part2 ul li{
        border-left:1px solid #fff;
    }

/* Headings*/
    h1,h2,h3,h4,h5,h6{
        color:#626262;
    }

    h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
        color:#626262;
    }

/* Headings for Cufon Font */
    h1.cufon,h2.cufon,h3.cufon{
        color:#424041;
    }

    h4.cufon,h5.cufon,h6.cufon{
        color:#131313;
    }

    h1.cufon a,h2.cufon a,h3.cufon a{
        color:#424041;
    }

    h4.cufon a, h5.cufon a,h6.cufon a{
        color:#131313;
    }

/* Forms */
    input, select, textarea{
        border-left:1px solid #EBEBEB;
        border-right:1px solid #EBEBEB;
        background:#EBEBEB;
    }

    /*contact form validation*/
    #validate_form ul li label.error {
        color:red;
    }

    #validate_form .error{
        color: red;
        border: 1px solid red;
    }

    #contact_form input, #contact_form select, #contact_form textarea{
        border-left:1px solid #EBEBEB;
        border-right:1px solid #EBEBEB;
        background:#EBEBEB;
    }

    #contact_form .button{
        border-top:1px solid #EBEBEB;
    }

    /* Form Messages*/
    .ok_box{
        border:1px  dashed green;
        color:green;
    }

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

/* Tables */
    tbody tr:hover td
    {
    }

    table{
        border: 1px solid #ddd;
    }

    table th {
        background:#e2e2e2;
         border: 1px solid #fff;
    }

    table td {
        border: 1px solid #ddd;
    }

    tbody tr:hover td
    {
        background:#F5F5F5;
    }


/* Text Elements */
    blockquote {
        background:#F4F4F4 url(../images/blockquote.png) 10px 10px no-repeat;
        color:#A0A0A0;
        border:1px solid #dddddd;
    }