/*
// @@@
// @@ Author: Nicky Klaasse
// @@ Date: 18-12-2009
// @@ Last change: 07-01-2010
// @@ Version: 1.0
// @@ Copyright: Freshcoat.nl
// @@@
*/

html {
 height: 100%;
}
.index
{
 background:url('/images/htmlbg.gif') 0px 100px repeat-x;
}
.sub
{
 background:url('/images/htmlBgSub.gif') 0px 100px repeat-x;
}

body {
 font: 12px Arial, Helvetica, sans-serif;
 height:100%;
 margin:0px auto;
 padding:0px;
}
body a {
 outline:none;	
}

#main {
 width: 1000px;
 
 margin: 0px auto;
 padding:0px 0px 0px 10px;
}

/* Header */
#header
{
 display:block;
 height:auto;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}

#header #freshcoatLogo, #freshcoatLogo a, #freshcoatLogo a img
{
 float:left;
 display:inline;
 margin:8px 0px 0px 0px;
 padding:0px;
 border:none;
}

#header ul.navigation
{
 float:right;
 display:inline;
 list-style:none;
 height:31px;
 margin:30px 0px 0px 120px;
 padding:0px;
}
#header ul.navigation li
{
 float:left;
 display:inline;
 height:31px;
 margin:0px 10px 0px 10px;
 padding:0px;
}
#header ul.navigation li.active
{
 float:left;
 display:inline;
 height:31px;
 margin:0px 10px 0px 10px;
 padding:0px;
 background:url('/images/navActiveLeft.gif') no-repeat;
}
#header ul.navigation li.active a
{
 float:left;
 display:inline;
 height:25px;
 color:#fff;
 margin:0px 0px 0px 0px;
 padding:6px 15px 0px 15px;
 background:url('/images/navActiveRight.gif') 100% 0% no-repeat;
}
#header ul.navigation li.active a:hover
{
text-decoration:none;	
}
#header ul.navigation li a
{
 float:left;
 display:inline;
 color:#5f5f60;
 text-decoration:none;
 font-size:15px;
 font-weight:bold;
 margin:0px;
 padding:6px 15px 0px 15px;
}
#header ul.navigation li a:hover
{
 text-decoration:underline;
}


/* laptop */
#bookClose
{
float:left;
display:inline;
height:54px;
width:299px;
margin:58px 0px 0px 0px;
padding:0px;
background:url('/images/bookClose.gif') no-repeat;
}
#bookOpen
{
float:left;
display:inline;
height:190px;
width:353px;
margin:24px 0px 20px 0px;
padding:0px;
background:url('/images/bookOpen.gif') no-repeat;
}

#display
{
 float:left;
 display:inline;
 width:273px;
 height:212px;
 margin:45px 0px 0px 0px;
 padding:0px;
 background:url('/images/display.gif') 9px 0px no-repeat;
}

#display span#prev
{
 float:left;
 display:inline;
 width:13px;
 height:31px;
 margin:67px 4px 0px 0px;
 padding:0px;
 text-indent:-9999999px;
 background:url('/images/prevArrow.gif') no-repeat;
}
#display span#next
{
 float:right;
 display:inline;
 width:13px;
 height:31px;
 margin:67px 2px 0px 0px;
 padding:0px;
 text-indent:-9999999px;
 background:url('/images/nextArrow.gif') no-repeat;
}

#display #displayPictures
{
 float:left;
 overflow:hidden; 
 position:relative;
 height:146px;
 margin:0px;
 padding:0px;
 background:none;
}
#display #displayPictures p.slideImage
{
 position:absolute; 
 left:-480px;
 display:none; 
 z-index:3;
 margin:0px;
 padding:0px;
}
#display #displayPictures a, img
{
border:none;
background:none;
margin:0px;
}
p.slideImage
{
margin:0px;
}

#slideshow
{
float:left;
background:none;
margin:10px 0px 0px 0px;
padding:0px 0px 1px 0px;
}

#quote
{
 float:left;
 display:inline;
 margin:90px 0px 0px 51px;
 padding:0px;
}
#quote span
{
 font-size:21px;
 color:#acb1bf;
 line-height:32px;
 letter-spacing:0.02em;
}

#rightDisplay
{
float:left;
position:absolute;
height:147px;
overflow:hidden;
width:2px;
margin:6px 0px 0px 254px;
padding:0px;
z-index:59;
background:url('/images/rightDisplay.gif') no-repeat;
}
#bottomDisplay
{
float:left;
position:absolute;
height:9px;
overflow:hidden;
width:239px;
margin:157px 0px 0px 17px;
padding:0px;
z-index:57;
background:url('/images/bottomDisplay.gif') no-repeat;
}
/* End Header */


/* Index fast choise menu */
#diensten
{
 float:left;
 width:100%;
 height:auto;
 margin:0px;
 padding:0px 0px 20px 0px;
 border-bottom:1px solid #E8E8E8;
}

#internet
{
 float:left;
 display:inline;
 height:180px;
 width:305px;
 margin:0px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 background:url('/images/borderVertical.gif') 100% 30px no-repeat;
}
#internet h2
{
 float:left;
 width:100%;
 height:70px;
 margin:0px;
 padding:0px;
 text-indent:-9999999px;
 background:url('/images/internetIcon.gif') no-repeat;
}
#internet p
{
 float:left;
 display:inline;
 color:#505050;
 height:80px;
 line-height:20px;
 margin:5px 30px 12px 0px;
 padding:0px;
}
#internet a
{
 float:left;
 display:inline;
 color:#2366b9;
 text-decoration:none;
 line-height:18px;
 margin:0px;
 padding:0px 0px 0px 8px;
 background:url('/images/linkIcon.gif') 0px 7px no-repeat;
}
#internet a:hover
{
 text-decoration:underline;
 background:url('/images/linkIcon.gif') 2px 7px no-repeat;
}

#ontwerpen
{
 float:left;
 display:inline;
 height:180px;
 width:305px;
 margin:0px 0px 0px 40px;
 padding:0px 0px 0px 0px;
 background:url('/images/borderVertical.gif') 100% 30px no-repeat;
}
#ontwerpen h2
{
 float:left;
 width:100%;
 height:70px;
 margin:0px;
 padding:0px;
 text-indent:-9999999px;
 background:url('/images/ontwerpIcon.gif') 0px 3px no-repeat;
}
#ontwerpen p
{
 float:left;
 display:inline;
 color:#505050;
 height:80px;
 line-height:20px;
 margin:5px 30px 12px 0px;
 padding:0px;
}
#ontwerpen a
{
 float:left;
 display:inline;
 color:#2366b9;
 line-height:18px;
 text-decoration:none;
 margin:0px;
 padding:0px 0px 0px 8px;
 background:url('/images/linkIcon.gif') 0px 7px no-repeat;
}
#ontwerpen a:hover
{
 text-decoration:underline;
 background:url('/images/linkIcon.gif') 2px 7px no-repeat;
}

#optimalisatie
{
 float:left;
 display:inline;
 height:180px;
 width:305px;
 margin:0px 0px 0px 40px;
 padding:0px 0px 0px 0px;
}
#optimalisatie h2
{
 float:left;
 width:100%;
 height:70px;
 margin:0px;
 padding:0px;
 text-indent:-9999999px;
 background:url('/images/optimalisatieIcon.gif') 0px 3px no-repeat;
}
#optimalisatie p
{
 float:left;
 display:inline;
 color:#505050;
 height:80px;
 line-height:20px;
 margin:5px 30px 12px 0px;
 padding:0px;
}
#optimalisatie a
{
 float:left;
 display:inline;
 color:#2366b9;
 line-height:18px;
 text-decoration:none;
 margin:0px;
 padding:0px 0px 0px 8px;
 background:url('/images/linkIcon.gif') 0px 7px no-repeat;
}
#optimalisatie a:hover
{
 text-decoration:underline;
 background:url('/images/linkIcon.gif') 2px 7px no-repeat;
}

/* Content */
#content
{
 float:left;
 width:100%;
 height:auto;
 margin:15px 0px 0px 0px;
 padding:20px 0px 50px 0px;
}
span.bold
{
font-weight:bold;	
}
#column
{
 float:left;
 width:100%;
 height:auto;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#column h1
{
 float:left;
 width:100%;
 color:#252424;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#column h2
{
 float:left;
 width:100%;
 color:#2366B9;
 font-weight:100;
 font-size:17px;
 margin:30px 0px 0px 0px;
 padding:0px;
}

#column p
{
 float:left;
 width:81%;
 color:#666666;
 line-height:20px;
 margin:10px 0px 0px 0px;
 padding:0px;
}
#column hr
{
float:left;
display:inline;
width:81%;
margin:30px 0px 0px 0px;
border:0px;
border-bottom:1px solid #E8E8E8;	
}

#column p a
{
 color:#2366B9;
}
#column p a:hover
{
 text-decoration:none;
 color:#2366B9;
}
#column p a.previewLink
{
float:right;
}

#leftIndexColumn
{
 float:left;
 width:675px;
 height:auto;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#leftIndexColumn h1
{
 float:left;
 width:100%;
 color:#252424;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 10px 0px;
 padding:0px;
}
#leftIndexColumn h2
{
 float:left;
 width:100%;
 color:#3E3E3E;
 font-size:12px;
 margin:0px 0px 0px 0px;
 padding:0px;
}

#leftIndexColumn p
{
 float:left;
 width:100%;
 color:#666666;
 line-height:20px;
 margin:0px 0px 20px 0px;
 padding:0px;
}
#leftIndexColumn p a
{
color:#2366B9;
text-decoration:none;
}
#leftIndexColumn p a:hover
{
color:#2366B9;
text-decoration:underline;
}

#rightIndexColumn
{
 float:right;
 width:260px;
 height:auto;
 margin:0px 0px 0px 30px;
 padding:0px;
}
#rightIndexColumn h2
{
 float:left;
 width:100%;
 color:#252424;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 0px 0px;
 padding:0px;
}

#rightIndexColumn .slectedWork
{
 float:left;
 display:inline;
 height:auto;
 width:auto;
 margin:10px 0px 0px 0px;
 padding:0px 0px 10px 0px;
 
}
#rightIndexColumn .selectedWorkBorder
{
 float:left;
 display:inline;
 height:88px;
 width:240px;
 margin:0px 0px 0px 0px;
 padding:4px 4px 4px 4px;
 background:#f3f3f3;
 border:1px solid #e3e3e3;
}
.slectedWorkBorderBottom
{
 border-bottom:1px solid #e3e3e3;	
}


/* Content Footer */
#contentFooter
{
float:left;
display:inline;
 width:100%;
 height:auto;
 margin:0px 0px 20px 0px;
 padding:0px 0px 20px 0px;
 border-top:1px solid #E8E8E8;
}

#contentFooter .linkBox
{
 float:left;
 display:inline;
 width:185px;
 height:auto;
 margin:20px 40px 0px 0px;
 padding:0px 0px 0px 0px;
}
#contentFooter .linkBox h3
{
 display:block;
 color:#252424;
 font-weight:100;
 font-size:17px;
 margin:0px 0px 10px 0px;
 padding:0px;
}












#contentFooter .linkBox ul.highlightNavigation
{
 display:block;
 list-style:none;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#contentFooter .linkBox ul.highlightNavigation li
{
 float:left;
 display:inline;
 width:100%;
 margin:0px;
 padding:0px;
}
#contentFooter .linkBox ul.highlightNavigation li a
{
 display:block;
 color:#3E3E3E;
 font-size:17px;
 text-decoration:none;
 margin:0px 0px 0px 0px;
 padding:0px 0px 8px 0px;
}





#contentFooter .linkBox ul.highlightNavigation li ul
{
 display:block;
 list-style:none;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#contentFooter .linkBox ul.highlightNavigation li ul li
{
 float:left;
 display:inline;
 width:100%;
 margin:0px;
 padding:0px;
}
#contentFooter .linkBox ul.highlightNavigation li ul li a
{
 display:block;
 color:#666666;
 font-size:12px;
 text-decoration:none;
 margin:0px 0px 0px 0px;
 padding:8px 0px 8px 8px;
 background:url('/images/linkIcon.gif') 0px 13px no-repeat;
 border-bottom:1px solid #e8e8e8;
}
#contentFooter .linkBox ul.highlightNavigation li ul li a:hover
{
 text-decoration:underline;
 color:#2366B9;
 background:url('/images/linkIcon.gif') 2px 13px no-repeat;
}

#contentFooter .newsBox
{
 float:left;
 display:inline;
 width:320px;
 height:auto;
 margin:20px 0px 0px 0px;
 padding:0px 0px 0px 0px;
}
#contentFooter .newsBox h3
{
 display:block;
 color:#2366B9;
 font-weight:100;
 font-size:17px;
 margin:0px;
 padding:0px;
}

#contentFooter .newsBox ul
{
 display:block;
 list-style:none;
 margin:9px 0px 0px 0px;
 padding:0px;
}
#contentFooter .newsBox ul li
{
 float:left;
 display:inline;
 width:100%;
 margin:0px;
 padding:0px;
 border-bottom:1px solid #e8e8e8;
}
#contentFooter .newsBox ul li a
{
 float:left;
 display:inline;
 color:#2366B9;
 width:311px;
 text-decoration:none;
 margin:0px 0px 0px 0px;
 padding:8px 0px 8px 8px;
 background:url('/images/linkIcon.gif') 0px 13px no-repeat;
}
#contentFooter .newsBox ul li a:hover
{
 text-decoration:none;
 color:#2366B9;
 background:url('/images/linkIcon.gif') 2px 13px no-repeat;
}
#contentFooter .newsBox ul li a span
{
 color:#666666;
 margin:0px 0px 0px 5px;
}
#contentFooter .newsBox ul li a:hover span
{
 color:#2366B9;
 text-decoration:underline;
}
#contentFooter .newsBox ul li a.tip span
{
color:#F00;
}

/* Diensten page */
#leftColumn
{
 float:left;
 width:150px;
 height:auto;
 margin:0px 0px 0px 0px;
 padding:0px;
}
#leftColumn ul.submenu
{
 float:left;
 width:140px;
 height:auto;
 list-style:none;
 margin:0px 0px 0px 2px;
 padding:0px;
}
#leftColumn ul.submenu li
{
 float:left;
 width:100%;
 margin:0px;
 padding:1px 0px 7px 0px;
}
#leftColumn ul.submenu li a
{
 color:#252424;
 float:left;
 font-size:18px;
 font-weight:100;
 text-decoration:none;
 margin:0px;
 padding:0px;
 width:100%;
}

#leftColumn ul.submenu ul
{
 float:left;
 width:150px;
 height:auto;
 list-style:none;
 text-decoration:none;
 margin:8px 0px 0px 2px;
 padding:0px;
}
#leftColumn ul.submenu li ul
{
 float:left;
 width:100%;
 margin:0px;
 padding:7px 0px 7px 0px;
}
#leftColumn ul.submenu li ul li
{
 float:left;
 width:100%;
 text-decoration:none;
 margin:0px;
 padding:7px 0px 7px 0px;
 border-bottom:1px solid #E8E8E8;
}
#leftColumn ul.submenu li ul li a
{
 float:left;
 display:inline;
 font-size:12px;
 text-decoration:none;
 color:#2366b9;
 margin:0px;
 padding:0px 0px 0px 8px;
 background:url('/images/linkIcon.gif') 0px 5px no-repeat;  
}
#leftColumn ul.submenu li ul li a:hover
{
 background:url('/images/linkIcon.gif') 2px 5px no-repeat;  
}
#leftColumn ul.submenu li ul li.active a
{
 font-weight:bold;
 text-decoration:underline;
}



#leftColumn ul.submenu li.active ul li a
{
 float:left;
 display:inline;
 text-decoration:none;
 font-weight:100;
 color:#2366b9;
 margin:0px;
 padding:0px 0px 0px 8px;
 background:url('/images/linkIcon.gif') 0px 5px no-repeat;  
}
#leftColumn ul.submenu li.active ul li a:hover
{
 background:url('/images/linkIcon.gif') 2px 5px no-repeat;  
}
#leftColumn ul.submenu li.active ul li.active a
{
 font-weight:bold;
 text-decoration:underline;
}



#leftColumn span
{
 float:left;
 width:100%;
 color:#252424;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 0px 0px;
 padding:0px;
}


/* Rechter kolom content pagina*/
#rightColumn
{
 float:left;
 width:770px;
 height:auto;
 margin:0px;
 padding:0px 0px 20px 30px;
}
#rightColumn h1
{
 float:left;
 width:100%;
 color:#252424;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 11px 0px;
 padding:0px;
}

#rightColumn h2
{
 float:left;
 width:100%;
 color:#3E3E3E;
 font-size:12px;
 margin:2px 0px 5px 0px;
 padding:0px;
}
#rightColumn p
{
 float:left;
 width:80%;
 color:#666666;
 line-height:20px;
 margin:0px 0px 14px 0px;
 padding:0px;
}

#rightColumn p.imageDescription
{
 float:left;
 width:80%;
 color:#666666;
 line-height:20px;
 font-size:11px;
 margin:0px 0px 15px 0px;
 padding:0px;
}

.googleOptimalisationImage
{
 float:left;
 display:inline;
 margin:30px 0px 0px 0px;
 padding:0px;
}

#rightColumn hr
{
 float:left;
 display:inline;
 width:80%;
 margin:30px 0px 0px 0px;
 border:0px;
 border-bottom:1px solid #E8E8E8;	
}
#rightColumn p a
{
 color:#2366B9;
}
#rightColumn p a:hover
{
 text-decoration:none;
 color:#2366B9;
}
#rightColumn p a.previewLink
{
float:right;
}
/* End Diensten page*/


/* Nieuws page */
.news
{
 float:left;
 display:inline;
 width:100%;
 list-style:none;
 margin:8px 0px 0px 0px;
 padding:0px 0px 0px 0px;
 border-bottom:1px solid #e8e8e8;
}

.news p
{
 margin:0px 0px 10px 0px;
}
.news p a
{
 float:none;
 margin:0px;
 padding:0px;
 background:none;
}
.news p a:hover
{
 text-decoration:underline;
}

#rightColumn .news h2
{
 float:left;
 display:inline;
 color:#2366B9;
width:auto;
 font-size:16px;
 font-weight:100;
 text-decoration:none;
 margin:0px 0px 0px 0px;
 padding:8px 0px 8px 0px;
 background:none;
}
#rightColumn .news span
{
 float:left;
 display:inline;
 color:#9f9f9f;
 font-weight:100;
 font-size:12px;
 margin:11px 8px 0px 0px;
 padding:0px;
}
#rightColumn p a.back
{
float:left;
display:inline;
margin:0px;
padding:0px 0px 0px 8px;
background:url('/images/linkIconLeft.gif') 2px 8px no-repeat;		
}
#rightColumn p a.back:hover
{
float:left;
display:inline;
margin:0px;
padding:0px 0px 0px 8px;
background:url('/images/linkIconLeft.gif') 0px 8px no-repeat;			
}

#rightColumn p a.forward
{
float:left;
display:inline;
margin:0px;
padding:0px 0px 0px 8px;
background:url('/images/linkIcon.gif') 0px 8px no-repeat;	
}
#rightColumn p a.forward:hover
{
float:left;
display:inline;
margin:0px;
padding:0px 0px 0px 8px;
background:url('/images/linkIcon.gif') 2px 8px no-repeat;	
}

/*End nieuws page */


/* Portfolio page*/
.portfolioContent
{
 float:left;
 height:auto;
 width:100%;
 margin:30px 0px 0px 0px;
}
.portfolioContent h2{
 float:left;
 width:100%;
 color:#467cb7;
 font-weight:100;
 font-size:19px;
 margin:0px 0px 0px 0px;
 padding:0px;
}

.portfolioBox
{
 height:auto;
 width:450px;
 padding:0px;
}

.left
{
float:left;
margin:10px 0px 20px 80px;
}
.right
{
float:left;
margin:10px 0px 20px 0px;	
}

.portfolioBox .border
{
 float:left;
 height:200px;
 width:450px;
 margin:10px 0px 0px 0px;
 padding:4px 4px 4px 4px;
 background:#f3f3f3;
 border:1px solid #e3e3e3;
}
#column .portfolioBox p span
{
 font-size:14px;
 font-weight:bold;
 color:#3e3e3e;	
}
#column .portfolioBox p a
{
 text-decoration:none;
 color:#666666;	
}
#column .portfolioBox p a:hover
{
 text-decoration:underline;
 color:#666666; 
}

#column .portfolioBox p span a
{
float:right;
font-size:12px;
}

#column .portfolioBox p
{
width:450px;
padding:0px 0px 0px 5px;
}


.contentBorderHorizontal
{
 float:left;
 height:auto;
 width:100%;
 margin:40px 0px 40px 0px;
 border-bottom:1px solid #E8E8E8;
}


/* Footer */
#footer
{
 float:left;
 display:inline;
 width:100%;
 height:56px;
 margin:30px 0px 0px 0px;
 padding:0px;
 background:url('/images/footer.gif') repeat-x;
}
#footerInner
{
 width: 990px;
 height:31px;
 margin: 0px auto;
 padding:25px 0px 0px 10px;
}
#footerInner span#left
{
float:left;
color:#ffffff;
margin:0px;
padding:0px;
}
#footerInner span#left a
{
color:#ffffff;
margin:0px;
padding:0px;
}
#footerInner span#right
{
float:right;
color:#ffffff;
margin:0px;
padding:0px;
}
#footerInner span#right a
{
color:#ffffff;
margin:0px;
padding:0px;
}

/* Offerte / Contact form */
#rightColumn form
{
float:left;
display:inline;
width:432px;
height:auto;
margin:15px 0px 0px 0px;
padding:0px;
}
#rightColumn form dl.zend_form
{
float:left;
display:inline;
margin:0px;
padding:0px;
}
#rightColumn form dl.zend_form dt
{
float:left;
display:inline;
margin:0px;
padding:0px;
}
#rightColumn form dl.zend_form dt label
{
float:left;
display:inline;
width:432px;
height:auto;
margin:1px 0px 3px 0px;
padding:0px;
}
#rightColumn form dl.zend_form dd
{
float:left;
display:inline;
margin:0px;
padding:0px;
}
#rightColumn form dl.zend_form dd input
{
float:left;
display:inline;
width:423px;
height:24px;
font-size:12px;
margin:0px 0px 14px 0px;
padding:6px 5px 0px 5px;
border:none;
background:url('/images/contactInput.gif') no-repeat;
}

#rightColumn form dl.zend_form dd input#address
{
display:none;
}


#rightColumn form dl.zend_form dd input#submit
{
float:left;
display:inline;
outline:none;
width:104px;
height:32px;
font-size:12px;
margin:10px 0px 14px 330px;
padding:6px 5px 0px 5px;
border:none;
text-indent:-999999px;
font-size:0%;
cursor:pointer;
background:url('/images/contactSubmit.gif') no-repeat;
}

#rightColumn .error
{
float:left;
display:inline;
width:423px;
color:#F00;
height:24px;
font-size:12px;
margin:0px 0px 14px 0px;
padding:6px 5px 0px 5px;
border:none;
}

#rightColumn form dl.zend_form dd textarea
{
float:left;
display:inline;
width:427px;
height:205px;
font-family:arial;
font-size:12px;
margin:0px 0px 14px 0px;
padding:5px 0px 0px 5px;
border:none;
background:url('/images/contactTextarea.gif') no-repeat;
}
#rightColumn form dl.zend_form dd ul.errors
{
float:left;
display:inline;
list-style:none;
width:432px;
margin:-10px 0px 10px 0px;
padding:0px;
}
#rightColumn form dl.zend_form dd ul.errors li
{
float:left;
display:inline;
color:#ff0000;
margin:0px 0px 0px 3px;
padding:0px 0px 0px 10px;
background:url('/images/inputError.gif') 0px 4px no-repeat;
}
/* End contact form */

/* Paginator */
.paginationControl
{
float:left;
display:inline;
color:#666666;
width:100%;
margin:20px 0px 0px 0px;
padding:0px;
}
.paginationControl .disabled
{
color:#d0d0d0;
}
.paginationControl a
{
color:#2366B9;
text-decoration:none;
}
.paginationControl a:hover
{
text-decoration:underline;
}

/* End paginator*/




/* carousel style */
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
    margin:13px 0px 0px 55px;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0px;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
    height: 75px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 242px;
    padding: 0px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 242px;
    height: 152px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  242px;
    height: 152px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  242px;
    height: 152px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 242px;
    height: 152px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}