/*  File: layout.css        */
/*  By:   Jeremy Tredway    */
/*  Ver:  2008-06-09        */


/* begin reset elements */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,legend,fieldset,input,textarea,button,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
blockquote:before,blockquote:after,
q:before,q:after {
	content:'';
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
:focus {
	outline: 0;
}


/* begin common layout elements */

body {
	background-color: #140104;
	color: #fff;
	font: normal 13px/1.5 Arial, Helvetica, Verdana, sans-serif;
	text-align: center;
	text-shadow: 0 0 0 #000;
}

h1 {
	color: #fff;
	font: normal 25px/1.0 Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
}
h2 {
	color: #9a8643;
	font: normal 18px/1.25 Arial, Helvetica, Verdana, sans-serif;
}
h3 {
	color: #9a8643;
	font: bold 13px/1.5 Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
}

p { padding: 0 0 .5em 0; }

sup {
	font-size: .8em;
	position: relative;
	top: 0;
	vertical-align: baseline;
}

a:link, a:visited, a:hover {
	color: #fff;
	text-decoration: none;
}


/* begin standard form elements */

input, select, textarea {
	color: #333;
	font: normal 11px/1.5 Verdana, sans-serif;
}
input, textarea {
	border: none;
}

.input_xl { width: 550px; }
.input_lg { width: 350px; }
.input_md { width: 250px; }
.input_sm { width: 100px; }
.input_xs { width: 50px; }


/* begin list elements */

.list_arrow li {
	background: transparent url("/us/images/arrow_sprites.png") no-repeat 0 -36px;
	padding: 0 0 .25em 8px;
}

.list_col li {
	display: block;
	float: left;
	padding: 0 2% 1em 0;
	width: 48%;
}

.list_decimal {
	list-style-type: decimal;
	margin-left: 2em;
	padding-bottom: .5em;
}

.list_disc {
	padding-bottom: .5em;
}
.list_disc li {
	background: transparent url("/us/images/bullet_white.gif") no-repeat 2px 8px;
	padding: 0 0 0 8px;
}

.list_toc {
	margin-left: 1em;
	padding-bottom: 1em;
}
.list_toc li {
	padding-bottom: .25em;
}

.list_wrap li {
	display: block;
	float: left;
	margin-right: 2em;
}


/* begin header elements */

#header {
	background: transparent url("/us/images/header_bg.jpg") no-repeat 0 0;
	font-size: 9px;
	height: 19px;
	line-height: 19px;
	margin: 0 auto;
	padding: 13px 0 5px 0;
	text-align: left;
	text-transform: uppercase;
	width: 955px;
}

#header_nav {
	float: left;
	width: 500px;
}

#header_email {
	float: left;
	text-align: right;
	width: 455px;
}

#header_email form {
	height: 17px;
}
#header_email label {
	vertical-align: top;
}
#header_email .inline_input {
	border: 1px solid #666;
	height: 12px;
	line-height: 12px;
	margin: 0;
	padding: 1px;
	vertical-align: top;
	width: 130px;
}
#header_email .inline_button {
	height: 16px;
}


/* begin frame elements */

#frame_popup {
	padding: 10px;
	text-align: left;
}

#frame {
	background-color: #9c142e;
	border: 1px solid #740414;
	margin: 0 auto;
	padding: 5px;
	text-align: left;
	width: 943px;
}

#frame_top {
	background: transparent url("/us/images/frames/frame_top.png") no-repeat 0 0;
	padding-top: 11px;
	width: 943px;
}
#frame_bot {
	background: transparent url("/us/images/frames/frame_bot.png") no-repeat 0 100%;
	padding-bottom: 11px;
	width: 943px;
}
#frame_inner {
	background: transparent url("/us/images/frames/frame_inner.png") repeat-y 0 0;
	height: 541px; /* 555px - 14px */
	padding: 0 4px;
	width: 935px;
}

#frame_bg {
	background: #67010f url("/us/images/frames/frame_bg.png") repeat-y 192px 4px;
}

#frame_bg_custom {
	background: transparent url("/us/images/frames/custom_bg/generic.jpg") no-repeat 192px 4px;
}

/* begin column elements */

#left_col {
	float: left;
  padding: 10px 11px;
  width: 164px;
}
#right_col {
	float: left;
	position: relative; /* for product photos */
	width: 747px;
}

.inner_cols {
	clear: both;
	float: none;
}
.inner_col_30 {
	float: left;
	padding-right: 1%;
	width: 32%;
}
.inner_col_50 {
	float: left;
	padding-right: 1%;
	width: 49%;
}
.inner_col_left {
	float: left;
	padding-right: 10%;
	width: 45%;
}
.inner_col_right {
	float: left;
	width: 45%;
}


/* begin left navigation elements */

#left_logo img {
	padding-left:8px;
}

#left_nav ul {
	padding: 0 0 10px 0;
}

#left_nav li {
	padding: 18px 0 0 0;
	width: 162px;
}
#left_nav li a {
	background: transparent url("/us/images/left_nav_sprite.png") no-repeat 0 0;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 16px;
	line-height: 16px;
	text-indent: -999em;
  width: 162px;
}
#left_nav li a.active,
#left_nav li a:hover {
	color: #9a8643;
}

#left_nav div.inactive ul {
	display: none;
}

#left_nav ul ul {
	padding: 7px 0 0 0;
	text-align: right;
	text-transform: uppercase;
}
#left_nav ul ul li {
	padding: 6px 0 0 0;
}
#left_nav ul ul li a {
	background: none;
	font-size: 11px;
	font-weight: normal;
	height: 11px;
	line-height: 11px;
	text-indent: 0;
}

#left_nav #nav_new a { background-position: 12px 0; }
#left_nav #nav_new a.active, 
#left_nav #nav_new div.active a, 
#left_nav #nav_new a:hover { background-position: -188px 0; }

#left_nav #nav_men a { background-position: 12px -50px; }
#left_nav #nav_men a.active, 
#left_nav #nav_men div.active a, 
#left_nav #nav_men a:hover { background-position: -188px -50px; }

#left_nav #nav_women a { background-position: 12px -100px; }
#left_nav #nav_women a.active, 
#left_nav #nav_women div.active a, 
#left_nav #nav_women a:hover { background-position: -188px -100px; }

#left_nav #nav_kids a { background-position: 12px -150px; }
#left_nav #nav_kids a.active, 
#left_nav #nav_kids div.active a, 
#left_nav #nav_kids a:hover { background-position: -188px -150px; }

#left_nav #nav_auth a { background-position: 12px -200px; }
#left_nav #nav_auth a.active, 
#left_nav #nav_auth div.active a, 
#left_nav #nav_auth a:hover { background-position: -188px -200px; }

#left_nav #nav_stores a { background-position: 12px -250px; }
#left_nav #nav_stores a.active, 
#left_nav #nav_stores div.active a, 
#left_nav #nav_stores a:hover { background-position: -188px -250px; }

#left_nav #nav_about a { background-position: 12px -300px; }
#left_nav #nav_about a.active, 
#left_nav #nav_about div.active a, 
#left_nav #nav_about a:hover { background-position: -188px -300px; }

#left_col_season {
	padding: 1em 0 2em 0;
}
#left_col_module {
	padding-top: 4em;
	text-align: right;
}

/* begin global left navigation elements */

#pg_global #left_nav li a {
	background: transparent url("/us/images/global_left_nav_sprite.png") no-repeat 0 0;
}

#pg_global #left_nav #nav_usa a { background-position: 0 0; }
#pg_global #left_nav #nav_usa a.active, 
#pg_global #left_nav #nav_usa div.active a, 
#pg_global #left_nav #nav_usa a:hover { background-position: -200px 0; }

#pg_global #left_nav #nav_japan a { background-position: 0 -50px; }
#pg_global #left_nav #nav_japan a.active, 
#pg_global #left_nav #nav_japan div.active a, 
#pg_global #left_nav #nav_japan a:hover { background-position: -200px -50px; }

#pg_global #left_nav #nav_canada a { background-position: 0 -100px; }
#pg_global #left_nav #nav_canada a.active, 
#pg_global #left_nav #nav_canada div.active a, 
#pg_global #left_nav #nav_canada a:hover { background-position: -200px -100px; }


/* begin content elements */

#main_content {
	font: normal 11px/1.5 Verdana, sans-serif;
	padding: 55px 0 0 95px;
}

.content_title h1 {
	background: transparent url("/us/images/titles_bg/md_left.png") no-repeat 0 2px;
	float: left;
}
.content_title h1 img {
	background: transparent url("/us/images/titles_bg/md_right.png") no-repeat 100% 2px;
	display: block;
	padding: 0 74px;
}

.sm_title h1 {
	background: transparent url("/us/images/titles_bg/sm_left.png") no-repeat 0 4px;
	float: left;
}
.sm_title h1 img {
	background: transparent url("/us/images/titles_bg/sm_right.png") no-repeat 100% 4px;
	display: block;
	padding: 0 52px;
}

.sm_title h2 {
	background: transparent url("/us/images/titles_bg/sm_left.png") no-repeat 0 0;
	float: left;
}
.sm_title h2 img {
	background: transparent url("/us/images/titles_bg/sm_right.png") no-repeat 100% 0;
	display: block;
	padding: 0 52px;
}

.link_detail {
	background: transparent url("/us/images/arrow_sprites.png") no-repeat 0 -76px;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 .5em 8px;
	text-transform: uppercase;
}

.where_to_buy h2 {
	margin-bottom: 15px;
}
.where_to_buy h3 {
	color: #fff;
	font-size: 11px;
	padding-bottom: .5em;
}
.where_to_buy .list_arrow li {
	background: transparent url("/us/images/arrow_sprites.png") no-repeat 0 -36px;
	padding: 0 0 .5em 8px;
}


/* begin product elements */

#product_detail {
	position: absolute;
	top: 35px;
	left: 35px;
	width: 270px;
}

#product_detail h1 {
	padding: 5px 0 15px 0;
}

.product_content {
	font-size: 12px;
	padding: 5px 30px;
}
.product_content h2 {
	padding: 10px 0 5px 0;
}

.product_price {
	font-size: 11px;
	text-transform: uppercase;
}

#product_buy {
	position: absolute;
	top: 115px;
	left: 495px;
}

/* begin product navigation */

#product_nav {
	height: 130px;
	position: absolute;
	top: 390px;
	left: 15px;
}

#product_nav .next,
#product_nav .prev {
	background: transparent url("/us/images/arrow_sprites.png") no-repeat 0 -240px;
	cursor: pointer;
	display: block;
	float: left;
	height: 20px;
	margin: 55px 10px;
	text-indent: -999em;
	width: 10px;
	visibility: hidden;
}
#product_nav .prev {
	background-position: 0 -280px;
}
#product_nav .visible_nav {
	visibility: visible;
}

#product_nav .items {
	display: block;
	float: left;
	height: 130px;
	overflow: hidden;
	width: 220px;
}
#product_nav .items a {
	background: transparent url("/us/images/product_nav/placeholder.png") no-repeat 0 0;
	display: block;
	float: left;
	height: 130px;
	text-indent: -999em;
	width: 55px;
}
#product_nav .items a.active,
#product_nav .items a:hover {
	background-position: 0 -160px;
}

#product_nav_title {
	font: normal 11px/25px Verdana, sans-serif;
	height: 25px;
	text-align: center;
	text-transform: uppercase;
	width: 280px;
	position: absolute;
	top: 515px;
	left: 15px;
}
#product_nav_debug {
	font: normal 11px/25px Verdana, sans-serif;
	height: 25px;
	text-transform: uppercase;
	width: 100px;
	position: absolute;
	top: 465px;
	left: 515px;
}

#product_enlarge {
  position: absolute;
  top: 515px;
  left: 520px;
}
/* Product-page 'hero image' enlargement area: */
a.enlarge_area {
  position: absolute;
  display: block;
  top: -7px;
  left: 282px;
  width: 213px;
  height: 555px;
}

/* begin marquee elements */

.marquee_top {
	background: transparent url("/us/images/marquees/md_top.gif") no-repeat 0 0;
	padding-top: 24px;
	width: 377px;
}
.marquee_bot {
	background: transparent url("/us/images/marquees/md_bot.gif") no-repeat 0 100%;
	padding-bottom: 24px;
	width: 377px;
}
.marquee_inner {
	background: transparent url("/us/images/marquees/md_bg.gif") repeat-y 0 0;
	padding: 0 24px;
	width: 329px;
}

.marquee_lg_top {
	background: transparent url("/us/images/marquees/lg_top.gif") no-repeat 0 0;
	padding-top: 11px;
	width: 700px;
}
.marquee_lg_bot {
	background: transparent url("/us/images/marquees/lg_bot.gif") no-repeat 0 100%;
	padding-bottom: 11px;
	width: 700px;
}
.marquee_lg_inner {
	background: transparent url("/us/images/marquees/lg_bg.gif") repeat-y 0 0;
	padding: 10px 25px;
	width: 650px;
}

.marquee_sm_top {
	background: transparent url("/us/images/marquees/sm_top.gif") no-repeat 0 0;
	padding-top: 18px;
	width: 240px;
}
.marquee_sm_bot {
	background: transparent url("/us/images/marquees/sm_bot.gif") no-repeat 0 100%;
	padding-bottom: 18px;
	width: 240px;
}
.marquee_sm_inner {
	background: transparent url("/us/images/marquees/sm_bg.gif") repeat-y 0 0;
	padding: 0 18px;
	width: 204px;
}

/* begin footer elements */

#footer {
	background: transparent url("/us/images/footer/footer_bg.jpg") no-repeat 0 0;
	height: 116px;
	margin: 0 auto 0 auto;
	padding: 0;
	text-align: left;
	text-transform: uppercase;
	width: 955px;
}
#footer #footer_logos {
	padding: 14px 0 20px 27px;
	overflow: hidden;
}
#footer h3 {
	padding: 0 0 6px 0;
	margin: 0;
}
#footer ul.list_wrap {
	list-style: none;
	margin: 0;
	padding: 0;
}
#footer ul.list_wrap li, #footer ul.list_wrap li img, #footer ul.list_wrap li a, #footer ul.list_wrap li a:visited {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
	font-size: 9px;
	line-height: 1em !important;
}
#footer_left {
	float: left;
	width: 528px;
	font-size: 9px;
	line-height: 21px;
	padding-top: 8px;
}
#footer_right {
	float: left;
	text-align: right;
	width: 400px;
	font-size: 9px;
	line-height: 21px;
	padding-top: 0px;
}

#pg_global #footer {
	background: transparent url("/global/images/footer_bg.jpg") no-repeat 0 0;
	font-size: 9px;
	height: 19px;
	line-height: 19px;
	margin: 0 auto 2em auto;
	padding: 5px 0 20px 0;
	text-align: left;
	text-transform: uppercase;
	width: 955px;
}
#pg_global #footer_left {
	float: left;
	width: 555px;
	line-height: 19px;
}
#pg_global #footer_right {
	float: left;
	text-align: right;
	width: 400px;
	line-height: 19px;
}


/* begin misc elements */

.border_top_thick {
	border-top: 2px solid #9a8643;
	margin-top: 1em;
	padding-top: 1.5em;
}

.border_top {
	border-top: 1px solid #9a8643;
	padding-top: 1em;
}

.close_dialog, 
.close_window {
	font-size: 10px;
	line-height: 14px;
	text-align: right;
	text-transform: uppercase;
}
.close_dialog a, 
.close_window a {
	background: transparent url("/us/images/arrow_sprites.png") no-repeat 100% -400px;
	display: block;
	padding-right: 24px;
}
.close_dialog a {
	background-position: 100% -440px;
}

.footnote {
	font-size: 10px;
}

.not_bold {
	font-weight: normal;
}


/* begin flash elements */

#flash_container,
#media_container,
#video_container {
	position: absolute;
	top: -7px;
	left: 0;
}
.flash-replaced .flash_alt {
	display: none;
}


/* begin global splash page elements */

#pg_global #footer {
	text-transform: none;
}
#pg_global #footer a:link,
#pg_global #footer a:visited,
#pg_global #footer a:hover {
	text-decoration: underline;
}
#global_img {
	position: absolute;
	top: -7px;
	left: 0;
}


/* begin where to buy page elements */

#pg_stores #main_content {
	padding: 12px 23px 12px 24px;
	width: 700px;
}
#pg_stores #main_content h2 {
	border-bottom: 2px solid #9a8643;
	margin-bottom: 1em;
	padding: 2em 0 .25em 0;
}
#pg_stores .inner_cols {
	min-height: 444px;
}
#pg_stores .inner_cols li {
	margin-bottom: 1em;
}
#pg_stores .list_arrow li {
	background-position: 0 -312px;
	padding: 0 0 0 12px;
}


/* begin help page elements */

#pg_help #frame_bg_custom,
#pg_terms #frame_bg_custom  {
	background: none;
}
#pg_help #frame_inner,
#pg_terms #frame_inner {
	height: auto;
}
#pg_help #main_content,
#pg_terms #main_content {
	padding: 12px 23px 12px 24px;
	width: 700px;
}
#pg_help #main_content h1,
#pg_help #main_content h2,
#pg_terms #main_content h1,
#pg_terms #main_content h2 {
	padding-bottom: .5em;
}
#pg_help #main_content h3,
#pg_terms #main_content h3 {
	padding-top: 1em;
}
#pg_help #main_content a:link,
#pg_help #main_content a:visited,
#pg_help #main_content a:hover,
#pg_terms #main_content a:link,
#pg_terms #main_content a:visited,
#pg_terms #main_content a:hover {
	text-decoration: underline;
}

#pg_help .inner_cols,
#pg_terms .inner_cols {
	padding-top: 2em;
}
#pg_help .help_content,
#pg_terms .help_content {
	border-top: 1px solid #9a8643;
	margin-top: 2em;
	padding-top: 2em;
}

.help_question {
	color: #9a8643;
}

#pg_help .help_content ul {
	list-style: disc;
}
#pg_help .help_content ul li {
	list-style: disc;
	padding-left: 0;
	margin-left: 20px;
}
/* begin sitemap page elements */

#pg_help #main_content .sitemap_content h2 {
	padding-bottom: .2em;
}

.sitemap_content {
	border-top: 2px solid #9a8643;
	margin-top: 1em;
}

.sitemap_content .inner_cols li {
	font-weight: bold;
	padding-left: 16px;
}
.sitemap_content .inner_cols .not_bold li {
	font-weight: normal;
}
.sitemap_content .inner_cols li li {
	font-weight: normal;
	padding-left: 8px;
}

.sitemap_content a:link,
.sitemap_content a:visited {
	text-decoration: none !important;
}
.sitemap_content a:hover {
	text-decoration: underline !important;
}

.sitemap_content h2 a {
	background: transparent url("/us/images/sitemap_sprite.png") no-repeat 0 0;
	display: block;
	height: 16px;
	line-height: 16px;
	text-indent: -999em;
	width: 180px;
}
#sitemap_men a {
	background-position: 0 0;
}
#sitemap_women a {
	background-position: 0 -50px;
}
#sitemap_kids a {
	background-position: 0 -100px;
}
#sitemap_new a {
	background-position: 0 -150px;
}
#sitemap_auth a {
	background-position: 0 -200px;
}
#sitemap_story a {
	background-position: 0 -250px;
}
#sitemap_buy a {
	background-position: 0 -300px;
}
#sitemap_help a {
	background-position: 0 -350px;
}
#sitemap_levi a {
	background-position: 0 -400px;
}


/* begin new this season page elements */

#pg_new #frame_bg_custom {
	background: transparent url("/us/images/frames/custom_bg/featured_products.jpg") no-repeat 192px 4px;
}
#pg_new #main_content {
  position: relative;
  padding: 0;
}
#pg_new #content1 {
  position: absolute;
  top: 150px;
  left: 33px;
  width: 190px;
  height: auto;
}
#pg_new #content2 {
  position: absolute;
  top: 150px;
  left: 528px;
  width: 200px;
  height: auto;
}
#pg_new .content p {
  padding: 0.5em 0;
}
#pg_new .content p.link {
  color: #9a8643;
  padding-bottom: 2em;
}
#pg_new .content p.link a, #pg_new .content p.link a:visited {
  color: #9a8643;
}
/*
#pg_new #marquee_content {
  position: absolute;
  top: 143px;
  left: 353px;
  width: 375px;
  height: 650px;
}
#pg_new #marquee_content img.thumb {
  position: absolute;
  top: 544px;
  border: 2px solid #837239;
}
#pg_new #marquee_content img.selected {
  border: 2px solid #67010f;
}
*/
/*
#pg_new .marquee_inner {
	padding: 0 34px;
	width: 309px;
}
#pg_new .marquee_inner h2 {
	padding-top: .75em;
}
#pg_new .marquee_inner p {
	padding: .5em 0;
}
#pg_new .content_title {
	padding: 10px 0 20px 0;
}
#pg_new .content_title h1 {
	background-position: 0 6px;
}
#pg_new .content_title h1 img {
	background-position: 100% 6px;
	padding: 0 24px;
}
*/


/* Energy Tips page custom overrides: */

#pg_energy_tips #frame_bg_custom {
  background: transparent url("/us/images/frames/custom_bg/energy_tips.jpg") no-repeat 192px 4px;
}
#pg_energy_tips #frame_inner {
  height: auto;
}
#pg_energy_tips #main_content {
  font: normal 11px/1.5 Verdana, Arial, sans-serif;
  padding: 65px 0 0 39px;
}

#pg_energy_tips #main_content .smaller {
  font-size: 10px;
}

#pg_energy_tips #main_content a:link,
#pg_energy_tips #main_content a:visited,
#pg_energy_tips #main_content a:hover {
  text-decoration: underline;
}

#pg_energy_tips #main_content h2 {
  margin: 25px 0 5px 0;
}
#pg_energy_tips #main_content h2.pad_bot {
  margin-bottom: 20px;
}

#pg_energy_tips #main_content p, #pg_energy_tips #main_content li {
  margin-bottom: 15px;
}





/* begin popup email elements */

#pg_popup_email {
	background-color: #67010f;
}
#pg_popup_email h1 {
	padding-bottom: .5em;
}
#pg_popup_email p {
	padding-bottom: 1em;
}


/* begin clearing the elements */

.marquee_top:after,
.marquee_bot:after,
.marquee_inner:after,
.marquee_lg_top:after,
.marquee_lg_bot:after,
.marquee_lg_inner:after,
.marquee_sm_top:after,
.marquee_sm_bot:after,
.marquee_sm_inner:after,
.content_title:after,
.sm_title:after,
.inner_cols:after,
.list_col:after,
.list_wrap:after,
#left_nav ul:after,
#frame:after,
#frame_top:after,
#frame_bot:after,
#frame_inner:after,
#left_col:after,
#right_col:after,
#footer:after {
	clear: both;
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
}