/*
    Document   : newCascadeStyleSheet
    Created on : 09-Sep-2009, 21:14:00
    Author     : tony
    Description:
        Purpose of the stylesheet follows.
*/
/* New KSL web site layout */
/*
   TODO
*/

	/* General styles */
body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background:#fff;
	min-width:850px;		/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
	font-size: 100%;
	font-family: Verdana,Arial,sans-serif;
	}
a {
	color:#369;
	}

a:hover {
	color:#fff;
	background:#369;
	text-decoration:none;
}
h1, h2, h3 {
	margin:.8em 0 .2em 0;
	padding:0;
}
h1 {
        font-size: 1.25em;
   	margin: 0;
}
h2 {
         color: #144;
	font-size: 1.125em;
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
	font-size: 0.75em
}
img {
	margin:0.5em 0 0.25em;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
        background: #3839b2;
  min-height: 80px;
}
#header img {
        margin: 0;
        padding:0;
        border: 0 none;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 1em 0 1em;
	margin:0;
}
#header #ksl_logo {
  min-height: 70px;
  float: left;
}
#header ul {
	display: block;
	width: 34em;
	overflow: hidden;
	list-style:none;
	margin: 4.5em auto 0;
	padding:0;
  font-size: 0.9em;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;
	text-align:right;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
        clear:both;
        float:left;
        width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}

.osccat .colmid {
        float:left;
        width:200%;
        position:relative;
        left:200px;
        background:#fff;    	/* Centre column background colour */
}
.osccat .colright, .osccat .colleft {

        float:left;
        width:100%;
        margin-left:-400px;
        position:relative;
        left: 50%;         	/* Left column width + right column width */
        background:#FFf;    	/* Left column background colour */
}
.osccat .col1wrap {
        float:right;
        width:50%;
        position:relative;
        right:100%;        	/* Width of left column */
        padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.osccat .col1pad {
        margin: 0 -10px 0 400px;
        overflow: hidden;
}
.osccat .col1 {
        width: 100%;
        overflow:hidden;
}
.osccat .col2 {
        float:left;
        width:170px;
        position:relative;
        margin-left: -50%;
        left: 215px;
        overflow: hidden;
}
.osccat .col3 {
        float:left;
        width:170px;
        position:relative;
        left: 15px;
        overflow: hidden;
}


/* Footer styles */
#footer {
        clear:both;
	float:left;
	width:100%;
	background-color: #ddd;
        margin-bottom: 10px;
        padding: 5px 0;
}
#footer p {
	padding:10px;
	margin:0;
}
#footer img {
       text-align: center;
       margin: auto;
       display: block;
       height: 35px;
}
/* My Added Styles */
a img {
  border: 0 none;
}
.headerNavigation {
    clear: left;
    width: 100%;
    height: 15px;
    background-color: #bbc3d3;
}

.colbox {
    width:100%;
    margin-top: 8px;
}
.colbox1 {
    clear: left;
    width: 99%; /* frig to ensure rh border gets displayed */
    margin-top: 10px;
}
.colcontent {
    width:100%; border: 1px #BBC3D3 solid;
    background-color: #F8F8F9;
    padding-top: 6px;
}

.coltopleft {
    width:100%;
    height: 15px;
    background: #BBC3D3  url('/ksl/images/infobox/corner_left.gif') no-repeat top left;
    border-right: 2px solid #BBC3D3;
}
.coltopright {
    width:100%;
    height: 15px;
    background: #BBC3D3  url('/ksl/images/infobox/corner_right.gif') no-repeat top right;
    border-left: 2px solid #BBC3D3;
}
.left_nav a{
  font-size: 0.75em;
}
.left_nav a {
  display: block;
  margin: 5px;
}
.left_nav a img{
  margin: 0;
}
.left_nav .group_link {
  font-weight: bold;
}
.left_nav .category_link {
  padding-left: 5px;
}
img.shop_info {
  width: 150px;
  margin: 8px;

}