/* override defaults */

*
{
  border: 0px none;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

html, body { height: 100% }

body
{
  font-family: Verdana, Arial, sans-serif;
  color: #000;
  font-size: 11px;
  background:url(/images/bgr_body.gif);
  text-align: center
}

a img,:link img,:visited img { border: none; }
a { text-decoration: none; -moz-outline-style: none; color:#000 }
a:hover { text-decoration: none }

b, strong { font-weight: bold }
.capitalize { text-transform: uppercase }

/* helpers */

.clearfix:after /* not for containers with height ie6, use .cleaner */
{
  clear: both;
  display: block;
  content: ".";
  height: 0;
  visibility: hidden;
}
* html > body .clearfix { width: 100%; display: block }
* html .clearfix { height: 1% }

.floatLeft { float: left }
.floatRight { float: right }
.cleaner { clear: both }
.center { text-align: center }

.paddingLeft17px { padding-left: 17px }
.paddingLeft5px { padding-left: 5px }
.paddingLeft10px { padding-left: 10px }
.paddingRight7px { padding-right: 7px }
.paddingTop5px { padding-top: 5px }
.paddingTop7px { padding-top: 7px }
.paddingTop10px { padding-top: 10px }
.paddingBottom10px { padding-bottom: 10px }

.marginTop34px { margin-top: 34px }
.marginRight10px { margin-right: 10px  }

.borderBlack { border: 1px solid #000 }
.borderGrey { border: 1px solid #ccc }

/* layout */

#wrapper
{
  min-height: 100%;
  background-position: 0px 135px;
  text-align: left
}
* html #wrapper { height: 100% } /* ie6 height as min height */

#main
{
  padding-bottom: 167px
}

#header
{
  height: 109px;
  background: url(/images/bgr_header.jpg) no-repeat;
}

#footer
{
	position: relative;
  height: 157px; /* 47px + 90px */
  margin-top: -158px !important;
  text-align: center
}

#footer, #main .spacer { width: 904px !important }
#footer .bottom, #main .spacer { background: #fff; height: 48px }

#footer .bottom .content
{
  text-align: left;
  border-top: 3px solid #212121;
  height: 30px;
  background: #e9e9e9;
  padding: 15px 10px 0px 10px;
  color: #6a6a6a
}
#footer .bottom .content a { color: #7A1314; text-decoration: underline }

#wrapper, #footer { margin:0 auto; width: 938px }

/* layout elements */

#logo, #logo a { width: 268px; background: url(/images/sokol-bg-logo.jpg) no-repeat }
#logo a, #logo a:hover { background: none; display: block }

#bannerTop { width: 490px }
#bannerTop .content { height: 58px; width:466px }

#shoppingCart, #shoppingCart .content { width: 131px }
#shoppingCart .content
{
  background: url(/images/shopping_cart.jpg) no-repeat;
  height: 60px
}

#shoppingCart .right
{
  padding-left: 50px
}

#shoppingCart .right .basket, #shoppingCart .right .basket .text,
#shoppingCart .right .basket .link
{
  font-size: 10px
}

#shoppingCart .right .basket
{
  padding-bottom: 2px;
}

#shoppingCart .right .text
{
  line-height:10px;
  color: #757575
}

#shoppingCart .right .link
{
  padding-top:5px
}

#shoppingCart .right .link .more
{
  padding-left: 2px
}

#shoppingCart .right .text, #shoppingCart .right .link .more
{
  font-size:9px
}

#shoppingCart .right .pointer
{
  background-position: 0 7px
}

#shopping_cart_form_buttons a
{
  display: block;
  height: 16px;
  color: #B7B7B7;
  margin-left: 2px;
  font-size: 9px;
  cursor: default
}

#shopping_cart_form_buttons a span
{
  display: block;
  padding:1px 0px 0px 17px
}

#shopping_cart_form_buttons .refresh
{
  background: url(/images/shc_refresh.gif) no-repeat;
  maring-left: 0px;
  width: 121px
}

#shopping_cart_form_buttons .addMore
{
  background: url(/images/shc_add_more.jpg) no-repeat;
  width: 132px
}

#shopping_cart_form_buttons .checkOut
{
  background: url(/images/shc_co.gif) no-repeat;
  width: 162px
}

#customerForm a, #customerForm a span { display: block }
#customerForm a
{
  height: 16px;
  font-size:9px;
  cursor: default;
  color: #fff
}

#customerForm a span { text-align: center }

#customerForm a.login, #customerForm div.login
{
  width: 36px
}
#customerForm a.login
{
  background: url(/images/shc_login.jpg) no-repeat
}

#customerForm a.reminder, #customerForm div.reminder
{
  width: 98px
}

#customerForm div.reminder
{
  background: url(/images/shc_reminder.jpg) no-repeat
}

#logo, #logo a, #bannerTop, #shoppingCart { height: 82px }

#navigation { height: 27px; background: url(/images/bgr_top_nav.jpg) repeat-x }
#navigation { width: 905px }

#menu { width: 149px; border-right:1px solid #ccc }

#centerContent .home { width: 380px !important }
#centerContent .default { width: 720px !important }

#sidebar { width:340px }
* html #sidebar { width:350px }

#sidebar .content { width: 180px }

#sidebar .boxTitleLarge ul { margin-top: 10px }
#sidebar .boxTitleLarge ul li .date
{
  width: 40px;
  height: 23px;
  padding-top:3px;
  color: #fff;
  font-size: 9px;
  line-height: 9px;
  font-family: Arial, Verdana, sans-serif;
  background: url(/images/bgr_date.gif) no-repeat
}

#sidebar .boxTitleLarge ul li .image
{
  width: 45px;
  height: 45px;
}

img.promotion
{
  position:absolute;
  border: 1px solid #7a1314;
}

span.image span.promotion, tr.underlined td span.promotion
{
  display: block;
  color: #7a1314;
  font-size: 9px;
  text-align: center;
  font-weight: bold;
  background: url(/images/semi-transp.png);
  width: 44px;
  height: 12px;
  position: absolute;
  margin: 29px 0px 0px 1px
}

span.image span.promotion
{
  margin: 12px 0px 0px 1px
}

a.image
{
  display: block;
  height: 66px;
}

tr.underlined td span.promotion
{
  width:88px;
}

#sidebar .boxTitleLarge ul li .news { width: 130px; margin-left: 5px; overflow: hidden; }

ul li span, #sidebar .boxTitleLarge ul li { display: block }
ul li span.error, ul.error_list li { display: inline; font-size: 10px; padding-left: 5px; font-weight: bold }
ul.error_list li { padding-left: 0px }
#sidebar .boxTitleLarge ul li.borderTop { border-top: 1px solid #ccc }
ul li.spacer { padding-top:10px; border-bottom:1px solid #ccc; display: block }

ul li .title, ul li .title a, ul li a.more,
#footer .bottom .content a
{
  color: #7a1314;
  text-decoration: underline
}

ul li a.more
{
  padding-left:5px;
  font-size: 10px
}

ul li .text { color: #525252; font-size: 11px }
#bannerside { width: 118px; height: 498px; margin-right: 5px }

#bannerbottom
{
  background: #fff;
  height: 90px;
  text-align: left;
  width: 744px
}

#bannerbottom .content
{
  width: 730px;
  height: 90px;
  margin-left: 7px;
}

#breadcrumb, #breadcrumb .labelLeft, #breadcrumb .labelRight
{
  background: url(/images/bgr_breadcrumb.gif) no-repeat;
  width: 720px;
  height: 27px;
}

#breadcrumb .labelLeft, #breadcrumb .labelRight
{
  background: url(/images/breadcrumb_lft.gif) no-repeat;
  width: 9px
}

#breadcrumb .labelRight
{
   background: url(/images/breadcrumb_rgt.gif) no-repeat;
}

#breadcrumb .labelContent
{
  font-size:10px;
  background: #791313
}

#breadcrumb .path, #breadcrumb .path a
{
  font-size: 10px;
  color: #757575
}

#breadcrumb .path a { text-decoration: underline }

/* layout specific */

#navigation a {
   padding: 5px 5px 0px 5px;
   height: 20px;
   display: block;
   font-size: 10px;
   float: left;
   color: #959595
}

#navigation a:hover { color: #fff }
* html #navigation a { height: 25px }

#navigation .delimiter
{
  width: 2px;
  height: 25px;
  background: url(/images/link_delimiter.gif) no-repeat;
  float: left
}

#navigation ul li { float: left; }
#navigation ul li span
 {
  padding-top: 6px;
  height: 21px;
  font-size: 10px;
  width: 1px;
  text-align: center
}

#navigation .right { width: 365px }
#navigation .right ul li { padding-right:5px }
#navigation .right ul li input { margin-top: 4px; font-size: 10px; padding: 2px; }
#navigation .right ul li input.fld { width: 121px; border:1px solid #000 }
#navigation .right ul li input.smb
{
  width: 56px;
  background: none;
  border: 1px none;
  color: #959595;
}

#navigation ul li a, #navigation  ul li.delimiter,
#navigation ul li span, #menu ul li a { color: #959595; display: block }

#menu ul li a {
  width: 134px !important;
  color: #b7b7b7
}

#menu ul li a span { display: block }

#menu ul li a span.topNormal, #menu ul li a span.bottomNormal,
#menu ul li a span.topHover, #menu ul li a span.bottomHover
{
  cursor: pointer;
  line-height: 4px;
  font-size: 1px;
  height: 4px
}

#menu ul li a span.topNormal { background: url(/images/menu_top-n.gif) no-repeat }
#menu ul li a span.middleNormal { background: #2b2b2b }
#menu ul li a span.bottomNormal { background: url(/images/menu_bottom-n.gif) no-repeat }

#menu ul li a span.topHover { background: url(/images/menu_top-h.gif) no-repeat }
#menu ul li a span.middleHover { background: #060606 }
#menu ul li a span.bottomHover { background: url(/images/menu_bottom-h.gif) no-repeat }

* html #menu ul li a { width: 134px !important  }

#menu ul, #menu ul li { margin-top: 5px }
#main .spacer { height: 10px }

#feedback .checkoutFieldset label { font-weight: normal; display: inline }
#feedback .checkoutFieldset textarea { width: 355px }
#feedback .checkoutFieldset input { width: 150px }
#feedback .checkoutFieldset textarea,
#feedback .checkoutFieldset input { font-size: 12px; font-family: Verdana, Arial }
#feedback input.smb
{
  border:1px none;
  background: url(/images/fb_send.jpg) 0px 2px  no-repeat;
  color: #959595;
  width: 84px;
  height: 18px;
  font-size: 10px
}

#clientLogin .leftColumn { width: 373px }
#clientLogin .rightColumn { width: 336px }

#checkoutFinished .checkoutFieldset span { display: block; width: 480px }
#checkoutFinished .checkoutFieldset span.label { width: 180px  }

.blackButton
{
  display: block;
  text-align: center;
  font-size: 10px;
  background: url(/images/fb_send.jpg) no-repeat;
  width: 84px;
  height: 16px;
  color: #b7b7b7
}

#payment_context { width: 77% }

/* classes */

.boxTitleSmall
{
  width: 149px;
  height: 27px
}

.boxTitleSmall .content
{
  background: url(/images/bgr_box-s.gif) no-repeat;
}

.boxTitleLarge .content
{
  background: url(/images/bgr_box-l.gif) no-repeat;
}

.boxTitleSmall .content, .boxTitleLarge .content, #breadcrumb .labelContent
{
  height: 20px;
  color: #fff;
  padding-top: 7px
}

.boxTitleSmall .content .center, .boxTitleLarge .content .center
{
  width: 65px
}

#menu ul li a, .boxTitleSmall .content, .boxTitleLarge .content
{
  width: 134px;
  font-size: 10px
}

.checkoutFieldset li { padding-top: 5px }
.checkoutFieldset label,
#feedback .checkoutFieldset label
{
	display: inline;
	font-weight: bold;
	font-size: 10px
}

.checkoutFieldset input, .checkoutFieldset textarea
{
	font-face: Verdana, Arial, sans-serif;
  border: 1px solid #ccc;
  font-size: 12px;
  width: 130px;
  padding: 4px
}

.checkoutFieldset textarea
{
  width: 210px;
}

.checkoutFieldset select, #item_desc select
{
  font-size: 12px;
  border: 1px solid #ccc;
  width: 140px;
  padding: 4px
}

#item_desc select
{
  font-size: 11px;
}

.grayLabel, .emptyLabel
{
  background: url(/images/shc_gray_box.gif) no-repeat;
  border-bottom: 1px solid #ccc;
  font-size: 9px;
  height: 16px
}

.grayLabel span { padding: 2px 0px 0px 4px; display: block }

.emptyLabel { background: none }

.pointer
{
  background: url(/images/pointer.gif) 0px 5px no-repeat;
  display: block;
  width: 5px;
  height: 12px;
}

.bgr_default
{
  background-image: url(/images/bgr_wrapper-default.jpg) /* #head height */
}

.bgr_home
{
  background-image: url(/images/bgr_wrapper-home.jpg) /* #head height */
}

.feedbackImage
{
  background: url(/images/fb_letter.jpg) 400px 3px no-repeat
}

/* item index page */

#item_desc
{
  width: 380px;
}

#item_desc_title
{
  font-weight: bold;
  font-size: 1.2em;
  margin: 20px 0 20px 0;
}

#form_submission_status
{
	margin-top: 40px;
	color:#791313;
}

#item_add_form div, #item_add_form table tr
{
  margin-top: 5px;
}

#item_add_form div, #item_add_form table td
{
  padding-right: 50px;
}

#item_add_form table input
{
  border: 1px solid #ccc;
  width: 140px;
}

#item_add_form_submit
{
  background-image: url("/images/item_add_form_submit.gif");
  width: 334px;
  height: 27px;
  text-align: left;
  padding-left: 30px;
  color: #b7b7b7;
}

#item_photo
{
  width: 320px;
}

#item_photo #out_of_stock
{
	text-align: center;
  font-weight: bold;
  padding-top: 10px;
}

#item_photo #out_of_stock a
{
  color: #791313;
}

#item_photo #out_of_stock a:hover
{
  text-decoration: underline;
}

#ext_desc_price
{
  background-image: url("/images/ext-desc-price.gif");
  background-repeat: no-repeat;
  width: 165px;
  height: 27px;
  margin-top: 10px;
  padding-top: 6px;
  padding-left: 2px;
  font-size: 10px;
  text-align: left;
  overflow: hidden;
}

a.redLink
{
  color: #791313;
  text-decoration: underline;
  font-weight: bold;
}

tr#sorting
{
  background-color: #e4e4e4;
  font-weight: bold;
  height: 18px;
}

tr#totals { background-color: #e4e4e4 }

tr#sorting td, tr#totals td { border-top: 1px solid #c5c5c5 }

tr#sorting td.sortingPhoto { width: 88px }
tr#sorting td.text { width: 120px }

tr#sorting a:hover
{
  text-decoration: underline;
}

table#pager
{
  width: 100%;
  margin-top: 10px;
}

table#pager tr.underlined td
{
  text-align: center;
  padding:10px 0px 10px 0px;
  border-bottom: 1px solid #e4e4e4;
}

table#pager tr.underlined td.item_title
{
  text-align: left;
  padding-left: 8px;
}

.price_text, ul li span.error, ul.error_list li, span.error
{
  color: #791313;
}

.price_text, .price_num { width: 80px; height: 20px; text-align: center }
.promo_tag { background: url(/images/star.gif) no-repeat }

table#page_links a
{
  text-decoration: underline;
}

div.page_link
{
  display: inline;
}

div.page_link a, div.current_page span
{
  padding: 0px 5px 0px 5px
}

div.current_page
{
  display: inline;
  background-color: #791313;
  color: #ffffff;
}


 /* search page */

ul#adv_search li
{
  float:left;
  padding-right: 25px;
}

ul#adv_search li input.search_price
{
  width: 54px;
}

ul#adv_search li#adv_search_submit
{
  float: right;
}

ul#adv_search li#adv_search_submit input
{
  border: none;
  margin-top: 14px;
  display: block;
  text-align: center;
  font-size: 10px;
  background: url(/images/fb_send.jpg) no-repeat;
  width: 84px;
  height: 16px;
  color: #b7b7b7
}

.err404 dt
{
  font-size: 115%;
  font-weight: bold;
  margin: 5px 0;
}

.err404 dd
{
  margin-left: 10px;
}

.err404 dd a
{
  color: #791313;
}

.err404 dd a:hover
{
  text-decoration: underline;
}