/* Layout and styling for for a basic three column layout with a header and footer using Cybertill */
/* Coded by Mechele Kitching 29 October 2008*/
/* www.mechelekitching.co.uk */
/* version: 1.1 */

/* General layout */
/* www.ski-west.co.uk main CSS document */
/* When going live replace http://www.ski-west.co.uk/images with http://www.ski-west.co.uk/images */

/*-----------------------------------------------*/
html,body{
background-image:url(../images/ski-west/bg.gif);
margin:10px 0 0 0;
font:normal 11px/16px Lucida, Verdana, Arial, sans-serif;
}

#wrapper{
text-align:left;
width:960px;
background:white;
margin:0 auto 0 auto;
}

/* Divs
-----------------------------------------------*/

#header {
width:960px;
height:180px;
background-image:url(../images/ski-west/header_bg.jpg);
}
#logo {
width:250px;
height:180px;
float:left;
}
#topnav {
float:left;
width:960px;
height:60px;
background-image:url(../images/ski-west/topnav_bg.jpg);
}
#leftcol{
float:left;
width:200px;
height:100%;
background:#ffffff;
}
#midcol{
float:left;
width:720px;
_width:700px; /* IE 6 and below */
height:100%;
background:#ffffff;
}
#leftnav{
float:left;
width:200px;
height:550px;
background:url(../images/ski-west/leftnav_bg.jpg) 0 0 no-repeat;
margin:0 0 0 0;
}
#content1{
float:left;
width:720px;
margin:0 0 0 0;
background:white;
}
#footer{
background-color:#ffffff;
clear:both;
width:910px;
height:30px;
margin:20px 25px 20px 25px;
border-top:#c0c0c0 1px dashed;
}
#footnav{
width:300px;
float:right;
text-align:right;
}

/* Type
-----------------------------------------------*/
p {
font-size:1.1em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:0;
}
#header h1 {
display:block;
background:url(../images/ski-west/sub32_logo.jpg) 0 0 no-repeat;
text-indent:-9999px;
margin:50px 0 0 20px;
cursor:pointer;
}
#header h1 a {
display:block;
width:230px;
height:80px;
}
h2 {
font-size:1.5em;
font-weight:700;
color:#58595b;
}
h2 span{
display:none;
}
h3 {
font-size:1.5em;
font-weight:700;
color:#58595b;
margin:0 0 10px 0;
}
h4 {
font-size:0.8em;
font-weight:400;
color:#003466;
margin:0;
padding:0;
}
h4 a:link, h4 a:visited {
color:#003466;
text-decoration:none;
}
h4 a:hover {
color:#00aeef;
text-decoration:none;
}
a {
outline:none; /* Gets rid of Firefox's dashed borders */
}
a:link {
color:#58595b;
text-decoration:none;
}
a:hover {
color:#9cccec;
text-decoration:underline;
}
a:visited {
color:#58595b;
text-decoration:none;
}

/* Top Navigation
-----------------------------------------------*/

ul,li {list-style-type: none;}
ul#navigation span {display: none;}

ul#navigation {
margin:10px 0 0 200px;
height:30px
}

ul#navigation li {
display: inline; /* Prevents "stepdown" */
}

ul#navigation li #home {width:60px; float:left;}
ul#navigation li a#schools {width:80px; float:left;}
ul#navigation li a#buy {width:50px; float:left;}
ul#navigation li a#hire {width:50px; float:left;}
ul#navigation li a#about {width:60px; float:left;}
ul#navigation li a#contact {width:80px; float:left;}
ul#navigation li a#login {width:50px; float:left;}
ul#navigation li a#basket {width:270px; float:left;}

ul#navigation li a {
display:block;
height:30px;
cursor: pointer;
}

ul#navigation li a#home {background: url(../images/ski-west/home_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#schools {background: url(../images/ski-west/schools_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#buy {background: url(../images/ski-west/buy_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#hire {background: url(../images/ski-west/hire_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#about {background: url(../images/ski-west/about_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#contact {background: url(../images/ski-west/contact_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#login {background: url(../images/ski-west/login_nav.jpg) 0 0 no-repeat;}
ul#navigation li a#basket {background: url(../images/ski-west/basket_nav.jpg) 0 0 no-repeat;}

ul#navigation li a#home:hover,
ul#navigation li a#schools:hover,
ul#navigation li a#buy:hover,
ul#navigation li a#hire:hover,
ul#navigation li a#about:hover,
ul#navigation li a#contact:hover,
ul#navigation li a#login:hover,
ul#navigation li a#basket:hover {
background-position:0 -30px;
}

/* Left Navigation
-----------------------------------------------*/

#leftnav ul {
margin-right:0px; /* margin dictates postion of the navigation bar within the header division */
position:relative;
top:5px;
}
#leftnav li {
color:#ffffff;
font-size:1.2em;
font-weight:700;
line-height:190%;
list-style-type:none;
border-bottom:#ffffff 1px dashed;
position:relative;
}
#leftnav a {
text-decoration:none;
color:#ffffff;
}
#leftnav ul li a {
display:block;
text-decoration:none;
color:#ffffff;
border-bottom:0;
}
#leftnav ul li a:hover {
color:#00aeef;
}
#leftnav li:hover ul, li.over ul {
display:block;
padding:0 0 0 100px;
}
#leftnav li ul {
position:absolute;
display:none;
top:0;
}
	
/* Classes
-----------------------------------------------*/

.imglink {
border:none;
margin: 0 0 0 0;
}
ul.list {
font-size:1.1em;
font-weight:400;
color:#58595b;
line-height:150%;
list-style-image:url(../images/ski-west/tick.gif);
}

/* body class */
.bodyclass {
}

/* left section class */
.section_left {
padding:0;
border-spacing:0;
}
.sectionborder_left {
padding:0;
border-spacing:0;
}
.column_left {
padding:0;
border-spacing:0;
}

/* top section class */
.section_top {
}
.sectionborder_top {
}
.header_top {
}
.column_top {
}
A.links_top:link, A.links_top:active, A.links_top:visited {
}
A.links_top:hover {
}

/* right section class */
.section_right {
padding:0;
border-spacing:0;
}
.sectionborder_right {
padding:0;
border-spacing:0;
}
.column_right {
padding:0;
border-spacing:0;
}

/* bottom section class */

/* main section class */
.section_main {
vertical-align : top;
padding:0;
border-spacing:0;
}
.sectionborder_main {
padding:0;
border-spacing:0;
}
.column_main {
background-color : #FFFFFF;
font-size:1.05em;
font-weight:400;
color:#58595b;
line-height:150%;
margin-top:20px;
padding:0;
border-spacing:0;
}

/* small text class */
.small_main {
font-size : 8pt;
color : #ffffff;
}
	    
/* error font class */
.font_error {
font-weight : bold;
font-size : 10pt;
color :#003466;
}
	    		
/* button class */
.buttonstyle {
background-color: #FFFFFF;
border: 1px solid ;
font-family: Lucida, Verdana, Arial, sans-serif;
font-size: 9pt;
color: #003466;
}	    
input.btnhov{ 
border-color: #003466;
}
	    
/* input field class */
.font_input {
background-color: #FFFFFF;
border: 1px solid ;
font-family: Lucida, Verdana, Arial, sans-serif;
font-size: 9pt;
color: #003466;
}


	    /* bespoke css IDs */
	    #lastview_tbl {
                /* last viewed products section css */

	    }
	    #lastview_hdr {
                /* last viewed products section header css */
	    }
	    #cart_tbl {
                /* small cart section css */
	    }
	    #cart_hdr {
                /* small cart section header css */
	    }
	    #srch_tbl {
                /* search section css */
	    }
	    #srch_hdr {
                /* search section header css */
	    }
	    #catMenu_tbl {
                /* category menu section css */
	    }
	    #catMenu_hdr {
                /* category menu section header css */
	    }
	    #top10_tbl {
                /* Top Sellers section css */
	    }
	    #top10_hdr {
                /* Top Sellers section header css */
	    }
	    #login_tbl {
                /* login section css */
	    }
	    #cat_hdr {
                /* product category header css */
	    }
	    #catprods_hdr {
                /* category product listings header css */
	    }
	    #catprods_tbl {
                /* category product listings table css */
	    }
	    #prod_tbl {
                /* product detail page css */
	    }
	    #item_Tbl {
                /* product detail page item layout css */
	    }
	    #shopcart_hdr {
                /* basket stage header css */
	    }
	    #shopcart_tbl {
                /* basket stage table css */
	    }
	    #summary_tbl {
                /* summary stage table css */
	    }
	    #sitemap_tbl {
                /* sitemap table css */
	    }