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

body { 
	background: #ff9b00; ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.3em;
	}
	*html body { 
	font-size: 10px; /* for IE5/Win */
	f\ont-size: 12px; /*for other ie versions */
	}
	
img  { border: 0px; }
a img {border: 0px; }

/* Style Elements+Classes */

h1 { font-size: 200%; font-style: normal; font-weight: bold; line-height: 1.25em; }
h2 { font-size: 150%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #03c; }
h3 { font-size: 100%; font-style: normal; font-weight: bold; line-height: 1.25em; }
h4 { font-size: 130%; font-style: italic; font-weight: bold; line-height: 1.25em; color: #333;}
h5 { font-size: 80%; font-style: normal; font-weight: bold; line-height: 1.25em; color: #03c; }
h6 { font-size: 200%; font-style: normal; font-weight: bold; line-height: 1.25em; }

.sublinks {font-size: 80%; }
.sublinks a { color: #333; }

strong	{font-weight: bold; }
em 		{font-style: italic;}

a 			{ color: #006699; font-weight: bold; text-decoration: underline; } /*lh:1.05 4 underline if not in body*/
a:visited 	{ color: #006699; }
a:hover 	{ color: #17a2d1; }
a:active	{ outline: none; }

p { text-indent: 15px; margin: 10px 0; }

/* Layout Elements */
#container { 
	background: #fff url(../images/background.jpg) left top no-repeat;
	width: 770px;
	margin: 0;
	padding: 0;
	border-right: solid black 0px; 
}
#headerNav { 
	position: relative;
	margin: 0;
	padding: 0;
	border-right: solid black 0px; 
}

#headerNavHome {
	width: 61px;
	position: absolute;
	top: 72px; left: 136px;
	z-index: 4;
	border: solid red 0px;
}
#headerNavHome a {
	background: #febd10 url(../images/nav_home.gif) top left no-repeat;
	display: block;
	padding: 17px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 17px; /*Set this for IE 5 & 5.5*/
}
#headerNavHome a:hover {
	background-position: bottom left;
}

#headerNavProducts {
	width: 86px;
	position: absolute;
	top: 92px; left: 140px;
	z-index: 5;
	border: solid red 0px;
}
#headerNavProducts a {
	background: #febd10 url(../images/nav_products.gif) top left no-repeat;
	display: block;
	padding: 18px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 18px; /*Set this for IE 5 & 5.5*/
}
#headerNavProducts a:hover {
	background-position: bottom left;
}

#headerNavHotLinks {
	width: 81px;
	position: absolute;
	top: 113px; left: 135px;
	z-index: 6;
	border: solid red 0px;
}
#headerNavHotLinks a {
	background: #febd10 url(../images/nav_hotlinks.gif) top left no-repeat;
	display: block;
	padding: 18px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 18px; /*Set this for IE 5 & 5.5*/
}
#headerNavHotLinks a:hover {
	background-position: bottom left;
}

#headerNavAboutUs {
	width: 86px;
	position: absolute;
	top: 134px; left: 126px;
	z-index: 7;
	border: solid red 0px;
}
#headerNavAboutUs a {
	background: #febd10 url(../images/nav_aboutus.gif) top left no-repeat;
	display: block;
	padding: 18px 0 0 0;
	height: 0px !important; /*Set height for compliant browsers*/
	overflow: hidden;
	height /**/: 18px; /*Set this for IE 5 & 5.5*/
}
#headerNavAboutUs a:hover {
	background-position: bottom left;
}


#contentHolder {
	border-right: solid #000 0px;
	border-bottom: solid black 0px;
	padding: 185px 25px 15px 25px;
	margin: 0px;
}
#content {
	border: solid red 0px;
}
#footerBar { 
	background: #ff9b00 url(../images/footer_waverule.jpg) top right no-repeat;
	border-right: solid black 0px; 
	margin: 0 auto; 
	padding-top: 60px;
	text-align: center; 
	color: #000; font-size: 93%; font-weight: normal; font-style: italic;
}
#footerBar a { color: #1931e6; }
#footerBar a:hover { color:#000066; }

#footerCounter { text-indent: 0px; background-color:#ff9b00; color: #ff9b00;}

/*sideBar Elements*/
#sideBar { 
	background: url(../images/sideBar_background.jpg) top left no-repeat;
	position: absolute; top: 0px; left: 770px; height: 600px; width: 220px; z-index: 4;
	border-right: solid black 0px; color: #fff;
}
#sideBar H2 { color: #ff9b00; }
#sideBar p { text-indent: 0px; font-style:italic; }

#sideBarCallout01 { position: absolute; top: 117px; left: 60px; width: 132px;
	border: solid red 0px; }
#sideBarCallout02 { position: absolute; top: 360px; left: 47px; width: 140px;
	border: solid red 0px; }
#sideBarCallout02 img.cs-keychain { position: relative; left: -15px; }
#sideBarCallout02 img.cs-sweatshirts { position: relative; left: -14px; }



/* Page Specific Element Styles *******************************************************/


#tshirtRendering { position: absolute; top: 75px; left: 580px; height: 180px; width: 145px; z-index: 5; }
#tshirtRenderingMed { position: absolute; top: 20px; left: 565px; height: 180px; width: 145px; z-index: 5; }

/*Product Page Elements*/

.product { border: solid red 0px; width: 200px; float: left; margin: 0 20px 15px 15px; display: inline; }
.product div { }

.productHeader {color: #ff9900; font-style: italic; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; width: 200px; margin: 0 auto;}
.productName { color: #333399; font-weight: bold;  font-variant: small-caps; font-size: 120%; text-align: center; width: 200; margin: 5px auto 2px auto; }
.productCategory { color: #666; font-weight: bold;  font-variant: small-caps; font-size: 100%; text-align: center; margin: 0px auto 5px auto; }
.productImage {}
.productImage img {}
.productDesc { color: #333; font-size: 90%; margin: 5px 0;}
.productDDLSize { text-align: right; }
.productDDLColor { text-align: right; }
.productDDLColor img { width: 19px; height: 19px; margin-bottom: -3px;}
.productPrice { color: #000; font-weight: bold; font-style: italic; float: left; padding-left: 15px; padding-top: 3px; margin-top: 5px;}
.productPrice span { text-decoration: line-through; font-size: 93%; display: block; color:#666; }
.productBuy { float: right; margin-top: 15px;}
#productNotes { clear: both; margin: 0px auto; width: 100%; text-align: center; padding: 20px 0;}

.productRowStart { clear: both;}

#subNav { border-bottom: solid orange 1px;}
#subNav a img { margin-right: 10px;}

.flR { float: right; margin-left: 8px; }
.flL { float: left; margin-right: 8px; }
.flClear { clear:both; height:0; font-size: 1px; line-height: 0px; } /*placed on a div or break element and should be the final element before the close of a container that should fully contain a float */