/* gridsport CSS Document */

/* ------- global styles ------- */
body {
	background: #666 url("images/background-page.gif") repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 0;
	padding: 0;
}
ul, li, dl, dt, dd {
	margin: 0;
	padding: 0;
}

/* ------- "pageWrapper" styles ------- */
#pageWrapper {
	background: url("images/background-pageWrapper.gif") no-repeat;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -475px;
	/*margin-left: auto;
	margin-right: auto;*/
	text-align: left;
	width: 950px;
}

/* ----- "header" styles ----- */
#header {
	width: 950px;
	margin: 0;
}
#header img {
	margin: 22px 0 0 0;
}
/* --- "mainNav" styles --- */
#mainNav {
	font-size: 120%;
	height: 32px;
	margin: 6px 0 0 200px;
}
#mainNav li {
	display: inline;
	list-style: none;
	padding: 5px;
}
#mainNav a {
	text-decoration: none;
}
#mainNav #siteNav {
	float: left;
}
#mainNav #siteNav a {
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	color: #999;
	font-weight: bold;
	padding: 0 7px 0 7px;
}
#mainNav #siteNav a:hover {
	border: 1px solid #fff;
	color: #fff;
}
#mainNav #storeNav {
	float: right;
}
#mainNav #storeNav li {
	display: block;
	margin: 0;
	padding: 0 7px 0 0;
	text-align: right;
}
#mainNav #storeNav li a {
	color: #69c;
	font-size: 90%;
	font-weight: bold;
	padding-left: 30px;
	text-transform: uppercase;
}
#mainNav #storeNav li a#cart {background: url("images/background-cart.gif") no-repeat;}
#mainNav #storeNav li a#acct {background: url("images/background-acct.gif") no-repeat;}
#mainNav #storeNav a:hover {color: #fff;}
#mainNav #storeNav li a#cart:hover {background: url("images/background-cartRoll.gif") no-repeat;}
#mainNav #storeNav li a#acct:hover {background: url("images/background-acctRoll.gif") no-repeat;}

/* ----- "contentArea" styles ----- */
#contentArea {
	background: url("images/background-contentArea.gif") repeat-x;
	margin: 0;
	width: 950px;
}

/* --- "brandNav" styles --- */
#brandNav {
	margin: 10px 0 0 15px;
	float: left;
	width: 150px;
}
#brandNav dd {
	list-style: none;
	margin: 0;
}
#brandNav a {
	display: block;
	text-decoration: none;
	width: 150px;
	height: 35px;
}

a.alpinestars {background: url("images/brandNav/alpinestars.gif");}
a.alpinestars:hover {background: url("images/brandNav/roll/alpinestars.gif");}
a.arai {background: url("images/brandNav/arai.gif");}
a.arai:hover {background: url("images/brandNav/roll/arai.gif");}
a.bell {background: url("images/brandNav/bell.gif");}
a.bell:hover {background: url("images/brandNav/roll/bell.gif");}
a.dragon {background: url("images/brandNav/dragon.gif");}
a.dragon:hover {background: url("images/brandNav/roll/dragon.gif");}
a.hans {background: url("images/brandNav/hans.gif");}
a.hans:hover {background: url("images/brandNav/roll/hans.gif");}
a.oakley {background: url("images/brandNav/oakley.gif");}
a.oakley:hover {background: url("images/brandNav/roll/oakley.gif");}
a.ogio {background: url("images/brandNav/ogio.gif");}
a.ogio:hover {background: url("images/brandNav/roll/ogio.gif");}
a.shockdoctor {background: url("images/brandNav/shockdoctor.gif");}
a.shockdoctor:hover {background: url("images/brandNav/roll/shockdoctor.gif");}

/* --- "content" styles --- */
#content {
	float: right;
	margin-bottom: 40px;
	padding: 15px 0 0 0;
	width: 750px;
}
h1 {
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	color: #fff;
	font-size: 200%;
	padding-left: 5px;
	width: 90%;
}
h2 {
	color: #666;
	font-size: 150%;
	margin-bottom: 0;
	width: 90%;
}
h3 {
	color: #666;
	font-size: 100%;
}
p {
	color: #eee;
	font-size: 120%;
	margin: 0 0 15px 0;
	width: 90%;
}
#content ul li, #content ol li {
	color: #fff;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
}
#content ul li {
	list-style: none;
}
#content img {
	border: 1px solid #000;
	margin: 3px;
}
#content embed {
	margin-left: 7px;
}
#content a {
	color: #c00;
}
.callout {
	color: #366;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	width: 90%;
	text-align: center;
	border: 1px dotted #366;
	padding: 5px;
	/*background: url("images/background-callout.gif");*/
}

/* ----- "footer" styles ----- */
#footer {
	background: url("images/background-footer.gif") no-repeat;
	color: #fff;
	font-size: 90%;
	height: 45px;
	padding: 0 0 40px 245px;
}
#footer a {
	color: #fff;
}