/********* SITE SHARE *********************************/
body {
	margin:20px 0;
	padding:0;
	font-family:Verdana, Arial, Helvetica;
	text-align:center;
	font-size:12px;
	color:#4C4C4C;
	line-height:16px;
}
table {
	margin:0 auto;
	font-family:Verdana, Arial, Helvetica;
	text-align:left;
	color:#4C4C4C;
}

/* link */
a img { border:none; }
a { color:#5291a8; text-decoration:underline; }
a:hover { color:#a1a1a1; text-decoration:none; }

/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* design */
.center { text-align:center; }
.right { text-align:right; }
.left { text-align:left; }
.bottom { vertical-align:bottom; }
.middle { vertical-align:middle; }
.clear { clear:both; }
.point { color:#C41130; }
.error { color:#C41130; font-size:12px; font-weight:bold; }
.small { font-size:10px; }
.hd { display:none; }
.float-left { float:left; margin:0 15px 15px 0; }
.float-right { float:right; margin:0 0 15px 15px; }
.float-left-only { float:left; }
.img-left { float:left; margin:0 25px 10px 0; }
.img-right { float:right; margin:0 0 10px 10px; }
.fright { float:right; }
.red { color:#C41130; }
.blue { color:#00BB00; }

.top {
	text-align:right;
	font-size:10px;
}

.datatable {
	background-color:#E4E4E4;
}
.datatable th {
	background-color:#F3F7FB;
}
.datatable td {
	background-color:#FFFFFF;
}

/* form */
form { margin:0; }
input, textarea, select {
	font-family:Arial, verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#4C4C4C;
}
.state-error {
	border: 2px solid red;
}
fieldset {
	margin:20px 0 0 0;
	padding:10px;
	border:1px solid #e4e4e4;
}
legend { font-weight:bold; color:#878787; font-size:14px; }
.transparent { visibility:hidden; }
legend label { margin-left:20px; font-weight:normal; font-size:12px; color:#006dd7; }
.errmsg{
	color:#C41130;
	font-size:12px;
}
.warning	{
	margin:20px 0 0 0;
	padding:5px;
	border:1px solid #E4E4E4;
}

.title { margin:4px 0 20px 0; }

/* pagination */
.pagenav { color:#bfbfbf; font-size:10px; margin-bottom:30px; }
.pagenav a { color:#93bece; text-decoration:none; }
.pagenav a:hover { color:#bfbfbf; text-decoration:underline; }

/*---------- logo ----------*/
h1 { margin:0; text-align:center; }

/*---------- menu ----------*/
.menu-bt {
	margin:25px auto 0 auto;
	width:890px;
	height:28px;
}

#bts	{
	margin:0;
	padding:0;
	list-style-type:none;
}
#bts li {
	float:left;
	margin:0 24px 0 0;
	padding:0;
	height:28px;
	position:relative;
	overflow:visible;
	z-index:1;
}

#bts #bt1 { width:101px; background-image:url(image11/menus/nav_eshop.gif); }
#bts #bt2 { width:99px; background-image:url(image11/menus/nav_products.gif); }
#bts #bt3 { width:84px; background-image:url(image11/menus/nav_athletes.gif); }
#bts #bt4 { width:98px; background-image:url(image11/menus/nav_aboutus.gif); }
#bts #bt5 { width:66px; background-image:url(image11/menus/nav_media.gif); }
#bts #bt6 { width:75px; background-image:url(image11/menus/nav_retailer.gif); }
#bts #bt7 { width:136px; background-image:url(image11/menus/nav_promote.gif); }
#bts #bt8 { margin:0; width:61px; background-image:url(image11/menus/nav_dealz.gif); }

#bts a {
	display:block;
	margin:0;
	height:28px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}

#bts li:hover, #bts li.now { background-position:left 28px; }

#bts .submenu {
	display:none;
	position:absolute;
	top:28px;
	margin:0;
	padding:5px 0;
	background:url(image11/menus/subnav_bg.gif) top left repeat;
	width:170px;
	z-index:10;
}

#bts .submenu a {
	display:block;
	color:#4C4C4C;
	text-decoration:none;
	text-indent:0;
	height:20px;
	padding:0 10px;
}
#bts .submenu a:hover { color:#5291a8; text-decoration:underline; }
#bts .submenu a.nolink:hover { cursor:default; color:#4C4C4C; text-decoration:none; }

#bts .submenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:left;
	z-index:999;
}
#bts .submenu ul li {
	float:none;
	margin:0;
	padding:0;
	height:auto;
	line-height:20px;
	width:auto;
	background:none;
	font-weight:bold;
}

#bts .submenu ul ul li {
	background:url(image11/menus/subnav_list.gif) 15px center no-repeat;
	padding-left:10px;
	font-weight:normal;
}

#bts #bt1 .submenu {
	width:815px;
}

#bts .submenu .eshop-sub li {
	background:url(image11/menus/subnav_list.gif) 15px 9px no-repeat;
	padding-left:10px;
	font-weight:normal;
}

#bts .submenu .eshop-sub ul li {
	background-image:none;
}

#bts .submenu .eshop-sub li ul {
	font-size:10px;
	list-style-type:none;
}

#bts .submenu .eshop-sub li ul li {
	background:url(image11/menus/subsub_list.gif) 13px center no-repeat;
	padding-left:10px;
}

#bts #bt1 .submenu .divider {
	float:left;
	border-right:#d3d3d3 1px solid;
	height:205px;
	padding:0 5px;
}

#bts #bt1 .submenu .divider .divider2 {
	border-bottom:#d3d3d3 1px solid;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}

/* tab menu */
.retailIntl-tabmenu {
	list-style-type: none;
	margin: 10px 0 0;
	padding: 0;
}
.retailIntl-tabmenu ul {
	maring: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	border-bottom: 1px solid #E4E4E4;
	height: 21px;
}
.retailIntl-tabmenu li {
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-top: 1px solid #E4E4E4;
	height: 21px;
	top: 0;
}
.retailIntl-tabmenu li a {
	margin: 0;
	padding: 4px 15px;
	text-decoration: none;
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-align:center;
	background-color:#F3F3F3;
	height: 12px;
	color:#a1a1a1;
}
.retailIntl-tabmenu li a:hover, .retailIntl-tabmenu li a.sub-now {
	top:1px;
	background-color:#FFF;
	height: 13px;
}
.retailIntl-tabmenu li a.sub-now {
color:#4C4C4C;
}
.retailIntl-tabmenu li a img {
	border: none;
}
.retailIntl-tabmenu li a.sub-now img {
	visibility: hidden;
}

/*---------- contents ----------*/
h2 { margin:0; }
h3 { 
	font-size:18px;
	font-weight:normal;
	color:#6c6c6c;
	font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

.pattern {
	background:url(image11/bg_repeat.gif) top left repeat-x;
	text-align:left;
	font-size:12px;
}
.outside {
	width:990px;
	margin:0 auto;
}
.outside-white {
	width:990px;
	margin:0 auto;
	background-color:#FFF;
}
.inside {
	width:890px;
	margin:0 auto;
	min-height:320px;
	padding-bottom:20px;
}

/*---------- footer ----------*/
.foot-shadow {
	background:url(image11/footer_shadow.gif) top left repeat-x;
}
.footer {
	width:890px;
	margin:0 auto;
	padding:20px 0 10px 0;
	font-size:10px;
	line-height:14px;
}
.footer a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.footer-left {
	float:left;
	width:550px;
	text-align:left;
}
.footer-left img {
	margin-right:10px;
}
.footer-right {
	float:right;
	width:330px;
	text-align:left;
}
.footer-news{
	float:left;
	width:250px;
	height:71px;
	background:url(image11/newsbox.gif) left top no-repeat;
}
.footer-news-box {
	margin:7px 15px 6px 10px;
	width:225px;
	height:54px;
	overflow:auto;
}
.footer-social {
	float:left;
	width:220px;
	margin-left:40px;
}
.footer-social img {
	margin:0 20px 0 0;
}
.footer-colantotte{
	float:right;
	width:66px;
}

.footer-form { display:inline; }
.footer-left input, .footer-left img { vertical-align:middle; }
.nl-email, .rf-email {
	padding:2px;
	font-size:11px;
	line-height:1em;
	width:90px;
	height:11px;
}
.footer address { margin-top:3px; font-style:normal; }


/********* CONTENTS PAGE *********************************/
.sub-now {
	color:#4C4C4C;
	font-weight:bold;
	text-decoration:none;
}
.sub-now:hover {
	color:#A8C8EA;
	font-weight:bold;
}

.top {
	text-align:right;
	font-size:10px;
}

#dhtmltooltip {
	position: absolute;
	width: 300px;
	border: 1px solid #CFCFCF;
	padding:0;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	/*filter: alpha(opacity=92);
	opacity: 0.92;*/
	text-align:left;
}
#dhtmltooltip p { margin:10px; }
#dhtmltooltip ul {
	margin:0 10px 10px 10px;
	padding:0 0 0 15px;
}
#dhtmltooltip li {
	margin:0;
	padding:0 0 5px 0;
	text-align:left;
}

/*---------- homepage ----------*/
.home-img {
	background-position:top center;
	background-repeat:no-repeat;
	height:370px;
}
.home-bottom { 
	width:890px;
	text-align:center;
	margin:0 auto;
	padding:25px 0;
}
.home-left { float:left; }
.home-center { float:left; margin-left:33px; }
.home-right { float:left; margin-left:33px; }
.home-news{
	float:right;
	width:275px;
	height:100px;
	background:url(image11/home_news.gif) left top no-repeat;
}
.home-news-box {
	margin:30px 15px 6px 10px;
	width:255px;
	height:60px;
	overflow:auto;
	text-align:left;
}

/*---------- Product Top Page ----------*/
.prodtop-img {
	min-height:525px;
	position:relative;
}

.prodtop-menu {
	background:url(image11/menus/subnav_bg.gif) top left repeat;
	width:120px;
	padding:10px;
	line-height:20px;
	position:absolute;
	margin-top:35px;
}

.prodtop-menu a { color:#4C4C4C; text-decoration:none; }
.prodtop-menu a:hover { color:#5291a8; text-decoration:underline; }
.prodtop-menu a.nolink:hover { cursor:default; color:#4C4C4C; text-decoration:none; }

.prodtop-list {
	list-style-type:none;
	margin:0;
	padding:0;
}
.prodtop-list li {
	font-weight:bold;
}

.prodtop-list ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
.prodtop-list ul li {
	background:url(image11/menus/subnav_list.gif) 5px 9px no-repeat;
	padding-left:10px;
	font-weight:normal;
}

/*---------- Product Detail Page ----------*/
/* subcategories tab */
#sub-tab {
	margin:10px 0 20px 0;
	padding:0;
	list-style-type:none;
	height:20px;
}
#sub-tab li {
	float:left;
	margin:0 8px 0 0;
	padding:0;
	height:20px;
}
#sub-tab a {
	display:block;
	margin:0;
	height:20px;
	background-position:left top;
	background-repeat:no-repeat;
}
#sub-tab a:hover { background-color:#FFFFFF; }
#sub-tab a:hover img, #sub-tab a.subtab-now img { visibility:hidden; }

.college-search{
	margin:10px 0 0 0;
	text-align:right;
}

/*pics, description*/
.product-icons { margin-top:10px; }

/*size*/
.available-size {
	float:left;
	margin-bottom:35px;
	width:700px;
	border-top:#c4c4c4 1px dotted;
	border-bottom:#c4c4c4 1px dotted;
	padding-bottom:12px;
}
.available-label {
	color:#a2a2a2;
}
.size-list { margin:0 0 0 -10px; }
.size-list strong { margin:10px; }
.size-list span { margin-right:10px; }

.buynow {
	float:right;
	padding-bottom:12px;
}

.x-large {
	margin:10px 0 0 0;
	color:#a1a1a1;
	text-align:right;
	font-size:10px;
}

.color-warning { font-size:10px; }

/*scroll*/
.gallery{
	margin-bottom:15px;
}
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	margin:5px 0 0 20px;
	width: 835px; /*Width of Carousel Viewer itself*/
	height: 95px; /*Height should enough to fit largest content's height*/
}
.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 30px;
	top: 0;
}
.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	font-size:10px;
}
.stepcarousel .panel a {
	display:block;
	width:170px;
	height:95px;
	background-position:left top;
	background-repeat:no-repeat;
}
.stepcarousel .panel a:hover { background-color:#FFF; }
.stepcarousel .panel a:hover img { visibility:hidden; }

#mygallery-paginate {
	margin:8px 0 0 0;
	text-align:center;
}
.feature-box-paginate {
	margin:10px 0 0 0;
	text-align:center;
}
.feature-box-paginate img {
	padding:1px;
	border:1px solid #FFFFFF;
}
#feature-paginate1, #feature-paginate2, #feature-paginate3 {
	border:1px solid #808080;
}

.no-stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: hidden; /*leave this value alone*/
	margin:5px 0 0 0;
	width: 100%; /*Width of Carousel Viewer itself*/
	height: 95px; /*Height should enough to fit largest content's height*/
}
.no-stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	top: 0;
}
.no-stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 170px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	font-size:10px;
}
.no-stepcarousel .panel a {
	display:block;
	width:170px;
	height:95px;
	background-position:left top;
	background-repeat:no-repeat;
}
.no-stepcarousel .panel a:hover { background-color:#FFF; }
.no-stepcarousel .panel a:hover img { visibility:hidden; }

/*---------- Technology ----------*/
.tech-left {
	float:left;
	width:250px;
}
.tech-right {
	float:right;
	width:410px;
}

.tech-left01 {
	float:left;
	width:360px;
	margin-left:40px;
}
.tech-right01 {
	float:right;
	width:280px;
	padding-top:30px;
	margin-right:100px;
}

.tech-left02 {
	float:left;
	width:280px;
	margin-left:40px;
}
.tech-right02 {
	float:right;
	width:360px;
	padding-top:10px;
	margin-right:20px;
}

.tech-vs {
	margin:0;
	background-color:#F3F7FB;
}
.tech-img {
	padding:0 30px;
	width:260px;
	background-color:#FFFFFF;
}
.tech-vs ul { margin:0; padding:0; }
.tech-vs li { margin:0 0 0 15px; padding:0 0 5px 0; }

/*---------- FAQ ----------*/
.faq h3 {
	margin:10px 0 5px 0;
	border-top:1px dotted #E4E4E4;
	padding-top:5px;
	font-size:16px;
	text-transform:none;
}
.faq strong { 
	font-size:16px;
	font-family:"Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.faq ul { padding:0 0 15px 30px; }
.faq li { padding:0 0 5px 0; }

/*---------- Retailer ----------*/
.retailerint { margin:10px 0 0 0; padding:0 0 0 15px; }
.retailerint li { margin:0; padding:0 0 5px 0; }

.retailerIntl-subtitle, .pagesubtitle, .media-subtitle {
	border-top:2px solid #E4E4E4;
	border-bottom:2px solid #E4E4E4;
	margin:15px 0 10px 0;
	padding:5px; 
}
.retailIntl-contents {
	padding: 10px 5px 5px 5px;
}

/*---------- Dealz ----------*/
.dealz { 
	line-height:18px;
	list-style-type:none;
	margin:0;
	padding:0;
}

.dealz li {
	background:url(image11/bullet.gif) 130px 4px no-repeat;
	margin:10px 0 10px 5px;
	padding:0 0 0 20px;
	border-bottom:#5291a8 1px dotted;
}

.dealz a { color:#5291a8; font-weight:bold; text-decoration:none; }
.dealz a:hover { color:#a1a1a1; font-weight:bold; text-decoration:underline; }
.dealz a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

.dealz-caption {
	font-size:10px;
	color:#999;
	line-height:normal;
}

/*---------- Contact Us ----------*/
.contact {
	text-align:center;
}
.contact table { margin:0 auto; }

#tabc {
	position:relative;
	margin:10px 0 20px 0;
	padding:0;
	list-style-type:none;
	border-bottom:#EEEEEE 1px solid;
	height:19px;
}
#tabc li {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	height:19px;
	width:100px;
}
#tabc #tabc1 { left:0; }
#tabc #tabc2-2 { left:105px; width:109px; }
#tabc #tabc3 { left:219px; }
#tabc a {
	display:block;
	margin:0;
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#tabc1 a { background-image:url(image/contactus_tab_ov.gif); }
#tabc2-2 a { background-image:url(image/customorder3_tab_ov.gif); }
#tabc3 a { background-image:url(image/international_tab_ov.gif); }
#tabc a:hover { background-color:#E5ECF2; }
#tabc a:hover img, #tabc a.tab-now img { visibility:hidden; }

/*---------- Custom Order ----------*/
.customorder {
	margin:0 0 15px 80px;
	padding:0;
	list-style-type:none;
}
.customorder li {
	float:left;
	width:45%;
	margin:0;
	padding:3px 0;
	text-align:left;
}
.prodc {
	margin-bottom:30px;
}

.prodc-left {
	float:left;
	width:336px;
	margin:0;
}
.prodc-right {
	float:right;
	margin:0;
	width:520px;
}

.colorlist {
	margin:10px 0;
}
.colorlist img {
	margin-right:7px;
	margin-bottom:5px;
	border:none;
}

.prod-title {
	margin:0 0 5px 0;
	color:#999999;
}

.prod-img {
	border:none;
}


/*---------- Media ----------*/
.media-wrist{
	width:30%;
	float:left; 
	margin-right:10px;
	font-size:10px;
}

.media-wrist img{
	float:left; 
	margin:0 10px 20px 10px;
}

.media-neck{
	width:45%;
	float:left; 
	margin-right:10px;
	font-size:10px;
}

.media-neck img{
	float:left; 
	margin:0 10px 20px 10px;
}

.nl-subscribe {
	margin-left:2px;
	padding:2px;
	font-size:11px;
	line-height:14px;
	width:200px;
	height:14px;

}

.media-kit-box {
}

.media-kit-box table {
	margin: 12px 0 0 0;
	padding: 0px 0px 5px 8px;
	border: 1px solid #aecae7;
}

.media-kit-box img {
	vertical-align: middle;
}

/*---------- Athletes ----------*/
.athletetop-img {
	min-height:525px;
	position:relative;
	background:url(image11/athletes_sky.jpg) center no-repeat;
}

#taba {
	position:relative;

	margin:10px 0 20px 0;
	padding:0;
	list-style-type:none;
	border-bottom:#EEEEEE 1px solid;
	height:19px;
}
#taba li {
	position:absolute;
	top:0;
	margin:0;
	padding:0;
	height:19px;
	width:100px;
}
#taba1 { left:0; }
#taba2 { left:105px; }
#taba3 { left:210px; }
#taba4 { left:315px; }
#taba5 { left:420px; }
#taba a {
	display:block;
	margin:0;
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
	overflow:hidden;
}
#taba1 a { background-image:url(image/tab_athletes_1_ov.gif); }
#taba2 a { background-image:url(image/tab_athletes_2_ov.gif); }
#taba3 a { background-image:url(image/tab_athletes_3_ov.gif); }
#taba4 a { background-image:url(image/tab_athletes_4_ov.gif); }
#taba5 a { background-image:url(image/tab_athletes_5_ov.gif); }
#taba a:hover { background-color:#E5ECF2; }
#taba a:hover img, #taba a.tab-now img { visibility:hidden; }

.athletes-list {
	position:relative;
	margin:0;
	padding:0;
	list-style-type:none;
}
.athletes-list li {
	margin:0;
	padding:0;
	position:absolute;
	width:275px;
	height:175px;
}
.athletes-list li a {
	display:block;
	margin:0;
	padding:0;
}

#athletes1 { top:80px; left:0; }
#athletes2 { top:80px; left:310px; }
#athletes3 { top:80px; left:620px; }
#athletes4 { top:290px; left:0; }
#athletes5 { top:290px; left:310px; }
#athletes6 { top:290px; left:310px; }

/* Athletes Detail Page */
.athlete-left { float:left; width:635px; }
.athlete-right { float:right; width:230px; }

.athlete-bt { list-style-type:none; margin-top:30px; }
.athlete-bt li { padding-bottom:15px; }

.athletes-title {
	margin:30px 0 0 0;
}

/*---------- Shipping method ----------*/
.ship-box { width:600px; text-align:left; margin:0 auto; }

.ship-title {
	font-style:italic;
	font-weight:bold;
	text-align:center;
	border-bottom:#e0e0e0 double 3px;
	padding-bottom:5px;
	font-size:16px;
}

.ship-sub {
	font-style:italic;
	font-weight:bold;
	border-top:#c8d9e9 dotted 1px;
	border-bottom:#c8d9e9 dotted 1px;
	padding:3px 0;
	margin-bottom:0;
}

.ship-p { margin-top:5px; }

.ship-key { border:#c8d9e9 dotted 1px; padding:4px; }

.ship-table {
	text-align:center;
	background-color:#CCCCCC;
	margin:15px 0;
}
.ship-table th { background-color:#FFFFFF; }
.ship1 { background-color:#eddbdb; }
.ship2 { background-color:#f1e1bc; }
.ship3 { background-color:#e6eddb; }
.ship4 { background-color:#dbe6ed; }
.ship5 { background-color:#e8dbed; }
.ship6 { background-color:#eecfe7; }

.ship1-1 { background-color:#f5eeee; }
.ship2-1 { background-color:#f8f4e9; }
.ship3-1 { background-color:#f1f3ed; }
.ship4-1 { background-color:#ecf2f5; }
.ship5-1 { background-color:#f1ecf3; }

.ship6-1 { background-color:#f6ecf4; }

