

/* basics -------------------------------------  */

* {z-index: 1}
a {outline: none;}
body {
    background: #E2E6EE; 
    height:900px;
    color: #333333;
    font: 14px Arial, Helvetica, Geneva, sans-serif;
    margin:  0px;
}

#wrap {
    width: 980px; 
    margin:0 auto;
}

.cb {
    clear: both;
}


/* content ------------------------------------- */

h1 {
 color:  #A6217D;
 font-size: 15px;
}

/* header ------------------------------------- */

#header {
    color: #8F9CB2;
}

#logo {
    padding: 10px 0 0 10px;
    width: 642px;
}                                      

#headtext {
    padding-top:  20px;
    float: right;
    font-size: 12px;
    width:  0px;
}

#meta {  
    
    font-size: 12px;
    width: 236px;
    padding: 0px;
    margin: 0px;
    background: url(http://base-images-eu-3.ultimatevdn.com/old/metaback.png) no-repeat center top;
    text-align:  center;
    color: #8F9CB2;
    float: right;
}

#meta a:link, 
#meta a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#meta a.logout:link, 
#meta a.logout:visited {
    color: #F5C66C ;
}

#meta a.logout:hover, 
#meta a.logout:active {
    color: #fff ;
}

#footer {
    background: url(http://base-images-eu-3.ultimatevdn.com/old/page.bottom.cap.gif) no-repeat left top;
    padding:  15px 5px 40px 5px;
    text-align: center;
    color:  #8F9CB2;
    font-size: 13px;
    width: 100%;                
}

.clearer{
    clear:both;
}

.clips{
    float:left;
    width: 260px;
    padding-top:10px;
    font-size:12px;
}

.clipFormats dd a{
    color: #0000ff;
    font:normal 100% verdana; 
}

.clipFormats dd{
    margin-left:0px;
}

#mainQualities{


        width:400px;
        float:left;
        margin-bottom:20px;
}

.statsBox {
    width: 180px; 
                 
    margin-right:0px;
  /*  margin-bottom: 20px;
/*padding:7px 10px 10px 12px; */       
    color: #A9876B;  
}

.statsBox h2{
    padding: 5px 0px 0px 10px;
    margin: 0;
    background:  #e7eed7  url(http://base-images-eu-3.ultimatevdn.com/old/box.green.top.cap.gif) no-repeat left top;

    font-size: 14px;
}                                

.statsBoxText{
       padding: 5px 5px 5px 10px; 
    background:  #E7eeD7;
    font-size: 11px;                        
    
}

.statsBoxBottom {        
    background: url(http://base-images-eu-3.ultimatevdn.com/old/box.green.bottom.cap.gif) no-repeat;
    width: 180px;
    height: 14px;
}     
    
        .dhtmlgoodies_tabPane{
                height:21px;    /* Height of tabs */
                border-bottom:1px solid #919b9c;
        }
        .dhtmlgoodies_aTab{
                border-left:1px solid #919b9c;
                border-right:1px solid #919b9c;
                border-bottom:1px solid #919b9c;
                font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
                padding:5px;
                font-size: 11px;

        }
        .dhtmlgoodies_tabPane DIV{
                float:left;
                height:100%;    /* Height of tabs */
                padding-left:3px;
                vertical-align:middle;
                background-repeat:no-repeat;
                background-position:bottom left;
                cursor:pointer;
                position:relative;
                bottom:-1px;
                margin-left:0px;
                margin-right:0px;
        }
        .dhtmlgoodies_tabPane .tabActive{
                background-image:url('http://base-images-eu-3.ultimatevdn.com/old/tab_left_active.gif');
                margin-left:0px;
                margin-right:0px;
                z-index:10;                          
        }
        .dhtmlgoodies_tabPane .tabInactive{
                background-image:url('http://base-images-eu-3.ultimatevdn.com/old/tab_left_inactive.gif');
                margin-left:0px;
                margin-right:0px;
                z-index:1;                       
        }

        .dhtmlgoodies_tabPane .inactiveTabOver{
                background-image:url('http://base-images-eu-3.ultimatevdn.com/old/tab_left_over.gif');
                margin-left:0px;
                margin-right:0px;               
        }
        .dhtmlgoodies_tabPane span{
                font-family:arial;
                vertical-align:top;
                font-size:11px;
                padding-left:3px;
                padding-right:3px;
                line-height:21px;
                float:left;
        }
        .dhtmlgoodies_tabPane .tabActive span{
                padding-bottom:1px;
                line-height:20px;
        }

        .dhtmlgoodies_tabPane img{
                float:left;
        }


#pageContentMain {
    width: 800px;
    overflow: hidden;
    float:left;
    border:  0px solid #bbb;
    padding: 0px 5px 0px 10px;
    margin: 0px 0px 0px 0px;
    
}

      
.cliplistBox {
    width: 500px; 
        background:  #F8EBD7;
    height:220px;
    overflow: auto;
    float: left;
    margin-right:0px;
    margin-left:20px;
    margin-bottom: 20px;
/*padding:7px 10px 10px 12px; */
    color: #A9876B;  
}

.cliplistBox h2{
    padding: 5px 0px 0px 10px;
    margin: 0;

    font-size: 14px;
}

.cliplistBoxText{
       padding: 5px 5px 5px 10px; 

    font-size: 11px;
}

.cliplistBoxBottom {
    width: 380px;
    height: 14px;
}

.xcategoryBox {
    width: 180px; 
                 
    margin-right:0px;
  /*  margin-bottom: 20px;
/*padding:7px 10px 10px 12px; */       
    color: #333;  
}

.xcategoryBox h2{
    padding: 5px 0px 0px 10px;
    margin: 0;
    background:  #E2E6EE  url(http://base-images-eu-3.ultimatevdn.com/old/box.blue.top.cap.gif) no-repeat left top;

    font-size: 14px;
}
 
.xcategoryBoxText{
       padding: 5px 5px 5px 10px;                  
    background:  #E2E6EE;
    font-size: 11px;                        
    
}

.xcategoryBoxBottom {
    background: url(http://base-images-eu-3.ultimatevdn.com/old/box.blue.bottom.cap.gif) no-repeat;
    width: 180px;
    height: 14px;
}

.categoryBox dt {
    font-weight: bold;                             
}
.categoryBox a {
    color: #00f;
}   
.categoryBox dl a {
    color: #00f;
}
.categoryBox dd a {
    color: #00f;
}             
.categoryBox dl dd {
    margin:0 0 10px;
    padding:0 0 0 7px;
}                
      
.categoryBox {
    width: 180px; 
                 
    margin-right:0px;
  /*  margin-bottom: 20px;
/*padding:7px 10px 10px 12px; */       
    color: #A9876B;  
}

.categoryBox h2{
    padding: 5px 0px 0px 10px;
    margin: 0;
    background:  #F8EBD7  url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.top.cap.gif) no-repeat left top;

    font-size: 14px;
}
                                           
.categoryBoxText{
       padding: 5px 5px 5px 10px; 
    background:  #F8EBD7;
    font-size: 11px;                        
    
}

.categoryBoxBottom {
    background: url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.bottom.cap.gif) no-repeat;
    width: 180px;
    height: 14px;
}


.blueBox {                                    
    width: 700px; 
 
    float: left;
    margin-right:10px;
    margin-bottom: 20px;
/*padding:7px 10px 10px 12px; */
    color: rgb(20,30,40);  
}

.blueBox h2{
    padding: 5px 0px 0px 10px;
    margin: 0;
    background:  rgb(226,230,238)  url(http://base-images-eu-3.ultimatevdn.com/old/blue400top.png) no-repeat left top;

    font-size: 14px;
}

.blueBoxText{
    padding: 5px 5px 5px 10px; 
    background:  rgb(226,230,238);
    font-size: 11px;
}

.blueBoxBottom {
    background: url(http://base-images-eu-3.ultimatevdn.com/old/blue400bottom.png) no-repeat;
    width: 700px;
    height: 14px;
}


.searchResultBox {
    width: 180px;
    height: 343px;
    float: left;
    margin-right:10px;
    margin-bottom: 15px;
/*padding:7px 10px 10px 12px; */
    background:    url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.top.cap.gif) no-repeat left top;
    color: #A9876B;  
}

.searchResultBoxImage{
    text-align:center;
    margin-top: 10px;
    background: #F8EBD7;
    display:block;
    height: 235px;
}

.searchResultBoxText{
    height:79px;
    background:  #F8EBD7;
    font-size: 11px;
}

.searchResultBoxBottom {
        background: url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.bottom.cap.gif) no-repeat;
        width: 180px;
        height: 14px;
    }

/* orange */ 
    #pageContentSide div.boxTwo {     

    }
    #pageContentSide div.boxTwo h2 {
        color: #E5A072;
    }
    
    #pageContentSide div.boxTwo p.capB {
        background: url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.bottom.cap.gif) no-repeat left bottom;
        padding-bottom: 10px;
    }


#pageContentSide {
    width: 180px;
 
    border:  0px solid #ccc;
    float: left;
    padding: 0px;
    margin: 0px 0 0 0;
}
 
/* boxes ------------------------------------- */

div.boxOne, div.boxTwo , div.boxThree, div.boxFour {
    padding:  0px;
    margin: 0 0 10px 0;
    font-size: 11px;
}

div.boxOne h2, div.boxTwo h2, div.boxThree h2, div.boxFour h2 {
    padding: 5px 0px 0px 10px;
    margin: 0;
    font-size: 14px;
}


/* green */ 
    #pageContentSide div.boxOne { 
        background: #E7EED7 url(http://base-images-eu-3.ultimatevdn.com/old/box.green.top.cap.gif) no-repeat left top;
        color:  #556B3E;
        
    
    }
    #pageContentSide div.boxOne h2 {
        color: #80A035;
            }

#pageContentSide div.boxOne p.capB {
    background: url(http://base-images-eu-3.ultimatevdn.com/old/box.green.bottom.cap.gif) no-repeat left bottom;
    padding-bottom: 10px;
}


/* orange */ 
    #pageContentSide div.boxTwo {     
        background:  #F8EBD7  url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.top.cap.gif) no-repeat left top;
        color: #A9876B;
    }
    #pageContentSide div.boxTwo h2 {
        color: #E5A072;
    }
    
    #pageContentSide div.boxTwo p.capB {
        background: url(http://base-images-eu-3.ultimatevdn.com/old/box.orange.bottom.cap.gif) no-repeat left bottom;
        padding-bottom: 10px;
    }
    

/* blue */ 
    #pageContentSide div.boxThree {     
        background:  #E2E6EE url(http://base-images-eu-3.ultimatevdn.com/old/box.blue.top.cap.gif) no-repeat left top;
        color: #666;      
    }
    
    #pageContentSide div.boxThree h2 {
        color: #8997AE;
    }
    
    #pageContentSide div.boxThree p.capB {
        background: url(http://base-images-eu-3.ultimatevdn.com/old/box.blue.bottom.cap.gif) no-repeat left bottom;
        padding-bottom: 300px;
    }


/* white */ 



#pageContentSide div.boxFour { 
    background:  #FFF;
    color:  #777;
    
}

#pageContentSide p { 
    margin:  5px 0 0 0;
    padding:  0 10px 10px;
}




/* navigation ------------------------------------- */

#navigation {
  float:left;
  width:100%;
  line-height:normal;
  }
  
#navigation ul {
  margin:0;
  padding:10px 10px 0;
  list-style:none;
  }
  
#navigation li {
  float:left;
  background:url("http://base-images-eu-3.ultimatevdn.com/old/nav.off.left.png") no-repeat left top;
  margin:0;
  padding:0 1px 0 9px;
  }
  
#navigation a {
  float:left;
  display:block;
  background:url("http://base-images-eu-3.ultimatevdn.com/old/nav.off.right.png") no-repeat right top;
  padding:5px 25px 4px 16px;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  }
  
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover {
  color:#3F4C62;
  }
  
#navigation #current {
  background-image:url("http://base-images-eu-3.ultimatevdn.com/old/nav.on.left.png");
  }
#navigation #current a {
  background-image:url("http://base-images-eu-3.ultimatevdn.com/old/nav.on.right.png");
  color:#3F4C62;
  padding-bottom:5px;
  }

/* page ------------------------------------- */

#page {
    /*
    background: #fff url(http://base-images-eu-3.ultimatevdn.com/old/page.top.cap.gif) no-repeat left top;
    */
    background: #fff;
    color: #333;
    
    width:  102%;
    
    
    margin: 0px;
    padding: 5px;
}

#breadcrumbsArea {
  /*  background: #E3E6EE url(http://base-images-eu-3.ultimatevdn.com/old/bread.left.cap.gif) no-repeat left top; 
    */
    color: #7D8AA0; 
    font-size: 12px;
    
   /* padding:  4px; 
    */
     height:  30px;    
     
}

#breadcrumbs {
/*        padding:  4px; */
}

#breadcrumbs a:link, 
#breadcrumbs a:visited,
#breadcrumbs a:hover,
#breadcrumbs a:active {
    color: #7D8AA0;
}



#search {
    float: right;
}

input#kw {
    border: 1px solid #ccc;
    margin: 0px;
    padding: 2px;
    color:  #999;
    height:  17px;
    vertical-align: top;
width:150px;
}

