/* KneeShorts Clothing Company Style Sheet - New */

/* The entire screen you see - the background on either side of the page */
body
	{
		background-color: #3a3e4f;
		color: #333333;
		font-size: 100.01%;
		font-weight: normal;
		font-family: arial, sans-serif;
		letter-spacing: normal;
		line-height: 1.2;
		margin: 0;
		padding: 0;
	}

body a:link
	{
		color: #333333;
		text-decoration: underline;
	}

body a:active
	{
		color: #333333;
		text-decoration: underline;
	}

body a:visited
	{
		color: #333333;
		text-decoration: underline;
	}

body a:hover
	{
		color: #333333;
		text-decoration: underline;
        background: #C7DDEC;
    }

a img {border: none; }

a.no_ul { text-decoration: none; }


/* Page top */
div.pagetop
	{
		background-color: #cdc7cb;
		width: 900px;
        margin: 0;
		padding: 0;
		margin-right: auto;
		margin-top: 25px;
        position: relative;
        overflow: auto;
	}


/* Style the logo */
div.logo
	{
		margin:10px 10px 10px 25px;
		float: left;
	}
	
div.pagetop_right
	{
		float: right;
		margin-top: 20px;
		width: 600px;
	}

#shopbag
	{
		float: right;
		color: #333333;
		margin-right: 30px;
        font-size: .75em;
        margin-bottom: 10px;
	}

#shopbag img
	{
		margin-right: 5px;
		padding: 0;
		border: none;
	}

#shopbag a:link
	{
		color: #333333;
		text-decoration: none;
    }

#shopbag a:active
	{
		color: #333333;
		text-decoration: none;
    }

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




/* entire page on top of background, centered */
#content
	{
		width: 900px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}


/* Navigation tabs */
#navdiv
	{
		clear: right;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
	}

#navlist
	{
		margin: 0;
		padding: 0;
		margin-bottom: 10px;
		position: relative;
	}

#navlist li
	{
		margin: 0 2px 0 0;
		padding: 2px 0 8px 0;
		display: inline;
		overflow: hidden;
		list-style-type: none; 
		float: left;
	}

#navlist a
	{
		margin: 0;
		font-family: arial, sans-serif;
		font-size: .75em;
		color: #333333;
		font-weight: bold;
		padding: 10px 5px 10px 5px;
		text-decoration: none;
		height: 50px;
	}

#navlist a.active
	{
		background: #170857;
		color: #ffffff;
    }

#navlist a:hover
	{
		color: #ffffff;
		background: #170857;
	}
 
/* grey background*/
#grey-back
	{
		clear: both;
		width: 900px;
		margin: 0;
		padding-top: 5px;
		background-color: #D7D3D6;
   	}

/* white background*/
#white-back
	{
		margin: 5px 5px 0 5px;
		padding: 0 10px 10px 10px;
		background-color: #ffffff;
   	}

/* category navigation box */
#categories
	{
		margin: 0;
		padding: 5px 0 5px 0;
		background-color: #C7DDEC;
        border: 5px solid #919191;
        line-height: .8;
	}


#cat_table
	{
		margin-left: 50px;
		padding: 0;
        table-layout: fixed;
        text-align: center;
        margin-left:auto;
        margin-right:auto;
        border-collapse: collapse;
        empty-cells: show;
    }

tr#cat_hdgs
	{
		margin: 0;
		padding: 0;
        font-family: arial, sans-serif;
		font-size: 1em;
		color: #1971AF;
        text-align: center;
  	}

tr#cat_lists
	{
		margin: 0;
		padding: 0;
        font-family: arial, sans-serif;
		font-size: .9em;
		color: #5f5f5f;
        text-align: center;
    }

tr#cat_lists a:link
	{
		color: #5f5f5f;
		text-decoration: none;
	}

tr#cat_lists a:active
    {
		color: #5f5f5f;
		text-decoration: none;
	}

tr#cat_lists a:visited
    {
		color: #5f5f5f;
		text-decoration: none;
	}

tr#cat_lists a:hover
	{
		background: #ffffff;
        text-decoration: underline;
	}

td.border
    {
        border-collapse: collapse;
        border-right: 1px solid #919191;
        padding: 0;
        margin: 0;
    }

#main
	{
		margin-left: 25px;
		margin-right: 30px;
		padding-bottom: 0px;
		text-align: left;
		font-family: arial, sans-serif;
		font-size: .85em;
		color: #5f5f5f;
	}
	

#home_pictures td
	{
		margin: 0;
		padding: 5px;
		vertical-align: top;
	}

#link_table td
	{
		margin: 0;
		padding: 5px;
		vertical-align: top;
	}


/* rotating images */

.sp-bannerWrap
	{
		width: 260px;
		height: 300px;
		position: relative;
	}

#rotate
	{
  		padding: 0;
		margin: 0;
	}

#rotate img
	{
  		padding: 0;
		margin: 0;
		float: right;
		width: 260px;
	}

#subscribe_form
	{
		margin: 0;
		padding: 0;
		text-align: left;
		font-family: arial, sans-serif;
		font-size: .85em;
		color: #000000;
	}

#subscribe_form table
	{
		margin: 0;
		padding: 0;
	}


#search_form
	{
        float: right;
        margin-right: 30px;
		padding: 0;
		text-align: left;
		font-family: arial, sans-serif;
		font-size: .8em;
		color: #5f5f5f;
	}

.form
	{
		color: #333333;
	}

.small
	{
		font-size: .7em;
	}

.emphasis
	{
		color: #a91b03;
		font-style: italic;
	}
	
#main .rtimg
	{
		margin: 15px 5px 5px 5px;
		padding: 0;
		border: 1px solid #765F47;
		float: right; 
	}
	
#main .lftimg
	{
		margin: 15px 10px 5px 0px;
		padding: 0;
		border: 1px solid #765F47;
		float: left;
	}

#main .lftimg2
	{
		margin: 15px 30px 5px 0px;
		padding: 0px;
		border: 1px solid #765F47;
		float: left;
	}

#main a:active
	{
		color: #5f5f5f;
		text-decoration: underline;
	}

#main a:link
	{
		color: #5f5f5f;
		text-decoration: underline;
	}

#main a:visited
	{
		color: #5f5f5f;
		text-decoration: underline;
	}
	
#main a:hover
	{
		color: #5f5f5f;
		text-decoration: underline;
	}

/* List of links on the home page */
#homelist
	{
		margin: 0;
		padding: 0;
		text-align: left;
	}

#homelist img
	{
	   vertical-align: bottom;
	}

/* Style the links list */
#linklist
	{
		font-size: .85em;
		padding: 0;
		margin: 0;
		list-style-type: none;
        width: 260px;
	}

/* Style the links list - wide*/
#linklistw
	{
		font-size: .85em;
		padding: 0;
		margin: 0;
		list-style-type: none;
        width: 295px;
	}

/* Space out the navigation items vertically */
#linklist li
	{
		margin: 0;
		padding: 0;
	}

	/* Change color of navigation items here, if you want */
#linklist a:link, #linklist a:visited
	{
		color: #5f5f5f;
		text-decoration: none;
	}

/* Change navigation items when they are hovered over with mouse */
#linklist a:hover, a:active
	{
		color: #5f5f5f;
        background: #ffffff;
		text-decoration: underline;
	}

    /* Space out the navigation items vertically */
#linklistw li
	{
		margin: 0;
		padding: 0;
	}

	/* Change color of navigation items here, if you want */
#linklistw a:link, #linklistw a:visited
	{
		color: #5f5f5f;
		text-decoration: none;
	}

/* Change navigation items when they are hovered over with mouse */
#linklistw a:hover, a:active
	{
		color: #5f5f5f;
        background: #ffffff;
		text-decoration: underline;
	}

/* Style page heading - top of each page */
h1
	{
		color: #5f5f5f;
		font-family: arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
		margin: 0;
		padding: 10px 0 5px 0;
		text-align: left;
	}

/* Style sub-heading h2 */
h2
	{
		color: #5f5f5f;
		font-family: arial, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		margin-left: 5px;
		padding: 3px 0 3px 0;
		text-align: left;
	}

/* Style sub-heading h3 */
h3
	{
		color: #5f5f5f;
		font-family: arial, sans-serif;
		font-size: 1.1em;
		font-weight: bold;
		margin-left: 5px;
		padding: 3px 0 3px 0;
		text-align: center;
	}

/* Style sub-heading h4 - event sponsors heading */
h4
	{
		color: #333333;
		font-family: arial, sans-serif;
		font-size: 1em;
		font-weight: bold;
		margin: 0;
		padding: 10px 0 3px 0;
		text-align: center;
	}
	
/* Style sub-heading h5 - sponsors sub-headings */
h5
	{
		color: #333333;
		font-family: arial, sans-serif;
		font-size: .9em;
		font-weight: bold;
		margin: 0;
		padding: 3px 0 0 0;
		text-align: center;
	}
	

ul.list
	{
		list-style-type: none;
		margin: 5px;
	}

/* Secondary page navigation line in bottom of primary pages */
.second_nav
	{
		margin-left: 85px;
		padding: 0;
		float: left;
		line-height: normal;
	}
	
/* Footer links */
ul.second_links
	{
		vertical-align: top;
		margin: 0;
		padding: 0;
		white-space: nowrap;
		font-family: arial, sans-serif;
		font-size: 1.2em;
		font-weight: bold;
	}
	
.second_links li
	{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding-left: 50px;
	}

.second_links a:link, .second_links a:visited
	{
		color: #000000;
		text-decoration: none;
	}

.second_links a:hover, .second_links #active
	{
		color: #d3381a;
		text-decoration: underline;
	}
	
	
/* Footer bar */
#ksfooter
	{
		clear: both;
		margin: 0;
		padding-top: 20px;
		height: 75px;
		width: 900px;
		background-color: #cdc7cb;
	}
	
.copy_txt 
	{
		color: #5f5f5f;
		font-size: .7em;
		float: right;
		margin-right: 25px;
		margin-top: 2px;
	}
	
/* Footer navigation */
#footer_nav
	{
		margin: 0 0 0 20px;
		padding: 0;
		float: left;
		font-size: .75em;
		line-height: normal;
	}
	
/* Footer links */
ul#footer_links
	{
		vertical-align: top;
		margin: 0;
		padding: 0;
		white-space: nowrap;
	}
	
#footer_links li
	{
		display: inline;
		list-style-type: none;
		margin-left: 5px;
		padding-left: 5px;
        padding-right: 12px;
        border-right: 1px solid #5f5f5f;
	}

#footer_links a:link, #footer_links a:visited
	{
		color: #5f5f5f;
		text-decoration: none;
	}

#footer_links a:hover, #footer_links #active
	{
		color: #5f5f5f;
        background: #ffffff;
		text-decoration: underline;
	}
	
/* Spacer */
div.spacer 
	{
		clear: both;
	}

/* sitemap list */
#sitelist
	{
		text-align: left;
	}

/* Style the site map links list */
.sitemap
	{
		font-size: 1em;
		padding: 0 0 0 0;
		margin: 0px 0 40px 0;
		list-style-type: none;
	}

/* Space out the navigation items vertically */
#sitemap li
	{
		margin: 5px 0 0 0;
		padding: 0;
	}

/* Indent site map items by 20 px */
.sitemap .indent
	{
		margin-left: 20px;
	}

/* Indent site map items by 40 px */
.sitemap .indent2
	{
		margin-left: 40px;
	}

	/* Change color of navigation items here, if you want */
.sitemap a:link
	{
		color: #333333;
		text-decoration: underline;
	}

/* Change color of navigation items after they are visited here, if you want */
.sitemap a:visited
	{
		color: #5f5f5f;
		text-decoration: underline;
	}

/* Change navigation items when they are hovered over with mouse */
.sitemap a:hover
	{
		color: #333333;
        background: #D7D3D6;
		text-decoration: underline;
	}

.b_txt
	{
		color: black;
		font-weight: bold;
		text-decoration: none;
	}

.price
	{
		color: black;
		font-weight: bold;
		text-decoration: none;
	}

.regprice
	{
		color: black;
		font-size: 90%;
		text-decoration: line-through;
	}

.saleprice
	{
		color: red;
		font-weight: bold;
		text-decoration: none;
	}

.item_text
	{
		font-size: .9em;
	}
.bsm_txt
	{
		color: black;
		font-weight: bold;
		text-decoration: none;
        font-size: .9em;
	}

 .blu_txt
	{
		color: #0000A0;
	}

.b_blu_txt
	{
		color: #000080;
		font-weight: bold;
	}

.b_brt_txt
	{
		color: #0765c3;
		font-weight: normal;
    }

.prod
	{
		margin: 0;
		padding: 0;
		text-align: center;
		font-family: arial, sans-serif;
		font-size: .9em;
		color: #333333;
    }

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

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

a.proda:link
	{
		color: #000000;
		text-decoration: none;
	}
a.proda:visited
	{
		color: #333333;
		text-decoration: none;
	}
a.proda:hover
	{
		color: #333333;
		text-decoration: none;
	}
a.proda:active
	{
		color: #333333;
		text-decoration: none;
	}