/*This is the Stockashop Designer, site specific stylesheet. It is processed after the styles-simpler.css stylesheet.*/
/*So all the styles below override or add to existing styles.*/

/***********************General layout, body, and menu styles***********************/
body {margin-top:25px; background: #9bb5ff;}
#wrapper {border-left: 2px solid #9bb5ff; border-right: 2px solid #9bb5ff; border-top: none; border-bottom: 1px solid white; margin: none;}
#rightcolumn, #leftcolumn {color: #273370;}
#menu {color: white; border-top: 1px solid white; border-bottom: none; text-align: right; background: #4960c1;}
#menu ul.mainmenu a {color: white;}
#header {border-bottom: 4px solid #9bb5ff;}
/*Closing gap around flash header*/
div.flashbanner {padding-bottom: 0; margin-bottom: 0;}


/***********************Wider left column and much wider right column***********************/
#wrapper, #footer, #footer p {width:953px;} /*wider wrapper and footer, should be all the widths below + 3 pixels for borders*/
#leftcolumn {width: 200px;} /*more space for the left column if desired*/
#rightcolumn {width: 750px; ; margin-right: 0;} /*wider central column with a right border*/


/***********************Suckerfish drop down menus***********************/
#menu {height: 2em;} /*It has a height so that it will appear correctly even if ul is floated for Suckerfish*/
#menu ul.mainmenu li ul {display: block; background: #4960c1;} /*Display the sub menus*/
#menu ul.mainmenu li ul li {line-height: 1.5em;}
#menu ul.mainmenu li {float: left;} /*They must be floated left*/
#menu ul.mainmenu li a {display:block;} /*Needed for Suckerfish submenus on IE*/
#menu ul.mainmenu li {border-left: none; border-right: 1px solid white;} /*Put the separator lines on the right*/


/***********************Styling for left column, including sign-up form***********************/
#leftcolumn form {background: none; padding:0; margin:0;}
#leftcolumn h3 {margin: 0;height: 25px;background: url(../images/bc.jpg);background-repeat: no-repeat; background-color: #9bb5ff; width: 157px; padding-left: 5px; color: white;}
#leftcolumn div.upcoming {padding: 10px 0 10px 0;}
#leftcolumn form.signupform {background-color: #9bb5ff; padding: 2px 0 15px 0; margin: 10px 0;}
#leftcolumn div.limg {border: 1px solid #9bb5ff; margin-right: 0; width: 160px;}
/*Matt styled pricing widget*/
#leftcolumn div.pd1 {height: 16px; background: url(../images/pd1.gif); background-repeat: no-repeat;}
#leftcolumn div.pd2 {height: 100px; background: url(../images/pd2.gif); background-repeat: no-repeat; padding: 0 10px;}
#leftcolumn div.pd3 {height: 16px; background: url(../images/pd3.gif); background-repeat: no-repeat;}


/***********************General styles for the right column***********************/
#rightcolumn h3 {color: #4960C1;}
body.page_home #rightcolumn h3 {padding-left: 20px;}
/*Paul changed the colour of a tags from #273370 so they stand out more*/
#rightcolumn a {color: #4960C1;}
#rightcolumn h1 {height: 20px; margin: 10px 10px 10px 10px; background-color: #9bb5ff; padding-bottom: 7px; padding-top: 2px; color: white;}


/*********************** Styles below are for the right column on the home page only ************************/
#rightcolumn div.col1 {background-color: #D8E0FF; width: 730px;	min-height: 310px; margin: 0;}
#rightcolumn div.col1 img {float: right; margin: 5px 10px 10px 0;}
#rightcolumn div.col2 {width: 500px; height: 370px; background-color: #D8E0FF; float: left; margin: 10px 0;}
#rightcolumn div.col3 {width: 220px; height: 370px; background-color: #D8E0FF; float: right; margin: 10px 0 10px 10px;}
#rightcolumn div.col3 img {margin: 10px 10px 0 10px;}
body.page_home #rightcolumn h2 {height: 18px; line-height: 18pt; background: url(../images/h5c.jpg); background-repeat: no-repeat; background-color: #4960C1;
  color: white; font-size: 120%; padding: 0 2px 4px 15px; margin:0;}
body.page_home #rightcolumn p {padding: 5px 15px 10px 15px;}
body.page_home #rightcolumn ul {padding: 5px 15px 10px 25px;}
/*Changed by Paul 11-18/8/2008 so that only the home page loses the margin.*/
body.page_home #rightcolumn #contentpadding {margin: 0 10px;} /*Only 10px margin on the left and right*/
body.page_pageview_php #rightcolumn #contentpadding {width: 430px;}
body.page_enquiry_php #rightcolumn #contentpadding {width: 430px;}
#header {margin-bottom: -4px;}


/***********************General styles for the footer***********************/
#footer {background: #4960c1; border-top: 1px solid white; border-left: 1px #9bb5ff; border-bottom: 1px #9bb5ff; border-right: 1px #9bb5ff;}
#footer {color: white; height: 30px;}
#footer p {text-align: center; font-size: 90%;}
#footer a {color: white; text-decoration: underline;}