/* ===== RESET STYLES ===== */
html, body, p, img {
	margin:0;padding:0;
	}


/* ===== LAYOUT STYLES =====*/
body {
	background: #ffffff url(/media/images/interface/home_bgBody3.jpg) repeat-x 0 0;
	font: 12px / 16px Helvetica, Arial, sans-serif;
	color:#333333;
	}
div#outerWrapper {
	width:1172px;
	margin:0 auto;
	position:relative;
	}
div#wrapper {z-index:100;
	margin:30px auto 0;
	width:950px;
	background: url(/media/images/interface/home_bgWrapper2.png) repeat-y;
	position: relative;
	}
div#splat {
	position:absolute;
	top:-30px;
	left:280px;
	background: url(/media/images/interface/home_splat.png);
	width:1172px;
	height:808px;
	margin:0 auto;
	z-index:1;
	}
#header {height: 200px;}
#contentWrapper {
	background:#ffffff;
	width:942px;
	overflow: hidden;
margin:0 0 0 4px;
	}
#content {margin:50px;overflow: hidden;}
#footer {text-transform:uppercase;font-size:9px;text-align:right;color:#999;line-height:1.3em;margin:15px 55px 0 55px;border-top:1px solid #999;}
#footer p {margin:3px 0 0 0;}
#footer a {text-decoration: none;}
div#footerCap {z-index:200;
	background: url(/media/images/interface/footerCap.png);
	width:950px;
	height: 8px;
	margin: 0 auto;
	}



h1 {
	text-indent:-999em;
	background: url(/media/images/interface/home_logo.png);
	width: 285px;
	height: 275px;
	position: absolute;
	top: -30px;
	left: 620px;
	}
h2.pageTitle {
	text-indent: -999em;
	width:300px;
	height: 43px;
	margin:0 0 25px 0;
	padding:0;
	}
h2.productsTitle {background: url(/media/images/interface/title_products.jpg) no-repeat;}
h2.servicesTitle {background: url(/media/images/interface/title_services.jpg) no-repeat;}
h2.contactTitle {background: url(/media/images/interface/title_contact.jpg) no-repeat;}


/* ===== HOME PAGE STYLES =====*/
#home #header {position: relative;z-index:200;height:270px;}
#home #header p {color:#ffffff;width:550px;margin:0 0 12px 50px;}
#home h1 {top: -30px;left: 620px;}
#home h2 {width:307px;height: 93px;background: url(/media/images/interface/welcome2.png) 50% 50%;margin:0 0 15px 30px;}

#home img#homeFeature {margin:2px 0 0 6px;}

#home div#quickLinks {margin:2px 0 0 6px;}
#home div#quickLinks img {margin:0 -2px 0 0;padding:0;}

#home #footer {margin:15px 10px 0 10px;}


/* ===== NAV STYLES =====*/
div#nav {overflow:hidden;background: url(/media/images/interface/bg_nav.png) repeat-x;height:84px;margin:0 4px 0;padding:0;}
div#nav ul {list-style:none;margin:44px 0 0 20px;padding:0;overflow: hidden;height:38px;}
div#nav li {float:left;height:38px;}
div#nav li a {display:block;width: 125px;margin:0;text-decoration:none;color:#ffffff;padding:1em;}
div#nav li a:hover {color: #9ac5e9;}
div#nav li a:visited {}
div#nav li a:hover {}





/* ========== CONTACT FORM STYLES ========== */
form.contact {margin: 0 0 25px 25px;padding: 0;float:left;border-left:1px solid #dbdbdb;padding:10px;}
form.contact fieldset {margin:0;border:none;}
form.contact fieldset legend {margin: 0 0 .75em;padding: 0;background: transparent;font-size: 1.3em;font-weight: bold;}
form.contact fieldset div {margin-bottom: .5em;padding: 0;display: block;}
form.contact p {width: 200px;float:left;margin:0 20px 0 0;}

form.contact fieldset div label {float:left;width:75px;padding:0 .5em 0 0;text-align:right;font-weight:bold;}
form.contact fieldset div input {width:200px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right:1px solid #ccc;padding:1px;color:#333;}
form.contact fieldset div input.calButton {width:auto;border:none;padding:0;color:#333;}
form.contact fieldset div textarea {width:200px;border-top:1px solid #555;border-left:1px solid #555;border-bottom:1px solid #ccc;border-right: 1px solid #ccc;padding:1px;color:#333;}

input.submit {margin:0 0 0 80px;}

form.contact input:focus, form.contact textarea:focus {background: #efefef;color: #000;}



/* ========== PRODUCT CATEGORY STYLES ========== */
div.productCat {
margin:0 50px 25px 50px;
padding: 10px 0;
display:block;
clear:both;
overflow:hidden;
border-top:1px dotted #dbdbdb;
}
div.productCat img {
float:left;
}

div.productCat div.prodInfo {
	float:left;
	margin:0 0 0 15px
}

div.productCat h3 {
	margin:.2em 0 0 0;
	font-size:1.8em;
	line-height:1em;
	width:350px;
}

div.productCat h4 {
	margin:.1em 0 0 0;
	font-size:.9em;
	line-height:1em;
	font-style:oblique;
	color:#888;
	text-transform:uppercase;
	width:350px;
}

div.productCat p {margin:.5em 0 0 0;width:350px;}
div.suppliers {width:110px;float:left;margin:0 0 0 25px;}
div.suppliers a.supplier {border:1px solid #ffffff;display:block;text-indent:-999em;margin:0 0 2px 0;padding:2px;width:100px;}
div.suppliers a.supplier:hover {border:1px solid #d7bc44;}
div.suppliers a.ashCity {background: url(/media/images/logos/logo_ashCity.jpg) 50% 50% no-repeat;height:55px;}
div.suppliers a.trimark {background: url(/media/images/logos/logo_trimark.jpg) 50% 50% no-repeat;height:16px;}
div.suppliers a.canSportWear {background: url(/media/images/logos/logo_canadaSportswear.jpg) 50% 50% no-repeat;height:39px;}
div.suppliers a.sanmar {background: url(/media/images/logos/logo_sanmar.jpg) 50% 50% no-repeat;height:23px;}
div.suppliers a.kobe {background: url(/media/images/logos/logo_kobe.jpg) 50% 50% no-repeat;height:40px;}
div.suppliers a.saxon {background: url(/media/images/logos/logo_saxon.jpg) 50% 50% no-repeat;height:26px;}
div.suppliers a.athleticKnit {background: url(/media/images/logos/logo_athleticKnit.jpg) 50% 50% no-repeat;height:35px;}
div.suppliers a.projoy {background: url(/media/images/logos/logo_projoy.jpg) 50% 50% no-repeat;height:16px;}
div.suppliers a.jayLine {background: url(/media/images/logos/logo_jayline.jpg) 50% 50% no-repeat;height:38px;}
div.suppliers a.starline {background: url(/media/images/logos/logo_starline.jpg) 50% 50% no-repeat;height:95px;}
div.suppliers a.ecorite {background: url(/media/images/logos/logo_ecorite.jpg) 50% 50% no-repeat;height:19px;}
div.suppliers a.miPen {background: url(/media/images/logos/logo_miPen.jpg) 50% 50% no-repeat;height:48px;}
div.suppliers a.precidio {background: url(/media/images/logos/logo_precidio.jpg) 50% 50% no-repeat;height:19px;}
div.suppliers a.coolworks {background: url(/media/images/logos/logo_coolworks.jpg) 50% 50% no-repeat;height:18px;}
div.suppliers a.jerico {background: url(/media/images/logos/logo_jerico.jpg) 50% 50% no-repeat;height:26px;}
div.suppliers a.knp {background: url(/media/images/logos/logo_knp.jpg) 50% 50% no-repeat;height:94px;}
div.suppliers a.ajm {background: url(/media/images/logos/logo_ajm.jpg) 50% 50% no-repeat;height:39px;}
div.suppliers a.flexfit {background: url(/media/images/logos/logo_flexfit.jpg) 50% 50% no-repeat;height:27px;}
div.suppliers a.fersten {background: url(/media/images/logos/logo_fersten.jpg) 50% 50% no-repeat;height:30px;}
div.suppliers a.technosport {background: url(/media/images/logos/logo_technoSport.jpg) 50% 50% no-repeat;height:49px;}
div.suppliers a.amerApparel {background: url(/media/images/logos/logo_americanApparel.jpg) 50% 50% no-repeat;height:70px;}
div.suppliers a.tajMahal {background: url(/media/images/logos/logo_tajMahal.jpg) 50% 50% no-repeat;height:52px;}
div.suppliers a.stormtech {background: url(/media/images/logos/logo_stormtech.gif) 50% 50% no-repeat;height:76px;}
div.suppliers a.augusta {background: url(/media/images/logos/augusta.gif) 50% 50% no-repeat;height:81px;}
div.suppliers a.macaron {background: url(/media/images/logos/macaron.gif) 50% 50% no-repeat;height:20px;}
div.suppliers a.dezineCorp {background: url(/media/images/logos/dezineCorp.gif) 50% 50% no-repeat;height:30px;}
div.suppliers a.printedDrinkware {background: url(/media/images/logos/printedDrinkware.jpg) 50% 50% no-repeat;height:64px;}
div.suppliers a.debco {background: url(/media/images/logos/debco.gif) 50% 50% no-repeat;height:35px;}
div.suppliers a.spector {background: url(/media/images/logos/spector.gif) 50% 50% no-repeat;height:73px;}
div.suppliers a.fiel {background: url(/media/images/logos/fiel.gif) 50% 50% no-repeat;height:30px;}
div.suppliers a.firstar {background: url(/media/images/logos/firstar.gif) 50% 50% no-repeat;height:24px;}


/* ========== DEFINITION LIST STYLES ========== */
dl {margin:0 0 1em 2em;}
dt {font-weight:bold;color:#c10000;font-size: 1em;font-style:oblique;}
dd {margin:0 0 1em 2em;}


/* ========== MISC STYLES ========== */
.right {
	float:right;
	margin:0 0 .2em 1em;
	}
.left {
	float:left;
	margin:0 1em .2em 0;
	}
#captionedImage {}	

#captionedImage p {
	margin:0 auto;
	width:auto;
	}


/* ========== SCROLLING SERVICES ========== */
#slider {
    width: 800px;
    margin: 20px auto 0;
    position: relative;
	}

.scroll {
    height: 350px;
		width: 800px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	}

.scrollContainer div.panel {
    padding: 20px;
    height: 310px;
    width: 760px;
	}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
	}

ul.navigation li {
	display: inline;
	margin: 0;
	padding:0;
	}

ul.navigation a {
	border:1px solid #e0e0e0;
	color: #000;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	font-size: 10px;
	margin:0;
	padding: .5em 15px .3em;
	background-color: #e8e8e8;
	}

ul.navigation a:hover {
    background-color: #7e8067;
		color:#fff;
	}

ul.navigation a.selected {
    background-color: #00538e;
    color:#fff;	}

ul.navigation a:focus {
    outline: none;
	}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
    border:none;
	}
a img {border:none;}

.scrollButtons.left {
    left: -20px;
	}

.scrollButtons.right {
    right: -20px;
	}

.hide {
    display: none;
	}
	
.panel img {float:right;margin-left:25px;}