/*
Theme Name: Carrot
Theme URI: http://www.carrotrewards.co.uk/
Description: Carrot
Author: Various
Author URI: http://www.carrotrewards.co.uk
Version: 1.0

*/


@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {

font-family: 'Lucida Grande', 'Lucida Sans', Arial, Helvetica, sans-serif;
color:#444;
font-size:12px;
background-image:url('images/background.jpg');
background-repeat:repeat-y;
background-position:center top;
background-color:#ff8b00;

}

/*        ##################################
           SUPERFISH
        ################################## */

/*** 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:10em; background-color: red; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative; left: 10px;}
.sf-menu a {display:block;position:relative;}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:35px; border:1px solid orange; /* match top ul list item height */ z-index:1000;}
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:10em; /* 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:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/
.sf-menu {
	width: 990px;
	margin-left: 2px;
	background-image:url(images/eduction-feed-bg.jpg);
	background-repeat:no-repeat;
	background-color: #fff;
	background-position: center;
	
}



.sf-menu li ul {background:#f0f0f0;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.sf-menu li li ul, .sf-menu li li li ul {background:#f0f0f0;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

div#nav ul {float:left; list-style:none;}
div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:11px 16px 10px 16px; color:black; text-decoration:none; font:bold 12px Helvetica, sans-serif; }
div#nav li a:hover {margin:0; color: orange }

div#nav ul li ul li a:hover{
	color: orange; margin:0; font-weight: bold;
}


div#content{
	padding-left: 20px;
	padding-right: 20px;
	overflow:hidden;
}









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

a:link {
	color: #888;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #888;
}
a:hover {
	text-decoration: none;
	color: #333;
}

a {
	outline: none;
}

address {
font-style:normal;
}

.para-line-drop


{
	margin:10px 0px 10px 0px;
		
	
}

form .para-line-drop


{
	float: left;
	width: 100%;
		
	
}
.para-line-drop label

{
	
	width: 100px;
	float: left;
	
}

label.error
{
	
	color: #F00;
	float: none;
	margin-left: 10px;
}
	
.para-line-drop input

{
	
	
}

.para-line-drop span

{
	
	
}



.partner-title{margin-bottom:1em; font-size:14px; color:#706a5a;}
.presentation-title{color:#333; margin-bottom:0.5em; margin-top:0.5em;}
.presentation-description{}

p.news-story {
margin:10px 0px 10px 0px;
padding-bottom:8px;
border-bottom:1px solid #ccc;
}

h1{margin-left:15px;}

h1 a {

width: 218px;
height: 106px;
display: block;
text-indent: -3000px;
text-decoration: none;
background-image:url('images/logo.jpg');
background-repeat:no-repeat;
}

ul {
list-style-position:inside;
margin-left:10px;
padding-right:25px;
}

.about-text{color:#000; padding-top:10px; padding-bottom:8px;}

.standard-link {
background-image:url(images/arrow.jpg);
background-repeat:no-repeat;
background-position: 0px 5px;
margin-top:2px;
text-indent:12px;
}

.wrapper{
margin-top:0px;
width: 994px;
margin: 0 auto;
position: relative;
text-align:left;
}

.header{
height:112px;
background-image:url(images/header.jpg);
width:994px;
}

.header-col-left{float:left; width:290px;}
.header-col-right{
float:right;
width:180px;
padding-left:18px;
}

#contact-details
{
font-size: 0.9em; float: right; width: 215px;
 height:83px;
}

#contact-details img
{
padding-right: 2px;
}

.menu{
height:57px;
background-image:url(images/menu.jpg);
width:994px;
}

.footer-basic {
height:57px;
background-image:url(images/basic-footer.jpg);
width:994px;
padding-top:1px;
margin-top:5px;
}

.footer-basic .footer-internal {margin-top:10px; height:26px; background-image:url(images/eduction-feed-bg.jpg); clear:both; background-repeat:no-repeat;}

.homepage-top-curve{
height:15px;
background-image:url(images/homepage-top.jpg);
width:995px;
}

.homepage-bottom-curve{
height:17px;
background-image:url(images/homepage-bottom.jpg);
clear:both;
}

.internal-top-curve{
height:15px;
background-image:url(images/internal-top.jpg);
}

.internal-1col-top-curve{
height:15px;
background-image:url(images/internal-1col-top.gif);
}
.internal-bottom-curve{
height:17px;
background-image:url(images/internal-bottom.jpg);
clear:both;
}
.internal-1col-bottom-curve{
height:17px;
background-image:url(images/internal-1-colbottom.gif);
clear:both;
}

.homepage-bg-panel{
width:995px;
}

.content-wrapper{float:left; background-image:url(images/home-panel-bg.jpg); width: 994px; }
.col-left{width:480px; float:left; margin-left:12px;}
.col-right{width:480px; float:right; margin-right:12px;}

.reward-box{height:254px;}

.portal-box{height:254px; background-image: url(images/existing-customer.jpg); background-repeat: no-repeat;}
.portal-col-left{width:170px; float:left; margin-top:68px; margin-left:15px;}
.portal-col-right{width:262px; float:right; margin-top:75px; padding-left:14px; padding-right:14px;}
.portal-col{width:432px; float:left;  margin-left:15px; margin-top:75px; padding-left:14px; padding-right:14px;}

.portal-box-register{height:254px;}

.teachers-lounge a{height:37px; width:164px; display:block; background-image:url(images/carrot-vision.jpg); text-indent: -3000px;}

.school-stickers a{height:40px; width:164px; display:block; background-image:url(images/school-stickers.jpg); text-indent: -3000px; margin-top:26px;}

.my-stickers a{height:42px; width:164px; display:block; background-image:url(images/my-stickers.jpg); text-indent: -3000px; margin-top:26px;}



.tab-title{height:34px; background-image: url(images/title-tab.jpg); margin-top:8px; padding-top:12px; padding-left:14px; color:#706a5a; font-size:13px; }

.section{padding-left:14px; padding-right:14px; padding-top:8px;}
.section-bottom-curve{background-image: url(images/section-bottom-curve.jpg); height:16px; clear:both;}

.presentation-box{height:113px; margin-bottom:8px;}
.presentation-col-left{float:left; width:180px; margin-left:14px; padding-top:20px;}
.presentation-col-right{padding-top:27px;}

.footer-internal{height:26px; background-color:#fff;background-image:url(images/eduction-feed-bg.jpg); background-position: center; width: 976px; clear:both; margin-left:2px; padding-top:20px; background-repeat:no-repeat; padding-left:14px; padding-top:10px;}



.news-box{width:480px;}
.news-col{width:215px; float:left; margin-left:3px; margin-right:10px; }

.news-col-sign-up{width:415px; float:left; margin-left:3px; margin-right:10px; }

.news-col-sign-up a {
color:#fb7e01;
}

.form-feild{float:right; width:165px; margin-bottom:12px;}
.form-lable{float:left; padding-top:0px; }
.form-line{clear:both;}
.form-button{float:right; }

.login-field#password{width:80px;}
.login-field#email{width:120px;}



/*navigation*/

#navcontainer ul
{
padding-left: 0;
margin-left: 8px;
margin-top:8px;
padding-top:10px;
float: left;
font-size:13px;
width:900px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a
{
padding: 0.2em 1em;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
background-image:url(images/menu-seperator.jpg);
background-repeat:no-repeat;
background-position:right;
}

#navcontainer ul li a:hover
{
color: #000;
}

.newslist
{
margin-left: 0;
width: 420px;

}

.newslist li
{
list-style: none;
margin: 0;
padding: 0.5em;
background-image:url(images/arrow.jpg);
background-repeat:no-repeat;
background-position:0px 10px;
text-indent:10px;
}

.bottom{border-bottom: 1px solid white;}
.top{border-bottom: 1px solid #e2e2e2;}

.newslist li a { text-decoration: none; }

.internal-col-left{margin-left:2px; float:left; width:0px; padding-left:7px;}
.internal-col-main{float:left; width:466px; margin-left:10px; margin-right:10px;}
.internal-col-right{  float:right; width:05px;  margin-right:10px;}
.internal-content-wrapper{float:left; background-image:url(images/internal-panel-bg.jpg); width: 994px;}
.internal-1col-wrapper{float:left; background-image:url(images/internal-1col-bg.gif); width: 994px;}
.internal-1col-main{float:left; width:951px; margin-left:10px; margin-right:10px;}
.internal-news-block{width:215px; margin-left:8px; margin-top:12px;}
.small-flash{margin-bottom:8px;}

.small-col-title{ width:223px; height:32px; background-image: url(images/left-col-title.jpg);   color:#706a5a; font-size:13px; padding-top:12px; padding-left:12px;}

.internal-col-title{ width:235px; height:44px; background-image: url(images/left-col-title.jpg); color:#706a5a; font-size:13px; }

.main-col-title{ width:441px; height:32px; background-image: url(images/internal-page-header.jpg); color:#706a5a; font-size:13px; padding-top:12px; padding-left:12px; }

.main-1col-title{ width:994px; height:32px; background-image: url(images/internal-1col-page-header.jpg); color:#706a5a; font-size:13px; padding-top:12px; padding-left:12px; background-repeat:no-repeat;}

.internal-text-wrap{padding:10px;}

.internal-text-wrap ul li {padding-bottom:10px;}

/*subnav*/

#subnavlist
{
padding-left: 0;
margin-left: 0;
width: 200px;
}

#subnavlist li
{
list-style: none;
margin: 0;
line-height:40px;
text-indent:18px;
background-image:url(images/arrow.jpg); background-repeat:no-repeat; background-position:10px 18px;
}

#subnavlist li a { text-decoration: none; border-bottom: 1px solid #e2e2e2; width:228px; display:block; }

#subnav-active a:link, #subnav-active a:visited, #subnav-active a:hover{color: #333;}

#subnav-bottom a:link, #subnav-bottom a:visited, #subnav-bottom a:hover{border-bottom: none;}

.footer-internal span { float: left; margin-right:20px; }
.footer-internal ul { float:left;}	
.footer-internal ul li{ display: inline; padding-right: 10px; }