/* CSS Document */
/**
 * SimpleModal Test
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Revision: $Id: simplemodal.css 162 2008-12-01 23:36:58Z emartin24 $
 *
 */

/* SimpleModal Styles */
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc;}
a.modalCloseImg { height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}




/*
 * SimpleModal recommend Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2008 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: recommend.css 164 2008-12-02 23:31:54Z emartin24 $
 *
 */

body {padding:0; margin:0; height:100%; width:100%;}

/* Overlay */
#recommend-overlay {background-color:#000; cursor:wait;}

/* Container */
#recommend-container {width:450px; font-family:Helvetica, Verdana, Arial; font-size:16px; text-align:left;}
#recommend-container .recommend-content {background-color:#FFF; color:#ddd; height:40px;}
#recommend-container h1 {color:#CC0000; margin:0; padding:9px 0 9px 12px; font-size:0.9em; text-align:left;}
#recommend-container .recommend-loading {position:absolute; background:url(../img/recommend/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#recommend-container .recommend-message {text-align:center;}
#recommend-container .recommend-error {width:92%; font-size:.8em; background:#F7CBCA; border:1px solid #CC0000; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; color:#CC0000;}
#recommend-container br {clear:both;}
#recommend-container form {padding:0; margin:0;}
#recommend-container label {clear:left; display:block; width:120px; float:left; text-align:right; padding-right:4px; font-weight:bold; color:#999999;}
#recommend-container .contact-input {font-family:'Trebuchet MS', Verdana, Arial; float:left; padding:2px; margin:2px;  width:280px;}
#recommend-container textarea {height:114px; font-size:.9em;}
#recommend-container .recommend-cc {font-size:.9em; cursor:default;}
#recommend-container .contact-top {height:13px; background:url(images/form-top-new.gif) no-repeat; padding:0; margin:0;}
#recommend-container .contact-bottom {height:13px; background:url(images/form-bottom-new.gif) no-repeat; font-size:.7em; text-align:center;}
#recommend-container .recommend-bottom a,
#recommend-container .recommend-bottom a:link,
#recommend-container .recommend-bottom a:active,
#recommend-container .recommend-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#recommend-container .recommend-bottom a:hover {color:#888;}
#recommend-container .recommend-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; text-indent:-9999;}
#recommend-container .recommend-send {width:171px; background:url(images/recomment_black.gif) no-repeat; text-indent:-9999; margin-left:125px;}
#recommend-container .recommend-cancel {width:65px; background:url(images/cancel.png) no-repeat;}
#recommend-container a.modalCloseX,
#recommend-container a.modalCloseX:link,
#recommend-container a.modalCloseX:active,
#recommend-container a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-4px; right:6px; color:#999;}
#recommend-container a.modalCloseX:hover {color:#9bb3b3;}

.jcarousel-skin-tango { z-index:0; list-style:none;}
.jcarousel-skin-tango .jcarousel-container {
    background: #fff;
    border: 0px solid #346F97;
	z-index:0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 680px;
    padding: 20px 40px;
	z-index:0;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 310px;
    height: 245px;
    padding: 5px 5px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  680px;
    height: 200px;
	z-index: 0;
}

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

.jcarousel-skin-tango .jcarousel-clip-vertical .jcarousel-item {
    width: 310px;
    height: 122px;
	background-color:#F1F1F1;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 125px;
    height: 205px;
}

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 100px;
    right: 5px;
    width: 14px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/three-right-arrow.gif) no-repeat 0 0;
	background-position: -14px 0px;
}

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

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

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 100px;
    left: 5px;
    width: 14px;
    height: 20px;
    cursor: pointer;
    background: transparent url(images/three-left-arrow.gif) no-repeat 0 0;
	background-position: -14px 0;
}

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

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -14px 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: -28px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    right: 90px;
    width: 20px;
    height: 14px;
    cursor: pointer;
    background: transparent url(images/three-down-arrow.gif) no-repeat 0 0;
}

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

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

.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 -28px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    right: 90px;
    width: 20px;
    height: 14px;
    cursor: pointer;
    background: transparent url(images/three-up-arrow.gif) no-repeat 0 0;
}

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

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

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


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.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: 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;
}