/*=======================
  Online Shop
  ======================*/

/* layout for shopping pages */

#top-content
{
	background: #efebd3 url(../images/sidebar-secondary-tile.jpg) repeat-y scroll top left;
	overflow: hidden;
	border-top: 5px #000 solid;
	padding-bottom: 52px;
	position: relative;
}

#mid-content
{
	border-top: 4px #000 solid;
	background: #8ea0a4 url(../images/secondary-empty-middle.jpg) no-repeat scroll top left;
	height: 33px;
}

#bottomsegment
{
	background-color: #000;
}

#container
{
	float: right;
	width: 711px;
}

#sidebar-container
{
	float: left;
	width: 269px;
	border-right: 5px #000 solid;
}

#primary
{
	width: 264px;
	background: url(../images/bg-topnav-dark.jpg) scroll repeat-y top left;
	border: 5px #000 solid;
	border-width: 0 0 5px 5px;
	position: relative;
	overflow: hidden;
}

#secondary
{
	width: 269px;
	background: transparent url(../../images/sidebar-secondary-cap.jpg) no-repeat scroll top left;
}

#sidebar-foot
{
	position: absolute;
	left: 0;
	bottom: 0;
}

/* content styles for blog */

.content
{
}

.content img
{
	border: 2px #000 solid;
}
.content img.ledeimg{
  float: right;
}

.content .lede
{
	background-color: #fff;
	position: relative;
	padding: 0 17px 10px 17px;
	overflow: hidden;
	width:677px;
}

.content .lede strong
{
	color: #692409;
	font-weight: normal;
}


.content p
{
	font: 1.3em/1.6 arial,helvetica,sans-serif;
	margin: .7em 0 .7em 0;
}

.content .lede p
{
	color: #444;
}
.content a {
  font-size: 120%;
}
a:link, a:visited {
  color:#692409;
  text-decoration:none;
}
a:hover, a:active {
text-decoration:underline;
}
.entry-title {
	padding: 5px 17px 8px 17px;
	font: bold 2em georgia, 'times new roman',times,serif;
	color: #692409;
	background: #fff;
}
.phone-number {
  background: #fff url(../images/secondary-header-background.png) no-repeat scroll top left;
	text-align: right;
	height: 23px;
	padding: 5px 5px 0 0;
}
.content h3,
.pagetext p strong:first-child
{
	font: bold 1.4em georgia, 'times new roman',times,serif;
	color: #692409;
}

.content .sideimg-bar
{
	padding: 0 17px;
	width: 308px;
	float: left;
	overflow: hidden;
}

.content .sideimg
{
	margin: 12px 0;
}

.content .pagetext
{
	color: #444;
	padding-top: 10px;
	background: transparent url(../images/secondary-pagetext-background.png) repeat-x scroll top left;
}

.content .pagetext p
{
	margin: .7em 25px .7em 17px;
}

.content h3
{
	margin: .8em 25px .4em 0;
}

.content h4
{
	font-size: 1.2em;
	color: #565653;
	margin: .7em 25px .2em 17px;
}

.content .archive-table
{
	font-size: 1.4em;
	margin: 0 20px;
}

.content .archive-table thead
{
	display: block;
	position: absolute;
	left: -9999em;
}

.content .archive-table td
{
	padding: 1em .5em;
}
/* sidebar */

#primary .xoxo
{
	border: 2px #000 solid;
	border-bottom-width: 0;
	width: 246px;
	margin-left: 7px;
}

#pages
{
	font: bold 1.35em arial, helvetica, sans-serif;
	background: url(../images/rule-vertical-trans.png) scroll repeat-y top left;
}

#pages,
#pages li,
#pages ul,
#pages ul li
{
	margin: 0; padding: 0; list-style: none;
}

#pages ul
{
	overflow: hidden;
}

#pages ul li
{
	background: url(../images/bullet-grey-arrow.png) no-repeat scroll 5px 50%;
	padding: 2px 0 2px 22px;
}

#pages
{
	padding-top: .5em;
	padding-bottom: 2em;
}

#pages a
{
	color: #000000;
	text-decoration: none;
}

#pages ul li.current_page_item
{
	background: url(../images/bullet-red-arrow.gif) no-repeat scroll 5px 50%;
}

#pages ul li.current_page_item a,
#pages ul li a:hover
{
	color: #692409;
	cursor: pointer;
}

/* place these navigation structures correctly in the block */

#pages, #global-links
{

}

/* hide sub sub nav */
#pages ul ul ul,
#global-links ul ul ul
{
	display: none;
}

div.sidebar-images
{
	padding: 16px 12px;
}

div.sidebar-images img
{
	margin: 12px 0;
}

div.sidebar-images a img
{
	border-width: 0;
}

/* Categories */

ul#categories {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul#categories li{
  display: block;
  text-align: center;
}
li.category {
  float:left;
  overflow:hidden;
  padding: .9em 2.9em;
  width: 167px;
}
ul#categories img{
  border: none;
}

/* Sub Categories */

ul.subcat_list {
  background: #F7F7F1;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  width: 236px;
  margin: 0;
  padding: 1em;
}
a.btn-subcategory img{
  border: none;
}

li.subcategory{
  padding: .5em 4em;
  list-style: none
}

/* Products List */

ul.products {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
li.position-1,  li.position-4, li.position-7, li.position-10, li.position-13 {
  clear: left;
}
li.product {
  float:left;
  overflow:hidden;
  padding: 1.5em 2.9em;
  width: 178px;
}
a.product_image_link {
  background:#ffffff none repeat scroll 0 0;
  display:block;
  text-align:center;
  border: #AFAC9A solid 1px;
  width: 178px;
}
a.product_image_link :hover {
  background: #F7F7F1 none repeat scroll 0 0;
}
a.product_name {
  display: block;
  text-align: center;
  font-size: 150%; 
  padding-top: 8px;
}
a.product_name :hover{
}
img.product_image {
  padding:1em;
  border: none;
}
p.product_price {
  display:block;
  text-align:center;

}


/* Breadcrumb */

.breadcrumbs {
  padding-top: 5px;
  background: #fff;
  height: 0px;
}
.breadcrumbs  a{
  margin-left: 10px;
  top: -24px;
  position: relative;
}
.breadcrumbs  span{
  margin-left: 12px;
  top: -24px;
  position: relative;
}

/* Product Show */
.product-title {
	padding: 10px 17px 8px 17px;
	font: bold 2em georgia, 'times new roman',times,serif;
	color: #692409;
	background: #fff url() no-repeat scroll top left;
}
div.entry-content {
  width: 350px;
}
div#product_options {
  background: #efebd2;
  overflow: hidden;
  padding: 1em;
  border: 1px #afac9a solid;
  margin: 0 2em 1em 0;
  
}

div#product_options p{
  font-size: 150%;
  
}
div.left-content {
  float: left;
  width: 120px;
  
}
div.right {
  float: right;
  width: 154px;
  text-align: right;
}
div.left {
  float: left;
}
h2#price {
  margin: 0 .5em .2em 0;
  font-size: 190%;
}
#button {
  width: 153px;
}
select {
  margin: .3em 0;
  padding: .1em .5em;
  font-size: 130%;
  min-width: 8em;
}
.error {
  font-style: italic;
  font-family: serif;
  color: #692409;
  padding: .2em;
  margin-left: .3em;
  display: block;
}

div#product_image, div#variant_images {
  float: right;
  margin: 10px 0 10px 15px;
	width: 304px;
	overflow: hidden;
}
div#product_image img {

}
div#product_image img.shirt-zoom {
  margin-left: 281px;
  position: absolute;
  z-index: 10;
}

/* Thumbnails */

div#variant_thumbnails {
  margin: 0 0 1em 1em;
}
img.thumbnail {
  border: 1px solid #AFAC9A;
}
.inline {
  display: inline;
}

/* Error Messages */

.error_message {
  font-size: 130%;
  font-style: italic;
  color: #692409;
  padding: .2em;
  margin-left: .3em;
  display: block;
}

div#checkin_out label.error{
  font-size: 130%;
  font-style: italic;
  color: #692409;
  padding: .2em;
  display: block;
}
#promo_code_message {
  font-size: 130%;
  font-style: italic;
  color: #692409;
}

/*Pagination*/

div.pagination {
  clear: both;
  float: right;
  margin: 1em;
  font-family: Arial, "MS Trebuchet", sans-serif;
}
div.pagination a{
  background: #EFEBD3;
  font-size: 120%;
  padding: 3px 7px;
  border: #AFAC9A solid 1px;
  color: #000000;
  margin: 0 2px;
  height: 15px;
}
div.pagination span.current {
  background: #692409;
  color: #fff;
  font-size: 120%;
  padding: 3px 7px;
  border: #AFAC9A solid 1px;
  margin: 0 2px;
}
div.pagination span.disabled {
  display: none;
  background: #EFEBD3;
  font-size: 120%;
  padding: 3px 7px;
  border: #AFAC9A solid 1px;
  margin: 0 2px;
}
div.pagination a:hover{
  background: #fff;
  color: #692409;
  font-size: 120%;
  padding: 3px 7px;
  border: #AFAC9A solid 1px;
  text-decoration: none;
}


/*=======================
  Cart 
  ======================*/
  
div#shopping_cart {
  border: 1px solid #fff;
  padding: 1em;
  width: 100%;
}
table.shoptable {
  float: left;
  width: 65%;
  text-align: center; 
}
table.shoptable tr{
}
table.shoptable th{
  background: #F7F7F1 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  padding: .5em;
  font-size: 12px;
  color: #565653;
}
table.shoptable tr.product_row td{
  padding: 1em;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  
}
table.shoptable tr td.product_col {
  text-align: left;
  font-weight: normal;
  line-height: 16px;
}
tr.text_left {
  text-align: left;
}


/* Totals Table */

div.checkout {
  background: #F7F7F1 none repeat scroll 0 0;
  float: right;
  width: 30%;
  margin-top: 0;
  padding:15px 13px;
}
div.checkout img {
  border: none;
}
div.checkout label {
  font-size: 130%;
  color: #565653;
  font-weight: bold;
  width: 3em;
}
div.checkout h3 {
  border-bottom: 3px dotted #eee;
  padding-bottom: 5px;
  margin: 0 0 1em 0;
}
div.checkout h3#total_hd {
  padding-top: 1em;
}
table#totals-table {
  border-bottom: 3px dotted #eee;
  width: 100%;
  font-size: 120%;
  color: #444444;
  margin: 0 0 1em 0;
  padding: 0;
  
}
table#totals-table th {
   width: 70%;
   padding: 2px;
   color: #565653;
}

table#totals-table tr {
   border: 1px solid #eee;
}
table#totals-table tr strong {
  color:#692409;
  font-size: 120%;
  font-weight: bold; 
}
table#totals-table tr td{
   text-align: right;
}
a.remove {
  font-size: 80%;
}
.a-right {
  text-align: right;
}
a.btn-checkout{
  background:transparent url(../images/btn-checkout.png) no-repeat scroll 0 0;
  float: right;
  padding-bottom: 1em;
  width: 153px;
  height: 44px;
}
a.btn-checkout:hover{
  background:transparent url(../images/btn-checkout-hover.png) no-repeat scroll 0 0;

}
p.continue-shopping {
  clear: right;
  background:#FFFFFF none repeat scroll 0 0;
  margin: 9px -13px -15px -13px;
  padding-top: 8px;
}
a.btn-continue-shopping {
  background:transparent url(../images/btn-shopping.gif) no-repeat scroll 0 0;
  width: 120px;
  display:block;
  height: 35px;  
}
a.btn-continue-shopping:hover {
  background:transparent url(../images/btn-shopping-hover.gif) no-repeat scroll 0 0;
  
}


/*=======================
  Checkout 
  ======================*/
div#checkin_out {
  margin: 0 3em;
}
div#checkin_out a{
  font-size: 125%;
}
div#checkin_out h3 {
  border-bottom: 2px solid #000;
  padding-bottom: 5px;
  margin: 1em 0 .5em 0;
}
div#checkin_out img {
  border: none;
}
div#checkin_out label {
  font-size: 130%;
  color: #414141;
  display: block;
  margin: .5em 0 0 0;
}
div#checkin_out select {
  font-size: 100%;
}
div#checkin_out input:focus {
  background: #fff0ac;
  border: 2px solid #D2AE63;
}
div#billing_address_details span {
  font-size: 120%;
}
div#checkin_out label#ship_to {
  display: inline;
}
span.number {
  font-size: 170%;
}

#billing_details {
  float: left;
  width: 215px;
}
#billing_address {
  float: left;
  width: 215px;
}
#shipping_address{
  float: left;
  width: 215px;
}
#payment_info{
  clear: left;
  float: left;
  width: 215px;
}
#promo_code {
  float: left;
  width: 434px;
}
#order_review {
  clear: both;
  width: 100%;
}

/* Review Table */

table.reviewtable {
  width: 100%;
  text-align: center;
  background: #fff;
}
table.reviewtable th{
  background: #F7F7F1 none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  padding: .5em;
  font-size: 12px;
  color: #565653;
}
table.reviewtable tr.product_row td{
  padding: 1em;
  border-bottom: 1px solid #eee;
  font-size: 130%;
  
}
table.reviewtable tr td.product_col {
  text-align: left;
  font-size: 120%;
  font-weight: normal;
  line-height: 16px;
}
tr.text_left {
  text-align: left;
}
table.reviewtable tr th.shipping-method {
  text-align: right;
  font-size: 95%;
}
.btnright {
  float: right;
  padding: 1em 0 0 0;
}


/* login */

input.login {
    font-size: 14px;
    border: 2px solid #000;
    background-color: #efebd3;
}

label.login-text {
    font-size: 14px; 
    font-weight: bold;
}

div#login-container {
    border: 4px solid #000; 
    background: transparent url(../images/bg-topnav-dark.jpg) repeat-y scroll left top;
    width: 240px; 
    margin-top: 5em;
    margin-left: 30%;
}

div#login-box {
    text-align: left; 
    width: 100px;
    margin-left: 2.3em;
}

/* Receipt */

div.receipt_left {
  float: left;
  width: 300px;
  margin: 0;
  padding: 1em;
  
}
div.receipt_right {
  float: left;
  width: 300px;
  margin: 0;
  padding: 1em;
  
} 
div.contact {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 1em;

  }