/* Go Go Gadget-Eric Meyer CSS Reset+ (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}textarea {overflow: auto;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ================================================= global tag, tag/class and special definitions */
body {
	background-color: #FFFFFF;
	color: #000000;
	font: 13px/1.5 "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
hr
{
	display: block;
	background-image: url(../img/divider.jpg);
	background-repeat: no-repeat;
}
a:link, a:visited {
	color: #e76f00;
	text-decoration: none;
}
a:focus {
	outline: #e76f00 thin dotted;
}
a:focus, a:hover, a:active {
	color: #030000;
	text-decoration: underline;
}
/* ================================================= global class definitions */
.center {text-align: center !important;}
.hide {display: none !important;}
.show {display: block;}
.right {float: right;}
.left {float: left;}
/* ================================================= global id definitions, sorted in source code order */
#wrapper {
	height: auto;
	width: 832px;
	margin-left: -416px;
	position: absolute;
	left: 50%;
	top: 15px;
}
#contC {
	width: 832px;
	margin-bottom: 141px;
	position: relative;
	height: auto;
	left: 0px;
	top: 141px;
	background-image: url(../img/contCBg_yrpt.png);
	background-repeat: repeat-y;
}
#contT {
	background-image: url(../img/contTBg_norpt.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 832px;
}
#contB {
	background-image: url(../img/contBBg_norpt.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 692px;
	padding: 50px 70px 20px;
}
#shopCart {
	width: 692px;
	height: 51px;
	background-image: url(../img/shopCartBg_norpt.png);
	background-repeat: no-repeat;
	margin-bottom: 15px;
	position: relative;
	left: 0px;
	top: 0px;
}
#shopCart ul {
	float: left;
	width: 350px;
	position: absolute;
	left: 195px;
	top: 17px;
	height: 25px;
}
#shopCart ul li {
	float: left;
	width: 120px;
	font-size: 11px;
	vertical-align: middle;
	white-space: nowrap;
}
#shopCart ul li.first {
	width: 95px;
	margin-right: 5px;
}
#shopCart ul li.checkout {
	float: right;
	height: 25px;
	width: 97px;
}
#shopCart ul li img {
	float: right;
	margin-top: -4px;
}
#shopCart div {
	float: right;
	width: 140px;
	padding-top: 5px;
}
#shopCart div img {
	clear: both;
	float: right;
}
#contI {
	width: 692px;
	position: relative;
	left: 0px;
	top: 0px;
	clear: both;
}
#logStatus
{
	position: absolute; top: 0px; right: 30px; 
	text-align: right;
	width: 300px; white-space: nowrap;
}
#welcomeMsg
{
	vertical-align: top;
	font-size: 10px;
}
/* ================================================= breadcrumb */
#breadCrumb, #breadCrumb a:link, #breadCrumb a:active, #breadCrumb a:visited, #breadCrumb a:hover
{
	font-size: 10px
}
/* =========================================================== shared */
#aboutPg h1, #contactPg h1, #athletesPg h1, #newsPg h1, #retailersPg h1 {
	height: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: normal;
}
/* =========================================================== home page */
#homeSlide {
	background-color: #000000;
	height: 366px;
	width: 789px;
	position: relative;
	left: 0px;
	top: 0px;
	overflow: hidden;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#homeSlide div {
	height: 366px;
	width: 789px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	display: none;
}
#homeSlide div img {
	border-style: none;
}
#controls {
	background-image: url(../img/controlsBg_0407_norpt.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
	list-style: none;
	position: absolute;
	left: 15px;
	top: 366px;
	background-color: #000000;
	padding-top: 5px;
	padding-left: 5px;
}
#controls li {
	background-image: url(../img/controlsLiBg_0407_norpt.png);
	background-repeat: no-repeat;
	float: left;
	height: 15px;
	width: 16px;
	overflow: hidden;
	margin-right: 12px;
}
#control1 {
	background-position: 0px 0px;
}
#control1.active {
	background-position: 0px -15px;
}
#control2 {
	background-position: -16px 0px;
}
#control2.active {
	background-position: -16px -15px;
}
#control3 {
	background-position: -32px 0px;
}
#control3.active {
	background-position: -32px -15px;
}
#control4 {
	background-position: -48px 0px;
}
#control4.active {
	background-position: -48px -15px;
}
#control5 {
	background-position: -64px 0px;
}
#control5.active {
	background-position: -64px -15px;
}


#homeAux {
	BACKGROUND-POSITION: left bottom; LEFT: 0px; BACKGROUND-IMAGE: url(../img/homeAuxBg_norpt.png); OVERFLOW: hidden; WIDTH: 789px; BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px; HEIGHT: 254px; BACKGROUND-COLOR: #000000
}

ul.boxes {
	height: 190px;
	width: 789px;
	list-style: url(none) none;
	position: absolute;
	left: 0px;
	top: 50px;
}
ul.boxes li {
	float: left;
	height: 190px;
	width: 263px;
	overflow: hidden;
}
ul.boxes li img {
	float: left;
	border-style: none;
}
ul.boxes li.signup {
	background-image: url(../img/signupBg_norpt.jpg);
	background-repeat: no-repeat;
	position: relative;
}

ul.boxes li.blogposts {
	background-image: url(../img/blog_posts.jpg);
	background-repeat: no-repeat;
	position: relative;
}


ul.boxes li.signup form {
	overflow: hidden;
	width: 220px;
	position: absolute;
	left: 34px;
	top: 141px;
}
ul.boxes li.signup form input {
	display: none;
}

/*
#emailAddressInp {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #fffbe2;
	height: 19px;
	width: 159px;
	border: 1px solid #005093;
	font-size: 14px;
	color: #005093;
	float: left;
	padding: 2px;
	margin-right: 3px;
	margin-top: 1px;
	display: block;
}
*/

#emailAddressInp {
	BORDER-RIGHT: #005093 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #005093 1px solid; MARGIN-TOP: 1px; DISPLAY: block; PADDING-LEFT: 2px; FONT-SIZE: 14px; FLOAT: left; PADDING-BOTTOM: 2px; BORDER-LEFT: #005093 1px solid; WIDTH: 159px; COLOR: #005093; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #005093 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 19px; BACKGROUND-COLOR: #fffbe2
}

ul.boxes li.signup button {
	width: auto;
	overflow: visible;
	background: transparent;
	cursor: pointer;
	border: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#confirmEmail  {
	background-image: url(../img/confirmEmailBg_norpt.jpg);
	background-repeat: no-repeat;
	display: none;
	height: 190px;
	width: 263px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#newsfeed {
	position: absolute;
	height: 29px;
	width: 604px;
	left: 169px;
	top: 5px;
	background-image: url(../img/newsfeedBg_norpt.png);
	background-repeat: no-repeat;
}
#newsfeed img {
	height: 16px;
	width: 16px;
	position: absolute;
	left: 6px;
	top: 6px;
}
#newsfeed div {
	position: absolute;
	height: 29px;
	width: 577px;
	left: 27px;
	top: 0px;
	overflow: hidden;
}
#newsfeed ul {
	height: 25px;
	list-style: url(none) none;
	position: absolute;
	left: 0px;
	top: 0px;
	padding-top: 4px;
	overflow: hidden;
}
#newsfeed ul li {
	float: left;
	overflow: visible;
	display: block;
	background-image: url(../img/newsfeedLiBg_norpt.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	left: 0px;
	top: 0px;
}
#newsfeed ul li a {
	font-size: 14px;
	font-weight: bold;
}
#newsfeed ul li a:link, #newsfeed ul li a:visited {
	color: #000000;
	text-decoration: none;
}
#newsfeed ul li a:hover, #newsfeed ul li a:focus, #newsfeed ul li a:active {
	color: #e76f00;
	text-decoration: underline;
}
/* =========================================================== about page */
#aboutPg {
	background-image: url(../img/aboutPgBg_norpt.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
#aboutPg .lCol {
	width: 330px;
}
#aboutPg .lCol h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	letter-spacing: -1px;
}
#aboutPg .lCol p {
	margin-top: 7px;
	margin-bottom: 7px;
}
#aboutTxt {
	background-image: url(../img/label.about.png);
	padding-top: 25px;
	width: 176px;
}
/* =========================================================== athletes page */
#athletesPg {

}
#athletesTxt {
	background-image: url(../img/label.omathletes.jpg);
	width: 217px;
	padding-top: 29px;
}
#athletesPg ul {
	height: auto;
	width: 100%;
	margin-top: 10px;
}
#athletesPg ul li {
	float: left;
	width: 25%;
	text-align: center;
	margin-bottom: 13px;
	padding-top: 5px;
	border-bottom: 2px solid #fff;
	position: relative;
	padding-bottom: 15px;
}
#athletesPg ul li img {
}
#athletesPg ul li a {
	background-image: url(../img/atheletesABg_norpt.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 15px;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-top: 150px;
}
#athletesPg ul li a:link, #athletesPg ul li a:visited {
	background-position: 50% -155px;
}
#athletesPg ul li a:focus, #athletesPg ul li a:hover, #athletesPg ul li a:active {
	background-position: 50% 5px;
}
#athletesPg ul li span {
	display: block;
}
/* =========================================================== athletes page details */
#athletesPgDet {
}
#athletesPgDet h1 {
	font-size: 25px;
	border-bottom: 1px dotted #E76F00;
	margin-bottom: 10px;
	font-weight: normal;
	display: block;
}
#athletesPgDet ol {
	list-style: none;
	width: 45%;
}
#athletesPgDet ol.first {
	float: left;
	display: inline;
}
#athletesPgDet ol.sec {
	float: right;
}
#athletesPgDet ol li {
	margin-bottom: 7px;
}
.gallery_demo{
	width:200px;
	float:left;
}
.gallery_demo li{
	width:100px;
	height:70px;
	cursor: pointer;
	text-align: center;
	float:left;
}
.gallery_demo li div{
	left:240px
}
.caption{
	color:#888;
	position:absolute;
	top:250px;
	left:3px;
	width:200px;
}
.galleria_container{
	margin: 0;
	height: 360px;
	width: 492px;
	float: right;
}
.nav{
	position: absolute;
	top: 0px;
	right: 0px;
}
.athleteNfo {
	clear: both;
}
.athleteNfo p {
	margin-bottom: 10px;
}
/* =========================================================== ocean custodian page */
#oceanCustPg {
}
#custoTxt {
	background-image: url(../img/label.custodian.png);
	width: 252px;
	padding-top: 25px;
	background-repeat: no-repeat;
	overflow: hidden;
	height: 0px;
}
/* =========================================================== news page */
#newsPg {
}
#newsTxt {
	background-image: url(../img/label.news.png);
	width: 224px;
	padding-top: 25px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#newsFrame {
	width: 692px;
	height: 500px;
	border-style: none;
	overflow-y: visible;
	overflow-x: hidden;
	margin-top: 15px;
}
#feedIco {
	position: absolute;
	height: 16px;
	width: 16px;
	top: 0px;
	right: 0px;
}
/* =========================================================== contact page */
#contactPg {
	background-image: url(../img/contactPgBg_norpt.jpg);
	width: 100%;
	background-repeat: no-repeat;
	background-position: right top;
}
#contactPg p {
	float: left;
	width: 143px;
}
#contactPg strong {
	display: block;
	margin-top: 10px;
}
#contactPg address {
	float: left;
	width: 180px;
	font-style: normal;
}
#contactPg div.lCol, #contactPg div.rCol {
	margin-top: 10px;
	width: 48%;
}
#contactPg div.lCol dt, #contactPg div.rCol dt, #contactPg1 div.rCol dt{
	font-weight: bold;
	margin-bottom: 5px;
}
#contactPg div.lCol dd, #contactPg div.rCol dd, #contactPg1 div.rCol dd{
	margin-bottom: 10px;
}
#contactPg div.lCol, #contactPg1 div.lCol{
	float: left;
}
#contactPg div.rCol, #contactPg1 div.rCol {
	float: right;
	padding-top: 25px;
}
#contactTxt {
	background-image: url(../img/label.contact.jpg);
	width: 150px;
	padding-top: 25px;
}
#faqTxt {
	background-image: url(../img/label.FAQ.jpg);
	width: 100px;
	padding-top: 29px;
}
/* =========================================================== retailers page */
#retailersPg {
}
#retailersTxt {
	background-image: url(../img/label.retailers.png);
	width: 220px;
	padding-top: 30px;
	background-repeat: no-repeat;
	overflow: hidden;
}
#retailersPg div.col {
	text-align: center;
	padding-top: 15px;
}
#retailersPg div.left {
}
/* =========================================================== product detail */
#prodDetail .lCol {
	width: 420px;
	float: left;
}
#prodDetail #flash {
	background-color: #FFFF99;
	height: 190px;
	width: 380px;
}
#prodDetail .lCol ul {
	height: 50px;
	margin-top: 15px;
}
#prodDetail .lCol ul li {
	margin-right: 10px;
	float: left;
}
#prodDetail .lCol ul li label, #prodDetail .lCol ul li span {
	display: block;
	font-weight: bold;
}
#prodDetail .lCol ul li select, #prodDetail .lCol ul li input {
	font-size: 12px;
	color: #030000;
	background-color: #FFFFFF;
	padding: 2px;
	border: 1px solid #030000;
	margin-top: 4px;
}
#prodDetail .lCol ul li input {
	width: 50px;
}
#prodDetail .lCol ul li h5 {
	font-size: 20px;
	line-height: normal;
}
#prodDetail .lCol ul li.color {
}
#prodDetail .lCol ul li.color select {
	width: 145px !important;
}
#prodDetail .lCol ul li.size {
}
#prodDetail .lCol ul li.size select {
	width: 80px;
}
#prodDetail .lCol ul li.quan {
}
#prodDetail .lCol ul li.price {
	margin: 0px;
}
#prodDetail dl {
	margin-top: 10px;
}
#prodDetail dl img {
	margin-right: 20px;
}
#prodDetail .rCol {
	background-image: url(../img/prodDetailrColBg_norpt.png);
	background-repeat: no-repeat;
	float: right;
	width: 270px;
	padding-top: 13px;
}
#prodDetail .rCol h1 {
	color: #FFFFFF;
	font-size: 24px;
	margin-left: 13px;
	line-height: normal;
	margin-bottom: 18px;
}
#prodDetail .rCol ul {
	list-style: disc outside;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 25px;
}
#footer {
	clear: both;
	height: 35px;
	width: 100%;
	background-image: url(../img/footerBg_norpt.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}
#footer p {
	float: left;
	margin: 0px;
	padding: 0px;
}
#footer ul {
	height: 20px;
	width: 310px;
	float: right;
}
#footer ul li {
	float: left;
	margin-right: 10px;
}
#footer a:link, #footer a:visited {
	color: #000000;
	text-decoration: none;
	font-size: 14px !important;
}
#footer a:hover, #footer a:focus, #footer a:active {
	color: #e76f00;
	text-decoration: underline;
	font-size: 14px !important;
}
#mast {
	background-image: url(../img/mastBg_norpt.png);
	background-repeat: no-repeat;
	background-position: 17px 0px;
	height: 141px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
#emailForm {
	width: 225px;
	position: absolute;
	top: -15px;
	right: 0px;
	font-size: 11px;
	overflow: hidden;
	border-bottom: 1px solid #999999;
	padding-bottom: 5px;
}
#emailForm p {
	color: #333333;
	margin-top: 5px;
	margin-bottom: 3px;
}
#emailForm label {
	font-size: 12px;
	display: block;
	clear: both;
	margin-bottom: 4px;
}
#emailForm input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	border: 1px solid #000000;
	width: 164px;
	float: left;
	margin-top: 2px;
}


#emailForm button {
	width: auto;
	overflow: visible;
	background: transparent;
	cursor: pointer;
	border: none;
	margin: 0px;
	padding: 0px;
	float: right;
}



/*#confirmEmail {
	background-color: #e7ffe9;
	padding: 5px;
	border: 1px solid #88ff88;
	clear: both;
	display: none;
}*/
#mLogo {
	background-image: url(../img/AIEBgFix_rpt.png);
	display: block;
	height: 0px;
	width: 560px;
	position: absolute;
	left: 17px;
	top: 0px;
	padding-top: 106px;
	overflow: hidden;
}
#mast ul {
	height: auto;
	width: 691px;
	position: absolute;
	left: 150px;
	top: 106px;
}
#mast li {
	float: left;
	height: 35px;
	margin-right: 10px;
}
#mast li a {
	display: block;
	height: 0px;
	padding-top: 35px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#mast li a:link, #mast li a:visited {
	background-position: 0px 0px;
}
#mast li a:focus, #mast li a:hover, #mast li a:active {
	background-position: 0px -35px;
}
#nVproducts {
	width: 70px;
}
#nVproducts a {
	background-image: url(../img/nav_products.gif);
}
#nVambassadors {
	width: 116px;
}
#nVambassadors a {
	background-image: url(../img/nav_athletes.gif);
}
#nVoceanCust {
	width: 144px;
}
#nVoceanCust a {
	background-image: url(../img/nav_oceanCust.gif);
}
#nVshop {
	width: 68px;
}
#nVshop a {
	background-image: url(../img/nav_shop.png);
}
#nVcompany {
	width: 86px;
}
#nVcompany a {
	background-image: url(../img/nav_company.gif);
}


#nVbuy {
	width: 57px;
}
#nVbuy a {
	background-image: url(../img/nav_shop.gif); 
}


#nVagent {
	width: 60px;
}
#nVagent a {
	background-image: url(../img/btn_agentContacts.gif);
}


#nVcontact {
	width: 88px;
}
#nVcontact a {
	background-image: url(../img/nav_contact.gif);
}

#mast li div, #mast li.sfhover div {
	left: -999em;
	top: 35px;
}
#mast li:hover div, #mast li div li:hover div, #mast li div li div li:hover div, #mast li.sfhover div, #mast li div li.sfhover div, #mast li div li div li.sfhover div {
	left: auto;
}
#mast li:hover div div, #mast li:hover div div div, #mast li.sfhover div div, #mast li.sfhover div div div {
	top: auto;
	left: -999em;
}
#mast li:hover, #mast li.sfhover {
	position: static;
}
#mast li div {
	background-image: url(../img/mastLiDivBg_norpt.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	padding-top: 4px;
	padding-left: 17px;
	font-size: 12px;
	width: 155px;
}
#mast li div ul {
	background-image: url(../img/mastLiDivUlBg_norpt.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: auto;
	width: auto;
	position: static;
	padding: 5px 0px 9px 1px;
}
#mast li div ul li {
	float: none;
	height: 20px;
	margin-right: 0px;
	width: auto;
	padding-right: 5px;
}
#mast li div ul li a {
	display: block;
	height: auto;
	background-image: none;
	width: auto;
	padding: 2px 0px 2px 4px;
}
#mast li div ul li a.subNav {
	background-image: url(../img/subNavBg_norpt.png);
	background-repeat: no-repeat;
	background-position: 99% 50%;
}
#mast li div ul li a:link, #mast li div ul li a:visited {
	color: #000000;
	text-decoration: none;
}
#mast li div ul li a:focus, #mast li div ul li a:hover, #mast li div ul li a:active {
	background-color: #e76f00;
	color: #000000;
	text-decoration: none;
}
#mast li div ul li div {
	margin: -20px 0 0 145px;
}
#noJs {
	background-color: #FFFF99;
	border-bottom: 1px dotted #666666;
	position: absolute;
	height: 20px;
	width: 100%;
	left: 0px;
	top: 0px;
	text-align: center;
	padding-top: 5px;
}
/* ================================================= utility definitions */
/* Clearfix http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.brclear {clear:both;height:0;margin:0;font-size: 1px;line-height: 0;}