/******* CSS Document ********/
/*Memory4Teachers Web Channel*/
/*****Author: Ayush Karki*****/

body{
margin:0px 0px 0px 0px;
background:url(../images/bg.jpg) repeat-x;
font-family:"Trebuchet MS";
font-size:95%;
}

img{border:none;}

p{margin:0px; padding:0px 0px 10px 0px; text-align:justify;}

a{color:#0067A7; outline:none;}


/*********************************
STYLING FOR THE LOGO AND MENU AREA
*********************************/
.container {
margin:0px auto;
max-width:980px;
min-width:740px;
height:234px;
background:url(../images/headerbg.jpg) repeat-x left top;
} 

.wrapper1{
float:left;
width:100%;
height:234px;
background:url(../images/shadowtopleft.jpg) repeat-y left;
}

.wrapper2{
float:left;
width:100%;
height:234px;
background:url(../images/shadowtopright.jpg) repeat-y right;
}

.top-links-wrapper{
height:30px;
padding:0px 30px 0px 30px;
}

.top-links{
float:left; 
width:100%;
height:30px;
}

/*For IE6*/
.top-links #lc{float:left; background:url(../images/left_curve.gif) no-repeat left top; height:30px; width:3%; margin:0px 0px 0px 1px; padding:0px; }

/*For Modern Browsers*/
html>body .top-links #lc{margin-left:3px;}
.top-links #middle{float:left; background:url(../images/middle.gif) repeat-x; width:94%; height:30px; margin:0px -7px 0px 0px; padding:0px; }

.top-links #middle ul {float:left; margin:0px; padding:0px; display:inline; }
.top-links #middle ul li{float:left; margin:0px; padding:5px 15px 0px 0px; display:inline; color:#fff;}
.top-links #middle ul li a{color:#fff; text-decoration:none;}
.top-links #middle ul li a:hover{text-decoration:underline;}


.textsize{float:right; padding:0px 5px 0px 0px;}
.textsize a{color:#fff; margin-right:3px; text-decoration:none;}
.textsize a.medium{color:#fff; font-size:135%;}
.textsize a.large{color:#fff; font-size:150%;}

.top-links #rc{float:left; width:3%; height:30px; background:url(../images/right_curve.gif) no-repeat right top; margin:0px; padding:0px;  }

.logo img{float:left; padding:19px 0px 0px 30px;}

/**********************
Styling for Search Area
**********************/
.search-area{ 
float:right;
width:220px;
margin:5px 0px 0px 0px; 
padding:0px 35px 0px 0px;
}

form{ 
width:182px; 
height:40px; 
padding:0px 0px 0px 3px; 
margin:0px;
}

input{
float:left; 
width:128px; 
height:18px; 
margin:4px 3px 0px 0px;
padding:4px 0px 0px 0px;
}

.button{
float:left;
padding:4px 0px 0px 0px;

}


/*************************
Styling for the MENU links
*************************/
.menu{
clear:both;
padding:0px 0px 0px 20px;
text-align:center;
}

.menu ul{
float:left;
margin:0px;
padding:0px 0px 0px 12px;
}

.menu ul li{
float:left;
margin:0px 0px 0px 0px;
padding:0px;
background:none;
text-align:center;
height:40px;
list-style:none;
}

.menu ul li a{
float:left;
text-decoration:none;
list-style:none;
background:url(../images/menu_buttons.gif) no-repeat;
color:#fff;
width:96px;
height:42px;
padding:0px;
margin-right:2px;
line-height:42px;
font-weight:bold;
text-align:center;
}

.menu ul li a.selected{
background:url(../images/menu_selected.gif) no-repeat;
color:#000;
font-weight:bold;
}

.menu ul li a:hover{
text-decoration:none;
background:url(../images/menu_hover.gif) no-repeat;
color:#fff;
}

.path-wrapper{padding:0px 0px 0px 21px; margin-right:20px;}

/*For IE6*/
.path{float:left; width:100%; margin-top:0px; height:30px; background:#6fb4d3;}

/*For Modern Browsers*/
html>body .path{margin-top:2px;}

.path p{margin:0px; padding:7px 0px 0px 10px; color:#fff;}



/***********************
STYLING FOR THE CONTENT
***********************/
.content, .content-bottom-shadow, .content-bottom-links{

margin:0px auto;
max-width:980px;
min-width:740px;
} 

/*For IE6*/
.content-wrapper1{
float:left;
width:100%;
height:220px;
background:url(../images/body_left_bg.gif) left top repeat-y;
}

#no-gradient{background:url(../images/body_left_bg.gif) left top repeat-y;}

/*For Modern Browsers*/
html>body .content-wrapper1{min-height:220px; height:auto;}

/*For IE6*/
.content-wrapper2{
float:left;
width:100%;
height:220px;
background:url(../images/body_right_bg.gif) repeat-y right;
}

/*For Modern Browsers*/
html>body .content-wrapper2{min-height:220px; height:auto;}

.picture-wrapper{padding:0px 0px 0px 21px; margin-right:21px;}
.picture{float:left; width:100%; margin-top:1px;}
.picture img{width:100%; height:200px;}


/********************
Styling for TEXT-AREA
********************/
.text-area-wrapper{padding:0px 0px 0px 20px; margin-right:20px;}

/*For IE6*/
.text-area{float:left; width:100%; margin:20px 0px 0px 0px; height:100px; padding-bottom:10px;}

/*For Modern Browsers*/
html>body .text-area{min-height:100px; height:auto;}

/*For IE6*/
.column-one{
float:left;
margin-bottom:1em;
width:225px;
}

/*For Modern Browsers*/
html>body .column-one{min-height:100px; height:auto;}

.column-one img{float:left; margin:0px 0px 5px 0px; border:1px solid #ccc;}


/*For IE6*/
.column-two{
margin:0 195px 0 233px;
min-width:14em;
width:auto;
height:100px;
padding:0px 0px 0px 5px;
}

/*For Modern Browsers*/
html>body .column-two{min-height:100px; height:auto;}

/*For IE6*/
.column-three{
float:right;
width:180px;
height:100px;
padding:0px 0px 10px 0px;
}

/*For Modern Browsers*/
html>body .column-three{min-height:100px; height:auto;}

/*For IE6*/
.single-column{
margin:0 20px 0 15px;
min-width:14em;
width:auto;
height:100px;
padding:0px 0px 0px 5px;
}

/*For Modern Browsers*/
html>body .single-column{min-height:100px; height:auto;}


/*********************
Styling for Login Form
*********************/

/*For IE6*/
form.login{
float:left;
padding:0px;
background:none;
width:160px;
margin:0px 0px 10px 3px;
height:100px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
}

form.search{
float:left;
padding:0px;
background:none;
width:203px;
margin:0px 0px 10px 5px;
height:100px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
background:#edf8ff;
}

/*For Modern Browsers*/
html>body form.login{margin-left:6px; min-height:100px; height:auto;}
html>body form.search{margin-left:10px; min-height:100px; height:auto;}

.input-area{float:left; padding:0px 0px 3px 0px;}
form.login p{float:left; margin:0px; width:80px; padding:3px 0px 0px 5px; color:#000;}
form.search p{float:left; margin:0px; width:80px; padding:3px 0px 0px 5px; color:#000;}
form.login p.checkbox, form.search p.checkbox{float:left; margin:0px; padding:3px 0px 0px 5px; color:#000; width:100px;}
form.login input {margin:0px 0px 0px 3px; padding:0px; width:144px;}
form.search input{margin:0px 0px 0px 3px; padding:0px; width:190px;}
form.search select{margin:3px 3px 0px 3px; padding:0px; width:117px;}
form.login input.checkbox{float:left; width:20px; margin-left:0px; margin-right:-3px;}
form.search input.checkbox{float:left; width:20px; margin-left:82px; margin-right:-3px;}
form.login img, form.search img{float:left; padding:0px 0px 0px 5px;}

.form-buttons{float:left; padding:10px 0px 0px 3px;}

.login-button, .password-button{ 
float:left; 
background:url(../images/login.gif) no-repeat 0px 3px; 
width:70px; 
height:27px; 
line-height:27px; 
padding:0px 0px 0px 0px; 
text-align:center;
font-size:100%;
margin:0px 5px 0px 0px;
font-weight:bold;
}

.search-button{ 
float:left; 
background:url(../images/login.gif) no-repeat 0px 2px;
width:70px; 
height:27px;
padding:0px 0px 0px 0px; 
text-align:center;
font-size:100%;
margin:0px;
font-weight:bold;
}


.click-button{ 
float:left; 
width:103px; 
height:22px; 
line-height:22px; 
padding:0px 0px 0px 7px; 
text-align:center;
margin-left:10px;
background:url(../images/click.gif) no-repeat right; 
}

.general-button{ 
float:left; 
width:100px; 
height:22px; 
line-height:22px; 
padding:0px 0px 0px 0px; 
text-align:center;
margin-right:10px;
cursor:pointer;
font-size:100%;
font-weight:bold;
background:url(../images/click.gif) no-repeat left; 
}

.login-button a, .password-button a, .click-button a, .general-button a, .search-button a{text-decoration:none; color:#000; font-weight:bold;}



/*Styling for Title*/
.title{
float:left;
background:url(../images/title_bg.jpg) no-repeat 50% 0%;
width:140px;
height:25px;
margin:3px 0px 8px 0px;
padding:7px 0px 0px 15px;
color:#fff;
font-weight:bold;
}

.rss-title{
float:left;
background:url(../images/rss-title.gif) no-repeat 50% 0%;
width:140px;
height:25px;
margin:3px 0px 8px 0px;
padding:7px 0px 0px 15px;
color:#fff;
font-weight:bold;
}

.login-title{
float:left;
background:url(../images/login_titlebg.gif) no-repeat 2px 0%;
width:185px;
height:26px;
margin:3px 0px 8px 0px;
padding:6px 0px 0px 15px;
color:#fff;
font-weight:bold;
}

.login-title2{
float:left;
background:url(../images/login_titlebg_long.gif) no-repeat 2px 0%;
width:185px;
height:26px;
margin:3px 0px 8px 0px;
padding:6px 0px 0px 15px;
color:#fff;
font-weight:bold;
}

/**************************************************
Styling for Register and Partners-Logo on Home Page
**************************************************/

/*For IE6*/
.resources{ 
float:left;
background:none;
width:203px;
margin:0px 0px 10px 5px;
height:120px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
background:#edf8ff;
}

/*For Modern Browsers*/
html>body .resources{margin-left:10px; min-height:120px; height:auto;}
.resources ul{
float:left;
padding:0px;
margin:0px;
}

.resources ul li{
float:left; 
padding:0px;
margin:0px;
list-style:none;
}

.resources ul li a{
padding:2px 0px 5px 30px;
margin:0px;
display:block;
width:160px;
background:url(../images/book.jpg) left top no-repeat;
}


/**************
Styling for RSS
**************/

/*For IE6*/
.rss{ 
float:left;
background:none;
width:158px;
height:120px;
margin:0px 0px 0px 3px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
background:#fbf0e7;
}

/*For Modern Browsers*/
html>body .rss{margin-left:6px; min-height:120px; height:auto;}

.rss ul{
float:left;
padding:0px;
margin:0px;
}

.rss ul li{
float:left; 
padding:0px;
margin:0px;
list-style:none;
}

.rss ul li a{
padding:2px 0px 10px 25px;
margin:0px;
background:url(../images/rss.jpg) left top no-repeat;
display:block;
width:130px;
}


/**************************************************
Styling for Register and Partners-Logo on Home Page
**************************************************/

/*For IE6*/
.register, .articles, .events{ 
float:left;
background:none;
width:158px;
margin:0px 0px 10px 3px;
height:120px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
}

.register{
border:none; 
margin:0px 0px 10px 2px;
padding:0px;
}

.button1{float:left; width:162px; margin:0px 0px 7px 0px; text-align:center; line-height:15px; padding:5px 0px 0px 0px; height:36px; background:url(../images/button1.gif) no-repeat 2px 0px;}
.button2{float:left; width:162px; margin:0px 0px 7px 0px; text-align:center; line-height:15px;padding:5px 0px 0px 0px; height:36px; background:url(../images/button2.gif) no-repeat 2px 0px;}
.button3{float:left; width:162px; margin:0px 0px 7px 0px; text-align:center; line-height:15px;padding:5px 0px 0px 0px; height:36px; background:url(../images/button3.gif) no-repeat 2px 0px; }
.button4{float:left; width:162px; margin:0px 0px 0px 0px; text-align:center; line-height:15px;padding:5px 0px 0px 0px; height:36px; background:url(../images/button4.gif) no-repeat 2px 0px; }

.button1 a, .button2 a, .button3 a, .button4 a{color:#fff; font-size:100%; text-decoration:none; font-weight:bold;}
.button1 a:hover, .button2 a:hover, .button3 a:hover, .button4 a:hover{color:#d7f875;}

.partners-logo{ 
float:left;
background:none;
width:202px;
margin:0px 0px 10px 5px;
height:120px;
padding:0px 0px 10px 2px;
border:1px solid #eee;
}


/*For Modern Browsers*/
html>body .register{margin-left:6px; min-height:120px; height:auto;}
html>body .partners-logo{margin-left:10px; min-height:120px; height:auto;}
html>body .articles{margin-left:6px; min-height:120px; height:auto;}
html>body .events{margin-left:6px; min-height:120px; height:auto;}

.partners-logo img{margin:0px 0px 5px 12px; border:1px solid #eee;}

.register ul, .partners-logo ul, .articles ul, .events ul{
float:left;
padding:0px;
margin:0px;
}

.register ul li, .partners-logo ul li, .articles ul li, .events ul li{
float:left; 
padding:0px;
margin:0px;
list-style:none;
}

.partners-logo ul li a, .articles ul li a, .events ul li a{
padding:2px 0px 5px 5px;
margin:0px;
display:block;
width:140px;
}

.register ul li a{
padding:2px 0px 5px 5px;
margin:0px;
display:block;
width:140px;
font-weight:bold;
}

.partners-logo p, .articles p, .events p{padding:0px 5px 5px 5px; margin:0px; text-align:left;}


/************************
Styling for BOTTOM-SHADOW
************************/
.bottom-shadow-wrapper{padding:0px 0px 0px 19px; margin-right:19px;}

.bottom-shadow{float:left; width:100%; margin-top:-3px; background:url(../images/bottom_shadow.gif) left top repeat-x;}
html>body .bottom-shadow{margin-top:-5px;}
button{border:none;}
button p{font-size:80%; margin:0px; padding:0px; color:#000; font-weight:bold;}


/***********************
Styling for BOTTOM-LINKS
***********************/
.bottom-links-wrapper{padding:0px 0px 0px 17px; margin-right:19px;}

.bottom-links{float:left; width:100%; margin-top:0px;}

.bottom-links ul{float:left; margin:-4px 0px 0px 0px; padding:0px 0px 10px 0px;}
.bottom-links ul li{float:left; margin:0px; padding:0px; list-style:none; color:#227bb3;}
.bottom-links ul li a{float:left; margin:0px; padding:0px 5px 0px 5px; list-style:none; color:#227bb3;}



/***************************
Styling for Regitration Form
***************************/

/*Styling for Registration page*/
.registration{margin-left:15px;}

form.registration-form{
float:left;
width:95%;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
height:100px;
}

html>body form.registration-form{min-height:100px; height:auto;}

form.registration-form fieldset{float:left; margin:0px; padding:0px 0px 10px 10px; border:2px solid #ccc; width:100%;}
form.registration-form legend{color:#0068a7; font-weight:bold;}

.control {float:left; width:100%; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
.control p{float:left; padding:0px 15px 0px 10px; margin:0px 10px 0px 0px; width:40%; text-align:right;}
.control input{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:200px; font-size:80%; }
.required{padding:0px 0px 0px 0px; background:url(../images/required_field.gif) no-repeat 99% 50%;}
select{font-size:100%; width:204px; float:left; margin:0px 0px 0px 0px;}
option{padding:0px 0px 3px 0px;}


/*******************************
Styling fot SEARCH for RESOURCES
*******************************/

.control-s {float:left; width:45%; margin:0px 0px 0px 0px; padding:0px 20px 5px 0px;}
.control-s p{padding:0px 0px 0px 0px; margin:0px 10px 0px 0px; text-align:left; font-weight:bold;}
.control-s input{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:200px; font-size:80% background:#cee4f2;}
.control-s select{font-size:100% width:204px; float:left; margin:0px 0px 0px 0px; background:#cee4f2;}
.control-s option{padding:0px 0px 3px 0px;}
#search fieldset {
border:1px solid #CCCCCC;
float:left;
margin:0;
padding:0 0 10px 10px;
width:100%;
}

/*************************
Styling for Resources Page
*************************/


.icon-container{margin:0px auto; padding:30px 0px 0px 5px; min-width:647px; max-width:900px;}
.icons{float:left; width:150px; padding:0px 0px 15px 25px; height:130px;}
.icon-area{
float:left; 
background:url(../images/resource_icon_bg.gif) no-repeat; 
width:145px; 
height:22px; 
padding-top:68px;
text-align:center;
}

#art{background:url(../images/art_and_design.jpg) center no-repeat;}
#citizenship{background:url(../images/citizenship.jpg) center no-repeat;}
#design{background:url(../images/design_and_technology.jpg) center no-repeat;}
#drama{background:url(../images/drama.jpg) center no-repeat;}
#english{background:url(../images/english.jpg) center no-repeat;}
#geography{background:url(../images/geography.jpg) center no-repeat;}
#history{background:url(../images/history.jpg) center no-repeat;}
#ict{background:url(../images/ict.jpg) center no-repeat;}
#maths{background:url(../images/maths.jpg) center no-repeat;}
#languages{background:url(../images/modern_languages.jpg) center no-repeat;}
#music{background:url(../images/res_music.jpg) center no-repeat;}
#physical{background:url(../images/physical_education.jpg) center no-repeat;}
#pshe{background:url(../images/phse.jpg) center no-repeat;}
#re{background:url(../images/re.jpg) center no-repeat;}
#science{background:url(../images/science.jpg) center no-repeat;}


.primary_button{
float:left; 
background:url(../images/primary_button.gif) no-repeat; 
height:22px; 
width:72px; 
color:#fff; 
text-align:center; 
line-height:22px;
}

.secondary_button{
float:left; 
background:url(../images/secondary_button.gif) no-repeat; 
height:22px; 
width:72px; 
color:#fff; 
text-align:center; 
line-height:22px;
}

.primary_button a, .secondary_button a{color:#fff; text-decoration:none;}



/*Icons for the Channels*/

.channel_icon{float:left; width:150px; padding:0px 0px 15px 25px; height:130px;}
/*.channel_icon .icon-area{float:left; padding:0px 0px 15px 0px;}*/
.channel_icon a{text-decoration:none; color:#000; line-height:1.0em; outline:none; font-size:100%; font-weight:bold;}

.channel_icon a:hover {
background:url(../logos/hover_background.gif) no-repeat;
}


.box_img a {
float:left;
}

.box_img a:hover {
float:left; 
padding:5px;
}

#building{background:url(../images/buildingschools-icon.jpg) center top no-repeat; height:25px;}
#careers{background:url(../images/careerstraining-icon.jpg) center no-repeat; height:25px;}
#charities{background:url(../images/charities-icon.jpg) center no-repeat; height:25px;}
#education{background:url(../images/education-icon.jpg) center no-repeat; height:25px;}
#entertainment{background:url(../images/entertainment-icon.jpg) center no-repeat; height:25px;}
#environment{background:url(../images/environment-icon.jpg) center no-repeat; height:25px;}
#excursions{background:url(../images/excursions-icon.jpg) center no-repeat; height:25px;}
#fashion{background:url(../images/fashion-icon.jpg) center no-repeat; height:25px;}
#finance{background:url(../images/finance-icon.jpg) center no-repeat; height:25px;}
#food{background:url(../images/food-icon.jpg) center no-repeat; height:25px;}
#health{background:url(../images/health-icon.jpg) center no-repeat; height:25px;}
#pastoral{background:url(../images/pastoral-icon.jpg) center no-repeat; height:25px;}
#motoring{background:url(../images/motoring-icon.jpg) center no-repeat; height:25px;}
#music_film{background:url(../images/music-icon.jpg) center no-repeat; height:25px;}
#shopping{background:url(../images/shopping-icon.jpg) center no-repeat; height:25px;}
#sport{background:url(../images/sports-icon.jpg) center no-repeat; height:25px;}
#technology{background:url(../images/technology-icon.jpg) center no-repeat; height:25px;}
#travel{background:url(../images/travel-icon.jpg) center no-repeat; height:25px;}

/*OLD INTERFACE ICONS 
#building{background:url(../images/building.jpg) center top no-repeat; height:25px;}
#careers{background:url(../images/careers.jpg) center no-repeat; height:25px;}
#charities{background:url(../images/charities.jpg) center no-repeat; height:25px;}
#education{background:url(../images/education.jpg) center no-repeat; height:25px;}
#entertainment{background:url(../images/entertainment.jpg) center no-repeat; height:25px;}
#environment{background:url(../images/environment.jpg) center no-repeat; height:25px;}
#excursions{background:url(../images/excursions.jpg) center no-repeat; height:25px;}
#fashion{background:url(../images/fashion.jpg) center no-repeat; height:25px;}
#finance{background:url(../images/finance.jpg) center no-repeat; height:25px;}
#food{background:url(../images/food.jpg) center no-repeat; height:25px;}
#health{background:url(../images/health.jpg) center no-repeat; height:25px;}
#pastoral{background:url(../images/pastoral.jpg) center no-repeat; height:25px;}
#motoring{background:url(../images/motoring.jpg) center no-repeat; height:25px;}
#music_film{background:url(../images/music.jpg) center no-repeat; height:25px;}
#shopping{background:url(../images/shopping.jpg) center no-repeat; height:25px;}
#sport{background:url(../images/sports.jpg) center no-repeat; height:25px;}
#technology{background:url(../images/technology.jpg) center no-repeat; height:25px;}
#travel{background:url(../images/travel.jpg) center no-repeat; height:25px;}

*/



/********************
Styling for Accordion
********************/

.accordion-wrapper, .content-wrapper{
width:90%;
margin: 0 auto;
margin-top:20px;
}


.boxholder{
float:left;
width:100%;
}

.tab{
float: left;
height: 32px;
margin: 0px;
padding:0px 0px 0px 7px;
}

.first{padding-left:0px;}

.tabtxt{
margin: 0;
color: #0067A7;
font-size:100%;
font-weight: bold;
padding: 7px 0 0 0;
}

.tab a{text-decoration:none;}



/***********************
Styling for Profile page
***********************/

.profile{float:left; margin: 0px 0px 0px 0px; height:300px; padding:0px 0px 20px 0px; width:98%;}
html>body .profile{margin: 0px 0px 0px 5px; height:auto; min-height:300px;}

form.profile-form{
float:left;
width:95%;
background:none;
margin:0px 0px 0px 0px;
padding:0px 0px 10px 0px;
height:100px;
}

html>body form.profile-form{min-height:100px; height:auto;}

form.profile-form fieldset{float:left; margin:0px; padding:0px 0px 10px 10px; border:2px solid #ccc; width:100%;}
form.profile-form legend{color:#0068a7; font-weight:bold;}

form.profile-form .control {float:left; width:50%; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px;}
form.profile-form .single-input {width:310px;}
form.profile-form .control p{float:left; padding:0px 15px 0px 10px; margin:0px 10px 0px 0px; width:27%; text-align:right;}
form.profile-form .control input{float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:170px; font-size:100%;}
form.profile-form .required{padding:0px 0px 0px 0px; background:url(../images/required_field.gif) no-repeat 99% 6px;}
form.profile-form select{font-size:100%; width:174px; float:left; margin:0px 0px 0px 0px;}
form.profile-form option{padding:0px 0px 3px 0px;}

/*table{border:1px solid #000; border-right:none; border-bottom:none; color:#fff;}
th{background:#0068a7; border-bottom:1px solid #000; border-right:1px solid #000;}
td{border-bottom:1px solid #000; border-right:1px solid #000;}*/

.free-text{ float:right; padding-right:23px; padding-top:0px;}

h1 {
font-size:120%;
margin:0 0 10px;
padding:0;
}

h2 {
font-size:130%;
margin:0 0 10px;
padding:0px 0px 5px 0px;
font-weight:bold;
color:#155379;
background:url(../images/header-bottom.jpg) left bottom no-repeat;
}

.postcode-finder input{
width:100px;
height:24px;
padding:0px;
margin:-1px 0px 0px 0px;
cursor:pointer;
}

.offers{padding-top:25px;}
.offers-box {margin-bottom:15px;}
.offers-box img{float:left; padding:0px 10px 0px 0px;}

.sidebarmenu ul {font-family:"Trebuchet MS"; font-size:17px;}