/**
 *
 * Eric Meyers CSS reset (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
 *
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

/* remember to define focus styles! */:focus {
    outline: 0;
}

body {
    line-height: 1;
    color: black;
    background: white;
}

.fbContent {
    width: 400px;
}

ol, ul {
    list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* Note: Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address {
    display: block;
}

/*********************  our css starts here ********************/
body {
    font: 11px / 1.3 verdana, arial, sans-serif;
    
}

#logo {
  position:absolute;
  top:18px;
  left:130px;
  }    
    
#wrapper {
  padding-top:100px;
  /*width:1024px;*/
  background: #fff url(../images/bg.png) repeat-x 0 0;
}

.serps #wrapper {
  padding-top:80px;
  }

#content {
  width:480px;
  margin: 0 auto;  
}  
    
#welcomeText {
  padding: 0 10px;
  }    
    
#searchField {
  background: #eee url(../images/sf_top.png) no-repeat left top;
}

    
#searchField.home {
  margin-top:20px;
  }
#searchField div {
   background: transparent url(../images/sf_bottom.png) no-repeat left bottom;
   padding:15px 20px;
  }
#searchField.home div {
  padding:35px 20px 18px;
  }


#searchField .query {
  border:1px solid #ccc;
  color:#4d535f;
  padding:6px 5px;
  font-size: 16px;
  width:390px;
  vertical-align:top;
  
  }

#searchField.home .query {
  margin-bottom:34px;
  }

#searchField #button {
  vertical-align:top;
}

#searchField.home {
  margin-bottom:100px;
}

#featured {
  width:640px;
  margin: 0 auto;  
  background: transparent url(../images/featured_top.png) no-repeat left top;
  padding-top:5px;
  }
#featured ul {
  border-left:1px solid #ccc;
  border-right:1px solid #ccc;
  padding:10px 0 5px 5px;
  }

#featured ul li a img {
  max-width:94px;  
}

#featured #bottom {
  
  height:5px;
  background: transparent url(../images/featured_bottom.png) no-repeat left bottom;
  }

#featured li {
  float:left;  
  margin-right:6px;
}
#featured li a {
  border:1px solid #ccc;
  padding:2px;
  display:block;
}
#featured a.previous,
#featured  a.next{
  display:block;
  margin: 56px 4px;
  border:1px solid #eee;
  padding:10px 6px;
}
#featured li a.info {
  border:none;
  padding:0;
  text-align:center;
  margin-top:5px;
}
#footer {
  padding:5px;
  width:1014px;
  margin:54px auto 38px;
  width:480px;
}
#footer a {
  padding:5px 5px;
  color:#999;
}

#serps {
  margin-top:30px;
  }
  
p.filter {
  text-align:right;  
  margin-top: 22px;
  font-size:10px;
  padding-right: 8px;
}
p.filter span {
  color: #7c818a;
  padding-right:10px;
}
  
  
.ser {
  border-top:1px solid #999;
  padding:10px 5px 15px;
  } 
  
.ser img {
  float:left;
  border:1px solid #cfcfcf;
  padding:1px;
  margin-right:10px;
  }   
  
.ser p, .ser table {
  margin-left: 60px;
 
  }  
  
.ser p {
   margin:5px 0;
  }  
  
.ser table th {
  color:#666;
  width:76px;
  padding-left:0px;
  }  
  

.grey {
  color:#4d535f;
}
  
a {
    text-decoration: none;
    color:#63cd00;
}

a:hover {
    text-decoration: underline;
}

.arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 0px 0 1px 18px;  
  font-size:13px;
  font-weight:bold;
  background-position: left center;
  background-image: url(/images/arrow.png);
}
.small.arrow {
  padding: 0 0 1px 13px;
  font-size:11px;
  background-image: url(/images/arrow_sm.png);
}



/*
 * =headlines
 --------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5 {
    font-size: 13px;
    color: #4d535f;
    margin: 0px 0 10px 0;
    padding: 0px;
    line-height:1;
}

h1 {
  font-size: 18px;
  font-weight:bold; 
}
h1 sup {
  font-size:12px;
  line-height:1;
  vertical-align:super
  }
.serps h1 {
  color: #4d535f;
  font-size:16px;
  font-weight:normal;  
  padding-left: 10px;
}
h2 {
  font-weight:bold; 
   font-size: 12px;
}



/*
 * =content
 --------------------------------------------------------------------------------*/
p {
    
    text-align: left;
    margin-bottom: 10px;
    max-width:550px;
}

/*
 * =pager
 --------------------------------------------------------------------------------*/
.pager {
  margin-top:10px;
  border-top:1px solid #999;
  padding-top:12px;
 }

.pagerArrow  {
  display:block;
  float:left;
  width:18px;
  height:19px;
  border: 1px solid #eee;
  margin-right:9px;
  background: transparent url(../images/pager_sprite.png) no-repeat left top;
}
.pagerArrow.rr {
  margin-right:0px;
  } 
.pagerArrow.ll {
  background-position: 4px 4px;
}
.pagerArrow.l {
  background-position: -12px 4px;
}
.pagerArrow.r {
  background-position: -26px 4px;
}
.pagerArrow.rr {
  background-position: -43px 4px;
}


.pagerNavigation {
  width:332px;
  float:left;
  padding-left:40px;
  }
.pagerNavigation li {
  display: block; 
  float:left; 
  margin: 0px 4px; 
  border: 1px solid #eee;
  text-align:center;
  font-weight:bold;
  font-size:11px;
  width:30px;
}
.pagerNavigation li a {
  display: block; 
  padding:3px 0;
  background: #fff url(/images/bg_pager.png) repeat-x bottom left;
}

.pagerNavigation li span {
  display: block; 
  padding:3px 0;
  color:#4d535f;
}

.pagerNavigation li a:hover {
  color:#4d535f;
  text-decoration: none;
  }

.bold {
  font-weight:bold;
}
.normal {
  font-weight:normal;
}

.leftPadding {
  padding-left:10px;
  }


  .jcarousel-container {
    position: relative;
}

.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: 0;
    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: 150px;
}

/**
 * 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 {
   -moz-border-radius: 10px;

    border: 1px solid #eee;
    margin: 0 auto;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 600px;
    padding: 20px 40px;
}

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

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  550px;
    height: 141px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  94px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 94px;
    height: 141px;
}

.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: 83px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/arrow_right.png) no-repeat 0 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: 83px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/arrow_left.png) no-repeat 0 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(/images/arrow_right.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(/images/arrow_left.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;
}