/* Normalization Script */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
margin:0;
padding:0;
}
table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img
{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
font-style:normal;
font-weight:normal;
}
ol,ul 
{
list-style:none;
}
caption,th 
{
text-align:left;
}
h4,h5,h6
{
font-size:100%;
font-weight:normal;
font-family:"trebuchet MS";
}
q:before,q:after
{
content:'';
}
abbr,acronym 
{
border:0;
}
/* Global Variables */
body{
	background: #000000 url(https://www.wellcoolstuff.com/images/main/bg-main2.png) repeat-y center top;
	margin: 0px;
	padding: 0px;
	min-width:800px;
	min-height:100%;
	}
h1 { 
	font-family:"trebuchet MS";
	font-size:24px;
	font-weight:bold;
	}
h2 {	
	font-family:"trebuchet MS";
	font-size:18px;
	font-weight:bold;
	}
h3 { 	
	font-family:"trebuchet MS";
	font-size:16px;
	font-weight:bold;
	}

a  		{ border-bottom: none; color:#000000; text-decoration: underline; }
a:hover { border-bottom: none; color:#336633; text-decoration: underline; }

/* Global Objects */
#Logo {
	margin-left: auto;
	margin-right: auto;
	width:800px;
	}
#navbar {
	background:url(https://www.wellcoolstuff.com/images/banner/bg-nav.png) repeat-x;
	width:800px;
	height: 29px;
	margin-left: auto;
	margin-right: auto;
	
	}
#nav-left {
	padding-top:3px;
	padding-left: 5px;
	float:left;
	position:relative;
	}
.nav-left {
	padding-top:3px;
	padding-left: 5px;
	float:left;
	position:relative;
	}
#nav-right {
	padding-top:3px;
	padding-right:15px;
	float:right;
	position:relative;
	}
ul.nav {
	list-style-type: none;
	margin: 0px;
	}
ul.nav li 
	{
	display: inline; 
	}
ul.nav a {
	border-bottom: none;
	color:#FFFFFF;
	font-family:"trebuchet MS";
	font-weight:bold;
	font-size:16px;
	text-decoration: none;
	padding-left: 10px;
	}
ul.nav a:hover {
	border-bottom: none;
	color:#ffd84f;
	font-family:"trebuchet MS";
	font-weight:bold;
	font-size:16px;
	text-decoration: none;
	padding-left: 10px;
	}
#TopBG { 
	background:url(https://www.wellcoolstuff.com/images/main/bg-main-gradient.png) repeat-x top;  
	width:800px; 
	height:170px; 
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
	position:relative;
	text-align:left;
	}
#main {
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 10px;
	width:800px;
	position:absolute;
	z-index:1;
	}
#FooterCon {
	width:800px;
	margin: 10px 0px 0px 0px;
	position:relative;
	float:left;
	font-family:'trebuchet MS';
	font-size:14px;
	background-color:#f1fcdf; 
	border-top:dashed #333333 1px; 
	}
.FooterInset {
	padding-Left:5px;
	}
/*menu */
.sdmenu {
    width: 150px;
    font-family: Sans-Serif;
    font-size: 12px;
	font-weight:300;
    padding-bottom: 15px;
	background: #eee url(https://www.wellcoolstuff.com/images/menu/bottom.gif) no-repeat  right bottom;
    color: #FFF;
	}
.sdmenu .title, .sdmenu .titlehidden{
    display: block;
    padding: 5px 0;
    font-weight: bold;
    color: white;
    background: #FFF url(https://www.wellcoolstuff.com/images/banner/bg-nav.png) repeat-x;
	}
.sdmenu .arrow {
	margin-left: 10px;
    margin-right: 7px;
	}
.sdmenu .titlehidden {
    border-bottom: none;
	}
.sdmenu #top {
    background: url(https://www.wellcoolstuff.com/images/banner/bg-nav.png) repeat-x;
	}
.sdmenu .submenu {
    overflow: hidden;
	}
.sdmenu .submenu a {
    padding: 5px 0;
    text-indent: 10px;
    background: url(https://www.wellcoolstuff.com/images/menu/sub-menu2.gif) repeat-y;
    display: block;
	padding-left:2px;
	padding-right:2px;
    color: #000000;
    text-decoration:none;
	border-bottom: #b6b6b5 dashed 1px;
	}
.sdmenu .submenu a:hover {
    background : #535e1b url(https://www.wellcoolstuff.com/images/menu/linkarrow.gif) no-repeat right center;
    color: #FFF;
	}
/* Catagory Page Templates */
/* Duo Box */
#DuoColLeft {width:300px; float:left; margin: 0 5px 0 10px;}
#DuoColRight {width:300px; float:left; margin: 0 10px 0 5px;}
#DuoBox {width:300px; position:relative; border:#d4d4d4 1px solid;}
.DuoBoxTitle {
	background-image:url(http://www.wellcoolstuff.com/images/cattemp/2aside/head.png); 
	background-repeat:repeat-x; 
	width:300px;
	height:50px; 
	position:relative; 
	line-height:24px; 
	font-family:'trebuchet MS'; 
	font-size:20px; 
	color:#404835;
	}
.DuoBoxImage {
	width:300px;
	position:relative; 
	border-top:#d4d4d4 1px solid; 
	border-bottom:#d4d4d4 1px solid; 
	background-color:#FFFFFF;
	}
.DuoBoxFooter {
	background-color:#d5eaaf;
	width:300px;
	position:relative;  
	font-family:'trebuchet MS'; 
	font-size:16px; 
	color:#000000; 
	}
/* Widgets */
.WidgetCont {
	float:left;
	width:190px;
	margin-top:10px;
	}
.WidgetSpacer {
	margin-bottom:3px;
	}
.WidgetSupport {
	width:190px; 
	border-top: Solid #333333 2px; 
	border-bottom: Solid #333333 2px; 
	background:#f1fcdf; 
	color:#000000;
	font-family:'trebuchet MS'; 
	font-size:16px;
	}
/* Home Page */
/* Welcome Box */
#WelcomeHead {
	background-image:url(https://www.wellcoolstuff.com/images/front/FM-02_01.png);
	width: 600px;
	height:45px;
	font-family:'trebuchet MS'; 
	font-size:24px; 
	color:#464646;
	}
#WelcomeRepeat {
	background-image:url(https://www.wellcoolstuff.com/images/front/FM-02_02.png);
	background-repeat:repeat-y;
	width:600px;
	height:auto;
	}
#WelcomeFooter {
	background-image:url(https://www.wellcoolstuff.com/images/front/FM-02_04.png); 
	width:600px; 
	height:24px;
	}
/* Welcome classes */
.WelcomeMainText {
	float:left;
	margin:0px 0px 0px 15px;
	font-family:'trebuchet MS';
	font-size:13px;
	width:410px;
	border-right: #000000 dashed 1px;
	}
.WelcomeMainText2 {
	float:left;
	padding:0px 15px 0px 15px;
	font-family:'trebuchet MS';
	font-size:13px;
	width:570px;
	}
.EnterShop {
	font-family:'trebuchet MS'; 
	font-size:22px;
	text-align:center;
	}
.EnterShop a {
	border-bottom: none;
	color:#038afd;
	text-decoration: underline;
}
.EnterShop a:hover {
	border-bottom: none;
	color:#b7ddfd;
	text-decoration: underline;
}
.WelcomeRightText {
	float:left;
	margin:0px 0px 0px 0px;
	font-family:'trebuchet MS'; 
	font-size:14px;
	width:160px;
	}
.CatHeader {
	margin-left:16px;
	margin-top:16px;
	}

/* Navigation */
.FrontNavCon {
	width:295px; float:left;
	}
.FrontNavPic {
	width:100px; float:left;
	}
.FrontNavLinks {
	width:195px; float:left;
	}
.Cat {
	background-image:url(https://www.wellcoolstuff.com/images/front/HS-01_02.png); 
	width:595px; height:28px; 
	z-index:0; 
	float:left;
	font-family:'trebuchet MS'; 
	font-size:20px; 
	padding-left:10px;
	}
.FrontTitle {
	font-size:16px;
	font-weight:normal;
	font-family:"trebuchet MS";
	font-weight:bold;
	text-decoration:none;
	color:#000000;
	}
.FrontTitle a {
	text-decoration:none;
	color:#000000;
	}
.FrontTitle a:visited {
	text-decoration:none;
	color:#000000;
	}
.FrontTitle a:hover {
	text-decoration:underline;
	color:#000000;
	}
ul.frontnav {
	list-style-type: none;
	margin: 0px;
	}
ul.frontnav li 
	{
	display: inline; 
	font-family:"trebuchet MS";
	font-size:13px;
	}
ul.frontnav a {
	border-bottom: none;
	color:#336699;
	text-decoration: none;
	}
ul.frontnav a:hover {
	border-bottom: none;
	color:#99ccff;
	text-decoration: underline;
	}

/* Shop Page */
/* New Items */
#New-Item-Area {
	border: #203109 solid 3px;
	background-color:#d0e0ba; 
	width:190px; 
	margin-right:7px; 
	padding: 5px;
	margin-top: 10px;
	}
#New-Item-Title {
	border-bottom: #626d53 dashed 1px;
	width: 190px;
	height:20px;
	font-family:'trebuchet MS';
	font-size:16px;
	color:#000000;
	font-weight:bold;
	}
#New-Item-Picture {
	width: 190px; 
	font-family:'trebuchet MS'; 
	font-size:14px; 
	color:#000000; 
	margin-top:10px;
	}
#New-Item-Footer {
	border-top: #626d53 dashed 1px;
	margin-top:10px;
	width:190px; 
	font-family:'trebuchet MS'; 
	font-size:12px; 
	color:#000000;
	}
/* Featured Items */
#Blog-Area {
	border: #203109 dashed 1px;
	background-color:#f1fbe2; 
	width:190px; 
	margin-right:5px; 
	padding: 5px;
	margin-top: 10px
	}
#Blog-Title {
	border-bottom: #d9d7d7 dashed 1px;
	width: 190px;
	height:17px;
	font-family:'trebuchet MS';
	font-size:16px;
	color:#000000;
	font-weight:bold;
	}
#Blog-Main {
	width: 190px; 
	font-family:'trebuchet MS'; 
	font-size:14px; 
	color:#000000; 
	margin-top:10px;
	}
#Blog-Footer {
	border-top: #d9d7d7 dashed 1px;
	margin-top:10px;
	width:190px; 
	font-family:'trebuchet MS'; 
	font-size:12px; 
	color:#000000;
	text-align:right;
	}
/* Support Page*/
#Left {
	border:#333333 1px dashed;
	background-color:#FFFFFF;
	width:150px;
	height:30px;
	font-family:'trebuchet MS'; 
	font-size:18px; 
	text-align:center; 
	padding-top:5px; 
	}
#Left a {
	border-bottom: none;
	color:#000000;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Left a:hover {
	border-bottom: none;
	color:#9fdda8;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Middle {
	border:#333333 1px dashed; 
	background-color:#FFFFFF; 
	width:150px; 
	height:30px; 
	font-family:'trebuchet MS'; 
	font-size:18px; 
	text-align:center; 
	padding-top:5px; 
	}
#Middle a {
	border-bottom: none;
	color:#000000;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Middle a:hover {
	border-bottom: none;
	color:#9fdda8;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Right {
	border:#333333 1px dashed; 
	background-color:#FFFFFF; 
	width:150px; 
	height:30px; 
	font-family:'trebuchet MS'; 
	font-size:18px; 
	text-align:center; 
	padding-top:5px;
	}
#Right a {
	border-bottom: none;
	color:#000000;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Right a:hover {
	border-bottom: none;
	color:#9fdda8;
	font-family:"trebuchet MS";
	text-decoration: none;
	}
#Support-Title {
	margin: 0 auto 20px auto;
	font-family:'trebuchet MS';
	font-size:22px; 
	font-weight:bold; 
	text-decoration:underline;
	}
#Support-Title a {
	border-bottom: none;
	color:#000000;
	font-family:"trebuchet MS";
	text-decoration:underline;
	}
#Support-Title a:hover {
	border-bottom: none;
	color:#9fdda8;
	font-family:"trebuchet MS";
	text-decoration:underline;
	}
/* Basket Page */
#Header {
		font-family:'trebuchet MS'; 
		color:#FFFFFF; 
		font-weight:bold;
		font-size:16px;
		border-right:#5a5a5a 1px solid;
		padding-left:5px;
		}
#HeaderRow {
		background:url(https://www.wellcoolstuff.com/images/banner/bg-nav.png) repeat-x;
		}

#Products {
		font-family:'trebuchet MS'; 
		font-size:12px;
		color:#000000; 
		border-bottom:#5a5a5a 2px solid; 
		border-right:#5a5a5a 1px solid;
		padding-left:5px;	
		}
#Attributes1 {
		font-family:'trebuchet MS'; 
		font-size:12px;
		color:#FFFFFF; 
		border-bottom:#5a5a5a 2px solid; 
		padding-left:5px;
		background-color:#98a486;
		}
#Attributes2 {
		font-family:'trebuchet MS'; 
		font-size:12px;
		color:#FFFFFF; 
		border-bottom:#5a5a5a 2px solid; 
		border-right:#5a5a5a 1px solid;
		padding-left:5px;
		background-color:#98a486;
		}
#ProductsRow {
		background-color:#d4e7b8;
		font-family:'trebuchet MS'; 
		font-size:13px;
		color:#000000; 
		}
#ProductsRow2 {
		background-color:#c5d7aa;
		font-family:'trebuchet MS'; 
		font-size:13px;
		color:#000000; 
		}
#Total {
		font-family:'trebuchet MS'; 
		color:#FFFFFF; 
		border-bottom:#5a5a5a 3px solid;
		border-right:#5a5a5a 1px solid;
		border-left:#5a5a5a 3px solid;
		background-color:#5a5a5a;
		padding-left:5px;
		}
#TotalText {
		font-family:'trebuchet MS'; 
		color:#000000; 
		border-bottom:#5a5a5a 3px solid;
		border-left:#5a5a5a 3px solid;		
		}
#Basket {
		font-family:'trebuchet MS';
		font-size:11px; 
		color:#FFFFFF; 
		border-bottom:#5a5a5a 1px solid;
		border-right:#5a5a5a 1px solid;
		border-left:#5a5a5a 3px solid;
		background-color:#5a5a5a;
		padding-left:5px;
		}
		
#BasketText {
		font-family:'trebuchet MS';
		font-size:11px;  
		color:#000000; 
		border-bottom:#5a5a5a 1px solid;
		border-left:#5a5a5a 3px solid;
		}

/* workarounds */
#NavTable {
	float:left;
	width:150px;
	/*top:-20px;*/
	/*margin-left:2px;*/
	margin-right:auto;
	position:relative;
	height:auto;
	display: inline;
}
html>body #NavTable {
	float:left;
	width:150px;
	top:-2px;
	/*margin-left:-2px;*/
	margin-right:auto;
	position:relative;
	height:auto;
	display: inline;
}
#ContentMargins { /* This is for IE */
	top:-1px;
	float:right; 
	width:650px; 
	position:relative;
}
html>body #ContentMargins { /* This is for all other browsers */
	margin-top:0px;
	margin-right:0px;
	float:right; 
	width:650px; 
	position:relative;
}
#Inner-Table{
	top:0px;
	margin-right:0px;
	width:650px;
	position:relative;
}
html>body #Inner-Table{
	top:0px;
	margin-right:0px;
	/*background-image:url(https://www.wellcoolstuff.com/images/main/bg-main-gradient2.png); 
	background-repeat: no-repeat;
	background-position:top;*/
	width:648px;
	height:150px;
	position:relative;
	}
#headerstyle {
	width:800px; 
	height:auto; 
	margin-left: auto; 
	margin-right: auto;
	z-index:-1;
 	position:relative;
}
<!--[if IE]>
<style type="text/css"> 
#New-Item-Area,  { zoom: 1;}
</style>
<![endif]-->