/******** ERIC MEYER RESET  **********/

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "century gothic", "lucinda grande", arial;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/***** LOGIN PAGE ******/

div#content {
	width: 242px;
	margin: 0 auto;
}

label {
	font-size: .9em;
	font-family: "century gothic", arial, helvetica;
	letter-spacing: .1em;
}

#logpass {
	font-size: .8em;
}

#ocean {
	background: url(../images/intro.jpg) no-repeat;
	width: 936px;
	height: 535px;
	margin: 0px auto;
}

#oceanbit {
	background: url(../images/oceanbit2.jpg) no-repeat;
	width: 308px;
	height: 115px;
	margin: 0px auto;
}

#intro {
	overflow: hidden;
}

/**************  BEGIN KASIL CSS  **************/

.logo {
	display: block;
	margin: auto;
	padding-top: 10px;
}

.wrapper {
	width: 950px;
   	margin: 0 auto;
}

#pagelogo img{
	float: left;
	border: none;
}

p.title {
	font-family: "century gothic", arial;
	font-size: 32px;
	text-align: center;
	padding-top: 20px;
	margin: 6px auto 0 auto;
	border-top: 1px solid #000;
}

a.current,
.men a.men,
.about a.about,
.event a.event,
.women a.women,
.kids a.kids,
.contacts a.contacts,
.storekit a.storekit,
.storekithires a.storekithires,
.fitfinder a.fitfinder,
.key_point a.key_point,
.democracy a.democracy,
.devoted a.devoted {
	color:#900;
}

.navigation {
	text-align: center;
	font-family: "century gothic", arial;
	font-size: .8em;
	padding-top: 70px;
}

#intro #wrapper .navigation {
	text-align: center;
	font-family: "century gothic", arial, helvetica;
	font-size: .8em;
	padding-top: 40px;
}

.navigation ul {
	list-style-type: none;
	margin: 2px;
}

.navigation li {
	display: inline;
}

.navigation a{
	padding: 0px 30px;
}

a:link {
	color:black;
	text-decoration: none;

}

a:visited {
	color:black;
	text-decoration:none;
	}

a:hover {
	color: #931;
}
		
#womensmap li, #mensmap li,
#kidsmap li, #skmap li,
#fitfindermap li {
	padding: 0px;
	display: inline; 
	margin: 0px;
}

#womensmap a, #mensmap a,
#kidsmap a, #skmap a,
#fitfindermap a {
	display: block; 
	text-indent: 0px; 
	text-decoration: none;
	font-size:13px;
}

.contacts .main {
	width: 950px;
	height: 640px;
	margin: 0px auto 0 auto ;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;

}

.contacts .sidebar {
	float: center;
	margin: 5px 0 0 3px;
	width: 150px;
	font-size: .8em;
	text-align: justify;
	line-height: 1.2em;
}

/*********  ABOUT  ***********/

.about .main {
	border: none;
	color: #454545;
	width: 950px;
	height: 667px;
	text-align: justify;
	letter-spacing: .03em;
	margin-top: -40px;
	line-height: 1.7em;
	font-size: .85em;
}

.about .mainwrap {
	margin: 0 auto;
	/*width: 740px;*/
}

p.noline {
	border: none;
	color: black;
	margin-top: 0px;
	font-size: 1.6em;
}

.about p.title {
	margin: 6px auto 10px auto;
}



/*********  EVENT  ***********/

.event .main {
	border: none;
	color: #454545;
	width: 936px;
	height: 540px;
	text-align: justify;
	letter-spacing: .03em;
	margin-top: 0px;
	line-height: 1.7em;
	font-size: .85em;
}

.event .mainwrap {
	margin: 0 auto;
	/*width: 936px;*/
}

p.noline {
	border: none;
	color: black;
	margin-top: 0px;
	font-size: 1.6em;
}

.event p.title {
	margin: 0px auto 0px auto;
}







/**********  LIGHTBOX   **************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	text-decoration: underline;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/**************   TABLES   **************/

#tablecontacts {
	font-size: .8em;
	background: none;
	margin-top: 5px;
	/*padding-right: 22px;
	margin-right: 10px;*/
	margin-left: 15px;
	margin-right: 23px;
	width: 450px;
	float: right;
	text-align: center;
}

#locations {
	width: 850px;
	margin: 0 auto;
	display: none;
}

#locations td {
	text-align: center;
	line-height: 1.2em;
}

#tablecontacts td {
	color: #000000;
	padding: 7px 5px 7px 3px;

}

#headersales.tdname {
	font-size: 16px;
	color: #000000;
	line-height: 40px;
}

table#tablecontacts tbody tr td#headersales.tdname {
	color: #000000;
}

td.tdname {
	font-size: 11px;
	letter-spacing: 1px;
	text-align: center;
}

td.tdemail {
	font-size: 11px;
	text-align: left;
}

.contactfooter {
	width: 842px;
	height: 81px;
	margin: 10px auto;
	background: url(../images/contacts/contactshowrooms.gif) no-repeat;
}
	
/***************  WOMENS  **************/

#womensmap {
	padding: 0px;
	background: url(../images/womens/womenspage.jpg) no-repeat;
	width: 936px;
	height: 648px;
	margin: 5px auto;
	position: relative;
	left: 15px;
}


#minx {
	position:absolute;
	left: 0px; 
	top: 0px; 
	width: 187px; 
	height: 326px;
}

#minx a {
	width: 187px; 
	height: 326px;
}

#minx a:hover {
	width: 187px; 
	height: 326px;
	background: url(../images/womens/minxover.gif) no-repeat;
}



#benatar {
	position:absolute;
	left: 187px; 
	top: 0px; 
	width: 197px; 
	height: 326px;
}

#benatar a {
	width: 197px; 
	height: 326px;
}

#benatar a:hover {
	width: 197px; 
	height: 326px;
	background: url(../images/womens/benatarover.gif) no-repeat;
}


#vixen {
	position:absolute;
	left: 383px; 
	top: 0px; 
	width: 171px; 
	height: 326px;
}

#vixen a {
	width: 171px;
	height: 326px;
}

#vixen a:hover {
	width: 171px; 
	height: 326px;
	background: url(../images/womens/vixenover.gif) no-repeat;
}


#devious {
	position:absolute;
	left:553px; 
	top:0px; 
	width: 218px; 
	height: 326px;
}

#devious a {
	width: 218px; 
	height: 326px;
}

#devious a:hover {
	width: 218px; 
	height: 326px;
	background: url(../images/womens/deviousover.gif) no-repeat;
}


#devoted {
	position: absolute; 
	left: 771px; 
	top: 0px; 
	width: 165px; 
	height: 326px;
}

#devoted a {
	width: 165px; 
	height: 326px;
}

#devoted a:hover{
	width: 165px; 
	height: 326px;
	background: url(../images/womens/devotedover.gif) no-repeat;
}	



#democracy {
	position:absolute; 
 	left: 0px; 
	top: 328px; 
	width: 265px; 
	height: 320px;
}

#democracy a{
	width: 265px; 
	height: 320px;
}

#democracy a:hover {
	width: 265px; 
	height: 320px;
	background :url(../images/womens/democracyover.gif) no-repeat;
}


#geek {
	position:absolute;
	left: 265px; 
	top: 328px; 
	width: 225px; 
	height: 320px;
}

#geek a {
	width: 225px; 
	height: 320px;
}

#geek a:hover {
	width: 225px; 
	height: 320px;
	background: url(../images/womens/geekover.gif) no-repeat;
}



#tommy {
	position:absolute;
	left: 490px; 
	top: 328px; 
	width: 218px; 
	height: 320px;
}

#tommy a {
	width: 218px; 
	height: 320px;
}

#tommy a:hover {
	width: 218px; 
	height: 320px;
	background: url(../images/womens/tommyover.gif) no-repeat;
}



#shorts {
	position:absolute;
	left: 708px; 
	top: 328px; 
	width: 228px; 
	height: 320px;
}

#shorts a {
	width: 228px; 
	height: 320px;
}

#shorts a:hover {
	width: 228px; 
	height: 320px;
	background: url(../images/womens/shortsover.gif) no-repeat;
}



/******************   MENS   ********************/

#mensmap {
	padding: 0px;
	background: url(../images/mens/menspage.jpg) no-repeat;
	width: 936px;
	height: 504px;
	margin: 5px auto; 
	position: relative;
	left: -15px;
}


#truman {
	position: absolute; 
	left: 0px; 
	top: 0px; 
	width: 226px;
 	height: 504px
}

#truman a {
	width: 226px;
	height: 504px;
}

#truman a:hover{
	width: 226px;
	height: 504px;
	background: url(../images/mens/trumanover.gif) no-repeat;
}	



#victory {
	position:absolute; 
 	left:226px;
 	top:0px; 
	width: 268px; 
	height: 504px
}

#victory a{
	width: 268px;
	height: 504px;
}

#victory a:hover {
	width: 268px;
	height: 504px;
	background :url(../images/mens/victoryover.gif) no-repeat;
}



#davidson {
	position:absolute;
	left:495px; 
	top:0px; 
	width: 196px; 
	height: 504px
}

#davidson a {
	width: 196px;
	height: 504px;
}

#davidson a:hover {
	width: 196px;
	height: 504px;
	background: url(../images/mens/davidsonover.gif) no-repeat;
}



#bowie {
	position:absolute;
	left: 692px; 
	top: 0px; 
	width: 244px; 
	height: 504px
}

#bowie a {
	width: 244px;
	height: 504px;
}

#bowie a:hover {
	width: 244px;
	height: 504px;
	background: url(../images/mens/bowieover.gif) no-repeat;
}




/*********************   KIDS   ********************/

.kids .main {
	/*width: 866px;*/
	
	margin-left: auto;
	margin-right: auto;
	height: 21em;
	border: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
}

.kids .thumbsmorecat {
	width: 866px;
	height: 330px;
	margin: 0 auto;
}

.kids .thumbsmorecat div {
	text-align: center;
	font-size: .75em;
	text-transform: uppercase;
	line-height: 1.8em;
	/*float: left;*/	
}

.kids .thumbsmorecat a:link,
.kids .thumbsmorecat a:visited {
	display: block;
	text-decoration: none;
	color: #404040;
}
a:active {text-decoration: none}

.kids .thumbsmorecat a:hover {
	background-color: #e3e3e3;
	color: #993311;
	width: 433px;
}

/*************  STORE KIT  ****************/

#skmap {
	padding: 0px;
	background: url(../images/storekit/skpage.jpg) no-repeat;
	width: 882px;
	height: 443px;
	margin: 0px auto; 
	position: relative;
}

h4 {
	font-size: .7em;
	text-transform: uppercase;
	width: 20em;
	margin: 20px auto 5px auto;
	text-align: center;
	color: #404040;
}

#sklogo {
	position:absolute; 
 	left: 12px;
 	top: 5px; 
	width: 151px; 
	height: 197px
}

#sklogo a{
	width: 151px;
	height: 197px;
}

#sklogo a:hover {
	width: 151px;
	height: 197px;
	
}
	
#skpress {
	position: absolute; 
	left: 214px; 
	top: 5px; 
	width: 191px;
 	height: 197px
}

#skpress a {
	width: 191px;
	height: 197px;
}

#skpress a:hover{
	width: 191px;
	height: 197px;
	
}	
	
#skwomens {
	position:absolute;
	left:441px; 
	top:5px; 
	width: 173px; 
	height: 197px
}

#skwomens a {
	width: 173px;
	height: 197px;
}

#skwomens a:hover {
	width: 173px;
	height: 197px;

}	
	
#skmens {
	position:absolute;
	left: 660px; 
	top: 5px; 
	width: 179px; 
	height: 197px
}

#skmens a {
	width: 179px;
	height: 197px;
}

#skmens a:hover {
	width: 179px;
	height: 197px;
	}

#skprofile {
	position:absolute;
	left: 122px; 
	top: 233px; 
	width: 148px; 
	height: 202px
}

#skprofile a {
	width: 148px;
	height: 202px;
}

#skprofile a:hover {
	width: 148px;
	height: 202px;
	
}

#skpop {
	position:absolute;
	left: 340px; 
	top: 233px; 
	width: 195px; 
	height: 203px
}

#skpop a {
	width: 195px;
	height: 203px;
}

#skpop a:hover {
	width: 195px;
	height: 203px;
	
}

#skhires {
	background: url(../images/storekit/skhires.jpg) no-repeat; 
	position:absolute;
	left: 651px; 
	top: 233px; 
	width: 192px; 
	height: 198px
}

#skhires a {
	width: 195px;
	height: 203px;
}

#skhires a:hover {
	width: 192px;
	height: 198px;
	
}

/*#storekithires {
	position:absolute;
	left: 700px; 
	top: 300px; 
	width: 195px; 
	height: 203px
}*/


/******** Hi Res Downloads *********/

.storekithires .main {
	margin: 20px auto 0 auto ;
	height: 27em;
	border: 2px solid #d0d0d0;
	border-top: 2px solid #d0d0d0;
}

#hirescontainer a, #hirescontainer{
	color: #444444;
	display: inline-block;
	padding: 0 20px 1px 7px;
	letter-spacing: .07em;
	line-height: 1.2em;
	font-size: .9em;
}

/*#hirescontainer a {
	color: #535353;
	display: block;
	padding: 0 0 0 7px;
}*/

#hirescontainer a:hover {
	color: #931;
	background: #e3e3e3;
}

#hiresW, #hiresM {
	float: left;
	margin: 20px 0 0 60px;
}

#hiresW ul, #hiresM ul {
	text-indent: .4em;
}

#hiresW a, #hiresM a {
	letter-spacing: .08em;
}

#hiresW h2, #hiresM h2 {
	margin: 0 0 10px 0;
	font-weight: normal;
	/*text-indent: -.2em;*/
}

h2#hiresmisc {
	margin: 40px 0 10px 0;
}

/*#download {
	background: url("../storekit/images/download.png") no-repeat;
	position: absolute;
	float: left;
	z-index: -4;
	top: 340px;
	left: 730px;
	width: 96px;
	height: 98px;
}*/

#download {
	background: url("../storekit/images/downloadlg.gif") no-repeat;
	position: absolute;
	/*z-index: -4;*/
	top: 200px;
	left: 800px;
	width: 207px;
	height: 207px;
}

#hirestext {
	float: left;
	margin: 100px 0 0 50px;
	position: relative;
	z-index: 2;
	/*color: #707070;*/
}

#screenshot {
	position:absolute;
	z-index: 10;
	border:1px solid #ccc;
	font-size: .9em;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/************  FIT FINDER  ***********/


#fitfindermap {
	background: url(../images/fitfinder/fitfinder.gif) no-repeat;
	width: 946px;
	height: 476px;
	margin: 40px auto 0 auto; 
}

#fitfindermap #fitfindermapprint {
	display: none;
}

/**********  WOMENS STYLES  ***********/

.main {
	/*width: 56em;*/
	margin: 0 auto;
	padding-bottom: 1px;
	height: 37em;
	/*overflow: auto;*/
	/*display: inline-block;
	width: 99.6%;*/
	border: 2px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
}

.devoted .main {
	height: 37em;
}

.sidebar {
	float: left;
	margin: 0 0 0 15px;
	width: 200px;
	font-size: .7em;
	text-align: justify;
	line-height: 1.4em;
}

h2 {
	font-size: 16px;
	font-weight: bold;
}

.sidebar span{
	font-size: 12px;
	font-weight: normal;
}

.sidebar p span{
	font-size: 1.2em;
}

.thumbs {
	width: 705px;
	height: 440px;
	margin: 2px 0 0 235px;
	/*margin: 7px 0;*/
}

.thumbs div {
	text-align: center;
	font-size: .65em;
	text-transform: uppercase;
	line-height: 1.2em;
	float: left;
	margin: 10px 14px;	
	/*margin: 12px 0 12px 36px;*/
}

.thumbs img {
	width: 100px;
	height: 100px;
	border: 1px solid black;
}

.thumbs a:link, .thumbs a:visited {
	display: block;
	text-decoration: none;
	color: #404040;
}
a:active {text-decoration: none}

.thumbs a:hover {
	background-color: #e3e3e3;
	color: #993311;
	width: 102px;
}

/********  WOMENS STYLE NAV  ********/

.wstylenav {
	font-size: .90em;
	text-align: center;
	height: 26px;
	/*width:  63em;*/ /*62.5em;*/ 
	margin: 13px auto 0 auto;
	padding-top: 3px;
	background-color: #f3f3f3;
	border-bottom: 1px solid #e5e5e5;
}

.wstylenav ul {
	list-style-type: none;
}

.wstylenav li {
	display: inline;
	list-style-type: none;
}

.wstylenav a {
	color: #505050;
	font-weight: bolder;
	padding-left: 30px;
	float: left;
}

.wstylenav span {
	font-size: .6em;
	font-weight: normal;
	text-transform: uppercase;
}	
	
.wstylenav a:hover {
	color: #993311;
}

.wstylenav ul li .now {
	color: #993311;
}


/*********  GIRLS  **********/

p.titlesub {
	font-size: 15px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: .1em;
	margin-bottom: 1.7em;
}

.thumbskids {
	width: 916px;
	height: 440px;
	margin: 3px auto 3px auto;
}

.thumbskids div {
	text-align: center;
	font-size: .75em;
	text-transform: uppercase;
	line-height: 1.8em;
	float: left;
	padding: 0;
	margin: 23px 4px;	
}

.thumbskids img {
	width: 142px;
	height: 142px;
	border: 1px solid black;
}

.thumbskids a:link, .thumbskids a:visited {
	display: block;
	text-decoration: none;
	color: #404040;
}
a:active {text-decoration: none}

.thumbskids a:hover {
	background-color: #e3e3e3;
	color: #993311;
	width: 144px;
}

/************  MORE CATEGORIES  ****************/

.morecat .main {
	margin-left: auto;
	margin-right: auto;
	height: 21em;
	border: 2px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;

}

.thumbsmorecat {
	width: 900px;
	height: 330px;
	margin: 0 auto;
}

.thumbsmorecat div {
	text-align: center;
	font-size: .75em;
	text-transform: uppercase;
	line-height: 1.8em;
	float: left;	
}

.thumbsmorecat a:link, .thumbsmorecat a:visited {
	display: block;
	text-decoration: none;
	color: #404040;
}
a:active {text-decoration: none}

.thumbsmorecat a:hover {
	background-color: #e3e3e3;
	color: #993311;
	width: 292px;
}

.thumbsmorecat p {
	text-align: center;
	margin-top: 50px;
}

#print-link {
	font-size: .7em;
	text-transform: uppercase;
}

/*#article {
	margin: 0 20px 10px 0;
	text-align: right;
	position: absolute;
	bottom: 0;
	right:0;
	
}*/

#article {
	text-align: center;
	margin-top: 4px;
}