/* ----------------------------------------------------
  
  File Name: style.css
  RT-THEME 15
  Created By: Benchmark Production Sdn. Bhd. 
  http://themeforest.net/user/stmcan

------------------------------------------------------- */  

/* ----------------------------------------------------
  GLOBAL STRUCTURE
------------------------------------------------------- */

  /* body */
  body {
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:18px; 
    position:relative;
    background:#E5E5E5;
    color:#666;
    padding:0 0 0 1px;
  }

/*  body {
    font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:20px; 
    position:relative;
    background:#E5E5E5;
    color:#666;
    padding:0 0 0 1px;
  }
*/

  /* Layout general*/
  #container{
    width:100%;
    max-width:1990px;
    margin:0 auto 0 auto; 
    position:relative;
    display: block;
    padding:30px 0;
    border:0 !important; 
  }
  
  /* Layout general*/
  #wrapper{
    width:960px;
    margin:0 auto 0 auto; 
    position:relative;
    display: block;
    padding:0;
    border:0 !important;
    z-index:99;
  }
  
  /* background border */
  .background_pic_border{
    max-width:1990px;
    position:absolute;
    top:0;
    width:100%;
    text-align:center;
    z-index:1;
    overflow:hidden;
    left:0px;
  }
  
  /* background image holder */
  .background_pic_holder{
    margin:0 auto 0 auto;
    max-width:1990px;  
    min-width:980px;
    width:100%;
    overflow:hidden;
    max-height:600px;
    text-align:center;
    z-index:2;
  } 

  /* background image magin */
  .background_pic_holder img{ 
    margin:0 auto;
  }  

  /* background curv image */  
  .back-curv{
    background:url(../images/back-curv.png) center top no-repeat;  
    height:452px;
    width:100%;
    position:relative;
    z-index:99;
    top:-280px;
    min-width:980px;
    z-index:3;
  }


  
  /* background line image */  
  .back-line{
    background:url(../images/back-line.png) center top repeat-x;  
    height:160px;
    width:100%;
    position:relative;
    z-index:99;
    top:0;
    min-width:980px;
    z-index:3;
  }

  /* logo position */
  #logo{
    padding:15px 0;
    width:180px;
  }
  
  /* Text Logo */
  #logo h1{
    font-size:40px;
  }
  
  /* sidebar */
  #sidebar{
    width:240px;
    margin:0 20px 0 0 ;
    float:left;
  }
  
  #sidebar .rt-block{
    margin:0 0 10px 0 ;
    float:left;
  }
  
  .sidebar_top{
    margin:8px 0 0 0;
    background:url(../images/skin-default.png) left 0px no-repeat;
    height:26px;
    display:block;
  }

  /* sidebar background color */
  .sidebar_content{
    background:#343434;
    padding:0 30px;
    width:180px;
  }

  /* sidebar content color */
  .sidebar_content{
    color:#cecece;
  }

  .sidebar_bottom{
    background:url(../images/skin-default.png) left -122px no-repeat;
    height:26px;
    display:block;
  }
  
  /* content holder */
  #content{  
    float:left;
    width:700px;   
  }

  /* content holder */
  .content{
    background:#fff;
    padding:0 30px 1px 30px;
    height:auto;
    /*min-height:1125px;*/
  }
  
  /* graphic cover for slider */
  .slider_cover{
    background:url(../images/slider-cover.png) right 1px no-repeat;
    height:69px;
    width:700px;
    display:block;
    position:absolute;
    z-index:991;
  }
  
  #zn-slider .rt-block .module-title h2{
    position:relative;
    z-index:1000;
  }
  
  /* content top */
  .content_top{
    background:url(../images/skin-default.png) right 0 no-repeat;
    height:34px;
    display:block;
  }
  
  .content_top.no_curv{
    height:20px;
    background:white !important;
  }
  
  .content_top.no_curv_home{
    background:white !important;
  }  
  
  /* content bottom */
  .content_bottom{
    background:url(../images/skin-default.png) right -113px no-repeat;
    height:34px;
    display:block;
  }

/* ----------------------------------------------------
  SIDEBAR LIST WIDGETS
------------------------------------------------------- */
  
  /* widget links */
  .sidebar_content .rt-block ul{
    background:url(../images/transparent-pixel.png) top repeat-x;
    margin:0 0 20px 0;
    border:0;
    list-style: none outside none;
  }

  .sidebar_content .rt-block ul li{
    background:url(../images/transparent-pixel.png) bottom repeat-x;
    padding:10px 0;
    line-height:120%;
    border:0;
  }
  
  .sidebar_content .rt-block ul li a{
    display:block;
  }
 
  /* sub levels */
 
  .sidebar_content .rt-block ul ul{ 
    margin:10px 0 0 0;
    padding:10px 0 0 0;
  }
  
  .sidebar_content .rt-block ul ul ul{
    background:none;
    margin:10px 0;
    padding:0;
  }

  .sidebar_content .rt-block ul ul li{
    padding:0;
    margin:0;
  }  

  .sidebar_content .rt-block ul ul li a{
    padding:4px 0;
  }    

  .sidebar_content .rt-block ul li li{
    background:url(../images/transparent-pixel.png) top repeat-x;
  }

  .sidebar_content .rt-block ul li li{
    background:none; 
  }  

  .sidebar_content .rt-block ul li li a{
    padding:5px 0 5px 15px;
    background: url(../images/arrow.png) left 9px no-repeat;
    color:#949494;
  }  

  .sidebar_content .rt-block ul li li li a{
    display:block;
    padding:5px 0 5px 30px;
    background: url(../images/arrow.png) 15px 9px no-repeat;
  }

  .sidebar_content .rt-block ul li li li li a{
    display:block;
    padding:5px 0 5px 45px;
    background: url(../images/arrow.png) 30px 9px no-repeat;
  }

  .sidebar_content .rt-block ul li li li li li a{
    display:block;
    padding:5px 0 5px 60px;
    background: url(../images/arrow.png) 45px 9px no-repeat;
  }


  
/* ----------------------------------------------------
  NAVIGATIONS
------------------------------------------------------- */
  
  /* main navigation bar */
  #navigation{ 
    padding:0 0 30px 0;
  }
  
  /* first level menu item's font face */
  #navigation > ul > li > a , #navigation > ul > li > span{
    font-family: 'Oswald', arial, serif; 
  }

  /* first level links */
  #navigation, #navigation a{ 
    color:#fff;
    text-decoration:none;
    font-size:14px;
    line-height:100%;
    display:block;
  }

  /* inacvtive - expandable items */
  #navigation a.inactive{ 
    background:url(../images/plusminus.png) right 3px no-repeat;
  }
  
  /* acvtive - expanded items */
  #navigation a.active{ 
    background:url(../images/plusminus.png) right -12px no-repeat;
  }  
  
  /* current page items and hover states */
  #navigation a:hover, #navigation ul li.current_page_item a, #navigation ul li.current-menu-ancestor a{  
    color:#D0D0D0;
  }    

  /* current page items and hover states */
  #navigation ul li.current_page_item a:hover, #navigation ul li.current-menu-ancestor a:hover{  
    color:#fff;
  }
  
  #navigation ul ul li.current-menu-item a{
    color:#fff !important;
  }


  #navigation ul{
    padding:1px 0 0 0;
    display:block;
    margin:0;
    list-style:none !important;
  }
  
  /* First Level */
  #navigation > ul{
    background:url(../images/transparent-pixel.png) top repeat-x;
  }

  #navigation > ul > li{
    background:url(../images/transparent-pixel.png) bottom repeat-x;
    padding:10px 0 10px 0;
  }
  
  #navigation ul li{
    display:block;
  }

  /* Sub Levels */
  #navigation  ul ul{
    display:none;
    margin:10px 0 0 0;
  }  

  #navigation ul ul li{
    margin:0 0 0 0;
    padding:5px 0 5px 0;
  }

  #navigation ul ul li a{
    font-size:12px;
    color:#C4C4C4;
  }
  
  /* Third Level */
  #navigation  ul ul ul{
    margin:10px 0 0 0;
    background:url(../images/transparent-pixel.png) repeat-y;
  }  

  #navigation ul ul ul li{
    margin:0 0 0 10px;
  }

/* ----------------------------------------------------
  LINKS
------------------------------------------------------- */

  /* content area links */
  .content a{    
    text-decoration:none;
    color:#666;
  }  

/*phoca download

  .content a{    
    text-decoration:underline;
    color:#666;
  } */
 
  .content a:hover{    
    text-decoration:none;
    color:#e77927;
  }
  
  
  /* arrow links */
  a.more_arrow{    
    color:#e77927;
    text-decoration:none; 
  } 

  a.more_arrow_2{    
    color:#ccc;
    text-decoration:none; 
  }
  
  /* read more links */
  a.read_more{
    padding:10px 0 0 0;
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style: italic;
    color:#a1a1a1;
    text-decoration:none;
    display:block;
    padding-bottom:20px;
  }

  a.read_more:hover{
    color:#e77927;
  }

  /* sidebar content links */
  .sidebar_content a{
    color:#cecece;
  }
  
  .sidebar_content  a:hover{ 
    color:#fff; 
  }    

  /* sidebar contact details links */
  .sidebar_content ul.contact_list a{
    text-decoration:underline !important;
  }
  
  .sidebar_content  a:hover{ 
    text-decoration:none !important;
  }  

  
/* ----------------------------------------------------
  PHOTO GALLERY
------------------------------------------------------- */

  .photo_gallery{
    clear:both;
    display:block;
    margin: 0 5px 20px 0;
  }
  
  .photo_gallery ul{
    list-style:none !important;
    margin:0 !important;
  }
  
  .photo_gallery ul li{
    list-style-position:outside !important; 
    float:left;
    margin: 0 10px 6px 0;
  }
  
  .photo_gallery_cycle .border{
    padding-bottom:40px !important;
  }

  .photo_gallery .p_caption{
    font-style:italic;
    padding:0 5px;
    display:block;
  }  
  
  
/* ----------------------------------------------------
  CONTACT LISTS
------------------------------------------------------- */

  /* contact list for sidebar */
  .sidebar_content .contact_list{
    display:inline-block;
    list-style-type:none;
    margin:0 0 30px 0 !important;
    padding:0 !important;
    background:none !important;
  }

  .sidebar_content .contact_list li{
    list-style-type:none;
    margin:7px 0 0 0 !important;
     padding:0 !important;
     line-height:20px !important;
  }  
  
  .sidebar_content .contact_list .phone{
    background:url(../images/assets/contact_icons/phone.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .sidebar_content .contact_list .home{
    margin:0;
    background:url(../images/assets/contact_icons/home.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .sidebar_content .contact_list .mail{
    background:url(../images/assets/contact_icons/mail.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .sidebar_content .contact_list .help{
    background:url(../images/assets/contact_icons/help.png) left 3px no-repeat;
    padding-left:25px !important;
  }    

  .sidebar_content .contact_list .map{
    background:url(../images/assets/contact_icons/map.png) left 3px no-repeat;
    padding-left:25px !important;
  }    

  .sidebar_content .contact_list .fax{
    background:url(../images/assets/contact_icons/fax.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .sidebar_content .contact_list .contact_form_icon{
    background:url(../images/assets/contact_icons/comment.png) left 3px no-repeat;
    padding-left:25px !important;
  }


  /* contact list for content area */
  .content .contact_list{
    display:inline-block;
    list-style-type:none;
    margin:0 0 30px 0 !important;
    padding:0 !important;
    background:none !important;
  }

  .content .contact_list li{
    list-style-type:none;
    margin:7px 0 0 0 !important;
     padding:0 !important;
     line-height:20px !important;
  }  
  
  .content .contact_list .phone{
    background:url(../images/assets/contact_icons/phone_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .content .contact_list .home{
    margin:0;
    background:url(../images/assets/contact_icons/home_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .content .contact_list .mail{
    background:url(../images/assets/contact_icons/mail_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .content .contact_list .help{
    background:url(../images/assets/contact_icons/help_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }    

  .content .contact_list .map{
    background:url(../images/assets/contact_icons/map_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }    

  .content .contact_list .fax{
    background:url(../images/assets/contact_icons/fax_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }

  .content .contact_list .contact_form_icon{
    background:url(../images/assets/contact_icons/comment_silver.png) left 3px no-repeat;
    padding-left:25px !important;
  }
  

/* ----------------------------------------------------
  ACCORDIONS
------------------------------------------------------- */
  
  .accordion {
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    -background:#fff;
    float:none;
    clear:both;
    margin:0 0 20px 0;
  }
  
  /* left aligned small accordion */ 
  .accordion.small._left{
    width:220px !important;
    float:left !important;
    margin:0 20px 20px 0 !important;
  }
  
  /* right aligned small accordion */ 
  .accordion.small._right{
    width:220px !important;
    float:right !important;
    margin:0 0 20px 20px !important;
  }
  
  /* accordion header */
  .accordion .title {
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    margin:0;
    font-size:12px;
    font-weight:normal;    
    border-top:1px solid #eee;
    cursor:pointer;
    -moz-box-shadow:inset 0 1px 0 #fff;    
    -webkit-box-shadow:inset 0 1px 0 #fff;    
    box-shadow:inset 0 1px 0 #fff;      
  }
  
  .accordion .title span {
    padding:3px 15px 3px 18px;
    display:block;
    background: url(../images/plusminus_dark.png) 5px 9px no-repeat;
  }
  
  .accordion .title.current span {
    background: url(../images/plusminus_dark.png) 5px -26px no-repeat;
  }
  
  /* currently active header */
  .accordion .title.current {
    cursor:default;
    border-bottom: solid 1px #eee;
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
    color: #646464 !important;
    text-shadow: 0 1px 0 #F4F4F4;
    -moz-box-shadow:inset 0 1px 0 #fff;    
    -webkit-box-shadow:inset 0 1px 0 #fff;    
    box-shadow:inset 0 1px 0 #fff;    
  }
  
  /* accordion pane */
  .accordion div.pane { 
    background:#fff;
    border-width:0 2px;
    display:none;
    height:auto;
    padding:15px;
    font-size:12px;
  }


/* ----------------------------------------------------
  SCROLLABLE IMAGE GALLERIES
------------------------------------------------------- */
  
  .scrollable {
    position:relative;
    overflow:hidden;
    width: 578px;
    height:90px; 
    margin:0 !important;
  }  
  
  .scrollable img{
    cursor:pointer;
  }
  
  /* root element for scrollable items */
  .scrollable .items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
  }
  
  .items div {
    float:left;
    margin-right:10px;
  }
  
  /* styling for the image wrapper  */
  #image_wrap {
    text-align:center !important;
    margin:0 auto !important;
    width:578px;
    overflow:hidden;
  }
  
  /* scrollable border */
  .scrollable_border{ 
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(244,244,244,1) 100%); /* W3C */ 
    -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    box-shadow: 0px 1px 0 #D8D8D8, inset 0 0 0 1px #fff;  
    border:1px solid #EBEBEB; 
    display:inline-block;
    position:relative; 
    width:638px;
    margin:0 0 30px 0;
    padding:30px 0 ;
  } 
  
  /* this makes it possible to add next button beside scrollable */
  .scrollable {
    float:left; 
  }
  
  /* prev, next, prevPage and nextPage buttons */
  a.browse {
    display:block;
    width:10px;
    height:21px;
    float:left;
    margin:35px 10px 0;
    cursor:pointer;
    font-size:1px;
  }
  
  /* right */  
  a._right   {
    background: url(../images/arrow_right.png) no-repeat;
  }
  
  a._right:active{
    background-position:-60px 0;
  }
  
  /* left */
  a._left{ 
    background: url(../images/arrow_left.png) no-repeat;
  }  
  a._left:active {
    background-position:-60px 0;
  }
  
  /* disabled navigational button */
  a.disabled{
    visibility:hidden !important;
  }

/* ----------------------------------------------------
  SOCIAL MEDIA ICONS
------------------------------------------------------- */

  .sidebar_content ul.social_media_icons{
    background:none;
    display:inline-block;
    margin:0 0 20px 0 !important;
  }
  
  .sidebar_content ul.social_media_icons li{
    background:none;
    list-style:none;
    float:left;
    margin:0 5px 0 0 !important;
    padding:0;
  }
  
  .sidebar_content .social_media_icons img{
    opacity:0.3;
    display:block;
  }  


  
/* ----------------------------------------------------
  SUB PAGE TOP
------------------------------------------------------- */

  .sub_page_top{
    padding-top:4px;
    height:26px;
    border-bottom:1px solid #eee;
    margin-bottom:30px; 
  }

  /* search */
  .search-bar{
    padding:4px 0 0 0;
    width:140px;
    height:15px;
    float:right;
    background:url(../images/search.png) left top no-repeat;
  }

  .search-bar form input{
    width:80px !important;
    padding:0 0 0 10px !important;
    margin:0 !important;
    border:0 !important;
    outline:0 !important;
    height:14px !important;
    float:left !important;
    display:inline !important;
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-weight:normal !important;
    font-style:italic !important;    
    font-size:11px !important;
    color:#929292 !important;
    background:transparent !important;
  }
  
  .search-bar form input.searchsubmit{
    width:25px  !important;
    height:15px  !important;
    padding:0  !important;
    float:left  !important;
    display:inline  !important;
  }

  .search-bar form input:focus,.search-bar form input{
    border:0;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;  
  }    
  

/* ----------------------------------------------------
  BREADCRUMB MENU
------------------------------------------------------- */

  /* Breadcrumb Menu */
  .breadcrumbs{
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-weight:normal;
    font-style:normal;
    color:#929292;
    font-size:11px;
    clear:both;
    width:490px;
    float:left;
    position:relative; 
    display:block;
    z-index:10; 
    margin:0;  
    line-height:100%; 
    padding-top:5px;
  }
  
  .breadcrumbs a{
    text-decoration:none; 
  }

  
/* ----------------------------------------------------
  PAGE ELEMENTS
------------------------------------------------------- */

  /* line */
  .line{ 
    margin:0 0 30px 0;
    clear:both;
  }
  
  /*top link*/
  span.top{
    font-size:10px;
    float:right;
    position:relative;
    right:0;
    top:-10px;
    padding-left:10px; 
    text-decoration:none; 
    letter-spacing:1px; 
    cursor:pointer;
  }
  
  span.top:hover{ 
    text-decoration:none; 
  }
  
  /* line with big margin*/
  .bold_line{
    clear:both;
    background:#eee;
    height:1px !important;
    width:100% !important;
    margin:0 0 30px;
    display:inline-block;
  }

  /* line with big margin for sidebar*/
  .sidebar_content .bold_line{
    background:transparent url(../images/transparent-pixel.png) top repeat-x; 
  } 

  /* line */
  .line{
    border-bottom:1px solid #eee;
  }
    
  /*top link*/
  span.top{
    background:#fff;
    color:#B0B0B0;
  }
  
  span.top:hover{ 
    color:#000;
  }
  
  img.featured{
    margin:0 0 10px 0;
  }
  
  /* Tooltip */ 
  .ttip{
    padding:0 !important;
  }

/* ----------------------------------------------------
  HEADINGS
------------------------------------------------------- */

  h1,h2,h3,h4,h5,h6{ 
    letter-spacing:0px;
    font-weight:normal;
    position: relative;
    padding: 0 0 10px 0;         
    font-weight:normal;
    font-family: 'Oswald', arial, serif;
    line-height:140% !important;
    color:#e77927;
  }
  
  h1{
    font-size: 22px; 
  }
  
  h2{
    font-size: 17px;   
  }
  
  h3{
    font-size: 18px; 
  }
  
  h4{
    font-size: 16px;     
  }
  
  h5{
    font-size: 14px;     
  }
  
  h6{
    font-size: 13px;    
  }
  
  /*  heading colors and links  */
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color:#e77927 !important;
    text-decoration:none !important; 
  }
  
  h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{
    background:#e77927;
    color:#fff !important;
  }
  

/* ----------------------------------------------------
  TEXT ELEMENTS
------------------------------------------------------- */
  
  /* text selection */
  ::selection {
    background: #e77927; /* Safari */
    color:#fff;
  }
  
  ::-moz-selection {
    background: #e77927; /* Firefox */
    color:#fff;
  }
  
  /* Standart blockquote */
  blockquote {     
    font-size:13px;
    line-height: 20px;
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-weight:normal;
    font-style:italic;     
    position:relative;  
    width:auto;
  }
  
  blockquote em, blockquote i, blockquote cite {
    font-style:normal;
  }
  
  blockquote p{
    background:url(../images/blockquote.png) no-repeat; 
    padding:0 0 20px 0px;
    color:#9e9e9e;
    text-indent: 30px;
  } 
  
  blockquote span{
    margin:10px 0 0 0;
    display:block;
    color:#727272;
    font-style:normal;
    text-indent: 0 !important;
  }  
  
  /* Sidebar blockquote */
  .sidebar blockquote {
    font-size:12.5px;
    line-height: 18px; 
    margin:0 0 30px 0;
    position:relative;
  }
  
  .sidebar blockquote p{
    padding:10px 0 0 0;
    margin:0 0 10px 1px;
  }      

  /* pull quote */
  blockquote.pullquote {
    width:300px;  
  }
  
  blockquote.pullquote p{
    padding:5px 0px 10px 30px;
  }
  
  blockquote.alignleft{
    float:left;
    margin: 6px 20px 6px 0;
    display: inline; 
  }
  
  blockquote.alignright{
    float:right;
    margin: 6px 0 6px 20px; 
  }

  blockquote.alignright p, blockquote.alignleft p{ 
    text-indent: 0 !important;
  }  
  
  pre {
    line-height:18px;
    margin-bottom:18px;
  }
  
  code {
    display:block;
    margin:0 0 20px 0;
    padding:0 10px;
    font-weight:normal;
    font-size:12px;
    font-family:"Courier New", Courier, Consolas, Monospace;
    line-height:18px;
    overflow:auto; 
    white-space:pre;
    background:#EDEDED url(../images/code.gif);
    border:1px solid #EDEDED;    
  }
  
  ins {
    text-decoration:none;
  }
  
  sup {
    bottom: 1ex;
  }
  
  sub {
    top: .5ex;
  }
  
  /* paragraph */
  p{
    padding:0 0 20px 0;
  }  
  
  /* testimonials */
  span.testimonial{
    background:url(../images/blockquote.png) no-repeat; 
    display:inline-block;
    height:32px;
    width:39px;
    float:left;
    margin:6px 8px -3px 0;
  }
  
  /* dropcaps */    
  span.dropcap{ 
    font-size:22px;
    height:39px;
    width:39px;
    display:block;
    float:left;
    line-height:34px;
    margin:0 8px -3px 0;
    text-align:center;
    background:url(../images/dropcap.png) left top no-repeat;
    color:#fff;     
  }
  
  span.dropcap.style2{
    font-size:42px;
    line-height:42px;
    background:none !important;  
    width:auto !important;
    height:auto !important;
    color:#585858 !important;
  }    

  /*
  Highlighted Texts
  */
  
  /*blue*/
  span.htext{ 
    padding:3px 4px;
    color:#fff;
    background:#269bc6;       
  }
  
  /*yellow*/
  span.yellow{ 
    padding:3px 4px;
    color:#000;
    background:#ffbf00;        
  }
  
  /*black*/
  span.black{ 
    padding:3px 4px;
    color:#fff;
    background:#000;       
  }
  
  span.black.ttip{
    color:#666;
    background:none !important;   
  }
  
  /*red*/
  span.red{ 
    padding:3px 4px;
    color:#fff;
    background:#C10101;     
  }
  
/* ----------------------------------------------------
  LISTS
------------------------------------------------------- */
  
  dd{
    color:#8B8B8B;
  } 

  /* list with stars */
  .star{
    
  }
  
  /* list with check image */
  .check{
    
  }  

  /* content lists */
  ul, ol{
    list-style: disc;
    margin:0 0 20px 17px;
  }
  
  ul ul, ol ol{
    list-style: circle;
    padding:0 10px;
    margin:0 0 10px 0;
  }

  ul ul ul, ol ol ol{
    list-style: square;
    padding:0 10px;
    margin:0 0 10px 0;
  }  

  ol{
    list-style: decimal;
  }
  
  ol ol{
    list-style: lower-latin;
  }

  ol ol ol{
    list-style: lower-roman;
  }  
    
  ul ul li, ol ol li{ 
    margin:5px 0 5px 15px;
  }
  
  dl{
    margin:0 0 20px 0;
  }
  
  dd{
    margin:5px 0 5px 15px; 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic;    
  }
 
  .lined li{
    padding:5px 0;
  }

  /* list with stars */
  .star{ 
    margin:0 0 20px 22px;
    list-style-image:url(../images/star.png) !important;
  }
  
  /* list with check image */
  .check{ 
    margin:0 0 20px 22px;
    list-style-image:url(../images/check.gif) !important;
  }

  .product .check{ 
    margin:0 0 20px 22px;
    list-style-image:url(../images/check.gif) !important;
  }     
/* ----------------------------------------------------
  TABLES
------------------------------------------------------- */

  table{
    width:auto;
    border-collapse: separate;
    border-spacing: inherit;
    margin:0 0 20px 0; 
    padding:0;
    border-right:1px solid #F5F5F5;
    border-top:1px solid #F5F5F5;        
  }
    
  table caption strong{
    text-align:left;
    font-size: 14px;
    font-weight: normal;
    line-height:20px;
    font-weight:bold;
  }
  
  table caption{
    text-align:left;
    padding: 0 0 10px 3px;
    font-style: italic;
  }
  
  table th {
    padding: 13px; 
    font-size: 12px;
    background:#F5F5F5; 
    border-left:1px solid #F5F5F5;   
  }
  
  table td {
    padding: 10px;
    text-align: left;
    margin:10px;
    border-bottom:1px solid #F5F5F5;
    border-left:1px solid #F5F5F5;          
  }
  
  
  /* Sidebar Tables */

  .sidebar_content table{
    width:180px;
    padding:0;
    border-right:1px solid #808080;
    border-top:1px solid #808080;
  }
  
  .sidebar_content table th {
    padding: 5px; 
    font-size: 12px;
    background:url(../images/transparent-pixel.png);
    border-left:1px solid #808080;
    border-bottom:1px solid #808080;
  }  

  .sidebar_content table td {
    padding: 4px;
    text-align: left;
    margin:10px;
    border-bottom:1px solid #808080;
    border-left:1px solid #808080;
  }
  
  /* WP calendar*/
  .sidebar_content table#wp-calendar, .sidebar_content table#wp-calendar td, .sidebar_content table#wp-calendar th{
    
    text-align: center;
  }

/* ----------------------------------------------------
  RT-THEMES CSS FRAMEWORK
------------------------------------------------------- */

  /* columns common style */
  .box{
    margin:0 10px 10px 10px;  
    display:inline; 
    float:left;
    border:0;
  }
  
  /* sidebar box */
  #sidebar .box{  
    margin-left:0;
    margin-right:0;
    padding:0; 
    clear:both;
    display:block;
    background:none !important;
    width:180px !important;
  }
  
  .box h5{
    line-height:100%;
  }

  .box .product_info h5{
    line-height:140%;
  }  

  /* portfolio and product listings*/
  .box.portfolio, .box.products{
    overflow:hidden;
  }
  
  /*
  columns
  */
   
  
  /* two  */
  .content .box.two{
    width:310px;
  }
  
  /* three */
  .content .box.three{
    width:200px;
  }
  
  /* Four */
  .content .box.four{
    width:145px; 
  }
  
  /* Five */
  .content .box.five{
    width:112px; 
  }
  
  /* 2:3 column */
  .content .box.two-three{
    width:420px; 
  }
  
  /* 3:4 column */
  .content .box.three-four{
    width:475px; 
  }
  
  /* 4:5 column */
  .content .box.four-five{
    width:508px; 
  } 
  
  
  /* first and last column fix*/
  .box.first{
    margin-left:0px !important;
  }
  
  .box.last{
    margin-right:0px !important;  
  }
  
  .box.full{
    width:640px;
    margin-left:0px !important;
    margin-right:0px !important;  
    display:block;
    float:none !important;
  }


/* ----------------------------------------------------
  FOOTER
------------------------------------------------------- */

  #footer {
    margin:50px auto 0 auto;  
    clear:both;
    width:940px;
    clear:both;
    overflow:hidden;
    padding:0 10px;
    font-size:11px;  
    text-align:center;
    position:relative;
    z-index:9;
  }

  /* footer copyright text */  
  #footer .copyright{
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style: italic;
    color:#a1a1a1;
    margin:5px 0 0 0;
  }   
  
  /* footer navigation */
  
  /* footer links */
  #footer  a{
    text-decoration:none;
    color:#848484;
  }
  
  #footer  a:hover{
    color:#e77927;
    text-decoration:underline; 
  }
  
  #footer ul.menu{
    list-style:none;
    margin:0 !important;
  }
  
  #footer ul.menu li{
    list-style-position:outside;
    line-height:100%;
    display:inline;
    padding:0 7px ;
    border-left:1px solid #848484;;
  }   

  #footer ul.menu li.first{ 
    border-left:0;
  }     

/* ----------------------------------------------------
  IMAGES
------------------------------------------------------- */

  /* image alignments */
  img.aligncenter{
    display:block;
    text-align:center;
    display: block;
    margin:0 auto 20px auto;
    padding:0px;
    border:0px;
    background:none;
  }
  
  img.alignleft{
    float:left;
    margin: 6px 20px 6px 0;
    display: inline;
    border:0px;
    background:none;
    padding:0;
    display:block;
  }
  
  img.alignright{
    padding:0;
    float:right;
    margin: 6px 0 6px 20px;
    border:0px;
    display:block;
    background:none;
  }

  .single .blog_image{
    display:inline;
    margin:0 0 20px 0;
  }

  .itemView  span.frame.alignleft.blogimage{
    margin-top: 0px !important;
  }
  
  /*
  Images with mouseover effect
  */

  /* mouse over effect */
  .imagemask{ 
    position:relative; 
    display:inline-block !important;
    padding:0;
    margin:0;
    outline:0;
  }

  .imagemask{ 
    position:relative; 
    display:inline-block !important;
    overflow:hidden;
    padding:0;
    margin:0;
  }

  a.imgeffect,a.imgeffect:hover{
    text-decoration:none;
    cursor:pointer;
    line-height:0 !important;
    display:block !important;
  }
  
  /* plus icon */
  .imagemask.plus{
    background:url(../images/magnifier.png) center bottom no-repeat;
  }
  
  /* play icon */
  .imagemask.play{
    background:url(../images/video.png) center bottom no-repeat;
  }

  /* link icon */
  .imagemask.link{
    background:url(../images/link.png) center bottom no-repeat;
  }  
  
  
/* ----------------------------------------------------
  BLOG
------------------------------------------------------- */

  /* Blog */ 
  .five.blog{
    font-size:11px;
  }

  .five.blog, .five.blog a, .blog.single, .blog.single a{ 
    text-decoration:none;
    color:#B4B4B4;  
  }  

  .five.blog a:hover, .blog.single a:hover{ 
    text-decoration:underline;
  }
  
  /* date */ 
  .content .blog .date {
    color:#EB8034;
    font-size:11px;    
    font-weight:normal; 
    border:1px solid #eee;
    line-height:100%  !important;
    width:90px !important;
    padding:20px 10px  !important;
    text-align:center;
    margin:44px auto 0 auto !important; 
  }

  .content .blog .date.nomargin{
    margin:0 auto !important; 
  }  
  
  /* listing page post data position */     
  .post_data{
    text-align:left;
    padding:10px 5px 0;
  }
    
  /* date block day*/
  .content .blog .date .day{
    font-family: 'Oswald', arial, serif;
    font-size:42px;
    font-style:normal;
    display:block;
    line-height:120%;
  }
   
  /* listing page comment link */     
  .content .blog a.comment_link , a.comment_link{
    display:block;
    margin:10px 0 0;
    padding-left:30px;
    text-decoration:none;
    background:url(../images/assets/icons/comments.png) left 2px no-repeat;
  }   

  /* listing page user link */     
  .content .blog span.user a{   
    padding-left:30px;
    text-decoration:none;
    background:url(../images/assets/icons/user.png) 3px top no-repeat;
  }   

  /* listing page cateogories */     
  .content .blog .categories{
    margin:10px 0 0;
    line-height:140%;
    padding-left:30px;
    text-decoration:none;
    background:url(../images/assets/icons/categories.png) 1px 1px no-repeat;
  }
  
  .content .blog .categories a{ 
    text-decoration:none;
  }
  
  .content .blog_image{
    display:block;
    position:relative;
    margin:0 0 10px 0;
  }

  .content .blog .post_data a:hover{    
    text-decoration:underline; 
  }    

  /* post data */ 
  .content .blog.single .post_data { 
    font-size:11px;
    text-align:left;
    padding:0 !important;    
  }
  
  /* single page user link */   
  .content .blog.single .post_data span.user a , div.catItemHeader span.catItemAuthor a { 
    margin:0 !important;
    display:inline-block !important;
    background:url(../images/assets/icons/user.png) 0px 2px no-repeat;
    padding-left:20px; 
  }

  /* single page categories */   
  .content .blog.single .post_data .categories { 
    margin:0 0 0 10px !important;
    display:inline;
    background:url(../images/assets/icons/categories.png) 0 0 no-repeat;
    padding-left:25px;
  }

  /* single page comments link */   
  .content .blog.single .post_data a.comment_link{ 
    margin:0 0 0 10px !important;
    display:inline-block !important;
    background:url(../images/assets/icons/comments.png) left 2px no-repeat;
    padding-left:30px;
  }
 
  /* single page date postion*/     
  .content .blog.single .date { 
    padding:10px 5px 16px 5px!important; 
    margin:0 !important;  
  }

  /* single page day font size */   
  .content .blog.single .date .day {
    font-size:40px;
  }  

  /* single page header position */   
  .content .blog.single h2{
    padding-top:14px;
  }  

  /* Tags*/
  .tags{
    margin:0 0 20px 0;
    color:#A2A2A2; 
    display:inline-block !important;
    background:url(../images/assets/icons/tags.png) 0px 5px no-repeat;
    padding-left:17px;
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic;
    font-size:11px;
  } 
    
  .tags  a{
    color:#A2A2A2; 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic; 
    display:inline-block; 
    font-size:11px;
    text-decoration:none; 
  }
  
.tags_category {
    color:#A2A2A2; 
    display:inline-block !important;
    background:url(../images/assets/icons/tags.png) 0px 5px no-repeat;
    padding-left:17px;
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic;
    font-size:11px;
    }
.tags_category a{
    color:#A2A2A2; 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic; 
    display:inline-block; 
    font-size:11px;
    text-decoration:none; 
  }
  
  /* Author Info */

  .author_info p{
    margin:0;
    padding:10px 0 0 0;
  }

  .author_description p {
    padding:0 0 10px 0;
  }
  
  .author_info strong a{
    color:#A2A2A2; 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic; 
    display:inline-block; 
    font-size:13px;
    text-decoration:none; 
    font-weight:400;
  }
  
  .author_info .avatar{
    background:#fff;
  }
  
  
/* ----------------------------------------------------
  BUTTONS
------------------------------------------------------- */
  
  /* buttons common */
  a.button{
    display:inline-block !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 0 15px;
    text-decoration:none;
    font-size:12px;
    line-height:23px;
    cursor:pointer;
  }
  
  /* medium button */
  .button.medium{
    padding: 2px 15px;
    text-decoration:none;
    font-size:14px;
    line-height:27px;
  }
  
  /* big button */
  .button.big{
    padding: 10px 15px;
    text-decoration:none;
    font-size:16px;
    line-height:31px;
  }
  
  /* mail button */
  .button .mail{
    background:url(../images/assets/icons/mail.png) left 2px  no-repeat;
    padding-left:25px;
  }

  /* mail button light icon */
  .button .mail.light{
    background:url(../images/assets/icons/mail_w.png) left 2px  no-repeat;
  }


  /* default button colors */
  .button.default{ 
    border: solid 1px #ccc;
    background: rgb(247,247,247); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(216,216,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(216,216,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#d8d8d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(247,247,247,1) 0%,rgba(216,216,216,1) 100%); /* W3C */
    border-color: #D8D8D8 #CBCBCB #9D9D9D; 
    color: #646464 !important;
    text-shadow: 0 1px 0 #F4F4F4;
    -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;    
  }

  /* default button hover state */  
  .button.default:hover{
    background: rgb(216,216,216); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216,216,216,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(216,216,216,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d8d8', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(216,216,216,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
    border-color: #D8D8D8 #CBCBCB #B2B2B2;  
  }

  /* orange button colors */
  .button.orange{
    border: solid 1px #C1780F;
    background: rgb(254,193,35); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(254,193,35,1) 0%, rgba(232,120,1,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,193,35,1)), color-stop(100%,rgba(232,120,1,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec123', endColorstr='#e87801',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(254,193,35,1) 0%,rgba(232,120,1,1) 100%); /* W3C */
    border-color: #FEB304 #E47A13 #C1780F;
    color: #773101 !important;
    text-shadow: 0 1px 0 #ECCF94;
    -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D;
    -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #FEE09D;
    box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #FEE09D;    
  }

  /* orange button hover state */  
  .button.orange:hover{
    background: rgb(232,120,1); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(232,120,1,1) 0%, rgba(254,193,35,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,120,1,1)), color-stop(100%,rgba(254,193,35,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87801', endColorstr='#fec123',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(232,120,1,1) 0%,rgba(254,193,35,1) 100%); /* W3C */
    border-color: #FEB304 #E47A13 #C1780F;
  }

  /* blue button colors */
  .button.blue{
    border: solid 1px #C1780F;
    background: rgb(176,209,236); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(176,209,236,1) 0%, rgba(53,88,108,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(176,209,236,1)), color-stop(100%,rgba(53,88,108,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d1ec', endColorstr='#35586c',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(176,209,236,1) 0%,rgba(53,88,108,1) 100%); /* W3C */
    border-color: #86ADC6 #4D6F8C #082132;
    color: #F7FFF9 !important;
    text-shadow: 0 1px 0 #082131;
    -webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
    -moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #DCEAFB;
    box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #DCEAFB;    
  }

  /* blue button hover state */  
  .button.blue:hover{
    background: rgb(53,88,108); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(53,88,108,1) 0%, rgba(176,209,236,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,88,108,1)), color-stop(100%,rgba(176,209,236,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35586c', endColorstr='#b0d1ec',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(53,88,108,1) 0%,rgba(176,209,236,1) 100%); /* W3C */
    -webkit-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
    -moz-box-shadow: 0 1px 1px #BABABA, inset 0 1px 0 #89A5AE;
    box-shadow: 0px 1px 2px #BABABA, inset 0 1px 0 #89A5AE;        
  }    

  /* dark button colors */
  .button.dark{
    border: solid 1px #C1780F;
    background: rgb(126,126,126); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(126,126,126,1) 0%, rgba(52,52,52,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(126,126,126,1)), color-stop(100%,rgba(52,52,52,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#343434',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(126,126,126,1) 0%,rgba(52,52,52,1) 100%); /* W3C */                                
    border-color: #767676 #3C3C3C #171717;
    color: #F7FFF9 !important;
    text-shadow: 0 1px 0 #000;
    -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
    -moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
    box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #A5A5A5;    
  }

  /* dark button hover state */  
  .button.dark:hover{
    background: rgb(52,52,52); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(52,52,52,1) 0%, rgba(126,126,126,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(52,52,52,1)), color-stop(100%,rgba(126,126,126,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#343434', endColorstr='#7e7e7e',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(52,52,52,1) 0%,rgba(126,126,126,1) 100%); /* W3C */
  }    


  /* green button colors */
  .button.green{
    border: solid 1px #2F321A;
    background: rgb(164,179,87); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(164,179,87,1) 0%, rgba(76,109,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,179,87,1)), color-stop(100%,rgba(76,109,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4b357', endColorstr='#4c6d00',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(164,179,87,1) 0%,rgba(76,109,0,1) 100%); /* W3C */
    border-color: #96A451 #586030 #2F321A;
    color: #fff !important;
    text-shadow: 0 1px 0 #2F321A;
    -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #A5A5A5;
    -moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #A5A5A5;
    box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #C1D26A;    
  }

  /* green button hover state */  
  .button.green:hover{
    background: rgb(76,109,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(76,109,0,1) 0%, rgba(164,179,87,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,109,0,1)), color-stop(100%,rgba(164,179,87,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6d00', endColorstr='#a4b357',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(76,109,0,1) 0%,rgba(164,179,87,1) 100%); /* W3C */
  }  

  /* navy button colors */
  .button.navy{
    border: solid 1px #162D45;
    background: rgb(53,106,160); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(32,63,96,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(53,106,160,1)), color-stop(100%,rgba(32,63,96,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#203f60',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(53,106,160,1) 0%,rgba(32,63,96,1) 100%); /* W3C */
    border-color: #3267A3 #214365 #162D45;
    color: #fff !important;
    text-shadow: 0 1px 0 #001C32;
    -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #87B5EF;
    -moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #87B5EF;
    box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #87B5EF;    
  }

  /* navy button hover state */  
  .button.navy:hover{
    background: rgb(32,63,96); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(32,63,96,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(32,63,96,1)), color-stop(100%,rgba(53,106,160,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#203f60', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(32,63,96,1) 0%,rgba(53,106,160,1) 100%); /* W3C */
  }

  /* red button colors */
  .button.red{
    border: solid 1px #162D45;
    background: rgb(204,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(204,0,0,1) 0%, rgba(124,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,0,0,1)), color-stop(100%,rgba(124,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0000', endColorstr='#7c0000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(204,0,0,1) 0%,rgba(124,0,0,1) 100%); /* W3C */
    border-color: #AC0101 #860101 #5C0101;
    color: #fff !important;
    text-shadow: 0 1px 0 #2F321A;
    -webkit-box-shadow: 0 1px 1px #7E7E7E, inset 0 1px 0 #FC6F6A;
    -moz-box-shadow: 0 1px 1px #7E7E7E inset 0 1px 0 #FC6F6A;
    box-shadow: 0px 1px 2px #7E7E7E, inset 0 1px 0 #FC6F6A;    
  }

  /* red button hover state */  
  .button.red:hover{
    background: rgb(124,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(124,0,0,1) 0%, rgba(204,0,0,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,0,0,1)), color-stop(100%,rgba(204,0,0,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c0000', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(124,0,0,1) 0%,rgba(204,0,0,1) 100%); /* W3C */
  }

  /* light button colors */
  .button.light{
    border: solid 1px #9D9D9D;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */
    border-color: #E0E0E0 #D1D1D1 #B2B2B2; 
    color: #646464 !important;
    text-shadow: 0 1px 0 #F4F4F4;
    -webkit-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 1px #D1D1D1, inset 0 1px 0 #fff;
    box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff;    
  }

  /* light button hover state */  
  .button.light:hover{
    background: rgb(246,246,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(246,246,246,1) 0%, rgba(249,249,249,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,246,246,1)), color-stop(49%,rgba(249,249,249,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(246,246,246,1) 0%,rgba(249,249,249,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C */
  }                                        


/* ----------------------------------------------------
  FORMS
------------------------------------------------------- */

  /* all form elements common */
  input, select,  textarea{
    font-family: Arial, Helevtica, Verdana, san-serif;
    font-size:12px;    
    position:relative;
    outline: none;
    padding:8px; 
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px; 
    color:#8C8C8C;
    background:#fff;
    border:1px solid #C8BFC4; 
    -moz-box-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
    -webkit-box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;
    box-shadow:inset 0px 1px 1px #fff, inset 0px 5px 5px #F4F4F4;      
  } 

  /* image buttons, checkbox and radio */
  input[type="image"],input[type="checkbox"],input[type="radio"]{
    width:auto;
    border:0;
    padding:0;
    -moz-box-shadow:none !important;
    -webkit-box-shadow:none !important;
    box-shadow:none !important;
  }
  
  /* buttons */
  form input[type="button"], form input[type="submit"]{  
    text-align:center;
    display:inline-block !important;
    font-size:12px;
    line-height:100%;
    position:relative; 
    text-decoration:none; 
    border:0;
    padding:3px 10px 2px 10px;
    cursor:pointer; 
    background: #bdbdbd;
    border: solid 1px #ccc !important;
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');   
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));  
    background: -moz-linear-gradient(top,  #F7F7F7, #D8D8D8);  
    border-color: #D8D8D8 #CBCBCB #B2B2B2;
    color: #898989 !important;
    text-shadow: 0 1px 0 #F4F4F4;
    -webkit-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 1px #c9c9c9, inset 0 1px 0 #fff;
    box-shadow: 0px 1px 2px #D1D1D1, inset 0 1px 0 #fff !important; 
  }

  form input:focus, form select:focus, form textarea:focus{
    border:1px solid #eee;    
    -moz-box-shadow: 0px 2px 2px #eee;
    -webkit-box-shadow: 0px 2px 2px #eee;
    box-shadow: 0px 2px 2px #eee;  
  }  

  form input[type="button"]:hover, form input[type="submit"]:hover{
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F7F7', endColorstr='#D8D8D8');  
    background: -webkit-gradient(linear, left top, left bottom, from(#F7F7F7), to(#D8D8D8));  
    background: -moz-linear-gradient(top,   #D8D8D8, #F7F7F7);  
    border-color: #D8D8D8 #CBCBCB #B2B2B2;  
  }
  
  .sidebar_content form input:focus, .sidebar_content form select:focus, .sidebar_content form textarea:focus, .sidebar_content form input[type="button"], .sidebar_content form input[type="submit"]{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;  
  }
  
  /* labels */
   form label{
    display:block;
    float:none;
    line-height:100%;
    padding:0 0 7px 0 !important;
    position:relative;
    color:#8B8B8B;
  }
  
  /* list in forms */
  form ul, form li{
    list-style-type:none;
    list-style-position:outside;                
    border:0;
    margin:0 0 20px 0 !important;
    padding:0 !important;
    display:block;
    clear:both;
    background:0 !important;
  }
  
  form ul li {
    margin:0px 0 15px 0px !important;
    border:0 !important;
  }
  
  
  /* form field widths for content area */ 
  .content input[type="text"]{
    width:300px;
  }
  
  .content textarea{
    width:500px;
    overflow:auto;
  }
  
  /* form field widths for columns */ 
  .box input[type="text"]{
    width:94%;
  }
  
  .box textarea{
    width:94%;
    overflow:auto;
  } 
  
  /* form field widths for sidebar*/ 
  .sidebar_content input[type="text"], .sidebar_content  select, .sidebar_content textarea{
    width:160px !important;
  }
  
  /* form validation */  
  #validate_form label.error {
    display:none !important;
    color: red;
    border: 1px solid red;
  }
  
  #validate_form .error{
    color: red;
    border: 1px solid red;
  } 
  
  /* Form Messages*/
  .ok_box{
    padding:20px;
    width:auto;
    margin:0 0 30px 0;
    position:relative;
    display:inline-block;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 0 4px 4px #CBCBCB;
    -webkit-box-shadow: 0 4px 4px #CBCBCB;
    box-shadow: 0 4px 4px #CBCBCB;
    text-shadow: 1px 1px 0px #FBFFF8;
    background:#E5FFC6;
    border:1px solid #B8CD9F;
    color:#90A17D;    
  }    
  
  .ok_box h3{
    font-size:18px;
    color:green;
  }
  
  .error_box, #loader{
    padding:20px;
    width:auto;
    margin:0 0 30px 0;
    position:relative;
    display:inline-block;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -moz-box-shadow: 0 4px 4px #CBCBCB;
    -webkit-box-shadow: 0 4px 4px #CBCBCB;
    box-shadow: 0 4px 4px #CBCBCB;
    text-shadow: 1px 1px 0px #FFEBE5;
    background:#ffcccc;
    border:1px solid #ff9999;
    color:#c31b00;    
  }

  
/* ----------------------------------------------------
  FRAMES, BORDERS, CAPTIONS
------------------------------------------------------- */

  /* frame and captions common */
  .frame, .wp-caption{
    padding:6px;
    display:inline-block;
    position:relative;
    margin-left:1px; 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style:italic; 
    text-align:center;
    background:#eee;
    overflow:hidden;
  }   
  
  .frame.block{
    display:inline-block !important;
  }
 
   /* Image Caption Texts */
  .wp-caption-text{
    clear:both;
    display:block;
    padding:8px 0 0 0 !important;
  }
  
  /* aligns */
  span.frame.alignleft, .wp-caption.alignleft{
    float:left !important;
    margin: 6px 20px 6px 2px;
    display: inline !important;
    position:relative;
  }
  
  span.frame.alignright, .wp-caption.alignright{
    float:right !important;
    margin: 6px 2px 6px 20px;
    display: inline !important;
    position:relative;
  }
  
  .frame img, .wp-caption img{ 
    display:block;
    float:left;
    position:relative;
  }
  
  .aligncenter .frame{ 
    margin:2px 0 0 0 !important;
  }


/********************************************************************
*  Background styles
*********************************************************************//*
.background_pic_border {
    max-width: 1990px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
  left:0;
    width: 100%;
    z-index: 1;
}

.background_pic_holder {
    margin: 0 auto;
    max-height: 600px;
    max-width: 1990px;
    min-width: 980px;
    overflow: hidden;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.background_pic_holder img {
    margin: 0 auto;
}

.back-curv {
    background: url("../images/back-curv.png") no-repeat scroll center top transparent;
    height: 452px;
    min-width: 980px;
    position: relative;
    top: -280px;
    width: 100%;
    z-index: 3;
}

/* ----------------------------------------------------
  PAGING
------------------------------------------------------- */
.component-content  .paging_wrapper{
    text-align:center;
    display:block;
    clear:both;
  }
  
.component-content  .paging {
    display:inline-table;
    margin:0 !important;
    position:relative;
    list-style-type:none;
    padding-bottom:30px;
  }     
  
.component-content  .paging li{
    display:inline;
    margin-right:5px;
    float:left;
  }
/*.component-content .paging {
    display: block;
    list-style-type: none;
    margin: 0 !important;
    padding-bottom: 30px;
    position: relative;
}   
.component-content .paging {
    display: -moz-grid-line;
    list-style-type: none;
    margin: 0 !important;
    padding-bottom: 30px;
    position: relative;
} 

.component-content .paging li {
    display:inline;
    margin-right:5px;
    float:center; 
  
 .component-content  .paging li{
    display:inline;
    margin-right:5px;
    float:left; 
  } */
  
  /* paging links */
.component-content  .paging li a{
    border:0;
    overflow:hidden;
    width:26px;
    height:28px;
    display:block;
    text-align:center;
    text-decoration:none; 
    line-height:26px;
    background:url(../images/pagination.png) -27px -60px no-repeat;
    color:#929292;
  }
  
  /* paging arrows */
.component-content  .paging .arrowleft a:hover{
    background:url(../images/pagination.png) left top no-repeat;
  }
  
.component-content  .paging .arrowright a:hover{
    background:url(../images/pagination.png) left -30px no-repeat;
  }
  
.component-content  .paging .arrowleft a{
    background:url(../images/pagination.png) -27px top no-repeat;
        font-size: 0;
  }
  
.component-content  .paging .arrowright a{
    background:url(../images/pagination.png) -27px -30px no-repeat;
        font-size: 0;
  }     
  
  /* active and hover state */
.component-content  .paging li a:hover, .paging li.active a{
    background:url(../images/pagination.png) left -60px no-repeat;
  }
  
  /* paging mouseover*/
.component-content  .paging li.active a{
    text-decoration:none; 
  }
  
.component-content  .paging li a:hover{
    text-decoration:none;   
  }
  
.page_results {
  margin-bottom:5px;
}

/********************************************************************
*  Portfolio Slider
*********************************************************************/
.frame.slider {
    margin: 0 0 10px;
}
.photo_gallery_cycle ul {
    list-style: none outside none;
    margin: 0 0 6px;
    padding: 0;
}
.slider_buttons {
    margin: 0;
    padding: 0;
}
.slider_buttons {
    display: inline-block;
    height: 8px;
    line-height: 0;
    z-index: 999;
}
.slider_buttons img {
    display: block;
}
.slider_buttons a {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #FCFCFC;
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 0;
}
.slider_buttons a.activeSlide {
    background: none repeat scroll 0 0 #E77927;
    display: inline-block;
    margin: 0 0 0 4px;
    padding: 0;
}

/* ----------------------------------------------------
  PORTFOLIO
------------------------------------------------------- */        

  /* portfolio info */
  .portfolio_info{
    margin:10px 6px 0 6px;
  }
.row.white {
    margin: 0 -10px;
}
.portfolio_info .read_more {
    padding: 10px 0 0;
}

.rt-pagination {
  text-align:center;
}

/* ----------------------------------------------------
  PRODUCTS
------------------------------------------------------- */
  
  /* product info */
  .product_info{
    margin:10px 6px 20px 6px;
  }
  
  span.price{
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style: italic;
    color:#a1a1a1;
    font-size:12px;
    line-height:100%;
    margin:10px 0 0 0;
    display:block;
  }
  
  .product .button.small.alignright.default{
    margin:0 0 10px;
  }
  
  .doc_icons{
    list-style:none;
  }

  .doc_icons li{
    float:left;
    padding:0 10px 0 0;
  }

/* ----------------------------------------------------
  RECENT POSTS WIDGET
------------------------------------------------------- */
  
  /* content area post widget */
  .widget {margin:0px 0px 30px 0px !important;}  .widget .recent_posts ul{
    clear:both;
    border:0;
    margin:0 !important;
    list-style:none;
  }

  .widget .recent_posts ul li{
    padding:0 !important;
    border:0;
    line-height:20px !important;
  }  

  .widget .recent_posts ul li{
    float:left; 
    width:88%;
    margin:0 0 0 0 !important;
    color:#a1a1a1;
  }  
  
  .widget.full .recent_posts li{ 
    width:590px; 
  }
  
  .rt-grid-6 .widget .recent_posts li{ 
    width:315px; 
  }
  
  .rt-grid-4 .widget .recent_posts li{ 
    width:150px; 
  }
  
  .rt-grid-3 .widget .recent_posts li{ 
    width:105px; 
  }    

  .rt-grid-3 .widget .recent_posts .date{ 
    width:30px !important; 
  }

  .rt-grid-3 .widget .recent_posts .day{ 
    font-size:18px !important;
  }  

  


  /* date */
  .widget .recent_posts .date{
    float:left;
    color:#EB8034;
    font-size:11px;    
    font-weight:normal; 
    border:1px solid #e8e8e8;
    line-height:100%  !important;
    width:40px !important;
    padding:5px 0  !important;
    text-align:center;
    margin:4px 0 0 0 !important;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;    
  }

  /* day */  
  .widget .recent_posts .day{
    font-family: 'Oswald', arial, serif;
    font-size:19px;
    font-style:normal;
    display:block;
    line-height:100%;
  }  

  /* title */
  .widget .recent_posts .title{
    font-weight:normal;
    display:block;
    color:#666;
    padding:5px 0;
  }  

  /* sidebar area post widget */
  .sidebar_content .widget .recent_posts ul{
    clear:both;
    border:0;
    margin:0 !important;
    width:180px;
    background:none;
  }

  .sidebar_content .widget .recent_posts ul li{
    padding:0 !important;
    border:0;
    line-height:20px !important;
  }  

  .sidebar_content .widget .recent_posts ul li{
    float:right; 
    width:130px;
    margin:0 0 20px 0 !important;
    color:#a1a1a1;
    background:none;
  }  

  .sidebar_content .widget .recent_posts ul li a{
    text-decoration:underline;
  }       
    
  /* date */
  .sidebar_content .widget .recent_posts .date{
    float:left;
    color:#fff !important;
    background-color:#EB8034;
    font-size:10px;    
    font-weight:normal;  
    line-height:100%  !important;
    width:35px !important;
    padding:5px 0  !important;
    text-align:center;
    margin:8px 0 0 0 !important; 
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;    
  }

  /* day */  
  .sidebar_content .widget .recent_posts .day{
    font-family: 'Oswald', arial, serif;
    font-size:16px;
    font-style:normal;
    display:block;
    line-height:100%;
  }  

  .sidebar_content .widget .recent_posts .title{
    font-weight:normal;
    display:block;
    color:#666;
    padding:5px 0;
  }

/* ----------------------------------------------------
  PRODUCTS DETAIL TABS
------------------------------------------------------- */
  .box.product_detail{
    margin:0 0 10px 0;
  }
  
  /* sub page tabs */
  div.taps_wrap {
    width:640px;
    padding:0;
    clear:both;
    display:block;
    margin:0;
  } 
  
  .taps_wrap .pane  {
    margin:0;
    display:none;    
    padding:20px 0 0px 0;
    overflow:hidden; 
    _background-image:none;
    display:block;
    width:640px;
  } 
  
  /* root element for tabs  */
  ul.tabs { 
    list-style:none; 
    margin:0 !important;    
    display:block;
    height:33px;
    padding:0 !important;
    border-bottom:1px solid #eee;
    border-left:1px solid #eee;
  }
  
  /* single tab */
  ul.tabs li { 
    float:left;   
    text-indent:0;
    margin:0;
    height:32px;
    list-style-image:none !important;
    border-right:1px solid #eee;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
  }
  
  /* link inside the tab. uses a background image */
  ul.tabs a {
    background:#F4F4F4;
    font-size:12px;
    line-height:100%;
    display:block;
    text-align:center;  
    text-decoration:none; 
    padding:0px;
    margin:0px;  
    position:relative;
    padding:10px 10px 10px 10px;
    color:#898989;
    border-left:1px solid #fff;        
    -webkit-box-shadow:inset 0 1px 0 #fff;
    -moz-box-shadow:inset 0 1px 0 #fff;
    box-shadow:inset 0 1px 0 #fff;
    text-shadow:0 1px 0 #fff;
  }
  
  ul.tabs a:active {
    outline:none; 
  }
  
  /* when mouse enters the tab move the background image */
  ul.tabs a:hover { 
  }
  
  /* active tab uses a class name "current". its highlight is also done by moving the background image. */
  ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {  
    -webkit-box-shadow:  0px 1px 0px #fff, inset 0 1px 0 #fff;
    -moz-box-shadow:  0px 1px 0px #fff, inset 0 1px 0 #fff;
    box-shadow: 0px 1px 0px #fff, inset 0 1px 0 #fff;
    background:#fff !important;
    cursor:default !important;
    color:#595959;
  }
  
  /* initially all panes are hidden */ 
  .panes .pane {
    display:none;    
  }
  
/* ----------------------------------------------------
  TWITTER
------------------------------------------------------- */
  
  /* Twitter feeds*/
  .tweet_list {
    list-style: none;
    padding:10px 0 0 0 !important;
  }
   
  .tweet_list li {  
    padding: 0 0 10px 0 !important;
    margin: 0 0 10px 0 !important; 
    list-style-position:outside; 
  }    

  .tweetDate a{ 
    font-family: 'Droid Serif', Georgia, "Times New Roman", serif;
    font-style: italic;
    color:#9C9C9C !important;
    text-decoration:underline !important; 
    line-height:100% !important;
    padding-bottom:8px;
  }
  
  .tweetDate a:hover{ 
    text-decoration:none !important;  
  }
  
  .tweet_text{
    line-height:150% !important;
  }
  
  .tweet_text a{
    color: #9C9C9C !important;
    display:inline-block !important;
  }

  .tweet_text a:hover{
    color: #CECECE !important;
    text-decoration:underline;
  }


  
  
/********************************************************************
*  Different tweaks
*********************************************************************/
#rt-maintop ul a {
  text-decoration:none;
}

#k2FrontendEditToolbar h2 {
display:inline-block;
}

#k2FrontendContainer ul.add_tags {
  margin-bottom:0 !important;
}

#k2FrontendContainer ul li{
  margin-bottom:0 !important;
}

.adminK2RightCol input , .adminK2RightCol label {float:left !important;margin:3px 5px 0px 3px !important;}

/********************************************************************
*  Colors
*********************************************************************/


/* ----------------------------------------------------
  RED SKIN
------------------------------------------------------- */
  body.cssstyle-red .content_bottom{
    background:url(../images/skin-red.png) right -113px no-repeat;
  }

  body.cssstyle-red .content_top{
    background:url(../images/skin-red.png) right 0 no-repeat;
  }

  body.cssstyle-red .sidebar_bottom{
    background:url(../images/skin-red.png) left -122px no-repeat;
  }

  body.cssstyle-red .sidebar_top{
    background:url(../images/skin-red.png) left 0px no-repeat;
  }

  body.cssstyle-red .back-curv{background:url(../images/back-curv-red.png) center top no-repeat;}
  body.cssstyle-red .back-line{background:url(../images/back-line-red.png) center top repeat-x;}

  body.cssstyle-red .content a:hover{    
    color:#ac4f35;
  }

  body.cssstyle-red a.more_arrow{    
    color:#ac4f35;
  } 

  body.cssstyle-red a.read_more:hover{
    color:#ac4f35;
  }

  body.cssstyle-red h1,body.cssstyle-red h2,body.cssstyle-red h3,body.cssstyle-red h4,body.cssstyle-red h5,body.cssstyle-red h6{ color:#ac4f35; }
  
  body.cssstyle-red h1 a, body.cssstyle-red h2 a, body.cssstyle-red h3 a, body.cssstyle-red h4 a, body.cssstyle-red h5 a, body.cssstyle-red h6 a{ color:#ac4f35 !important; }
  
  body.cssstyle-red h1 a:hover,body.cssstyle-red h2 a:hover,body.cssstyle-red h3 a:hover,body.cssstyle-red h4 a:hover,body.cssstyle-red h5 a:hover,body.cssstyle-red h6 a:hover{ background:#ac4f35;    color: #FFFFFF !important;}
  
  /* text selection */
  body.cssstyle-red  ::selection {  background: #ac4f35; /* Safari */}
  
  body.cssstyle-red  ::-moz-selection {  background: #ac4f35; /* Firefox */}
  
  body.cssstyle-red  #footer  a:hover{ color:#ac4f35; }
  
  body.cssstyle-red  .slider_buttons a.activeSlide { background: none repeat scroll 0 0 #ac4f35; }
  
  body.cssstyle-red  div.itemToolbar a ,.content span.itemAuthorUrl a , .commentAuthorName a {
  color:#ac4f35 !important;
  text-decoration:none !important;
}

  body.cssstyle-red  div.itemToolbar a:hover , .itemAuthorUrl a:hover , .commentAuthorName a:hover{
  color:#ac4f35 !important;
  text-decoration:underline !important;
}

  body.cssstyle-red  div.author_info span.itemAuthorEmail a {font-weight:normal;color: #ac4f35;text-decoration: none;}

  body.cssstyle-red  div.itemLinks a{color:#ac4f35;text-decoration:none;}
  
  body.cssstyle-red  .componentheading {display: block;margin-bottom: 15px;font-size: 20px; color:#ac4f35;font-family: 'Oswald', arial, serif;line-height:140% !important;}

  body.cssstyle-red  .content .blog .date {color:#ac4f35;border:1px solid #AC4F35;}
  
  body.cssstyle-red  .widget .recent_posts .date{color:#ac4f35;border:1px solid #AC4F35;}
  
  body.cssstyle-red  .sidebar_content .widget .recent_posts .date{  background-color:#ac4f35;}
  
  body.cssstyle-red  .sidebar_content{background:#3E0101;}
  
  body.cssstyle-red .sidebar_content h1, body.cssstyle-red h2, body.cssstyle-red .sidebar_content h3, body.cssstyle-red .sidebar_content h4, body.cssstyle-red .sidebar_content h5, body.cssstyle-red .sidebar_content h6 {
    color: #876E6E;
  }
  
  body.cssstyle-red #navigation ul ul li a { color: #876E6E;}
  
  body.cssstyle-red #slider .desc span.text a {color: #AC4F35;}
  
  body.cssstyle-red #slider .desc span.text a:hover, body.cssstyle-red #slider .desc span.title a:hover {background-color: #AC4F35;  }
  
  body.cssstyle-red #numbers a.activeSlide {background: none repeat scroll 0 0 #AC4F35;  }
  
  body.cssstyle-red .theme-default .nivo-directionNav a {background-color: #AC4F35;}
  
  body.cssstyle-red .theme-default .nivo-caption .nivo-text a {  color: #AC4F35;}
  body.cssstyle-red .theme-default .nivo-caption a:hover {   background-color: #AC4F35;}
  body.cssstyle-red #navigation ul ul li a:hover { color: #fff;}
  

/* ----------------------------------------------------
  Blue SKIN
------------------------------------------------------- */
  body.cssstyle-blue .content_bottom{
    background:url(../images/skin-blue.png) right -113px no-repeat;
  }

  body.cssstyle-blue .content_top{
    background:url(../images/skin-blue.png) right 0 no-repeat;
  }

  body.cssstyle-blue .sidebar_bottom{
    background:url(../images/skin-blue.png) left -122px no-repeat;
  }

  body.cssstyle-blue .sidebar_top{
    background:url(../images/skin-blue.png) left 0px no-repeat;
  }



  body.cssstyle-blue .content a:hover{    
    color:#6599bf;
  }

  body.cssstyle-blue a.more_arrow{    
    color:#6599bf;
  } 

  body.cssstyle-blue a.read_more:hover{
    color:#6599bf;
  }

  body.cssstyle-blue h1,body.cssstyle-blue h2,body.cssstyle-blue h3,body.cssstyle-blue h4,body.cssstyle-blue h5,body.cssstyle-blue h6{ color:#6599bf; }
  
  body.cssstyle-blue h1 a, body.cssstyle-blue h2 a, body.cssstyle-blue h3 a, body.cssstyle-blue h4 a, body.cssstyle-blue h5 a, body.cssstyle-blue h6 a{ color:#6599bf !important; }
  
  body.cssstyle-blue h1 a:hover,body.cssstyle-blue h2 a:hover,body.cssstyle-blue h3 a:hover,body.cssstyle-blue h4 a:hover,body.cssstyle-blue h5 a:hover,body.cssstyle-blue h6 a:hover{ background:#6599bf;    color: #FFFFFF !important;}
  
  /* text selection */
  body.cssstyle-blue  ::selection {  background: #6599bf; /* Safari */}
  
  body.cssstyle-blue  ::-moz-selection {  background: #6599bf; /* Firefox */}
  
  body.cssstyle-blue  #footer  a:hover{ color:#6599bf; }
  
  body.cssstyle-blue  .slider_buttons a.activeSlide { background: none repeat scroll 0 0 #6599bf; }
  
  body.cssstyle-blue  div.itemToolbar a ,.content span.itemAuthorUrl a , .commentAuthorName a {
  color:#6599bf !important;
  text-decoration:none !important;
}

  body.cssstyle-blue  div.itemToolbar a:hover , .itemAuthorUrl a:hover , .commentAuthorName a:hover{
  color:#6599bf !important;
  text-decoration:underline !important;
}

  body.cssstyle-blue  div.author_info span.itemAuthorEmail a {font-weight:normal;color: #6599bf;text-decoration: none;}

  body.cssstyle-blue  div.itemLinks a{color:#6599bf;text-decoration:none;}
  
  body.cssstyle-blue  .componentheading {display: block;margin-bottom: 15px;font-size: 20px; color:#6599bf;font-family: 'Oswald', arial, serif;line-height:140% !important;}

  body.cssstyle-blue  .content .blog .date {color:#6599bf;border:1px solid #6599bf;}
  
  body.cssstyle-blue  .widget .recent_posts .date{color:#6599bf;border:1px solid #6599bf;}
  
  body.cssstyle-blue  .sidebar_content .widget .recent_posts .date{  background-color:#6599bf;}
  
  body.cssstyle-blue  .sidebar_content{background:#0879a1;}
  
  body.cssstyle-blue .sidebar_content h1, body.cssstyle-blue h2, body.cssstyle-blue .sidebar_content h3, body.cssstyle-blue .sidebar_content h4, body.cssstyle-blue .sidebar_content h5, body.cssstyle-blue .sidebar_content h6 {
    color: #6599BF;
  }
  
  body.cssstyle-blue #navigation ul ul li a { color: #D0D0D0;}
  
  body.cssstyle-blue #slider .desc span.text a {color: #6599bf;}
  
  body.cssstyle-blue #slider .desc span.text a:hover, body.cssstyle-blue #slider .desc span.title a:hover {background-color: #6599bf;  }
  
  body.cssstyle-blue #numbers a.activeSlide {background: none repeat scroll 0 0 #6599bf;  }
  
  body.cssstyle-blue .theme-default .nivo-directionNav a {background-color: #6599bf;}
  
  body.cssstyle-blue .theme-default .nivo-caption .nivo-text a {  color: #6599bf;}
  body.cssstyle-blue .theme-default .nivo-caption a:hover {   background-color: #6599bf;}
  body.cssstyle-blue #navigation ul ul li a:hover { color: #fff;}
  
  
/* ----------------------------------------------------
  Green SKIN
------------------------------------------------------- */
  body.cssstyle-green .content_bottom{
    background:url(../images/skin-green.png) right -113px no-repeat;
  }

  body.cssstyle-green .content_top{
    background:url(../images/skin-green.png) right 0 no-repeat;
  }

  body.cssstyle-green .sidebar_bottom{
    background:url(../images/skin-green.png) left -122px no-repeat;
  }

  body.cssstyle-green .sidebar_top{
    background:url(../images/skin-green.png) left 0px no-repeat;
  }



  body.cssstyle-green .content a:hover{    
    color:#7d8a26;
  }

  body.cssstyle-green a.more_arrow{    
    color:#7d8a26;
  } 

  body.cssstyle-green a.read_more:hover{
    color:#7d8a26;
  }

  body.cssstyle-green h1,body.cssstyle-green h2,body.cssstyle-green h3,body.cssstyle-green h4,body.cssstyle-green h5,body.cssstyle-green h6{ color:#7d8a26; }
  
  body.cssstyle-green h1 a, body.cssstyle-green h2 a, body.cssstyle-green h3 a, body.cssstyle-green h4 a, body.cssstyle-green h5 a, body.cssstyle-green h6 a{ color:#7d8a26 !important; }
  
  body.cssstyle-green h1 a:hover,body.cssstyle-green h2 a:hover,body.cssstyle-green h3 a:hover,body.cssstyle-green h4 a:hover,body.cssstyle-green h5 a:hover,body.cssstyle-green h6 a:hover{ background:#7d8a26;    color: #FFFFFF !important;}
  
  /* text selection */
  body.cssstyle-green  ::selection {  background: #7d8a26; /* Safari */}
  
  body.cssstyle-green  ::-moz-selection {  background: #7d8a26; /* Firefox */}
  
  body.cssstyle-green  #footer  a:hover{ color:#7d8a26; }
  
  body.cssstyle-green  .slider_buttons a.activeSlide { background: none repeat scroll 0 0 #7d8a26; }
  
  body.cssstyle-green  div.itemToolbar a ,.content span.itemAuthorUrl a , .commentAuthorName a {
  color:#7d8a26 !important;
  text-decoration:none !important;
}

  body.cssstyle-green  div.itemToolbar a:hover , .itemAuthorUrl a:hover , .commentAuthorName a:hover{
  color:#7d8a26 !important;
  text-decoration:underline !important;
}

  body.cssstyle-green  div.author_info span.itemAuthorEmail a {font-weight:normal;color: #7d8a26;text-decoration: none;}

  body.cssstyle-green  div.itemLinks a{color:#7d8a26;text-decoration:none;}
  
  body.cssstyle-green  .componentheading {display: block;margin-bottom: 15px;font-size: 20px; color:#7d8a26;font-family: 'Oswald', arial, serif;line-height:140% !important;}

  body.cssstyle-green  .content .blog .date {color:#7d8a26;border:1px solid #7d8a26;}
  
  body.cssstyle-green  .widget .recent_posts .date{color:#7d8a26;border:1px solid #7d8a26;}
  
  body.cssstyle-green  .sidebar_content .widget .recent_posts .date{  background-color:#7d8a26;}
  
  body.cssstyle-green  .sidebar_content{background:#1C2701;}
  
  body.cssstyle-green .sidebar_content h1, body.cssstyle-green h2, body.cssstyle-green .sidebar_content h3, body.cssstyle-green .sidebar_content h4, body.cssstyle-green .sidebar_content h5, body.cssstyle-green .sidebar_content h6 {
    color: #686E58;
  }
  
  body.cssstyle-green #navigation ul ul li a { color: #686E58;}
  
  body.cssstyle-green #slider .desc span.text a {color: #7d8a26;}
  
  body.cssstyle-green #slider .desc span.text a:hover, body.cssstyle-green #slider .desc span.title a:hover {background-color: #7d8a26;  }
  
  body.cssstyle-green #numbers a.activeSlide {background: none repeat scroll 0 0 #7d8a26;  }
  
  body.cssstyle-green .theme-default .nivo-directionNav a {background-color: #7d8a26;}
  
  body.cssstyle-green .theme-default .nivo-caption .nivo-text a {  color: #7d8a26;}
  body.cssstyle-green .theme-default .nivo-caption a:hover {   background-color: #7d8a26;}
  body.cssstyle-green #navigation ul ul li a:hover { color: #fff;}
  
  .current-menu-item a{ color:fff !important;}      .recent_posts.classic p {    padding: 0;  }
  
  .datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');background-color:#006699; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #0070A8; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #00557F; border-left: 1px solid #E1EEF4;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #E1EEf4; color: #00557F; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
  
 /* .btn{
  text-decoration: none;
  border:1px solid #d7dada; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 4px 5px 4px 5px;  text-align: center; color: #586362; background-color: #f4f5f5;
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f5f5), color-stop(100%, #dfdddd));
   background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
   background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
   background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
   background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
   background-image: linear-gradient(top, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
  }*/

  div.customClass1 {
  background-color: #EFFBFB;
  border-radius: 5px;
  padding:5px 5px 0px 5px;
  box-shadow: 3px 5px 15px #888;
}

ul 
{
 list-style-image: url('http://58.26.37.252/prod2/images/dot.png');
}