/* 
    Document   : style
    Created on : 16-November-2011, 16:31:34
    Author     : Paul Roberts @ Redbeck Ltd
    Description: Style Sheet for Teeshop template

*/

body {
    font-family: Arial, Helvetica, Verdana, sans-serif;
    background: #cacacc;     /* url('../pics/backgrounds/bg.jpg') top center no-repeat; */
    margin: 0; 
    padding:0; 
    overflow-x:hidden; /* Fix to stop facebook Like button messing up the page - cant seem to stop this */
    font-size:11px;
}

#siteWrap {
    width:960px;
    border:1px #333 solid;
    margin: 0 auto;
    padding:0px;
}

#ajaxLoading {
    display:none;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: rgba(0,34,63,.8);
    color: white;
    font-size: 18px;
    font-weight: bold;
    z-index:20000;
    width:380px;
    height:120px;
    left: 60px;
    line-height: 80px;
    margin: 0 auto;
    position:fixed;
    text-align: center;
    top:180px;
    left:50%;
    margin-left:-190px;
}

#ajaxLoading .ajaxContent {
    background:url('https://code.instantcart.com/images/ajax-loader.gif') center 30px no-repeat;
    line-height:1.4em;
    font-size:14px;
    padding:60px 10px 0 10px;
}

#moreProductsMsg {
    padding:20px;
    background: #f4f4f4;
    font-size:12px;
    height:20px;
    text-align:center;
    margin-top:20px;
    width:630px;
    display:none;
}

/* General Styles */

img, 
a:link img, 
img a:visited, 
img a:active, 
img a:hover, 
a:link img, 
a:active img, 
a:visited img{
    border:0; 
    text-decoration:none
}

a:link, 
a:active, 
a:visited{
    color: #444;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h3, p {
    /* text-shadow: 0px 1px 1px #f8f8f8; */
    font-family: Trebuchet Ms, arial;
}

h1 {
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    margin: 0;
    color: #f26722;
}

h3 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px;
    padding: 15px;
    line-height:1.3em;
    color: #4f4b62;
    background: #f4f4f4;
    border-bottom: 3px solid #f4f4f4;

}

h4 {

    border-bottom:1px solid #b5b5b5;
    font-size:14px;
    font-weight:bold;
    padding:3px;
    margin:10px;
    color: #333;
}

p {
    font-size: 11px;
    font-weight: normal;
    padding: 3px 0 3px 0;
    margin: 0;
}

p a:link, 
p a:active, 
p a:visited {
    color: #444;;
    text-decoration:none;
}

p a:hover {
    color: #999;
    text-decoration:underline;
}

/* Form elements */


label {
    display:inline-block;
    vertical-align: top;
    text-align:left;
    width:105px;
    font-size:11px;
    color:#7d7d7d;
    margin:0 0 10px 0;
    padding-top:8px;
}


input[type=password], input[type=text], textarea, select { 
    -webkit-appearance: none;
    background: #fff;
    padding: 6px 6px 6px 8px;
    border: solid 1px #bcbbbb;
    outline: none;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    -khtml-border-radius: 4em; 
    border-radius: .4em;
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}  

select{
    padding: 5px 6px 5px 8px;
}

textarea {  
    width: 400px;  
    max-width: 400px;  
    height: 150px;  
    line-height: 150%;  
}  

input[type=password]:hover, input[type=password]:focus, 
select:hover, select:focus, 
input[type=text]:hover, textarea[type=text]:hover,  
input[type=text]:focus, textarea[type=text]:focus {  
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.4); 
}  

.form label {  
    margin-left: 10px;  
    color: #999999;  
}  

.form label img{  
    margin-bottom:-4px;
    margin-left:4px;  
}  

.submit input {  
    width: auto;  
    padding: 9px 15px;  
    background: #617798;  
    border: 0;  
    font-size: 14px;  
    color: #FFFFFF;  
    border-radius: 5px;  
    -webkit-appearance: none;
    -moz-border-radius: 5px;  
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    /* overflow: visible; */ /* IE 7 and lower fix for button padding to make IE SEE the padding we spec in our css  - SEEMS TO DISAPPEAR!*/ 
    cursor:pointer;
    cursor:hand;
}  


input[type=submit], 
input[type=button], 
button{
    /* overflow: visible; */ /* IE 7 and lower fix for button padding to make IE SEE the padding we spec in our css  - SEEMS TO DISAPPEAR!*/
    background: #ff7300;
    border:0;
    color: #fff;
    font-size: 13px;
    padding:4px 10px;
    font-weight: bold;
    font-family: Trebuchet Ms, arial;
    -webkit-appearance: none;
    border-radius: 0.8em; 
    -moz-border-radius:0.8em;
    -khtml-border-radius:0.8em;    
    cursor:pointer;
    cursor:hand;
}


.feature input[type=button], .feature button{
    float:left;
    margin-top:200px;
    margin-left:-235px;
}

.blue{

    background: #08aed6;
}

/**
  *
  * Singup form error
  *
*/

.form_error{
    padding: 5px 5px;
    display: inline-block;
    border-radius:7px;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    background-color: #fcb6b1;	
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
}

/**
  *
  * Password Strength Meter
  *
*/

.password_strength {
    padding: 5px 5px;
    display: inline-block;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    border-radius:7px;
    margin-left:10px;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
}
.password_strength_1 {
    background-color: #fcb6b1;
}
.password_strength_2 {
    background-color: #fccab1;
}
.password_strength_3 {
    background-color: #fcfbb1;
}
.password_strength_4 {
    background-color: #dafcb1;
}
.password_strength_5 {
    background-color: #bcfcb1;
}




/* Ajax Box */

#hiddenBox {
    width:300px;
    height:80px;
    margin-right:20px;
}

.hidden {
    display:none;
}

#ajaxLoading {
    display:none;
    position:fixed;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius:10px;
    background-color: rgba(0,34,63,.8);
    color: white;
    font-size: 18px;
    font-weight: bold;
    z-index:20000;
    width:380px;
    height:120px;
    left: 60px;
    line-height: 80px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top:180px;
    left:50%;
    margin-left:-190px;
}

#ajaxLoading .ajaxContent {
    background:url('https://code.instantcart.com/images/ajax-loader.gif') center 30px no-repeat;
    line-height:1.4em;
    font-size:14px;
    padding:60px 10px 0 10px;
}

/* Main elements */

.header {
    width: 960px;
    height: 298px;
}

.headerLogo {
    position:absolute;
    background: url('../pics/backgrounds/header_bg.jpg') no-repeat top left;
    width: 960px;
    height: 298px;
}

.searchWrapper {
    position:absolute;
    z-index:9;
    width: 206px;
    height: 25px; 
    background: #a4a4a4;
    zoom: 1;
    margin-top: 20px;
    padding:5px 5px;
    margin-left: 714px;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.searchWrapper dl {
    margin:0;
    padding:0;
    width: 224px;
}

.searchWrapper dl dt {
    color: #f37131;
    float:left;
    font-weight:bold;
    margin-right:10px;
    padding:7px 5px;
    width:65px;
}
.searchWrapper dl dd a:link, .searchWrapper dl dd a:visited,
.searchWrapper dl dd a:hover, .searchWrapper dl dd a:active, 
.searchWrapper dl dt a:link, .searchWrapper dl dt a:visited,
.searchWrapper dl dt a:hover, .searchWrapper dl dt a:active {
    color: #f37131;
}

.searchWrapper dl dd {
    display:inline-block;
    vertical-align: top;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
    color: #f37131;
    margin:2px 0;
    padding:5px 0;    
    width: 139px; /* Need width for IE < 8 */ 
}

.searchWrapper .searchBox {
    width: 125px;
    height: 25px;
    background: url('../pics/backgrounds/search_box.gif') no-repeat top left;
}

.searchWrapper .searchBox input[type=text]{
    width: 117px;
    height:17px;
    padding:4px;
    margin: 0;
    background: url('../pics/backgrounds/search_box.gif') no-repeat top left;
    border: 0;
    -webkit-appearance: none;
    -moz-box-shadow: inset 0 0 0 rgba(0,0,0,.4);
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.4);
    box-shadow: inset 0 0 0 rgba(0,0,0,.4); 
    border-radius: 0; 
    -moz-border-radius: 0; 
    -khtml-border-radius: 0;
    -webkit-border-radius:0;
}

.pageContent {
    width: 930px;
    min-height:1100px;
    margin:0;
    padding:15px;
    background: url('../pics/backgrounds/pageBg.jpg') repeat-y top left;
}

.leftPanel {
    display: inline-block;
    vertical-align: top;
    width: 670px;
    margin:10px 6px 0 10px;    
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
}

.leftPanel .navigation {
    height: 45px;
    width: 670px;
    margin-bottom:10px;
    background: #f0f9f6;
}

.leftPanel p {
    padding:10px 10px; 
    color: #555;
}

.leftPanel h3 {
    margin: 10px 0;
}

.leftPanel .content_html {
    padding:10px; 
    width:660px;
} 

.leftPanel .content {
    padding:10px; 
    width:660px;
}

.leftPanel .content p{
    padding:10px 0;
}

.leftPanel .content hr{
    border:0; 
    width:660px; 
    background: #d3d3d3; 
    height:1px; 
    margin:20px 0;
}

.rightWrap {
    width: 210px;
    height:580px;
    display: inline-block;
    vertical-align: top;
    margin-left:10px; 
}

.rightPanel {
    width: 210px;
    height:580px;
    display: inline-block;
    vertical-align: top;
    margin-top:10px;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
    border-left: 2px #e5e5e5 dashed;
    background: #f4f4f4;
}

.rightPanel  div.banners {
    margin-top:20px;
}

.rightPanel  div.categories {
    margin-top:5px;
}

.rightBrands {
    margin-top:20px;
    width: 210px;
    height:300px;
    display: inline-block;
    vertical-align: top;
    margin-top:10px;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
}

div.categories.information {
    margin-top:25px;
}

#fb-root{

    width:210px;
}

.fb-like {
    width:210px;
    padding:20px 5px 5px 13px;
}

.rightPanel div.categories dl {
    margin:0;
    padding:0px 10px;
    width:200px;
} 

.rightPanel div.categories dl dt {
    color: #424242;
    padding:8px 5px;
    font-size:12px;
    width:170px;
    border-bottom: 1px solid #ececec;
}


.rightPanel div.categories dl dd {
    padding:6px 5px; 
    margin: 0 0 0 10px;
    font-size:11px;
    width:170px;
    border-bottom: 1px solid #ececec;
}

.rightPanel div.categories dl dd dl{
    padding:6px 5px; 
    margin: 0 0 0 -15px;
    font-size:11px;
    width:170px;
    border-bottom: 1px solid #ececec;
}

.rightPanel div.categories dl dd dl a:link, 
.rightPanel div.categories dl dd dl a:visited, 
.rightPanel div.categories dl dd dl a:active, 
.rightPanel div.categories dl dd a:link, 
.rightPanel div.categories dl dd a:visited, 
.rightPanel div.categories dl dd a:active, 
.rightPanel div.categories dl dt a:link, 
.rightPanel div.categories dl dt a:visited, 
.rightPanel div.categories dl dt a:active {
    color: #424242;
}

.rightPanel .basket {
    width: 210px;
}


.rightPanel .basket dl {
    margin:0;
    padding:0px 15px 15px 15px;
    width: 180px; /* need width for < IE 8 */
}

.rightPanel .basket dl dt {
    color: #656766;
    float:left;
    font-size:12px;
    margin-bottom:10px;
    padding:0;
    width:170px;
}

.rightPanel .basket dl dd a:link, .rightPanel .basket dl dd a:visited,
.rightPanel .basket dl dd a:active, .rightPanel .basket dl dt a:link, 
.rightPanel .basket dl dt a:visited, .rightPanel .basket dl dt a:active {
    color: #656766;
}

.rightPanel .basket dl dt a:hover, .rightPanel .basket dl dd a:hover {
    text-decoration: underline;
}

.rightPanel .basket dl dd {
    margin:0;
    padding:0;   
    font-size:12px; 
    color: #424242;
    width: 140px; /* need width for < IE 8 */
}



.footerText {
    margin: 0 auto;
    text-align:center;
    padding:10px;
    width: 930px;
    margin-top:20px;

}

.footerText p, .footerText p a:link, .footerText p a:visited, .footerText p a:active {
    color: #555;
}

.footerBar{
    width:960px; height:67px; background: url('../pics/backgrounds/footerBg.jpg');
}


/* Product */

.product {
    display: inline-block;
    vertical-align: top;
    width: 195px;
    padding:10px;
    margin-top:5px;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
    border: 3px #f4f4f4 solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px; /* future proofing */
    -khtml-border-radius: 10px; /* for old Konqueror browsers */
}

.product .product-img {
    text-align: center;
    height:180px;
    width:180px;
}

.product p, .product p a:link, .product p a:visited, .product p a:active {
    color: #f37131;
    text-decoration: underline;
    height:50px;
    padding:5px 0;
    font-weight:bold;


}

.product .price {
    color: #555;
    font-size:16px;
}

.product .priceTag {
    color: #a5a5a5;
}

.product .priceTrail {
    color: #a5a5a5;
    font-size:12px;
}


.product .buy {
    margin-top:5px;
}

.product .review {
    margin-top: -18px;
    width: 60px;
    height: 18px;
}

.product .review img {
    width: 60px;
    height: 18px;
}

/* Product listing sort */
.filter {
    width:650px;
    padding:10px;
    display: block;
    background-color: #f4f4f4;
}

.filter .filterContent ul { 
    list-style-type: none; 
    margin:4px 0; 
    width:650px;
    padding:0;
}

.filter .filterContent ul li {
    /*basic styles*/
    width: 190px;  
    height: 20px;  
    padding:7px 10px 5px 10px;
    color: #fff; 
    background-color: #4f4b62;
    text-align: center;  
    font-size: 12px;  
    white-space: nowrap;
    margin-right:4px;
    margin-bottom:6px;
    cursor:hand;
    cursor:pointer;
    /*gradient styles*/
    /*border styles*/
    border: solid 0px #999;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display:inline-block;
}

.filter .filterContent ul li a:link, .filter .filterContent ul li a:visited, .filter .filterContent ul li a:active {
    margin: 0px; display: block; width: 100%; height: 100%; 
    color: #fff;
    white-space: nowrap;
}

.filter .filterContent ul li.on {    
    background: #a1a1a1;
}

.filter .filterContent ul li:hover {
    background: #a1a1a1;
    color: #fff;
}

.filter .filterContent ul li a:hover {
    color: #fff;
}

.filter .filterContent form {
    display:inline;
    margin-right:20px;
}

.filterName {
    width:100px;
    display: inline-block; 
    vertical-align:top;
    padding-top:3px;
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
}

.filterContent {
    width:450px;
    display: inline-block;   
    vertical-align:top; 
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */

}

/* Page Nav */

.pageNav {
    margin-top:20px; 
    font-size:11px;
    color: #666;
    text-align:right;
}
.pageNav a:link, .pageNav a:visited, .pageNav a:active, 
.box_nav a:link, .box_nav a:visited, .box_nav a:active {
    background-color: #f0f9f6;
    padding: 5px 10px 5px 10px; 
    text-align: right; 
    text-decoration:none; 
    font-weight:bold; color:#fff
}
.pageNav a:hover, .box_nav a:hover{
    background-color: #f0f9f6;
}
.pageNav b, .box_nav b{
    background-color: #f0f9f6;
    padding: 5px 10px 5px 10px; 
    text-align: right; 
    text-decoration:none; 
    font-weight:bold; 
    color:#444
}


/**
  *
  *  Product Detail Table
  *
*/

div.productDetail{
    width: 660px; 
    padding:10px; 
    display: block;
}

div.buy{
    line-height:2em;
}

div.buy select{
    width:215px;
    margin-bottom:5px;
}


div.productDetail p{
    padding:0;
    margin: 10px 0;
}

/* review form */

.reviewBox label{
    width:200px;

}

.reviewBox .well {
    margin-top:15px;    
}


div.productDetailImages{
    display: inline-block;   
    vertical-align:top; 
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
    width:224px; 
    padding:20px;
    border: 4px solid #f4f4f4;
    /* background: url('../pi/cs/backgrounds/product.gif') repeat-x; */
}

div.productDetailImages button{
    margin-left:5px;   
}

div.miniImages {
    float:left; 
    width:250px;    

}
div.miniImages img {
    border:1px solid #a4a4a4;
    padding:5px
}

div.productDetail img{
    margin:0px;
}

div.productRight{
    display: inline-block;   
    vertical-align:top; 
    zoom: 1; /* IE 7 and lower */
    *display:inline; /* IE 7 and lower */
    width:360px;
    margin: 0 0 0 10px;
    padding:0 5px 0 5px;
}

div.productDescription {
    line-height:1.2em;
    font-size:12px;
    color: #555;
}

div.productDescription p {
    font-weight:normal;
}

#fb-root{width:230px;}
.productShare{width:400px;margin-top:20px;}
.productFacebook{float:left; width:60px; }
.productAddthis{float:left; width:230px; margin-top:42px}
.addthis_default_style{width: 230px;}

div.productDetailImages img{margin:10px 0 10px 0}
div.productDetailImages p {font-size: 12px; color: #3c4038; font-weight: normal}
div.productDetailImages a:hover {text-decoration:underline}
div.productDetailImages h2 {font-size: 14px; color: #3c4038; line-height:1.2em;font-weight: bold; margin:0; padding: 0 0 3px 0}
div.productDetailImages td.buyButton img{padding:10px 0 10px 0}
div.productDetailImages span.priceLarge {color: #3c4038; font-size: 18px; line-height:1.2em; font-weight:bold;}
div.productDetailImages span.priceSmall {color: #3c4038; font-size: 11px}

.productsOther {
    display: block;
}


/**
  *
  *  Product List
  *
*/

table#productList, 
table.productList {width: 660px; border:0px solid #999}
table#productList tr th, 
table.productList tr th {
    background-color: #f4f4f4; 
    border: 2px #fff solid;  
    height: 45px; 
    text-align:left; 
    padding:2px 6px 2px 6px; 
    color:#888; 
    font-weight:normal; 
    font-size:11px;
}
table#productList tr.highlight, 
table.productList tr.highlight {

}
table.productList tr th span.black{
    color:#222
}
table#productList tr td, 
table.productList tr td {
    padding:2px 6px 2px 6px; 
    height: 35px; 
    line-height:1.2em;
}


table#productList tr.odd, 
table.productList tr.odd {background: #fff;}
table#productList tr.even, 
table.productList tr.even {background: #fff;}
table#productList tr.odd:hover, 
table.productList tr.odd:hover, 
table#productList tr.even:hover, 
table.productList tr.even:hover {background: #fff;}

table.productList tr td.totals {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #f4f4f4; height: 40px;}
table.productList tr td.totals_sub {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #dfdfdf; height: 40px;}
table.productList tr td.totals_total {padding:5px; border-right:2px solid #fff;border-bottom:2px solid #fff; background-color: #fff; height: 40px; color: #111; font-size:16px; font-weight: bold;}
table.productList tr td.wysiwyg {padding:5px; border: 0px; height: 0px;}
table.productList tr td.product_img {padding-right:10px; padding-left:10px}
table.productList tr td.product_img img {border:1px solid #a3a3a3;padding:3px}
table.productList td.offer {border-top:1px solid #cc0000; border-bottom:1px solid #cc0000}

table#productList tr td.error_w, 
table.productList tr td.error_w {background: #fff; border-bottom: 3px solid #fff;}
table#productList tr td.error, 
table.productList tr td.error {padding: 8px; 
                               height: 20px;
                               background-color: #fff2f3;
                               border: 2px #fff solid;    
                               -webkit-border-radius:10px;
                               -moz-border-radius:10px;
                               border-radius:10px;
}


/**
  *
  *  Checkout
  *
  **/

.shipping_cost{padding:20px; border:1px solid #b3b3b3}
.address{padding:20px; border:1px solid #b3b3b3}
table.productList tr td img {padding:3px; border:0px solid #999}
table#productList tr td.clear, 
table.productList tr td.clear {padding-left:10px; border: 0px; height: 40px;font-size:11px;}
table#productList tr td.required, 
table.productList tr td.required {border: 0px; height: 35px;font-size:11px; padding-left:10px}
table#productList tr td.normal, 
table.productList tr td.normal { border: 0px; height: 35px; font-size:11px; padding-left:10px}
table#productList tr td.main, 
table.productList tr td.main {font-size:10px;color:#3c4038}
table.productList tr td .small {font-size:10px;color:#999}
table#productList tr td .productName, 
table#productList tr td .productName a:link, 
table#productList tr td .productName a:visited, 
table#productList tr td .productName a:active,
table.productList tr td .productName,  
table.productList tr td .productName a:link, 
table.productList tr td .productName a:visited, 
table.productList tr td .productName a:active{font-weight:bold; color: #333}

/**
  *
  *  Checkout
  *
  **/

.shipping_rate {
    padding:15px;   
    background: #f4f4f4;

}


/**
  *
  *  Message Banner 
  *
*/

.banner_success,
.banner_error{
    background-color: #eeffec;
    padding: 15px;
    margin: 10px 20px 10px 10px;  
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.banner_error {
    background-color: #fff2f3;
}
.banner_error p, 
.banner_success p{
    font-size: 14px; 
    padding:0;
    margin:0; 
    color:#666}




/**
  *
  * Top Menu
  * 
  *  
*/  


div.navBar {width:960px; height:31px; background: #435995 url('../pics/backgrounds/menuBg.jpg') repeat-x}
ul#topMenu {margin: 0;width: 950px;float:left;position:relative;padding: 0px 5px 2px 0px; height:29px;}

#topMenu li:hover a, 
#topMenu li.sfHover a {color: #fff;}
#topMenu li:hover ul a, 
#topMenu li.sfHover ul a { /* background:#677177; */color: #fff;}

#topMenu li:hover ul a:hover, 
#topMenu li.sfHover ul a:hover { background: #888; color: #fff;}


.nav, .nav ul {list-style:none; margin:0; padding: 0px; padding-left:20px;width: 650px;  }

.nav { z-index: 40; position: relative;}
.nav li {float: left; margin: 0; padding:7px 10px 0px 10px; height:24px; position: relative;font-family: arial; color: #fff;font-size:10px; border-right: 1px solid #294696;}
.nav li {text-align:center;}
.nav li:hover {background:#677177}
.nav ul li {  text-align:left;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {font: 11px arial; color: #fff; display: inline; padding: 0px; text-decoration: none;}
.nav span {font: 12px arial; color: #535353; display: inline; padding: 0px; text-decoration: none;}

.nav li ul { margin: 1px;width: 150px; background: #677177; padding:0 2px 0 2px;border-right: 1px solid #111;border-bottom: 1px solid #111;filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;border-top: 0px solid #444; margin-top: 5px}
.nav li ul li {padding:3px 6px 3px 6px; height:15px;}
.nav li ul li ul {margin-left:150px; margin-top:0;}

.nav li ul li:hover {background:#888}
.nav li ul li a:hover { background:#888}

.nav ul { list-style: none; margin: 0; width: 100px; position: absolute; top: -999em;left: -1px;}
.nav li:hover ul,
.nav li.sfHover ul { top: 26px;}
.nav ul li {border: 0; float: none;}
.nav ul a { border-bottom: 0;white-space: nowrap;}
.nav ul a:hover {  background: #ccc; color: #000; }

.dropDownOn{ color: #3c4038; backgro/und: #c4d82d; height:29px; padding-top:0px;}
.dropDownOff{ color: #999; backgro/und: #c4d82d; height:29px; padding-top:0px;}





/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:			0;
    padding:		0;
    list-style:		none;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu a {
    display:		block;
    position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top:			2.5em; /* match top ul list item height */
    z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			15em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			15em; /* match ul width */
    top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float:			left;
    margin-bottom:	1em;
    font-family:arial;  
    font-size:11px;
    color: #fff;
}
.sf-menu a {
    border-left:	0px solid #fff;
    border-top:		0px solid #CFDEFF;
    padding: 		.9em .9em;
    text-decoration:none;
    color: #fff;
}
.sf-menu a, .sf-menu a:visited, .sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
    color:	#13a;
    font-family:arial;  
    font-size:11px;
    color: #fff;
}
.sf-menu li {
    /* background:  #BDD2FF; */
    border-right: 1px solid #294696;
    font-weight:normal;
}
.sf-menu li li {
    background:		#00bce4;

    font-weight:normal;
}
.sf-menu li li li {
    background:		#00a5c8;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background:		#00bce4;
    outline:		0;
}

/*** arrows **/

.sf-menu a.sf-with-ul {
    padding-right: 	.9em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
    position:		absolute;
    display:		block;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('../pics/menu/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:			.8em;
    background-position: 0 -1000px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -1000px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -100px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('../pics/menu/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    -moz-border-radius-bottomleft: 17px;
    -moz-border-radius-topright: 17px;
    -webkit-border-top-right-radius: 17px;
    -webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}





/* ****** SLIDER ******* */
.slider-space {
    height: 240px;
    width:900px;
    margin: 20px 0;
    display: inline-block;
}

#wrapper {
    width: 100%;
    height: 278px;
    margin-top: 250px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}
#carousel div {
    height: 278px;
    width: 900px;
    margin: 0 25px;
    display: block;
    float: left;
}

#carousel .overlay {
    position: relative;
    margin: 28px 0 0 25px;
    width: 280px;
    height: 180px;
    padding: 20px 60px 20px 20px;
    background: #000;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.overlay h1 {
    color: #fff;
    font-weight:normal;
    margin:0;
    padding:0;
}

#prev, #next {
/*
    background-color: #cacaca;
    background-color: rgba(202, 202, 202, 0.2);
*/
    display: block;
    height: 278px;
    width: 50%;
    top: 0;
    position: absolute;
}
#prev:hover, #next:hover {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    /* CSS Fade in slow */
    -webkit-transition: background 0.5s linear;
    -moz-transition: background 0.5s linear;
    -o-transition: background 0.5s linear;
    transition: background 0.5s linear;
}
#prev {
    left: -490px;
    background-image: linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -o-linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -moz-linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -webkit-linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -ms-linear-gradient(right, rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0.50, rgba(202,202,202,1)),
        color-stop(0, rgba(255,255,255,0.5))
        );

}
#next {
    right: -490px;
    background-image: linear-gradient(left , rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -o-linear-gradient(left , rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -moz-linear-gradient(left , rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -webkit-linear-gradient(left , rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);
    background-image: -ms-linear-gradient(left , rgba(255,255,255,0.3) 0%, rgba(202,202,202,1) 50%);

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        color-stop(0, rgba(255,255,255,0.5)),
        color-stop(0.50, rgba(202,202,202,1))
        );
}
#pager {
    margin-right: 80px;
    position: absolute;
    right: 50%;
    bottom: 50px;
}
#pager a {
    border: 2px solid #fff;
    border-radius: 9px;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 5px 0 0;
}
#pager a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
    display: none;
}
#pager a.selected {
    background-color: #fff;
}


/***

FONTS


* */

.large {
    font-size: 20px; 
}

.extra-large{
    font-size: 44px;
    font-weight: bold;
}

.light-grey,
.light-grey a:link,
.light-grey a:visited,
.light-grey a:active,
.light-grey a:hover {
    color: #f4f4f4;
}

.white, 
.white a:link,
.white a:visited,
.white a:active,
.white a:hover{
    color: #fff;
}