/********************************************************************

    File:   

        commonCSS.css

    Brief:  

        Hold common styles for whole website

    Author:

        DigitalCavalry

    Author URI:

        http://graphicriver.net/user/DigitalCavalry

*********************************************************************/





/*************************

    GLOBAL

*************************/ 



* 

{

    border:0px none;  

    font-family:inherit;  

    font-size: 100%;  

    font-style:inherit;  

    font-weight:inherit;  

    margin:0px;  

    padding:0px;  

    vertical-align:baseline;  

}

.languaje

{

                text-align:right;

                color:#900;

                padding:0 0 0 0;

                margin:8px 0 0 670px;

                position:absolute;

                z-index:100;

                width:235px;

                height:20px;

                float:right;

                font-family:Arial, Helvetica, sans-serif;

                font-size: 13px;

                font-style: normal;

                font-weight: bold;

                font-variant: normal;

                background-image: none;

                letter-spacing: -1px;

}

.languaje a{

	color:#900;

}



img 

{

    border:none;        

}

        

a  

{

    text-decoration:none;

} 



body 

{

    background-image: url("../img/backgrounds/bg04.jpg") ;

	background-color:#431c07;

    background-repeat:no-repeat;

    background-position: 50% 0%;

    text-align:left;

    padding:0px;

    margin-top:0px;  

}



#bodyContainer

{

    width:1040px;

    margin:auto;

    min-height: 200px; 

    margin-top:0px; 

    padding-top:0px;

    padding-bottom: 0px; 

    border:0px solid white; 

    background-color:#dad6c0;

}



.bodyEndBlock

{

    width:1040px; 

    height:80px; 

    margin:auto;

    margin-top:0px;

    margin-bottom: 0px;

    padding:0px; 

    border:0px solid black; 

    background-color:transparent;

}



/********************************

     CUB3R SLIDER

*********************************/



#cu3erContainerWrapper

{

    width:1000px;

    height:360px;

    padding-left:40px;

    margin-top: 15px;

    background-color: transparent;

    

    /*background-image: url('../img/slider/cub3r/shadow.jpg');*/

    background-repeat: no-repeat;

    background-position: 50% 100%;

}

#cu3erContainerWrapper2

{

    width:1040px;

    height:360px;

    padding-left:0px;

    margin-top: 15px;

    background-color: transparent;

    

    /*background-image: url('../img/slider/cub3r/shadow.jpg');*/

    background-repeat: no-repeat;

    background-position: 50% 100%;
	

}



#cu3erContainer

{

    width:960px;

    height:400px;

    margin-left:0px;

    margin-top:0px;

    background-color: transparent;

}



/********************************

     ASYNCHRONOUS IMAGE LOADING

*********************************/ 



.asyncImgLoad { clear: none; } 



/*************************

    UTILITY

*************************/ 



.clearBoth { clear:both; }

.clearLeft { clear:left; }

.clearRight { clear:right; }



.displayNone { display: none; }



.floatLeft { float: left; }

.floatRight { float: right; }  



.spanBold { font-weight: bold; }

.spanItalic { font-style: italic; }

.spanBoldItalic { font-weight: bold; font-style: italic;}



/****************************

   BUTTONS

****************************/ 



.readViewMoreBtn

{

    width: 144px;

    height: 37px;

    padding-left: 5px;

    padding-right: 5px;

    background-color: #fff;

    border: 1px solid #ddd;

    color: #000;

    font: bold 18px/37px Tahoma;

    cursor: pointer;

    text-align: center;

    text-decoration: none;

    display:block;

}



.readViewMoreBtn:hover

{

    

    background-color: #000;

    border: 1px solid #000; 

    color: #dad6c0;

}



.commonLink

{

    color: #3399cc;;

    text-decoration:none;

    cursor: pointer; 

    padding-right: 12px;

    background-image: url('../img/common/img/linkArrowBlue.png');

    background-position: 100% 60%;

    background-repeat: no-repeat; 

}



.commonLink:hover

{

    text-decoration:underline;  

}  



/****************************

   CONTENT SECTIONS

****************************/ 



.contentSectionTitleWhite

{

   height: 10px; 

   padding-top:2px;

   padding-bottom:4px;

   padding-left: 5px; 

   font: 10px Verdana; 

   font-weight:bold;

   background-color:#dad6c0; 

   color:#222;

   text-align: left;

   border-left: 0px solid #dad6c0;

   border-top: 1px solid #dad6c0;

   border-right: 0px solid #dad6c0;

   border-bottom: 0px solid #aca580;

   text-transform: uppercase; 

}  



/************************************

    NAVIGATION TREE

*************************************/



#navigationTreeContainer

{

    border: 0px solid #ccc;

    height: 20px;

    padding-top: 5px;

    font-family: Arial,Helvetica,sans-serif;

    margin-left: 0px;

    margin-right: 20px;

    font-size: 12px;

    color: #bbb;

    text-align: left;

}



#navigationTreeContainer .prev

{

    color:#3399cc;

}



#navigationTreeContainer .current

{

    color:#bbb;

}



/****************************

   IMAGE PREVIEW - TOOLTIP

****************************/ 



.imgTipLeftTop { clear: none; }

.imgTipRightTop { clear: none; }

.imgTipCenterTop { clear: none; } 



#imgPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    border: 1px solid #222;

}



#imgPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}





/******************************************

   IMAGE PREVIEW FOR TEXT LABELS - TOOLTIP

*******************************************/ 



.imgTxtPrevLink

{

    cursor: pointer;

    padding-right: 0px;

    /*background-image: url('../img/common/img/imgLinkBlue.png');*/

    background-repeat: no-repeat;

    background-position: 100% 20%;

    color: #3399CC;

}



.imgTxtPrevLink:hover

{

    text-decoration: underline;

}





.imgTxtTipLeftTop { clear: none; }

.imgTxtTipRightTop { clear: none; }

.imgTxtTipCenterTop { clear: none; } 



#imgTxtPreview

{

    position:absolute;

    padding:0px;

    margin: 0px;

    z-index:1000;

    border: 1px solid #222;

    visibility:visible;

    overflow: hidden;

    background-color: #151515;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#imgTxtPreviewImg

{

    margin:0px;

    padding:0px;

    overflow: hidden;

}



#imgTxtPreviewDesc

{

    padding:4px 4px 4px 4px;

    font:normal 10px/10px Verdana;

    line-height: 110%;

    color:#FFF; 

}



#imgTxtLoader

{

    width:20px;

    height:20px;

    background-image: url('../img/common/ajax/loading12.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    background-color: #000;

    position: absolute;

    z-index: 1000;

    visibility: visible;

}



/****************************

   SIMPLE TEXT TOOLTIP

****************************/ 



.textTooltipCenterTop { clear: none;}

.textTooltipLeftTop { clear: none;}

.textTooltipRightTop { clear: none;}



#textPreview

{

    position:absolute;

    border-color: #aaa;

    border-width: 0px;

    border-style: solid;

    padding:0px;

    display:block;

    color:#000;

    z-index:1000;

    visibility: hidden;

    overflow: hidden;

    background-color: #ffa;

}



#textPreviewDesc

{

    padding:4px 8px 4px 8px;

    font:10px Verdana;

    line-height: 140%;

    border: 1px solid #888;

}



/******************************** 

    HEADER

*********************************/



#headerContainer

{

    width:960px;

    padding-right: 40px;

    height:142px;

    margin:auto;

    margin-top:0px;

    padding-top:0px;

    padding-bottom: 0px;

    padding-left:40px;

	background:#dad6c0 url(../img/backgrounds/header.gif) top right no-repeat;

}



#headerContainer #logo

{

    float:left;

    display: block;

    height: 140px;

    width: 445px;

    background-color: #dad6c0;

    margin-right: 0px;

    

    background-image: url('../img/header/logo.png');

    background-position: 0% 0%;

    background-repeat: no-repeat;

}



#headerContainer #titleWrapper

{

    height: 80px;

    float: left;

    width: 720px;

    padding-left: 15px;

}



#headerContainer #title 

{

    font: bold 45px "Trebuchet MS", Arial, Helvetica, sans-serif;

    color: #000;

}



#headerContainer .titleSlogan

{

    float:left; 

    font: 16px Verdana;

    color: #aaa;

    background-color: transparent;

    padding:0px;

}



#headerContainer #communityThumbsContainer

{

    padding-right:0px;

    padding-top: 40px;

    float: right;

    width: 204px;

}



#flickrBtn, #twitterBtn, #facebookBtn, #rssBtn 

{

    float: right; 

    margin-left: 5px;

    cursor: pointer;

    display: block;

    width:26px;

    height:26px;

    background-position: 0% 0%;

    background-repeat: no-repeat;

}



#flickrBtn

{

    background-image: url('../img/header/flickr.png');

}



#twitterBtn

{

    background-image: url('../img/header/twitter.png');

}



#facebookBtn

{

    background-image: url('../img/header/facebook.png');

}



#rssBtn

{

    background-image: url('../img/header/rss.png');

}



/****************************

   FOOTER                                                

****************************/ 



#footerContainer

{

    width:1040px; 

    height:210px; 

    margin:auto;

    margin-top:0px;

    margin-bottom:0px;

    padding-top:0px;

    padding-left:0px;  

    background-color:#402d22;

    text-align:center;

    font: 11px Verdana;

    position: relative;

    

    background-image: url('../img/footer/smalllogo.png');

    background-position: 50% 100%;

    background-repeat:no-repeat;      

}



#footerListContainer

{

    display:block;

    height:130px;

    width:980px;

    margin-left: 0px;

    padding-top: 20px;

    border-top: 1px solid #ccc;

    text-align: center;

    padding-left: 60px;

    

    background-image: url('../img/footer/gradient.png');

    background-position: 0px 0px;

    background-repeat: repeat-x;      

}



.footerList

{

   width: 180px;

   padding-left: 10px;

   margin-right: 0px;

   border: 0px solid blue;

   text-align: left;

   display:inline-block;

   border-left: 1px solid #222;

   float:left;

}



.footerList ul 

{ 

    padding-left: 0px; 

    margin-left:0px; 

    margin-top:10px;

}



.footerTitleSpan 

{ 

    color:#FFF; 

    font-size: 12px; 

    font-weight: bold;

}



.footerList li 

{ 

    color:#333; 

    font-size: 10px; 

    list-style-type:none; 

    list-style-position:outside; 

    margin-bottom: 5px;

    margin-left: 0px;

    padding-left: 0px;

}



.footerLink 

{ 

    text-decoration: none;

    color: #999;

}



.footerLink:hover

{

    color: #FFF;

}





.footerCopyright 

{ 

    color: #ddd; 

    font: normal 10px Verdana;  

    margin-top: 0px;

}



.footerPowered 

{ 

    position:absolute; 

    color: #ddd;

    font: normal 10px Verdana; 

    margin-top: 0px; 

    right: 5px; 

    bottom:5px;

}



/*************************

    NAVIGATION

*************************/  



#navigationContainer 

{

    margin-left:40px; 

    margin-right:40px;

    border-top:0px solid #ddd; 

    border-bottom:0px solid #ddd; 

    padding-left: 0px; 

    margin-top: 0px;

    height: 32px; 

    text-align:left;

    background-color: #431c07; 

    font-family:Verdana;

} 



ul.rootnav,

ul.rootnav li,

ul.rootnav ul 

{

    list-style: none;

    margin: 0;

    padding: 0;

}



ul.rootnav 

{

    position: relative;

    z-index: 597;

    float: left;

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    text-transform: uppercase; 

}



ul.rootnav li 

{

    float: left;

    line-height: 18px;

    vertical-align:middle;

 

    padding: 0px; 

    background-color: #431c07;

    color: #fff;

    line-height: normal; 

}



ul.rootnav li:hover 

{

    position: relative;

    z-index: 599;

    cursor: default;

}



ul.rootnav ul 

{

    visibility: hidden;

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 598;

 

    width: 170px;

    background-color: #333;

    color: #fff;

    font-size: 11px;

    text-transform: none;

    filter: alpha(opacity=95); /* for IE*/

    -moz-opacity: 0.95;

    KhtmlOpacity: 0.95;

    opacity: 0.95; 

}



ul.rootnav ul ul 

{

    top: 0px;

    left: 100%;

}



ul.rootnav li:hover > ul 

{

    visibility: visible;

}



ul.rootnav a:link,

ul.rootnav a:visited 

{ 

    color: #fff; 

    text-decoration: none; 

}



ul.rootnav a:hover 

{ 

    text-decoration: none; 

    background-color: #3399cc;

    color: #fff;    

}



ul.rootnav a:active 

{ 

    color: #fff; 

}



ul.rootnav ul li 

{

    background-color: transparent;

    color: #000;

    filter: none;

    float: none; 

}





ul.rootnav ul li:hover 

{

    background-color: transparent;

}



ul.rootnav ul a:link,

ul.rootnav ul a:visited 

{ 

    color: #fff; 

}



ul.rootnav ul a:hover 

{ 

    color: #fff; 

    text-decoration: none; 

}



ul.rootnav ul a:active 

{ 

    color: #fff; 

}



ul.rootnav *.dir 

{

    padding-right: 12px;

    background-image: none;

    background-position: 100% 50%;

    background-repeat: no-repeat;

}





ul.rootnav li a 

{

    display: block;

    padding: 7px 14px;

}

	

ul.rootnav li.dir 

{

    padding: 7px 20px 7px 14px;

}



ul.rootnav ul li.dir 

{

    padding-right: 15px;

}



ul.rootnav ul a 

{

    padding: 4px 5px 4px 14px;

    width: 151px; /* Especially for IE */

}



ul.rootnav ul a:hover 

{

    background-color: #3399cc;

}

 

ul.rootnav li:hover > a.dir 

{

    background-color: #3399cc;

    color: #fff;

}



ul.rootnav ul li:hover > a.dir 

{

	 background-color: #3399cc;

	 color: #fff;

}



/* NAVIGATION ADDS */



#searchContainer

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:4px;

   background-color: #000;

   margin-right: 0px;

   width:250px;

   height: 24px;

   float:right;

}



#searchBox 

{

    color:#888; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-right:2px;

    width:140px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:right;

    background-color: #151515;

    

} 



#searchBoxBtn 

{ 

    color:#FFF; 

    font: normal 12px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    margin-right:4px;

    width:80px;

    height: 24px;

    float:right;

    display:block;

    background-color: #000;

    text-transform:uppercase;

    cursor: pointer;

}



#searchBoxBtn:hover

{

    background-color: #3399cc;

}





/**********************************************************

    SIDEBAR

**********************************************************/



#rightSideBarContainer

{

    width: 320px;

    min-height: 60px;

    margin-left:0px;

    margin-top: 0px;

    padding-left: 20px;

    padding-bottom: 30px;

    border-left: 0px solid #eee;

    background-color: #dad6c0;

    float: right;

}



/* big advertisement */



.sidebarAdsContainer

{

    width:320px;



    padding-bottom: 20px;

    padding-top: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc;

    background-color: #dad6c0;

    margin-bottom: 20px;

}



.sidebarAdsContainer .image

{

    margin-left: 20px;

    border: 1px solid #ccc;

    padding: 3px;

    background-color: #FFF;

}



/* contact */



.sidebarContactContainer

{

    width:280px;

    padding-top: 20px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 25px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #dad6c0;

    text-align: left;

    margin-bottom: 10px;

}



.sidebarContactContainer .map

{

    height: 180px;

    width: 272px;

    border: 1px solid #ccc;

    padding: 3px;

    background-color: #fff;

    display: block;

    

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;        

}



.sidebarContactContainer .text

{

    margin-top: 10px;

    color: #000;

    font: 11px Verdana;

    line-height: 120%;

    font-style: italic;

}



.sidebarContactContainer .header

{

    color: #3399CC;

    font: 12px Arial;

    line-height: 120%;

    font-style:normal;

}



.sidebarContactContainer .color

{

    color: #3399CC;

}



/* multi image box */



.sidebarMultiImageBoxContainer

{

    width:280px;

    padding-top: 15px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #dad6c0;

    text-align: left;

    margin-bottom: 20px;

 }

 

 .sidebarMultiImageBoxContainer .link

 {

    display: block;

    background-color: transparent;

    width: 74px;

    height: 74px;

    position: absolute;

 }



.sidebarMultiImageBoxContainer .picture

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    margin-right:17px;

    width: 74px;

    height: 74px;

    float: left;

    cursor:pointer;

    display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarMultiImageBoxContainer .picture:hover

{

    border: 1px solid #aaa;

}



.sidebarMultiImageBoxContainer .pictureLast

{

  border: 1px solid #ccc;

  padding: 3px;

  background-color:#FFF;

  width: 74px;

  height:74px;  

  float: left;

  cursor:pointer;

  display: block;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarMultiImageBoxContainer .pictureLast:hover

{

   border: 1px solid #aaa;  

}



.sidebarMultiImageBoxContainer .row

{

    margin-bottom: 16px;

    height: 82px;

    background-color:transparent;

}



.sidebarMultiImageBoxContainer .rowLast

{

    height: 82px;

    background-color:transparent;

}



/* newsletter */



.sidebarNewsletterContainer

{

    width:280px;

    padding-top: 10px;

    padding-left: 20px;

    padding-right: 20px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #dad6c0;

	background:url(../img/common/news_backG.jpg) repeat-x;

	

    text-align: left;

    margin-bottom: 20px;

}



.sidebarNewsletterContainer .text

{

    font: 11px Verdana;

    padding-top: 5px;

    color: #000;

    line-height: 120%;

    margin-bottom: 10px; 

}



.sidebarNewsletterContainer .wrapper

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:0px;

   background-color:transparent;

   margin-right: 0px;

   width:280px;

   height: 24px;

}



.sidebarNewsletterContainer .label

{

    font: 10px Verdana;

    font-style: italic;

    color: #aaa;

}



.sidebarNewsletterContainer .email

{

    color:#000; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    width:180px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:left;

    background-color: #FFF;

    

} 



.sidebarNewsletterContainer .btn 

{ 

    color:#FFF; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    padding-left:15px;

    padding-right:15px;

    padding-top: 3px;

    padding-bottom: 3px;

    float:left;

    display:block;

    background-color: #000;

    text-transform:uppercase;

    cursor: pointer;

}



.sidebarNewsletterContainer .btn:hover

{

    background-color: #3399cc;

}



/* sidebar tabs */



.sidebarTabsContainer

{

    width:320px;

    padding-top: 0px;

    padding-left: 0px;

    padding-right: 0px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px; 

}



.sidebarTabsContainer .wrapper

{

    width: 320px;

    height: 280px;

    background-color: #000;

    position: relative;

    overflow: hidden;  

}



.sidebarTabsContainer .tab

{

   width: 280px;

   height: 220px;

   padding: 20px;

   overflow: hidden;

   background-color:#000;

   visibility:visible;

   left:0px;

   top:300px;

   position: absolute;

}



.sidebarTabsContainer .head

{

    height: 50px;

    width: 280px;

    background-color:transparent;

}



.sidebarTabsContainer .image

{

    width: 48px;

    height: 48px;

    border: 1px solid #333;

    float:left;

    margin-right: 5px;

    display: block;    

}



.sidebarTabsContainer .titleWrapper

{

    height: 50px;

    background-color:transparent;

    float:left;

}



.sidebarTabsContainer .title

{

    font: 22px Verdana;

    color: #3399CC;

}



.sidebarTabsContainer .subTitle

{

    font: 12px Verdana;

    color: #999;

}



.sidebarTabsContainer .thumbsBar

{

    margin-top:10px; 

    margin-right: 0px;

    height: 28px;

    background-color:#000;

}



.sidebarTabsContainer .thumb

{

    display:block;

    float:right;

    width:26px;

    height:26px;

    background-color:white;

    background-image: url('../img/common/ajax/loading2.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

    margin-left:5px;

    overflow: hidden;

    border: 1px solid #aaa;

    cursor:pointer;

}



.sidebarTabsContainer .thumb:hover

{

    border: 1px solid #222;

}



.sidebarTabsContainer .default

{

    display:none;   

}



.sidebarTabsContainer .source

{

    display:none;   

}



.sidebarTabsContainer .text

{

    font: 11px Verdana;

    padding-top: 5px;

    color: #FFF;

    line-height: 120%; 

}



.sidebarTabsContainer .btnBar

{

    height: 32px;

    width: 320px;

    overflow: hidden;

}



.sidebarTabsContainer .btn

{

   height: 32px;

   float: right;

   font: normal 12px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   color: #FFF;

   background-color: #000;

   padding-right: 14px;

   padding-left: 14px;

   cursor: pointer;

   border-top: 1px solid #3399cc;

}



/* link panel */



.sidebarLinkPanelContainer

{

    width:300px;

    padding-top: 15px;

    padding-left: 20px;

    padding-bottom: 15px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #FFF;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarLinkPanelContainer .item

{

    height: 24px;

    display: block;

    padding-left: 10px;

    background-color: transparent;

    margin-right: 20px;

    cursor: pointer;

    border-bottom: 1px solid #ECECEC; 

    font: 11px/24px Verdana; 

    color: #444;

}



.sidebarLinkPanelContainer .item:hover

{

    background-color: #000;

    color: #FFF;

}



.sidebarLinkPanelContainer .tagsWrapper

{

    width: 280px;

} 



.sidebarLinkPanelContainer .tag1, .sidebarLinkPanelContainer .tag2,

.sidebarLinkPanelContainer .tag3, .sidebarLinkPanelContainer .tag4,

.sidebarLinkPanelContainer .tag5  

{

    cursor: pointer; 

    padding-left:6px;

    padding-right:6px;

    padding-top:2px;

    padding-bottom:2px;

}



.sidebarLinkPanelContainer .tag1

{

    font: normal 22px/26px Arial;

    color:#000;

}



.sidebarLinkPanelContainer .tag2

{

    font: normal 18px/26px Arial;

    color:#222;

}



.sidebarLinkPanelContainer .tag3

{

    font: normal 16px/26px Arial;

    color:#444;

}



.sidebarLinkPanelContainer .tag4

{

    font: normal 12px/26px Arial;

    color:#666;

}



.sidebarLinkPanelContainer .tag5

{

    font: normal 10px/26px Arial;

    color:#888;

}





.sidebarLinkPanelContainer .tag1:hover, .sidebarLinkPanelContainer .tag2:hover,

.sidebarLinkPanelContainer .tag3:hover, .sidebarLinkPanelContainer .tag4:hover,

.sidebarLinkPanelContainer .tag5:hover

{

    background-color: #000;

    color: #FFF;

}





/* side bar mini slider */



#sidebarMiniSliderContainer

{

    /* 4:3 format*/

    width:318px;  /* -2px for border */

    height:238px;    

    border:0px solid #ccc;

    background-color: #000;

    margin-bottom: 40px;

    position: relative;

    border: 0px solid #ddd;

    overflow:hidden;

    

    border-left: 1px solid #444;   

    border-right: 1px solid #444;   

    border-top: 1px solid #444; 

    border-bottom: 1px solid #444;   

}



#sidebarMiniSliderContainer .slide

{

    width:320px; 

    height:240px;

    position: absolute;

    left: 0px;

    top: 0px;

    display: block;

    

    background-color: #000;    

    background-image: url('../img/common/ajax/loading6.gif');

    background-repeat: no-repeat;

    background-position: 50% 50%;

}



#sidebarMiniSliderContainer .btnContainer

{

    height: 20px;

    width: 160px;

    position: absolute;

    left: 15px;

    bottom: 15px;

    z-index: 10;

}



#sidebarMiniSliderContainer .btn

{

    width:18px;

    height:18px;

    border:0px solid #222;

    background-color: #222;

    color: #ccc;

    font: 10px/18px sans-serif;

    float:left;

    text-align: center;

    cursor: pointer;

    margin-right: 2px;

}



#sidebarMiniSliderContainer .desc

{

    width: 310px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    padding-bottom: 7px;

    background-color: #000;

    opacity: 0.90;

    filter:alpha(opacity=90); /* IE */  

    position: absolute;

    left: 0px;

    top: 0px;

    z-index: 10;

    color: #eee;

    font: 10px/12px Verdana;

    display: block;

}



/* advertisement 125x125 */



.sidebarAds125Container

{

    width:299px;

    padding-top: 20px;

    padding-left: 21px;

    padding-right: 0px;

    padding-bottom: 20px; 

    border:0px solid #ccc;

    border-top:0px solid #ccc; 

    background-color: #dad6c0;

    text-align: left;

    margin-bottom: 20px;

}



.sidebarAds125Container .imgLeft

{

    border: 1px solid #ccc;

    padding: 3px;

    background-color:#FFF;

    width: 125px;

    height: 125px;

    float: left;

    cursor:pointer;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%;  

}



.sidebarAds125Container .imgLeft:hover

{

    border: 1px solid #aaa;

}



.sidebarAds125Container .imgRight

{

  border: 1px solid #ccc;

  padding: 3px;

  background-color:#FFF;

  width: 125px;

  height:125px;  

  float: right;

  cursor:pointer;

  

    background-image: url('../img/common/ajax/loading5.gif');

    background-repeat:no-repeat;

    background-position: 50% 50%; 

}



.sidebarAds125Container .imgRight:hover

{

   border: 1px solid #aaa;  

}



.sidebarAds125Container .row

{

    margin-bottom: 12px;

    height: 137px;

    width: 278px;

    background-color:transparent;

}



.sidebarAds125Container .rowLast

{

    height: 137px;

    width: 278px; 

    background-color:transparent;

}



/* populars on side bar */



.sidebarPopularContainer

{

    width:320px;

    background-color: #dad6c0;

    padding-bottom: 20px;

}



.sidebarPopularContainer .wrapper

{

    width:300px;

    background-color: #dad6c0;

    margin-bottom: 20px;

}



.sidebarPopularContainer .image

{

    width:290px;

    height: 290px;

    overflow: hidden;

	background-color:#FFF;

    background-image: url('../img/common/ajax/loading5.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

}



.sidebarPopularContainer .header

{

    font: 20px/20px Verdana;

    color: #3399CC;

    margin-top: 5px;

}



.sidebarPopularContainer .text

{

    font: normal 11px/12px Verdana;

    color: #000;

    line-height: 120%;

    padding-top: 5px;

}





/**********************************************************

    COMMON PAGE LIST 

**********************************************************/



.commonPageListControlBar

{

    height: 30px;

    background-color: #fff;

    margin-top:30px;

    text-align: left;

    font:normal 11px/28px Verdana;

    color:#888;

}



.commonPageListBtn

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 3px;

  cursor: pointer;

}



.commonPageListBtnSpliter

{

  border: 0px solid #999;

  background-color:transparent;

  color:#000;

  font: normal 11px/28px Verdana; 

  padding: 3px;

  cursor: default;

}



.commonPageListBtn:hover

{

    text-decoration: underline;

}



.commonPageListBtnSelected

{

  border: 1px solid #000;

  background-color: #000;

  color:#FFF;

  font: normal 11px/28px Verdana; 

  padding: 6px;

  cursor:default;

}



.commonPageListBarStat

{

  font:normal 11px/28px Verdana;

  float:right;

  color:#888;

}



.commonImageDesc

{

   font: 9px/12px Arial;

   margin: 0px;

   padding: 0px;

   color: #666;

   text-align: right;

   

    color: #3399cc;;

    text-decoration:none;

    cursor: pointer; 

    padding-right: 12px;

    background-image: url('../img/common/img/linkArrowBlue.png');

    background-position: 100% 60%;

    background-repeat: no-repeat; 

}



/**********************************************************

    STATISTIC LISTS

**********************************************************/



#faderMoverSlider

{

    width: 960px;

    height: 300px;

    overflow: hidden;

    position: relative;

    background-color: #000;

}



#faderMoverSliderContainer

{

    margin-top: 15px;

    margin-left: 40px;

    width: 960px;

    height: 300px;

}



#faderMoverSlider  .slideDesc

{

    width:300px;

    height: 300px;

    float:right;

    background-color: #42929d;

}



#faderMoverSlider .slide

{

    width: 960px;

    height: 300px;

    position: absolute;

    left:0px;

    top:0px;

}





#faderMoverSlider .desc

{

    padding-left: 20px;

    padding-right: 20px;

    font: normal 11px Verdana;

    line-height: 130%;

    text-indent: 20px;

    color: #ccc;

}



#faderMoverSlider .slideOnTop

{

    z-index:10;

}



#faderMoverSlider .image

{

    width:960px;

    height: 300px;

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;

}



#faderMoverSlider .imageSpecial

{

    width:660px;

    height:300px;

    

    background-image: url('../img/common/ajax/loading10.gif');

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-color: #000;    

}



/**********************************************************

    STATISTIC LISTS

**********************************************************/



.statisticContainer

{

    height: 160px;

    background-color:transparent;

    margin-bottom: 20px;

}



.statisticContainer .wrapper

{

    padding-left: 10px; 

/*    height: 150px;*/

    padding-top: 10px;

    float: left;

    background-color:transparent;

}



.statisticContainer .viewsCount, .statisticContainer .commentsCount

{

    color: #aaa;    

}



/**********************************************************

    COMMON

**********************************************************/



.commonPageTitle

{

	font: normal 42px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #39c;

	font-size: 35px;

	margin-left: 0px;

	margin-right: 20px;

	text-align: left;

	border: 0px solid #ccc;

	margin-top: 0px;

}



.commonItemInfoContainer

{

    border-top: 1px solid #ddd;

    border-bottom: 1px solid #ddd;

    color:#666;

    font: normal 10px/20px Verdana; 

    height: 20px; 

    margin: 0px;

    margin-top: 15px;

    padding: 0px;

    padding-left: 10px;

    text-transform: uppercase;

}



.commonItemInfoContainer .separator

{

    color:#ccc;

    font: normal 10px/20px Verdana;

}



.commonItemHeader

{

    color: #3399CC;

    display: block; 

    font: normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;

    padding: 0px;

    padding-left: 0px;

    margin: 0px;

    margin-top: 10px;

}



.commonIntroductionText

{

    font: 12px Verdana;

    width:auto;

    color: #000;

    line-height: 160%;

    margin-left: 0px;

    margin-right: 20px;

    margin-bottom: 20px;

}



.commonControlLabel

{

    font: 11px Verdana;

}



.commonControlErrorMsg

{

    font: 10px Verdana;

    font-style: italic;

    color: #a00;

    visibility: hidden;

}



.commonControlLabelItalic

{

    font: 10px Verdana;

    font-style: italic;

    color: #999;

}



.commonInput

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;

    width: 300px;

    background-color: #f5f5f5;

    margin-bottom: 10px;

    height: 18px;

    color: #222;

    font-family: Arial;

    font-size: 15px;

    padding-left: 3px;

    padding-top: 2px;

    padding-bottom: 2px;

}

     

.commonTextarea

{

    border: 1px solid #ccc;

    border-right: 1px solid #eee;

    border-bottom: 1px solid #eee;        

    margin-bottom: 10px;    

    width: 500px;

    max-width: 500px;

    height: 150px;

    max-height: 150px;

    overflow:auto;

    font-size: 14px;

    font-family: monospace;

    background-color: #f5f5f5;

    color: #222;

    padding-left: 3px;

    padding-top: 3px;

} 



/**********************************************************

    BASIC STYLES

**********************************************************/



/*  thin headers */



.h1Thin

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Thin

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Thin

{

    color: #3399CC;

    font: 24px Verdana; 

}



.h4Thin

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Thin

{

    color: #3399CC;

    font: 16px Verdana; 

}



/* normal headers */



.h1Normal

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Normal

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Normal

{

    color: #3399CC;

    font: 24px Verdana; 

}



.h4Normal

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Normal

{

    color: #3399CC;

    font: 16px Verdana; 

}





/* bold headers */



.h1Bold

{

    color: #3399CC;

    font: 32px Verdana;

}



.h2Bold

{

    color: #3399CC;

    font: 28px Verdana; 

}



.h3Bold

{

    color: #3399CC;

    font: 24px Verdana; 

}



.h4Bold

{

    color: #3399CC;

    font: 20px Verdana; 

}



.h5Bold

{

    color: #3399CC;

    font: 16px Verdana; 

}



/* list */



.ulBasic

{

    

}



.ulBasic li

{

    background-image: url('../img/common/squere/4x4blue.gif');

    background-position: 0% 60%;

    background-repeat: no-repeat;

    list-style-image: none;

    list-style-type:none; 

    list-style-position:outside;

    font: 11px/14px Verdana;

    padding-left: 10px;

    margin-bottom: 3px;  

}



/* table */



.tableBasic

{

    border-collapse:collapse;

}



.tableBasic tr.even

{

    background-color: #EEE;

}



.tableBasic td.head

{

   background-color: #3399cc;

   color:#FFF;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

   text-transform: uppercase;

   border:1px solid #ccc;

   text-align: center;

}



.tableBasic td

{

   color:#000;

   padding-left: 12px;

   padding-right: 12px;

   font: normal 11px/18px Verdana;

   border:1px solid #ccc;

   text-align: center;

}



/* quote */



.quoteBlockRight

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:right;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockLeft

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    background-color: #FFF;

    width: 280px;

    float:left;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}



.quoteBlockFullWidth

{

    padding-top: 15px;

    padding-bottom: 15px;

    padding-left: 20px;

    padding-right: 20px;

    margin: 5px;

    margin-top: 10px;

    margin-right: 0px;

    display: block;

    

    background-image: url('../img/common/img/quoteBlue.jpg');

    background-position: 0% 0%;

    background-repeat: no-repeat;  

}





.quoteText

{

    color:#000;

    font: bold 12px/14px Verdana;

    line-height: 140%;

    font-style: italic;

}



.quoteAuthorRight

{

    color:#3399cc;

    font: normal 11px/12px Verdana;

    text-align: right;

    font-style: italic;

    margin-top: 10px;

}



.quoteAuthorLeft

{

    color:#3399cc;

    font: normal 11px/12px Verdana;

    text-align: left;

    font-style: italic;

    margin-top: 10px;

}



/* image in text */



.image280InTextWrapperLeft

{

    float:left;

    margin-right:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 280px;

}



.image280InTextWrapperRight

{

    float:right;

    margin-left:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 280px;

}



.image320InTextWrapperLeft

{

    float:left;

    margin-right:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 320px;

}



.image320InTextWrapperLeft p

{

    text-indent:0px !important;

}



.image320InTextWrapperRight

{

    float:right;

    margin-left:20px;

    margin-top:20px;

    margin-bottom: 20px;

    width: 320px;

}



.image320InTextWrapperRight p

{

    text-indent:0px !important;

}



.imageInTextDesc

{

    font:11px Verdana;

    color:#000;

}



/* signature */



.signatureLeft

{

    float:left;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



.signatureRight

{

    float:right;

    color:#000;

    font:bold 11px Verdana;

    margin-top: 10px;

    font-style: italic;

}



/* light box link */



a.lightBox

{

    color: #3399CC;

    cursor: pointer;

    padding-right: 13px;

    background-image: url('../img/common/img/lightBoxLinkBlue.png');

    background-repeat: no-repeat;

    background-position: 100% 20%; 

}



a.lightBox:hover

{

    text-decoration: underline;

}





/*footer---------------------------*/

.footer1{

	width:1040px;

	height:180px;

	padding:0 20px 0 20px;

	margin:auto;

	margin-top:15px;

	background:url(../img/backgrounds/footer1.jpg) top center no-repeat;

	border-bottom: none;

	color:#CCC;

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:13px;

}



.footer1_box1{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:11px;

	color: #999;

	width:260px;

	padding:0 10px 0 50px;

	float:left;

	line-height:15px;

	letter-spacing:normal;

}



.footer1_box1 .text{

   margin-top:0px;

   background-color:transparent;

   margin-right: 0px;

   width:280px;

}



.footer1_box22{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:11px;

	color: #999;

	width:260px;

	padding:0 10px 0 110px;

	float:left;

	line-height:15px;

	letter-spacing:-1px;

}



.footer1_box3{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:11px;

	color: #999;

	width:230px;

	padding:0 10px 0 10px;

	float:right;

	line-height:15px;

	letter-spacing:-1px;

}



.footer1_box1_icon{

	width:38px;

	padding:0 10px 0 0;

	float:left;

}



.footer1_box1_socialicon{

	width:38px;

	padding:30px 10px 0 0;

	float:left;

}



.footer1_box1_icon_txt a, active{

	width:200px;

	padding:10px 10px 0 0;

	float:left;

	color:#FFF;

}



.footer1_box1 h1, .footer1_box22 h1, .footer1_box3 h1 {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color: #FFF;

	font-size:21px;

	font-weight:bold;

	margin:20px 0 10px 0;

	letter-spacing:-1px;

}



.footer1_box2{

	font-size:11px;

	color:#FFF;

	width:264px;

	padding:0 10px 0 10px;

	float:left;

	line-height:15px;

	letter-spacing:-1px;

}



.footer1_box2_extra{

	width:120px;

	float:left;

	padding-top:none;

	padding-right:10px;

}



.footer1_box2_options{

	line-height:15px;

	padding-bottom:5px;

	border-bottom:dotted 1px #A38F84;

	width:100%;

}



.footer1_box2 h1{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#495771;

	font-size:21px;

	font-weight:bold;

	margin:0 0 6px 0;

	letter-spacing:-1px;

}



.footer2{

	height:79px;

	padding:25px 25px 0 25px;

	margin-top:10px;

	background:none;

	border-top:#7f6e67 solid 1px;

}



.footer_legal{

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:10px;

	float:right;

	width:170px;

	padding-top:10px;

	text-align:right;

	color:#959595;

}



.footer_legal2{

	float:right;

	width:170px;

}



.footer_legal a:link, a:visited, a:active{

	color:#A38F84;

	text-decoration:none;

}



.footer1_box1 .wrapper

{

   overflow: hidden;

   font-family: Verdana;

   text-align: right;

   margin-top:0px;

   background-color:transparent;

   margin-right: 0px;

   width:auto;

   height: 24px;

}



.footer1_box1 .label

{

    font: 10px Verdana;

    font-style: italic;

    color: #aaa;

}



.footer1_box1 .email

{

    color:#000; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    width:180px;

    border:1px solid #444;

    padding: 2px 3px 2px 3px;

    float:left;

    background-color: #FFF;

    

} 



.footer1_box1 .btn 

{ 

    color:#FFF; 

    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

    margin-left:0px;

    padding-left:15px;

    padding-right:15px;

    padding-top: 3px;

    padding-bottom: 3px;

    float:left;

    display:block;

    background-color:#935930;

    text-transform:uppercase;

    cursor: pointer;

}



.footer1_box1 .btn:hover

{

    background-color: #3399cc;

}





/*News list************************************************/

ul.newslist

{

	font-size:12px;

margin:5px 0px 8px 0;

padding:0;

list-style:none;

}



ul.newslist li

{

padding:6px 5px 6px 0px;

border-bottom:1px dotted #a18d82;

line-height:1.4em;

color:#fff;

}



ul.newslist li a:link, ul.newslist li a:visited, ul.newslist li a:active

{

padding:0px 0px;color:#959595;

text-decoration:none;

}



ul.newslist li a:hover

{

	color:#A38F84;

	padding:0px 0px;

	text-decoration:none;

}



ul.newslist li span

{

font-weight:bold;

display:block;

}



/*container 16*/

.container_16 {

	margin-left: auto;

	margin-right: auto;

	width: 1040px;

	background:url(../img/footer/footer_back.jpg) center top no-repeat;

}



.right_aling{

	float:right;

}

.sidebarPopularContainer_wd

{
    width:300px;
    padding:0px 0 0 25px;
	background:url(../img/bg_wd_yoga.png) no-repeat;
	height:320px;
}

.sidebarPopularContainer_wd_esp
{
	width:300px;
    padding:0px 0 0 25px;
	background:url(../img/bg_wd_yoga_esp.png) no-repeat;
	height:320px;	
	}
	
	
	.sidebarPopularContainer_wd_paq

{
    width:280px;
    padding:0px 0 0 20px;
	background:url(../img/bg_wd_yogapaq.jpg)  #FFF no-repeat;
	height:365px;
}

.sidebarPopularContainer_wd_paq_esp
{
	width:280px;
    padding:0px 0 0 20px;
	background:url(../img/bg_wd_yogapaq_esp.jpg) no-repeat;
	height:365px;	
	}