/*
    File Name: style_cf.css
    Only Color and Background Values Of All Elements
    
*/

/* body */

body {
    background-color: #eeeeee;
    color: #707070;
}

/* Layout general*/

/* Backgrounds */

#container {
    background: #fff;
}

#container1 {
    background: #fff url(../images/background_repeat.jpg) 0 50px repeat-x;
}

#container2 {
    background: transparent url(../images/background.jpg) center 25px no-repeat;
}

/* main layout */

/* page curv top */

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

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

/* sidebar */

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

/* layers for side shadow */

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

.sidebars2 {
    background: transparent url(../images/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 {
    border-bottom: 1px dotted #D5D5D5;
}

/* different color in home page welcome text */

.box.single h3 span {
    color: #6dd1fb;
}

/* Products detail tabs */

#tabs ul li {
    background: url(../images/tab.jpg) right top;
}

#tabs ul li a {
    background: url(../images/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/small_box_middle.jpg) repeat-y;
}

/* Price */

.box.product .textarea .price {
    color: #D5D5D5;
}

/* Product Detail Page */

/* Tab Area*/

.box.full {
    background: url(../images/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/big_box_middle.jpg) repeat-y;
}

/* Portfolio Categories Bar*/

.portfolio_categories {
    background: url(../images/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: #6dd1fb;
}

/* Category Links Active Page Style */

.portfolio_categories ul li a.active {
    color: #6dd1fb;
}

.portfolio_categories ul li a.active:hover {
    color: #107fae;
}

/* Portfolio Slider */

/* Content Area */

.portfolio_slide_content {
    background: #1384b4 url(../images/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/portfolio_slider_arrows.png) left no-repeat;
}

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

/* Play and Zoom Icon */

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

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

/* Paging */

/* paging link*/

.paging ul li a,
.paging ul li.active a {
    background: url(../images/paging_buttons.jpg) 104px 0;
    color: #C3C3C3;
}

/* paging mouseover*/

.paging ul li.active a,
.paging ul li a:hover {
    color: #fff;
    background: url(../images/paging_buttons.jpg) 200px 0;
}

/* Arrow Left */

.paging ul li.arrowleft a {
    background: url(../images/paging_buttons.jpg) 72px 0;
}

/* Arrow Left Hover State */

.paging ul li.arrowleft a:hover {
    background: url(../images/paging_buttons.jpg) 168px 0;
}

/* Arrow Right  */

.paging ul li.arrowright a {
    background: url(../images/paging_buttons.jpg) 40px 0;

}

/* Arrow Right Hover State */

.paging ul li.arrowright a:hover {
    background: url(../images/paging_buttons.jpg) 136px 0;
}

/* News Box */

.news_line {
    background: transparent url(../images/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: #107fae url(../images/slider_right_color.jpg) top left no-repeat;
    border-left: 10px solid white;
    color: #fff;
}

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

#slider_area .right_side a:hover {
    color: #fff;
}

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

/* slider numbers*/

/* active number style*/

#numbers a {
    background: transparent url(../images/slider_points.png) right top no-repeat;
}

#numbers a:hover {
    background: transparent url(../images/slider_points.png) left top no-repeat;
}

#numbers a.activeSlide {
    background: transparent url(../images/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/side_arrow_off.jpg) no-repeat;
    color: #979C97;
}

#sub_menu li a:hover {
    background: transparent url(../images/side_arrow_on.jpg) no-repeat;
    color: #10729c;
}


/* Footer */

#footer {
    background: transparent url(../images/footer_repeat.jpg) repeat-x;
    color: #9D9D9D;
}

#footer .footer_con {
    /*background:transparent url(../images/footer.jpg) center top no-repeat; */
    background: transparent url(../images/footer_bg_line.png) center top no-repeat;
}

/* footer1 links */

#footer a {
    color: #9D9D9D;
}

#footer a:hover {}

/*  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/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 #52afd5;
}

.navigation ul li .first_ul li a:hover,
.navigation ul li ul a.selected {
    color: #82d1f3;
}

.navigation ul li ul li {
    background: transparent url(../images/drop_down_middle.png) left repeat-y;
}


/* active state & hover state */

.li_active,
.navigation ul .active,
ul.navigation li.current_page_item {
    background: #fff url(../images/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 {
    background: #fff url(../images/menu_button.jpg) left top no-repeat;
    color: #fff;
}

ul.navigation li.current_page_item ul li a,
ul.navigation li ul li a {
    background: none;
    color: #fff;
}

.navigation ul .active ul a {
    background: none;
}


/*first ul background*/

.navigation ul li .first_ul {
    background: transparent url(../images/drop_down_bottom.png) bottom left no-repeat;
}

.navigation ul li ul .first_li {
    background: transparent url(../images/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: #6dd1fb;
}

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: #6dd1fb;
}

/* Headings*/

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #107fa4;
}

/* Text Elements */

blockquote {
    background: transparent url(../images/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 {
    border: 1px dotted #e2e2e2;
}

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