/*-------
// global 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,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;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
table { border-collapse: collapse; border-spacing: 0; }
acronym { cursor: help; }
/*-------
// general
//-----*/
html { font-size: 100.01%; }
body { font-size: 62.5%; line-height:1.2em; }
input, select, textarea { font-size: 100%; }
input.text, textarea { padding: 2px 3px; font-family: Verdana, sans-serif; }
.submit { cursor/**/: /**/pointer; }
select > option { padding: 0 5px 0 3px; }
.ul, .ol { margin: 0 0 1em 2em; }
.ul li, .ol li { margin: .2em 0; padding: 0; }
.flR { float: right; }
.flL { float: left; }
.alR { text-align: right; }
.alC { text-align: center; }
.hide { display: none; }
.clear { clear: both; }
.ir { position: relative; overflow: hidden; }
.ir span { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-indent: -1000em; }
a:link, a:visited { text-decoration: none; cursor/**/: /**/pointer; }
a:link:hover, a:visited:hover { text-decoration: underline; }
a.inv:link, a.inv:visited { text-decoration: underline; }
a.inv:link:hover, a.inv:visited:hover { text-decoration: none; }
.cols { overflow: hidden; margin: 0; }
.cols .col { float: left; width: 50%; }
#page .cols .last { margin-right: 0; }
.clearFix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#errors { font-weight: bold; color: #f00; text-align: center; margin-top: 3px; line-height:normal; }
.error { color: #c00; }
.message { color: #00c; font-size: 1.5em; font-weight: bold; }
/*-------
// custom styles
//-----*/
body{background:#1976AB url(/kgs/images/global/body-bg-nocity.jpg) center top no-repeat; font-family:Arial, Helvetica, sans-serif;}
.pad1{padding:7px 0 13px 0;}
/*-------
// Page Layout
//-----*/
/*--- Container ---*/
div#container{ width:938px; margin:30px auto 0px auto;}
/*--- Wrapper ---*/
div.wrapper{margin:0px 17px; position: relative;}
/*--- Header ---*/
div#header{ margin:-3px 0 3px -2px; overflow:hidden; width:100%;}
/*--- Main ---*/
div#main {padding:15px 0px 0px 0px; width:100%; overflow:hidden;}
/*--- Content ---*/
div#content {background:#A9D1E0; width:100%; overflow:hidden; position:relative;}
/*--- Navigation ---*/
div#navigation{height:73px; }
/*--- Footer ---*/
/*-------
// Common Page Content
//-----*/
/*--- Header ---*/
div#header h1 {
/* --- margin-top: -3px; margin-left: -2px; --- */
}
div#header h1 a{background:transparent url(/kgs/images/header/logo.gif) left top no-repeat; width:291px; height:105px; display:block; }
div#header div.hleft{margin: 97px -2px 0 0;}
div#header div.hleft ul li{display:block; margin-left:5px; float:left; font-size:120%; color:#0c537d;}
div#header div.hleft ul li.pad1{color:white;}
div#header div.hleft ul li.border{border:solid 1px #0c537d; }
div#header div.hleft ul li p { display:inline; }
div#header div.hleft ul li input { padding:3px; color:#0c537d;}
div#header div.hleft ul li input.enter { border:none; background:white; width: 113px; }
div#header div.hleft ul li input.go { background:#ee2d24; border-style:solid; border-color:#0c537d; border-width:0px 0px 0px 1px; cursor:pointer; width:27px; color: white; margin-left: -2px; }
/*--- Main ---*/
div#content div#home_content { height:450px; width:904px; }
/*--- Navigation ---*/
div#wrapper {z-index:10;}
div#content {z-index:50;}
div#navigation {z-index:100;position:relative;}
div#navigation ul { display:block; background: transparent url(/kgs/images/nav2/nav_on.gif) top left no-repeat; width: 904px; height: 73px; padding:0; margin: 0 0 0 0px;z-index:100;position:relative;}
div#navigation ul li{ display:block; float:left; height:73px; text-indent: -9999em; padding: 0; margin: 0;z-index:100;position:relative;}
div#navigation ul li.pipe{background:transparent;width:2px;}
div#navigation ul li a { height: 73px; width:227px;display: block; background-repeat: no-repeat;}
div#navigation ul li#nav_mens_li a {width:227px;}
div#navigation ul li#nav_rewards_li a {width:223px;}
a#mens_a{ background-image: url(/kgs/images/nav2/nav_up_mens.gif);}
a#womens_a{ background-image: url(/kgs/images/nav2/nav_up_womens.gif);}
a#boys_a{ background-image: url(/kgs/images/nav2/nav_up_boys.gif);}
a#rewardscard_a{ background-image: url(/kgs/images/nav2/nav_up_rewards.gif);}
div#navigation ul li:hover a,
div#navigation ul li.hover a,
div#navigation ul li a:hover,
div#navigation ul li a.active:hover,
div#navigation ul li a.active { background-position: -999em; }
div#navigation ul li ul.flymenu {
z-index:500;
position:absolute;
left:-999em;
}
div#navigation ul li:hover ul.flymenu,
div#navigation ul li.hover ul.flymenu {
left:0;
}
div#navigation ul li:hover ul li a,
div#navigation ul li.hover ul li a {
background-position: left top;
}
div#navigation ul li ul li {
float:none;
height:auto;
}
div#navigation ul li ul li a { background-position: left top; background-repeat: no-repeat;}
div#navigation ul li ul li a:hover { background-position:-999em;}
div#navigation ul li#nav_mens_li ul {
width:227px;
height:267px;
background:url(/kgs/images/nav3/flyout_mens_on.gif) left top no-repeat;
}
div#navigation ul li#nav_mens_li ul li#mens_suits a { height:38px; background-image:url(/kgs/images/nav3/flyout_mens_suits_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_casual a { height:33px; background-image:url(/kgs/images/nav3/flyout_mens_casual_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_dress a { height:34px; background-image:url(/kgs/images/nav3/flyout_mens_dress_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_knits a { height:32px; background-image:url(/kgs/images/nav3/flyout_mens_knits_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_outerwear a { height:28px; background-image:url(/kgs/images/nav3/flyout_mens_outerwear_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_urban a { height:29px; background-image:url(/kgs/images/nav3/flyout_mens_urban_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_accessories a { height:29px; background-image:url(/kgs/images/nav3/flyout_mens_accessories_up.gif); }
div#navigation ul li#nav_mens_li ul li#mens_shoes a { height:31px; background-image:url(/kgs/images/nav3/flyout_mens_shoes_up.gif); }
div#navigation ul li#nav_womens_li ul {
width:227px;
height:267px;
background:url(/kgs/images/nav3/flyout_womens_on.gif) left top no-repeat;
}
div#navigation ul li#nav_womens_li ul li#womens_suits a { height:38px; background-image:url(/kgs/images/nav3/flyout_womens_suits.gif); }
div#navigation ul li#nav_womens_li ul li#womens_separates a { height:33px; background-image:url(/kgs/images/nav3/flyout_womens_separates.gif); }
div#navigation ul li#nav_womens_li ul li#womens_seasonal a { height:34px; background-image:url(/kgs/images/nav3/flyout_womens_dresses.gif); }
div#navigation ul li#nav_womens_li ul li#womens_shirts a { height:32px; background-image:url(/kgs/images/nav3/flyout_womens_sweaters.gif); }
div#navigation ul li#nav_womens_li ul li#womens_knits a { height:28px; background-image:url(/kgs/images/nav3/flyout_womens_outerwear.gif); }
div#navigation ul li#nav_womens_li ul li#womens_dresses a { height:29px; background-image:url(/kgs/images/nav3/flyout_womens_trends.gif); }
div#navigation ul li#nav_womens_li ul li#womens_accessories a { height:29px; background-image:url(/kgs/images/nav3/flyout_womens_accesories.gif); }
div#navigation ul li#nav_womens_li ul li#womens_shoes a { height:31px; background-image:url(/kgs/images/nav3/flyout_womens_shoes.gif); }
div#navigation ul li#nav_boys_li ul {
width:227px;
height:152px;
background:url(/kgs/images/nav3/flyout_boys_on.gif) left top no-repeat;
}
div#navigation ul li#nav_boys_li ul li#boys_tailored a { height:38px; background-image:url(/kgs/images/nav3/flyout_boys_tailored.gif); }
div#navigation ul li#nav_boys_li ul li#boys_casual a { height:36px; background-image:url(/kgs/images/nav3/flyout_boys_casual.gif); }
div#navigation ul li#nav_boys_li ul li#boys_accessories a { height:31px; background-image:url(/kgs/images/nav3/flyout_boys_accessories.gif); }
div#navigation ul li#nav_rewards_li ul {
width:223px;
height:382px;
background:url(/kgs/images/card.jpg) left top no-repeat;
}
div#navigation ul li#nav_rewards_li ul li#rewards_card a { height:382px; }
/*--- content ---*/
div#content div.left_main{width:762px; height:382px; }
div#content div.left{width:681px; height:382px; }
div#content div.left div.style span{display:none;}
div#content div.main_page{ background:transparent url(/kgs/images/content/home_page.jpg) left top no-repeat; }
div#content div.right_main{width:94px; background:#A9D1E0 url(/kgs/images/content/home_page_info.jpg) left top repeat-x; height:358px; padding:24px 24px 0px 24px; position:relative; }
div#content div.right div#signup{ position: absolute; bottom: 19px; left: 30px;}
div#content div.right div#signup p{ color:#0e2d41;}
div#content div.right div#signup div.sign_button a {text-indent:-9999px; display:block; width:147px; height:27px; }
div#content div.left div.sub_links {margin-top:322px;}
div#content div.left div.sub_links ul li { float:left; display:block; line-height:19px; margin-right:6px; }
div#content div#sidebar_copy {
height:206px;
}
/*--- about ---*/
div#content div.about{width:906px; height:380px; background: url(/kgs/images/content/about-bg.jpg) left top no-repeat; }
.about .inside { padding-left: 288px; font-size: 124%; line-height: 134%; color: #0f4665; font-weight:600; padding-top:34px; }
.about ol { margin-left: 2em; margin-top: 8px; list-style: decimal; margin-right: 5em; }
.about ul { margin-left: 1.1em; margin-top: 1em; list-style: disc; margin-right: 15px; }
.about p { margin-top: 1em; padding-right: 1em; }
.about .scroller { width: 583px; height: 313px; overflow: auto; }
.about h1 { padding-left: 288px; width: 547px; text-indent: -999em; background: url(/kgs/images/content/about-us.jpg) bottom center no-repeat; display: block; height: 25px; width: 200px; }
.about h2#formen_h { text-indent: -999em; background: url(/kgs/images/content/formen.png) bottom center no-repeat; display:block; height: 15px; width: 54px; margin-bottom:4px;}
.about h2#forwomen_h { text-indent: -999em; background: url(/kgs/images/content/forwomen.png) bottom center no-repeat; display:block; height: 16px; width: 72px; margin-bottom:4px;}
.about h2#forless_h { text-indent: -999em; background: url(/kgs/images/content/forless.png) bottom center no-repeat; display:block; height: 16px; width: 52px; margin-bottom:4px;}
.about #formen, .about #forwomen { width: 275px; padding-left:.5em; }
.about #formen, .about #forwomen, .about #forless { font-size:85%; line-height: 110%; }
.about #formen, .about #forless { margin-top: 20px; }
.about #forwomen { margin-top: -136px; }
.about #forless p { margin-top: 0; }
.about h2#superstore { text-indent: -999em; background: url(/kgs/images/content/formenforwomenforless.png) bottom center no-repeat; display:block; height:20px; width:370px; margin-top:15px; margin-left:75px; }
.about p#disclaimer { color:#142128; margin-top: 13px;}
/*--- product sidebar ---*/
div#content div.sidebar { background-image: url(/kgs/images/content/products-side.jpg); }
div#content div.right { width:223px; height:382px; position:relative; }
div#content div.right p { padding:16px 12px 0px 20px; }
div#content div.right p.alC { padding-top:32px; }
div#content div.right p.white{ font-size:13px; color:#0a304a; line-height:19px;}
/*--- email sign-up ---*/
div#content div#email_form{ position:relative; width:906px; height:383px; background:transparent url(/kgs/images/content/email-bg.jpg) top left no-repeat; }
div#email_form h1#email_sign_up { text-indent:-999em; background:transparent url(/kgs/images/content/sign_up.png) right bottom no-repeat; display:block; height:46px; width:133px; margin-left:auto; margin-right:auto;}
div#email_form {
font-size:1.3em;
font-weight:bold;
color:#0f4665;
}
div#email_form input.text {
width:160px;
background:#3181b3;
border:1px solid #fff;
color:#fff;
font-weight:bold;
}
div#email_form #first_name_dt { position:absolute; left:187px; top:75px; }
div#email_form #first_name_dd { position:absolute; left:264px; top:69px; }
div#email_form #last_name_dt { position:absolute; left:457px; top:75px; }
div#email_form #last_name_dd { position:absolute; left:534px; top:69px; }
div#email_form #email_dt { position:absolute; left:187px; top:106px; }
div#email_form #email_dd { position:absolute; left:264px; top:100px; }
div#email_form #agree_dd { position:absolute; left:461px; top:102px; }
div#email_form #agree_dt { position:absolute; left:484px; top:104px; line-height:normal; }
div#email_form #zipcode { width:62px; }
div#email_form #optional_dt { position:absolute; left:117px; top:157px; }
div#email_form #zip_dt { position:absolute; left:71px; top:197px; }
div#email_form #zip_dd { position:absolute; left:71px; top:220px; }
div#email_form #age_dt { position:absolute; left:204px; top:197px; }
div#email_form #age_18_dd { position:absolute; left:204px; top:224px; }
div#email_form #age_29_dd { position:absolute; left:204px; top:248px; }
div#email_form #age_39_dd { position:absolute; left:204px; top:272px; }
div#email_form #age_49_dd { position:absolute; left:328px; top:224px; }
div#email_form #age_50_dd { position:absolute; left:328px; top:248px; }
div#email_form #gender_dt { position:absolute; left:483px; top:197px; }
div#email_form #male_dd { position:absolute; left:483px; top:224px; }
div#email_form #female_dd { position:absolute; left:483px; top:248px; }
div#email_form #category_dt { position:absolute; left:635px; top:197px; }
div#email_form #mens_work_dd { position:absolute; left:635px; top:224px; }
div#email_form #mens_play_dd { position:absolute; left:635px; top:248px; }
div#email_form #womens_work_dd { position:absolute; left:635px; top:272px; }
div#email_form #womens_play_dd { position:absolute; left:635px; top:296px; }
div#email_form #juniors_dd { position:absolute; left:772px; top:224px; }
div#email_form #boys_dd { position:absolute; left:772px; top:248px; }
div#email_form #submit_dd { position:absolute; top:325px; left:0px; width:100%; text-align:center; }
div#email_form #submit { margin-left:auto; margin-right:auto; }
div#email_form #required_dt { position:absolute; left:789px; top:356px; }
/*--- thank you ---*/
div#thanks_div { position:relative; background: transparent url(/kgs/images/content/thanks.jpg) top left repeat-x; width:906px; height:382px; color:#0f4665;}
div#thanks_div p { text-align:center; }
div#thanks_div p#thanks_p1 { padding-top:140px; font-size: 2.2em; font-weight:bold; }
div#thanks_div p#thanks_p2 { margin-top:24px; font-size: 1.8em; }
/*--- maintenance --*/
div#maintenance_div { position:relative; background: transparent url(/kgs/images/content/thanks.jpg) top left repeat-x; width:906px; height:382px; color:#0f4665;}
div#maintenance_div p { text-align:center; }
div#maintenance_div p#maintenance_p { padding-top:175px; padding-bottom:10px; font-size: 1.8em; line-height: 150%; }
/*--- policy ---*/
body#policy_body { position:relative; width:100%; background:transparent url(/kgs/images/content/policy-bg.jpg) top left repeat-x; }
div#policy { position:relative; margin-left:24px; margin-right:28px; }
div#policy {
font-size:1.3em;
line-height:1.3em;
font-weight:normal;
color:#0f4665;
}
div#policy h1 { font-weight:bold; font-size:1.5em; text-align:center; margin: 27px auto 27px auto; }
div#policy h2 { font-weight:bold; }
div#policy p, div#policy ul, div#policy h2 {margin-top:14px; }
div#policy ul { margin-left: 1.5em; list-style: disc; }
/*--- locator ---*/
div#content div#locator { width:904px; height:382px; }
div#content div#locator_form { position:relative; width:681px; height:382px; background:transparent url(/kgs/images/content/email-bg.jpg) top left no-repeat; }
div#locator_form h1#store_locator { text-indent:-999em; background:transparent url(/kgs/images/content/store_locator.png) center bottom no-repeat; display:block; height:55px; width:150px; margin-bottom:29px; margin-left:auto; margin-right:auto; }
div#locator_form dt, div#locator_form dd { display:inline; }
div#locator_form {
font-size:1.3em;
font-weight:bold;
color:#0f4665;
}
div#locator_form input.text, div#locator_form select {
width:160px;
background:#3181b3;
border:1px solid #fff;
color:#fff;
font-weight:bold;
}
div#locator_form p { padding-left:85px; margin-bottom:5px;}
div#locator-form dl { margin-top:22px; }
div#locator_form #address_dt { position:absolute; left:85px; top:185px; }
div#locator_form #address_dd { position:absolute; left:148px; top:180px;}
div#locator_form #address { width:298px; }
div#locator_form #store_zip_dt { position:absolute; left:85px; top:215px; }
div#locator_form #store_zip_dd { position:absolute; left:148px; top:210px;}
div#locator_form #store_zip { width:54px; }
div#locator_form #or_dd { position:absolute; left:231px; top:215px;}
div#locator_form #city_dt { position:absolute; left:281px; top:215px; }
div#locator_form #city_dd { position:absolute; left:315px; top:210px; }
div#locator_form #city { width:103px; }
div#locator_form #state_dt { position:absolute; left:437px; top:215px; }
div#locator_form #state_dd { position:absolute; left:481px; top:210px; }
div#locator_form #state { width:154px; }
div#locator_form #within_dt { position:absolute; left:67px; top:238px; }
div#locator_form #within_dd { position:absolute; left:148px; top:233px; }
div#locator_form #within { width:111px; }
div#locator_form #submit_dd { position:absolute; top:300px; left:0px; width:100%; text-align:center; }
div#locator_form #submit { margin-left:auto; margin-right:auto; }
/*--- special hours ---*/
div#specialhours p { line-height:1.2em; font-size:1.2em; padding: 26px 0 13px 0; }
div#specialhours .schedule { width:100%; }
div#specialhours .schedule .section { text-decoration:underline; text-align:left; }
div#specialhours .schedule .week { text-align:left; }
div#specialhours .schedule .day { line-height:2em; text-decoration:underline; }
div#specialhours .schedule .times { text-align:center; }
div#specialhours .schedule .hours { width:100%; }
div#specialhours .schedule .open { width:45%; text-align:right; }
div#specialhours .schedule .dash { width:10%; }
div#specialhours .schedule .close { width:45%; text-align:left; }
/*--- old locator results ---*/
div#content div#mapinfo { position:relative; width:648px; background-color: white; padding: 0 138px; }
div#mapinfo h1 { text-indent:-999em; background:transparent url(/kgs/images/content/search-results.png) left bottom no-repeat; display:block; height:46px; width:150px; }
div#mapinfo h2.label { margin: 13px; font-weight: normal; font-size: 115%; }
/*--- locator results ---*/
#mainmap {
margin: 20px auto;
border: 1px solid #000;
width: 500px;
height: 400px;
overflow: hidden;
clip: rect(0, 0, 400px, 500px);
}
.locations {
text-align: center;
}
.locHead {
background-color: #f2efe6;
text-align: left;
width: 586px;
padding: 5px 7px;
margin: 0 auto 13px auto;
}
.locHead h2 {
color: #707070;
font-size: 120%;
}
.location {
width: 600px; margin: 0 auto 13px auto; text-align: left;
}
.location hr {
background-color: #f2efe6;
border: 1px solid #f2efe6;
color: #f2efe6;
height: 2px;
}
.location .visual {
width: 240px; float: left;
}
.location .number {
padding: 0 4px 0 2px; float: left;
}
.location .minimap {
float: left;
width: 216px;
height: 128px;
border: 1px solid #000;
overflow: hidden;
clip: rect(0, 0, 128px, 216px);
}
.location .address {
width: 170px; padding-left: 10px; float: left;
}
.location .info {
width: 170px; padding-left: 10px; float: left;
}
.location .info p {
margin-bottom: 13px;
}
#map_directions {
margin: 20px auto;
border: 1px solid black;
width: 500px;
height: 300px;
overflow: hidden;
clip: rect(0, 0, 300px, 500px);
}
#map_route {
margin: 20px auto;
border: 1px solid black;
width: 500px;
}
.attention {
color: red;
}
.clearboth {
clear: both;
}
/*--- locator results ---*/
div#content div#locator_results { position:relative; width:906px; height:382px; background:transparent url(/kgs/images/content/email-bg.jpg) top left no-repeat; padding-left:18px; }
div#locator_results #map { width:470px; height:380px; }
div#locator_results #store { width:434px; height:380px; }
div#locator_results h1 { text-indent:-999em; background:transparent url(/kgs/images/content/search-results.png) left bottom no-repeat; display:block; height:46px; width:150px; }
div#locator_results p#address { margin-top: 40px; }
div#locator_results p#hours { margin-top: 22px; }
div#locator_results p#storeid { margin-top: 18px; }
div#locator_results {
font-size:1.3em;
line-height:1.3em;
font-weight:bold;
color:#0f4665;
}
/*--- footer ---*/
div#footer div.wrapper{ padding:40px 0px 20px 0px;}
div#footer div.wrapper p{font-size:120%; line-height:16px; color:#104969;margin-bottom:20px; }
div#footer div.wrapper p a{font-size:120%; text-transform:uppercase; color:#104969; font-weight:bold;}
/*--- clothes ---*/
#brands { position: absolute; bottom: 62px; left: 3px; }
.sub_links .face a { zoom: 1; }
#loggedin {
position: absolute;
top: 5px;
right: 0;
font-size: 2em;
}
#loggedin a { font-weight: bold; text-decoration: none;}
#loggedin a:link, #loggedin a:visited { color: #fff; }
#loggedin a:hover, #loggedin a:active { color: #f00; }
#adminform { padding: 20px 100px; }
#adminform h1 { font-size: 1.5em; margin: 0 0 20px 0; }
#splash {
position:relative;
}
/*
#splash div {
display:none;
border: solid 1px black;
padding: 10px;
position: absolute;
background: #fdf4e4;
opacity:0.92;
filter:alpha(opacity=92)
}
*/
.cfly {
display:none;
position:absolute;
border:none;
padding:6px 0 4px 0;
background:#fff;
opacity:0.92;
filter:alpha(opacity=92);
-moz-opacity:0.92;
}
.cfly h2 {
font-family:Arial;
font-size:14px;
font-weight:normal;
margin-bottom:6px;
padding:0 10px;
}
.cfly span.ourprice {
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#0a304a;
padding:0px 10px;
line-height:14px;
}
.cfly span.raquo {
font-size:16px;
}
.cfly span.compareprice {
font-family:Arial;
font-size:11px;
font-weight:normal;
color:#444b50;
padding:0 10px 0 23px;
line-height:16px;
}
.cfly div.hr {
height:0;
line-height:0;
width:100%;
border-top:1px solid #8d8e8f;
margin:4px 0 6px 0;
padding:0;
}