/* CSS Document */

/*
Style Sheet for j.k.livin
Site Developed by Fuzzy Duck Design 2008
*/

/* bof standard markup */

html { font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; line-height:16px; margin:0; height:100% }

body {  /*background:url(../images/style/jkl-body-bu.jpg) bottom repeat-x #021c86;*/ background:url(../images/bg_elements/spring_2010_bg.jpg) bottom no-repeat #112b8c;  background-attachment:fixed; background-position: 50% 100%; margin:0; height:100%;}

h1 { color:#000000; margin:0; padding:0; font-size:24px; font-weight:400; line-height:25px; }

h2 { color:#01257f; font-size:16px; font-weight:bold; margin:5px 0;}
h2.alert { color:red; text-align:center; line-height:20px; }

h3 { color:#FFFFFF; font-size:24px; font-weight:bold; margin-bottom:0;}

h4 { color:#FFFFFF; font-size:16px; font-weight:bold; margin:0;}

h5 {}

p { margin:10px 0;}

hr {}

ul {}

li {}

a, a:active { color:#000000; text-decoration:underline; }
a:hover { color:#CC3300; text-decoration:none;}

form { margin:0; padding:0;}

blockquote { background:#ffffff; display: block; padding:0 5px; margin:0px; width:280px; }

blockquote.withquote {background:url(../images/quote.jpg) no-repeat top left; padding-left:20px; margin-top:15px; text-align:justify;} 

p.withunquote {background: url(../images/unquote.jpg) no-repeat;background-position:bottom right;padding-right:5px;}


/* eof standard markup */
/* ------------------------------- */
/* bof common markup */

.spacer { padding-top:10px;}
.hide { display:none; }
.clearboth { clear:both; }
.clearleft { clear:left; }
.bold-blue { color:#0073bd; font-weight:bold; }
.bold-red { color:#8e191c; font-weight:bold; }
.out-of-stock { color:#666; font-size:.65em; }
.hidden { display:none; }
.float_left { display:block; float:left; }
.float_right { display:block; float:right; }

/* eof commmon markup */
/* ------------------------------- */
/* bof main wrappers */

#bgwrapper { height:100%; width:100%; background:#fff; }

#wrapper { margin:auto; width:900px; }
#section { }
#section-sub { background:url(../images/sidenav.jpg) top left repeat-y; overflow:hidden; width:900px; }
#section-sub .leftcol_with_nav_wrapper {  }
#leftcol { float:left; width:250px;  }
#rightcol { float:left; width:650px; }
#page_content { float:left; width:650px; background-color:#fff;}

/* eof main wrappers */
/* ------------------------------- */
/* bof header elements */

#header { padding:0; margin:0; overflow:display; height:130px; overflow:hidden; }
	#header a, #header a:active { color:#FFFFFF; text-decoration:none; }
	#header a:hover { color:#01257f; text-decoration:none; }

#header-leftcol { float:left; width:200px; height:130px; }
#header-middlecol { float:left; width:420px; text-align:center; }
#header-rightcol { background: url(../images/style/bag-bg.png) right no-repeat;; float:left; height:126px; width:275px; }
	#header-rightcol .row_top { padding:50px 0 0 55px; color:#fff; }
	#header-rightcol .row_middle { padding:5px 0 0 55px; }
	#header-rightcol .row_bottom { padding:20px 0 0 55px; color:#fff; }
#header-shoppingbag {  }

.header-shoppingbag-section { padding:2px 0; text-align:right;}

/* eof header elements */
/* ------------------------------- */
/* bof nav elements */

#nav { background:#0073bd; color:#FFFFFF; height:38px; }
	#nav ul { margin:0; padding:5px 0 0 0;height:33px;}
	#nav li { list-style:none; display:inline; padding:15px 20px; margin:0;}
	#nav a, #nav a:active { color:#FFFFFF; text-decoration:none; padding:10px 3px;line-height:30px;}
	#nav a:hover { color:#92EAF3; text-decoration:none; }

#nav-leftcol { float:left; height:40px; width:70%; overflow:hidden; }
#nav-rightcol { float:left; height:40px; text-align:right;  width:30%; overflow:hidden; }
#nav-rightcol form { padding:0; margin:0; }
#nav-rightcol input { margin:0; }

/*
.nav-active { background:url(../images/navLiBG.jpg) no-repeat center;  padding:0; margin:0;}
	/*#nav .nav-active a, .nav-active a:active { color:#cf232a; font-weight:bold; }
	#nav .nav-active a:hover { color:#0073bd; font-weight:bold; }
	*/

/* eof nav elements */

/* ------------------------------- */
/* bof footer elements */

#footer { font-size:14px; line-height:14px; padding:10px 0; margin-bottom:10px; padding-top:10px; }
	.footer-leftcol-header { color:#01257f; font-size:16px;}
	.footer-copyright { font-size:11px;}

#footer-leftcol-top-row { background:url(../images/style/newsletter_bg.png) no-repeat; height:81px; float:left; width:440px; text-align:left }
	#footer-leftcol-content { /*color:#01257f;*/ color:#bdc8e2; padding:15px 10px 0 15px; }
	#footer-leftcol-top-row h2 { color:#fff; margin:0;  padding:0 0 5px 0; }
	#footer-leftcol-top-row a, #footer-leftcol-top-row a:link, #footer-leftcol-top-row a:visited { color:#fff; }
	#footer-leftcol-top-row a:hover { text-decoration:underline; }
	#footer-leftcol-top-row .content { padding:8px; }

#footer-rightcol-top-row { height:73px; float:left; width:440px; text-align:left; margin-left:20px; background:url(../images/style/usa_bg.png) no-repeat; }
/*
	#footer-rightcol-top-row .row_top { background:url(../images/style/our_products_rounded_top.png) no-repeat; over-flow:hidden; }
	#footer-rightcol-top-row .row_middle { background:url(../images/style/our_products_rounded_middle.jpg) no-repeat bottom center #ffffff;   width:440px; }
	#footer-rightcol-top-row .row_bottom { background:url(../images/style/our_products_rounded_bottom.png) no-repeat; height:6px; }
*/
	#footer-rightcol-top-row h4 { color:#d72d31; margin:0; padding:0 0 5px 0;}
	#footer-rightcol-top-row p { margin:0; font-size:12px; }
	#footer-rightcol-top-row .content { padding:10px 8px 8px 8px; }
	
#footer-giftcard { background:url(../images/giftCard2.gif) no-repeat; height:135px; float:left; width:440px;}
	#footer-giftcard-section { color:#01257f; padding:15px 10px 0 185px; }

#footer-newsletter { height:135px; float:left; width:440px;}
	#footer-newsletter-section { color:#560002; padding:10px 5px 0 5px;}

#footer-leftcol { border-right:1px #5670b3 solid; color:#5670b3; float:left; margin-top:10px; padding:0 5px; width:440px; }
	#footer-leftcol a, #footer-leftcol a:active { color:#ffffff; font-weight:bold; text-decoration:none; }
	#footer-leftcol a:hover { color:#000066; font-weight:bold; text-decoration:none; }

#footer-rightcol { float:left; line-height:18px; padding:0 5px; margin-top:10px; width:435px; }
	
	#footer-rightcol a, #footer-rightcol a:active { color:#000066; text-decoration:none; }
	#footer-rightcol a:hover { color:#ffffff; text-decoration:none; }

.footer-rightcol-section { border-right:1px #5670b3 solid; float:left; padding:0 15px; }

/* eof footer elements */
/* ------------------------------- */

/* bof sidenav elements */

#sidenav { font-size:16px; width:235px; overflow:hidden; }
	.sidenav-header { background:#cf242a; border-bottom:1px #ffffff solid; color:#ffffff; font-size:24px; padding:15px 0; text-align:center; }
	.sidenav-active-link { background:#ffffff; color:#FF0000; }
	.sidenav-active-link a, .sidenav-active-link a:active, .sidenav-active-link a:link { color:#cf242a !important; font-weight:bold;  }
	.sidenav-active-link a:hover { color:#01257f !important; }
	#sidenav p { margin:0;}
	#sidenav ul { padding:0; margin:0;}
	#sidenav li { border-bottom:1px #FFFFFF solid; display:block; list-style:none; padding:8px 10px; }
	#sidenav a, #sidenav a:active, #sidenav a:link { color:#FFFFFF; text-decoration:none; }
	#sidenav a:hover { color:#01257f; text-decoration:none; }

#sidenav ul li ul.sub {border-top:1px solid #fff;margin:8px -10px -9px -10px;padding:0;}
#sidenav ul li ul.sub li {padding:6px 10px 6px 40px;background-color:#00438d;color:#fff;}
#sidenav ul li ul.sub li a:hover {color:#999 !important;}
#sidenav ul li ul.sub li.sidenav-active-sublink { font-weight:bold; background: #00438d url(../images/nav-arrow.png) 95% center no-repeat;}

/* eof sidnav elements */
/* ------------------------------- */
.link {
	cursor:pointer;
}

/* bof pagenav elements */
.link-yourstory { display:block; float:right; background:#efefef; padding:8px; }
/* ------------------------------- */

/* form elements */
/* ------------------------------- */
.label-block { display:block; float:left; width:100px; }
.submit { background:#efefef; border:1px solid #333333; }


/* notepad */
#notepad { background:url(../images/style/notepad-bg-3.gif) repeat-y; font-size:12px; padding-left:30px; margin:0 auto; }
#notepad .swap { background:url(../images/style/notepad-tshirts-bg-alt.png) no-repeat; padding-bottom:15px; }
#notepad .title { display:none; height:1%; overflow:hidden; }
#notepad .link_out { display:block; float:left; overflow:hide; width:80px; }
#notepad .swap .content { float:left; width:180px; color:#d42a30; padding-top:50px; padding-left:8px; }
#notepad .swap .author { color:#d42a30; font-weight:bold; padding-left:10px; }
#notepad .jkl_mean { background:url(../images/style/what-does-it-mean-to-you.png) no-repeat top left; margin-left:5px; }
#notepad .jkl_mean .content { float:left; width:180px; color:#d42a30; padding-bottom:15px; padding-top:45px; margin-top:5px; }
/* ------------------------------- */

/* rightcol_alt */
#leftcol_alt { float:left; width:590px; padding:0 5px 0 0; }
	#leftcol_alt h1 { padding:0; margin:0; }
	#leftcol_alt .row_top { background:url(../images/style/white_cap_top.png) top center no-repeat; display:block; height:6px; padding:0; margin:0; overflow:hidden; }
	#leftcol_alt .row_middle { padding:10px; background:#fff; margin:0; }
	#leftcol_alt .row_bottom { background:url(../images/style/white_cap_bottom.png) top center no-repeat; height:5px; }
#rightcol_alt { float:left; width:300px; }

	
#rightcol_large { float:left; width:650px; padding:0; margin:0;  overflow:hidden; }
	#rightcol_large .row_top { background:url(../images/style/rightcol_top_wide_bg.png) top center no-repeat transparent; display:block; height:5px; padding:0; margin:0; overflow:hidden; float:none; }
	#rightcol_large .row_middle { padding:10px 20px; background:#ffffff; margin:0; float:none; overflow:hidden; }
	#rightcol_large .row_bottom { background:url(../images/style/rightcol_bottom_wide_bg.png) top center no-repeat; height:5px; float:none; overflow:hidden; }

.rightcol_large_inner_float { display:block; float:left; width:320px; }

/* about */
#about_section { color:#fff; }
	#about_section h1 { background:url(../images/style/about_h1_bg.gif) bottom left repeat-x; font-size:17px; color:#ffffff; font-weight:normal; padding-bottom:15px; margin:0; }
	#about_section .row_top { background: url(../images/style/red_rounded_top.png) top center no-repeat; height:6px; }
	#about_section .row_middle { background:url(../images/style/red_rounded_middle.png) bottom left repeat-x #d72d31; }
	#about_section .row_bottom { background:url(../images/style/red_rounded_bottom.png) top center no-repeat; height:6px; }

/* foundation */
#foundation_section { color:#fff; }
	#foundation_section h1 { background:url(../images/style/foundation_h1_bg.gif) bottom left repeat-x; font-size:17px; color:#ffffff; font-weight:normal; padding-bottom:15px; margin-top:0; }
	#foundation_section .row_top { background: url(../images/style/blue_round_top.png) top center no-repeat; height:6px; }
	#foundation_section .row_middle { background:url(../images/style/blue_rounded_middle.png) bottom left repeat-x #0f97ef; }
	#foundation_section .row_bottom { background:url(../images/style/blue_round_bottom.png) top center no-repeat; height:6px; }
	
.btn { background:url(../images/style/btn-bg.png) top left no-repeat transparent; display:inline-block; height:23px; width:99px; color:#0175c0; font-weight:bold; padding:4px 0 0 12px; font-size:12px; text-align:left;  }
.btn a, .btn a:link, .btn a:visited {  color:#0175c0; text-decoration:none; width:89px; display:inline-block; }
.btn a:hover { text-decoration:underline; }
	.btn_129 { background:url(../images/style/btn-bg-129.png) top left no-repeat transparent; height:23px; width:129px; color:#0175c0;}
	.btn_129 a, .btn_129 a:link, .btn_129 a:visited { width:119px; }
	.btn_139 { background:url(../images/style/btn-bg-139.png) top left no-repeat transparent; height:23px; width:139px; color:#0175c0;}
	.btn_139 a, .btn_139 a:link, .btn_139 a:visited { width:124px; }
	.btn_159 { background:url(../images/style/btn-bg-159.png) top left no-repeat transparent; height:23px; width:159px; color:#0175c0;}
	.btn_159 a, .btn_159 a:link, .btn_159 a:visited { width:145px; }


input.btn { border:0; margin:2px 0 0 0; width:109px; height:26px; padding-bottom:8px; }
input.btn.btn_129 { border:0; margin:2px 0 0 0; width:139px; height:26px; padding-bottom:8px; }

.btn_view_product { background:url(../images/style/btn_view_product_bg.jpg) top left no-repeat transparent; display:inline-block; height: 24px; width:108px; color:#fff; font-weight:bold; padding:4px 0; font-size:12px; text-align:center; }
.btn_view_product a, .btn_view_product a:link, .btn_view_product a:visited { color:#fff; text-decoration:none; }
.btn_view_product a:hover { color:#fff; text-decoration:underline; }

.float_right { float:right; }
.align_right { text-align:right; }

#featured_products_section { margin:10px 0; }
#featured_products_section .col_left { display:block; float:left; width:280px; }
#featured_products_section .col_right { display:block; float:left; width: 290px;  }

#featured_ad { background:url(../images/ads/sole-searchin.jpg) top left; width:270px; height:200px; overflow:hidden; }

.link_mens { position:relative; top:130px; height:30px; text-align:right; }
.link_mens .title { display:none; }
.link_womens { position:relative; top:130px; height:30px; text-align:right; }
.link_womens .title { display:none; }
.link_uni { position:relative; top:130px; height:60px; text-align:right; }
.link_uni a { hieght:60px; display:block; height:60px; }
.link_uni .title { display:none; }

#featured_item_cell { display:block; padding:5px; float:left; width:130px; text-align:center; }
.featured_image {height:114px; }

.col_spacer_5 { display:block; float:left; width:5px; height:5px; }
.col_spacer_10 { display:block; float:left; width:10px; height:5px; }

.pad_t_5 { padding-top:5px; }
.pad_b_5 { padding-bottom:5px; }

#nav_top { background:url(../images/style/nav_bg.png) top left no-repeat; height:38px; margin-bottom:5px;  }
#nav_top a, #nav_top a:link, #nav_top a:visited { text-decoration:none; }
#nav_top_inner { display:block; float:left; width:70%; margin:0; padding:0; height:38px; display:block; }
#nav_top_inner ul { list-style:none; padding:3px 0 0 15px; margin:0; }
#nav_top_inner ul li { display:block; float:left; list-style:none; margin-right:10px; padding-right:10px; font-weight:bold; line-height:29px; height:29px; }
#nav_top_inner ul li.nav-active { background:url(../images/style/nav_top_li_right.gif) top right no-repeat; padding-right:10px; overflow:show; }
#nav_top_inner ul li .left { display:inline-block; float:left; height:38px; width:10px; overflow:hidden; }
#nav_top_inner ul li.nav-active .left { background:url(../images/style/nav_top_li_left.png) top left no-repeat; }
#nav_top_inner ul li a, #nav_top_inner ul li a:link, #nav_top_inner ul li a:visited { display:inline-block;  color:#ffffff; }
#nav_top_inner ul li a:hover { text-decoration:underline; }
#nav_top_inner ul li.nav-active a, #nav_top_inner ul li.nav-active a:link, #nav_top_inner ul li.nav-active a:visited { display:inline-block; float:left; background: url(../images/style/nav_top_li_center.png) top left repeat-x;  height:29px; color:#cf242a; }

.underlined { text-decoration:underline; }
.no-underline { text-decoration:none; }

#copy_row { background:url(../images/style/footer_copy_bg.png) no-repeat; height:29px; font-size:13px; padding:5px 8px; }
	#copy_row .leftcol { display:block; float:left; width:440px; }
	#copy_row .rightcol { display:block; float:left; width:400px; }
	
#leftcol_nav { display:block; float:left; width:250px; margin:0; }
#leftcol_nav ul { margin:0; }
#leftcol_nav li { margin:0; }
#leftcol_nav .inner_wrapper { }

#swapstories_block { color:#fff; width:320px; }
	#swapstories_block h1 { color:#fff; font-size:1.2em; font-weight:bold; }
	#swapstories_block a, #swapstories_block a:link, #swapstories_block a:visited { color:#fff; }
	#swapstories_block a:hover { color:#000; text-decoration:underline; }
	#swapstories_block .row_top { background: url(../images/style/red_rounded_short_top.png) top center no-repeat; height:6px; }
	#swapstories_block .row_middle { background:url(../images/style/red_rounded_middle.jpg) bottom left repeat-x #d72d31; }
	#swapstories_block .row_bottom { background:url(../images/style/red_rounded_short_bottom.png) top center no-repeat; height:6px; }

#jkl_mean_block { color:#fff; width:320px; }
	#jkl_mean_block a, #jkl_mean_block a:link, #jkl_mean_block a:visited { color:#fff; }
	#jkl_mean_block a:hover { color:#000; text-decoration:underline; }
	#jkl_mean_block h1 { color:#fff; font-size:1.2em; font-weight:bold; }
	#jkl_mean_block .row_top { background: url(../images/style/blue_round_short_top.png) top left no-repeat; height:6px; }
	#jkl_mean_block .row_middle { background:url(../images/style/blue_rounded_middle.jpg) bottom left repeat-x #0f97ef; }
	#jkl_mean_block .row_bottom { background:url(../images/style/blue_round_short_bottom.png) top center no-repeat; height:6px; }

#jq_form_block { display:none; }

.form_success_message { border:1px solid #cf242a; padding:5px; }
.form_success_message h2 { text-align:center; color:#cf242a; }

.jkl_def_full { display:none; }
.story_full { display:none; }

.jkl_less_link { display:none; }
.jkl_more_link { display:inline-block; }
.jkl_more_link a, .jkl_more_link a:link, .jkl_more_link a:visited { text-decoration:none; }
.jkl_less_link { display:none; }
.jkl_less_link a, .jkl_less_link a:link, .jkl_less_link a:visited { text-decoration:none; }

.story_less_link { display:none; }
.story_more_link { display:inline-block; }
.story_more_link a, .story_more_link a:link, .story_more_link a:visited { text-decoration:none; }
.story_less_link { display:none; }
.story_less_link a, .story_less_link a:link, .story_less_link a:visited { text-decoration:none; }

.c_separator { }

.link_facebook { background:url(../images/icons/facebook.png) top left no-repeat; background-position:top left; display:inline-block; width:16px; height:16px; text-indent:100px; overflow:hidden; position:relative; top:4px; }
.link_twitter { background:url(../images/icons/twitter.png) top left no-repeat; background-position:top left; display:inline-block; width:16px; height:16px; text-indent:100px; overflow:hidden; position:relative; top:4px; }

#photo_contest { background:#0f97ef; margin-top:10px; }
#photo_contest h1, #photo_contest h2, #photo_contest h3,#photo_contest p { color:#fff; }
#photo_contest .inner_content { padding:10px; }