@charset "utf-8";
/* CSS Document */

/* Reset */

/* Neutralize styling: Elements we want to clean out entirely: */
html, body, form, fieldset {
	font: 13px/140% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}

/* Neutralize styling: Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin:1em 0;
	padding: 0;
}

/* Apply left margin: Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}


/* Hyperlinks: */

a { text-decoration: none; }
a:link { color: #606D80; }
a:visited { color: #606D80; }
a:hover { color: #009; }
a:active { color: #009; }
a:focus { outline: none; }


/* Miscellaneous conveniences: */

form label {
	cursor: pointer;
}

fieldset {
	border: none;
}

input, select, textarea {
	font-family: inherit;
	font-size: 100%;
}
/*start my css*/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #2A221F;
	margin:0px;
	}
body {
	background:url(../images/BG.jpg) 5px 0px;
	}
p{
	line-height:normal;
	}
a:link {
	color: #896011;
	text-decoration: underline;
	}
a:visited {
	text-decoration: underline;
	color: #896011;
	}
a:hover {
	text-decoration: none;
	color: #006600;
	}
a:active {
	text-decoration: underline;
	color: #FF0000;
	}
h1 {
	font-size: 120%;
	}
h2 {
	font-size: 110%;
	}
h3 {
	font-size: 100%;
	}
.Container {
	position:relative; display:block; width:985px; margin: 0px auto; min-height:300px;-height:800px;
	}
.LeftColumn{
	width:207px; float:left;  position: relative;
 }
.Content {
 	width:660px; min-height:600px; position:relative; margin-left:217px;
 }
.CartWelcome {
 	border:1px solid black; padding:5px; position:absolute; right:160px; top:120px; font-size:90%; background:url(../images/BGfrontpage.jpg);
 }
.Logo {
	 position:absolute; right:0px; top:0px;
	 }
.Surfboard {
	position:absolute; bottom:-63px; right:0px;
	}
.Skimask {
	position:absolute; bottom:-133px; right:82px;
	 }
.Boombox {
	position:absolute; bottom:-110px; right:310px
 	}
.KU {
	position:absolute; bottom:-130px; right:180px
 	}
.Shoes {
	position:absolute; bottom:-140px; left:335px
 	}
.Woodie {
	position:absolute; bottom:-60px; left:280px
 	}
.Tennis {
	position:absolute; bottom:-60px; left:160px
 	}
.Bamboo {
	position:absolute; bottom:-80px; left:0px
 	}
.Sandals {
	position:absolute; bottom:-140px; left:20px
 	}
.TikiDoll {
	position:absolute; top:200px; left:25px
 	}
.Sunglasses {
	position:absolute; top:238px; left:100px
 	}
.Search {
	background:url(../images/BGsearch.png) no-repeat; width:229px; height:36px; padding:4px 0px 0px 21px; position:absolute; top:10px;
}
.Roof {
	position:absolute; left: 180px;width:459px; height:80; top:0px;
}
.searchfield{
	background-color: #FFFFFF;
	border: solid 1px #000000;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 85%;
	font-style: normal;
	font-weight: normal;
}
.WhatsHot {
	margin-top:10px; text-align:center;
	}
.Cabinet {
	position: relative; width:207px; background:url(../images/CabinetTop.png) no-repeat;padding:80px 0px 0px 40px;
	}
.CategoryMenu {
	position: relative;width:137px; font-weight:bold; 
	}
.CategoryMenu a:link {
 	color:white; text-decoration:none;
}
.CategoryMenu a:visited {
 	color:white; text-decoration:none;
}
.CategoryMenu a:hover {
 	color:white; text-decoration:underline;
}
.CategoryMenu a:active {
 	color:yellow; text-decoration:none;
}
.WhatsHotFrame {
 	relative; background: url(../images/WhatsHotFrame.png) no-repeat; width:169px; height:212px; padding:14px 0px 0px 15px; margin-left:20px;
 }
.Menu {
	width:551px; position:absolute; top:49px; height:36px;
}
.ContentContainer {
 	width:670px; background: url(../images/BgContent.png) repeat-y; position:relative; min-height:750px; margin:0px;
 }
.Footer {
 	background:url(../images/BGfloor.gif); height:150px; text-align:center; color:white; clear:both; margin-top:10px;
 }
 UL {
 	list-style-image:url(../images/bullet.gif);
	margin-left:10px
 }