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

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

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

/* begin column elements */

#left_col {
  float: left;
  padding: 10px 14px;
  width: 158px;
}
#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_nav ul {
  padding: 0 0 10px 0;
}

#left_nav li {
  padding: 18px 0 0 0;
  width: 156px;
}
#left_nav li a {
  background: transparent url("/canada/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: 156px;
}
#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: 6px 0; }
#left_nav #nav_new a.active, 
#left_nav #nav_new div.active a, 
#left_nav #nav_new a:hover { background-position: -194px 0; }

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

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

#left_nav #nav_access a { background-position: 6px -200px; }
#left_nav #nav_access a.active, 
#left_nav #nav_access div.active a, 
#left_nav #nav_access a:hover { background-position: -194px -200px; }

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

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

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


/* begin content elements */

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

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

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

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

.link_detail {
  background: transparent url("/canada/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("/canada/images/arrow_sprites.png") no-repeat 0 -30px;
  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("/canada/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("/canada/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("/canada/images/marquees/md_top.gif") no-repeat 0 0;
  padding-top: 24px;
  width: 377px;
}
.marquee_bot {
  background: transparent url("/canada/images/marquees/md_bot.gif") no-repeat 0 100%;
  padding-bottom: 24px;
  width: 377px;
}
.marquee_inner {
  background: transparent url("/canada/images/marquees/md_bg.gif") repeat-y 0 0;
  padding: 0 24px;
  width: 329px;
}

.marquee_md2_top {
  background: transparent url("/canada/images/marquees/md2_top.gif") no-repeat 0 0;
  padding-top: 24px;
  width: 347px;
}
.marquee_md2_bot {
  background: transparent url("/canada/images/marquees/md2_bot.gif") no-repeat 0 100%;
  padding-bottom: 24px;
  width: 347px;
}
.marquee_md2_inner {
  background: transparent url("/canada/images/marquees/md2_bg.gif") repeat-y 0 0;
  padding: 0 16px;
  width: 315px;
}

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

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

/* begin footer elements */

#footer {
  background: transparent url("/canada/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;
}
#footer_left {
  float: left;
  width: 555px;
}
#footer_right {
  float: left;
  text-align: right;
  width: 400px;
}


/* 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("/canada/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 {
  position: absolute;
  top: -7px;
  left: 0;
}
.flash-replaced .flash_alt {
  display: none;
}


/* begin accessories page elements */

#pg_accessories .inner_col_left {
  padding-right: 12px;
  width: 300px;
}
#pg_accessories .inner_col_right {
  width: 410px;
}


/* 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: 0 300px 10px 0;
  padding: 25px 0 5px 0;
}
#pg_stores .inner_cols {
  height: 365px;
}


/* begin help page elements */

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

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

.help_question {
  color: #9a8643;
}


/* 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("/canada/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_global a {
  background-position: 0 -100px;
}
#sitemap_new a {
  background-position: 0 -150px;
}
#sitemap_access 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_inner {
  height: auto;
}
#pg_new #frame_bg_custom {
  background-image: url("/canada/images/frames/custom_bg/generic_long.jpg");
}
#pg_new #main_content {
  padding: 10px 0 0 20px;
}
#pg_new .footnote {
  margin: 5px 0;
}

#pg_new .content_title {
  padding: 10px 0 20px 135px;
}
#pg_new .content_title h1 {
  background-position: 0 6px;
}
#pg_new .content_title h1 img {
  background-position: 100% 6px;
}

.nts_content {
  padding: 0 20px;
}
.nts_content h2 {
  padding-bottom: 5px;
}
#pg_new .where_to_buy {
  padding: 10px 20px;
}
.nts_content .list_arrow li {
  background-position: 0 -76px;
}

.nts_nav {
  height: 342px;
  width: 305px;
}

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

.nts_nav .items {
  display: block;
  float: left;
  height: 342px;
  overflow: hidden;
  width: 280px;
}
.nts_nav .items a {
  background: transparent url("/canada/images/blank.gif") no-repeat 0 0;
  display: block;
  float: left;
  font-weight: bold;
  height: 18px;
  line-height: 18px;
  padding: 342px 0 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 280px;
}

#men_outfit_1 {
  background-image: url("/canada/images/nts/men_outfit_1.png") !important;
}
#men_outfit_2 {
  background-image: url("/canada/images/nts/men_outfit_2.png") !important;
}
#men_outfit_3 {
  background-image: url("/canada/images/nts/men_outfit_3.png") !important;
}
#men_outfit_4 {
  background-image: url("/canada/images/nts/men_outfit_4.png") !important;
}
#men_outfit_5 {
  background-image: url("/canada/images/nts/men_outfit_5.png") !important;
}
#men_outfit_6 {
  background-image: url("/canada/images/nts/men_outfit_6.png") !important;
}
#men_outfit_7 {
  background-image: url("/canada/images/nts/men_outfit_7.png") !important;
}
#men_outfit_8 {
  background-image: url("/canada/images/nts/men_outfit_8.png") !important;
}
#men_outfit_9 {
  background-image: url("/canada/images/nts/men_outfit_9.png") !important;
}
#men_outfit_10 {
  background-image: url("/canada/images/nts/men_outfit_10.png") !important;
}
#women_outfit_1 {
  background-image: url("/canada/images/nts/women_outfit_1.png") !important;
}
#women_outfit_2 {
  background-image: url("/canada/images/nts/women_outfit_2.png") !important;
}
#women_outfit_3 {
  background-image: url("/canada/images/nts/women_outfit_3.png") !important;
}


/* begin accessories page elements */

#pg_accessories #frame_inner {
  height: auto;
}
#pg_accessories #main_content {
  padding: 10px 10px 0 15px;
}
#pg_accessories .content_title {
  margin: 15px 0;
}
#pg_accessories .where_to_buy {
  padding-top: 1em;
}
#pg_accessories .where_to_buy .list_arrow li {
  background-position: 0px -70px;
}
#pg_accessories .product_photo {
  float: left;
  height: 420px;
  width: 315px;
}


/* 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;
}