/* MAIN CSS Document */
/* TK RETAIL DESIGN	*/
/* DEBORAH DA SILVA - autus.co.uk */

body {
margin: 20px auto;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
background-color:#E6E6E6

}

#wrap
{margin:auto;
width:960px;
text-align:left;
background-color:#e3bb95
}



/* GENERAL STYLES*/

h1 {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:lighter;
}

h2 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:lighter;
padding-top:8px;
padding-bottom:5px;
border-bottom:dotted 1px #333333
}

h3 {
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
border-bottom:dotted 1px #333333
}

h4 {
color:#996600;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
padding-top:0px;
padding-bottom:2px;
border-bottom:dotted 1px #996600
}

a {
color:#D59757;
text-decoration:underline;
}

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



/* TOP HEADER*/



#header {
width:950px;
height:250px;
padding-top:20px
}

#logo {width: 220px;
padding:5px;
margin-left:10px;
float:left;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
text-align:left;
}

#logo a {
color:#000000;
text-decoration:none
}

#logo a:hover {
color:#000000;
text-decoration:none
}

#mainimage {
width:685px;
float:right;
}

#menu {
margin-top:45px;
width:250px;
}



/* CONTENT*/


#content {
width:960px;
margin-bottom:20px;
background-image:url(../images/contentback..gif);
background-repeat:repeat-y

}

/* MID CONTENT */

#midwrap {
float:right;
width:695px;
min-height:300px;

}

#midcopy {
padding:10px 20px 20px 20px;
color:#000000;
}



#midwrap ul {list-style-image:url(../images/bullet_green.gif); margin-left: 10px; padding-left:5px}



/* LEFT*/


#left {
width:265px;
float:left;
display:block;
margin-right:0px;
min-height:300px;
}

#leftcopy {
padding:10px;
color:#000000;
}

#leftcopy  a{
color:#996600;
text-decoration:none
}

#leftcopy  a:hover{
color:#996600;
text-decoration:underline
}

/* LEFT NAVIGATION*/

#leftnavigation {
width:250px;
color:#000000;
font-size:12px;
text-align:left;
}



#leftnavigation ul{
padding:0;
margin:0;
list-style:none
}

#leftnavigation li{
border-bottom:solid 1px #d59757;
}

#leftnavigation a {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
height:15px;
padding:5px 5px 5px 20px

}
#leftnavigation a:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#cace2d;

}

#leftnavigation .current {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#cace2d;

}




/* LEFT NAVIGATION*/

#leftnavigation2 {
width:250px;
color:#000000;
font-size:12px;
text-align:left;
}



#leftnavigation2 ul{
padding:0;
margin:0;
list-style:none
}

#leftnavigation2 li{
border-bottom:solid 1px #d59757;
}

#leftnavigation2 a {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
height:15px;
padding:5px 5px 5px 20px

}
#leftnavigation2 a:hover {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#cace2d;

}

#leftnavigation2 .current {
color:#000000;
text-decoration:none;
font-weight:bold;
display:block;
background-color:#cace2d;

}







/* FOOTER */


#footer {
width:960px;
clear:both;
background-color:#d59757;
text-align:center;
color:#FFFFFF;
font-size:10px;
padding-top:10px;
padding-bottom:10px
}

#footer a, #footer a:hover{
color:#FFFFFF;
text-decoration:underline
}


#footercontent{
width:950px;
color:#FFFFFF;
font-size:9px;
padding-right:10px;
float:right;
margin-top:10px;
text-align:right
}

#footercontent a{
color:#FFFFFF;
font-size:9px;
text-decoration: underline;

}

#footercontent a:hover{
color:#58c7dd;
font-size:9px;
text-decoration: underline;

}


/* OTHERS */

.floatright {
float:right;
padding-left:5px
}

.floatleft {
float:left;
padding-right:5px
}

.greyline {
width:100%;
height:10px;
border-top:dotted 1px #999999
}

.divider {
width:100%;
height:10px;
}

.dividerclearboth {
clear:both
}

p.links {color:#D59757;}
span.norm {color:#000}