/**   Styles for "Screen" Media
*     File: styles.css
*     Author: Nate Hanna
*     Auth Web: http://www.mediasation.com
*     modified: 2011-02-07 (by Stephen Davis)
* --------------------------------------------------------------
**/

/** Element/Global Styles (including Typography)
-------------------------- **/
/*html { overflow-x: hidden; }*/
body { 
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: 62.5%; /* about 10px if browser size is set at default (16px) */
	font-family: "Trebuchet MS", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
	a {
		color: #B85C00;
		text-decoration: underline;
	}
	a:hover { text-decoration: none; }
	a:visited {
		color: #824100;
	}
    
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
	h2, h3, h4, h5, h6 {
		margin-bottom: 0.5em;
		line-height: 1.25em;
	}
		h2 { font-size: 2.0em; }
		h3 { font-size: 1.7em; }
		h4 { font-size: 1.5em; }
		h5 { font-size: 1.3em; }
		h6 { font-size: 1.1em; }

div.hr {
	height: 1px;
	margin: 1.6em 0 1.6em 0;
	padding: 0;
	background: #8A8278 no-repeat scroll center;
}
	div.hr hr {
		display: none;
	}

form {
   margin: 0;
   padding: 0;
}

div.outer {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

/** Header
-------------------------- **/
/** @group header */
#header {
   width: inherit;
   height: 145px;
   background: transparent url('images/bg_hdr.jpg') top left repeat-x;
}
   #header div.outer {
      background: transparent url('images/bg_hdr_inner.jpg') top left no-repeat;
      height: inherit;
   }

#header #banner {
	width: inherit;
}
#header #banner a, 
#header #banner a:visited
{
	position: absolute;
	display: block;
	background: url("images/logo.jpg") 0 0 no-repeat;
	text-indent: -10000px;
	width: 450px;
	height: 105px;
	text-decoration: none;
	overflow: hidden;
	z-index: 5;
	top: 7px;
	left:  25px;
}

/** @group contactNumber */
   #contactNumber {
      position: absolute;
      top: 47px;
      right: 10px;
      font-size: 3.1em;
      color: #BDBDBD;
      font-family: "Stone Sans ITC TT-Semi", "Futura", "Trebuchet MS", arial, sans-serif;;
   }
/* @end contactNumber **/
/** @group social_media */
#social_media {
   position: absolute;
   top: 15px;
   right: 10px;
   z-index: 3;
}
   #social_media ul {
      margin: 0;
      padding: 0;
      list-style: none;
   }
   #social_media ul li { display: inline; float: left; padding: 0 6px 6px 0; }
   #social_media ul li.last { padding-right: 0; }
      #social_media ul li a {
         width: 32px;
         height: 32px;
         float: left;
         display: block;
         white-space: nowrap;
         overflow: hidden;
         padding: 0;
         text-indent:10000px;
         overflow: hidden;
         background: transparent url("/globals/images/sprite_social_icons.png") 0 0 no-repeat;
      }
      #social_media ul li a:hover { text-decoration: none; }
         #social_media ul li a.facebook { background-position: -66px -36px; }
/* @end social_media **/
/* @end header **/

/** ContentWrapper
-------------------------- **/
/** @group ContentWrapper */
/** @group leftCol */
#leftCol {
   width: 258px;
   float: left;
   background: #CC6601 url('images/bg_leftCol_T.jpg') top left repeat-y;
}
   * html #leftCol { width: 258px; overflow: hidden; }
#leftCol .VertMenuItems { line-height: normal; }
#leftCol a { color: #FFF;  }
   #leftCol div.button_title a {
      display: block;
      background-color: transparent;
      border: 1px solid #FFF;
      width: 46px;
      height: 14px;
      padding: 3px 8px;
      text-decoration: none;
      text-align: center;
   }
      #leftCol div.button_title a:hover { border: 1px solid #FFF; background-color: #CC6601; }
   #store #leftCol div.button_container, #store #leftCol div.button_title { background-image: none; }
      #store #leftCol div.login { float: left; margin-right: 8px; }
      #store #leftCol div.create_profile { float: left; }
      #store #leftCol div.button_title { text-align: left; }
/** @group topNavigation */
#leftCol #topNavigation ul {
	margin: 0 9px;
	padding: 0;
	list-style: none;
}
#store #topNavigation li { list-style: none; }

* html #leftCol #topNavigation ul li { border: 1px solid #CC6601; }
* html #leftCol #topNavigation ul li ul li { border: 1px solid #B85C00; }

#leftCol #topNavigation ul li a {
	display: block;
	padding: 5px;
	font-size: 1.2em;
	text-decoration: none;
	background: transparent url('images/bg_nav_lvl1.gif') bottom left repeat-x;	
}

#leftCol #topNavigation ul li a.nohover:hover { 
   background: transparent url('images/bg_nav_lvl1.gif') bottom left repeat-x;	
   color: #FFF;
}
   
   #leftCol #topNavigation ul li.selected a { background-color: #A35200; }
   #leftCol #topNavigation ul li a:hover { 
      background: #E5A06D url('images/bg_nav_lvl1.gif') bottom left repeat-x;
      color: #A35200;
   }
   #leftCol #topNavigation ul ul {
      background-color: #B85C00;
      border: 1px solid #DCAF82;
      margin: 5px 3px;
   }
      #leftCol #topNavigation ul li.selected ul li a {
         padding: 3px 15px;
         color: #FFF;
         background-image: none;
         background-color: transparent;
      }
         * html #leftCol #topNavigation ul li ul li a { padding: 0 15px 4px 15px; }
         #leftCol #topNavigation ul li ul li a:hover { 
            color: #FFF;
            text-decoration: underline;
         }
/* @end topNavigation **/
#leftCol .menu_container {
   background: transparent url('images/bg_menu_box_T.gif') top left no-repeat;
   padding-top: 19px;
   width: auto;
   margin-left: 0;
}
   #leftCol .menu_content {
      background: transparent url('images/bg_menu_box_M.gif') top left repeat-y;
   }
   #leftCol .menu_hdr,
   #leftCol .menu_content_inside { 
      padding: 10px 15px;
      padding-top: 0;
      color: #FFF;
   }
      #leftCol .menu_hdr { 
         font-size: 1.4em; 
         font-weight: bold; 
         padding-bottom: 0;
         background-color: transparent;
         border: 0;
         height: auto;
      }
   #leftCol .menu_content_inside {
      background: transparent url('images/bg_menu_box_B.gif') bottom left no-repeat;
      font-size: 1.2em;
      line-height: 1.25em;
   }
      #leftCol .menu_content_inside ul {
         margin: 0;
         padding: 0 0 0 15px;
         list-style: none;
      }
#leftCol #margincontent p {
   margin: 0;
   padding-bottom: 8px;
}
#vcard { text-align: center; }
/** @group search */
#search {
   background: transparent url('images/bg_leftCol_B.jpg') bottom left no-repeat;
   padding: 9px;
   padding-bottom: 12px;
   white-space: nowrap;
}
#search form {
   margin: 0 3px;
   padding: 0;
}
#search input.input {
   background: #FFF url('images/bg_input_search.gif') top left no-repeat;
   border: 0;
   width: 144px;
   *width: 130px; /* IE 7 */
   height: 20px;
   margin-right: 0;
   padding: 6px 0 0 30px;
}
#search button {
   margin: -1px 0 0 0;
   *margin-left: -5px;
   padding: 0;
   border: 0;
   background: transparent;
   vertical-align: top;
}
   * html #search button { margin-left: -5px; }
/* @end search **/

/* @end leftCol **/
/** @group rightCol */
#rightCol {
   width: 735px;
   float: left;
   margin-left: -3px;
}
* html #store #rightCol { overflow: hidden; }
   #rightCol #hdrImg {
      position: relative;
      width: inherit;
   }
   #rightCol #hdrImg .img {
/*      position: relative;*/
      width: 735px;
      height: 400px;
   }
   #rightCol #hdrImg .overlay {
      background: url("../images/bg_overlay.png") left top no-repeat;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 735px;
      height: 127px;
   }
   #rightCol #margincontent {
      position: absolute;
      z-index: 2;
      width: 693px;
      top: 145px;
      left: 0;
      text-align: center;
      font-size: 1.6em;
      line-height: 1.85em;
      padding-left: 40px;
   }
      #rightCol #margincontent a { 
         color: #FFF;
         text-decoration: none;
      }
         #rightCol #margincontent a:hover { color: #64C703; }
/** @group content */
#default #rightCol #content table td { padding: 0; }
   #default #rightCol #content table td table td { padding: auto; }
#content {
   padding: 10px 0 0 20px;
   font-size: 1.3em;
   line-height: 1.5em;
}
   #rightCol > #content { width: 715px; overflow: hidden; }
   #content td { vertical-align: top; }
   #content td.column1, #content td.column2 {
      background: transparent url('images/bg_h3_home_L.gif') top left no-repeat;
      padding-top: 0;
   }
   #content td.column1 td, #content td.column2 td { 
      padding: 3px;
      background-image: none;
   }
      #content td.column1 h3, 
      #content td.column2 h3 {
         color: #FFF;
         text-transform: uppercase;
         letter-spacing: 1px;
         font-size: 1.3em;
         background: transparent url('images/bg_h3_home_R.gif') top right no-repeat;
         padding: 4px 0px;
      }

      #content td.column1 h4, 
      #content td.column2 h4, 
      #content td.column1 a, 
      #content td.column2 a,
      #store #products_details a { 
         color: #829F1F; 
      }
         #content td.column1 a, 
         #content td.column2 a,
         #store #products_details a {
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: bold;
            text-decoration: none;
         }
            #content td.column1 a:hover, 
            #content td.column2 a:hover,
            #store #products_details a:hover { color: #DF4F00; }

#default #rightCol #content #formContent td { padding: 5px; }
/** @group store */
#store #content { padding: 5px 0 0 20px; }
/*#store #content #product {
   padding-left: 27px;
   padding-top: 27px;
}*/
#store #content .dialog_title {
   color: #829F1F;
   width: 403px;
   padding: 10px 0;
}
   #store #content h2.dialog_title { font-size: 3.2em; width: 100%; }
   #store #content h3.dialog_title { font-size: 1.6em; width: 100%; }

#store #product_leftCol { 
   width: 300px;
   float: left;
}
#store #product_list { 
   margin: 10px 0 0 10px;
   *margin-top: 30px;
}
* html #store #product_list { margin: 30px 0 0 0; }
   #store .product_thumb {
      border: 0;
      float: none;
      margin: 0;
      margin-top: 20px;
   }
   #store .product_thumb_title {
      border-bottom: 1px dashed #BEBEBE;
      color: #999; 
      border-top: 1px dashed #BEBEBE;
      width: 250px; 
      margin: 15px 0; 
      padding: 3px 0;
      font-size: 0.95em;
   }
   #store #dimages {
      width: 250px;
      margin: 0 auto;
   }
   #store #PListImgBox img { border: 0; }

#store #product_rightCol {
   width: 398px;
   padding-top: 20px;
   padding-right: 10px;
   float: left;
}

#store #rightCol .title_cartProgress {
   width: 230px; 
   margin: 10px auto; 
   margin-bottom: 0;
   font-size: 1.2em;
}

#store #buyNowContainer {
   padding: 3px; 
   background-color: #FFF; 
   line-height: 1.5em;
   width: 204px;
   height: 38px;
}

#store .SubBG {
   background-color: #EAEBEB;
   border: 1px solid #CCC;
   padding: 10px;
   margin-bottom: 15px;
}

#store .buynow_box { line-height: 2.5em; }

#store .SubBG label,
#store .buynow_box label { 
   display: block;
   width: 100px;
   float: left;
   clear: left;
}
   #store .SubBG #buyBtns { 
      margin: 0;
      padding: 0;
      width: auto;
   }
   #store .SubBG label, #store #product_price { font-size: 1.3em; }
   #store .SubBG select { border: 1px solid #000; }

#store .outlined div {
   background: transparent;
   float: none;
   padding: 0;
}
#store #rightCol div.button_container { 
   background: transparent url('images/bg_store_btn_M.jpg') top left repeat-x; 
   width: 200px;
   height: 36px;
   *background-position: left 1px;
}
   * html #store #rightCol div.button_container { background-position: left 1px; }
   #store #rightCol div.table_auto div.button_container { margin-top: -8px; }

/** @group custom button widths */
#store #rightCol div.button_container.modify,
#store #rightCol div.button_container.submit {
   width: 85px;
}

#store #rightCol div.btnBuy div.button_container, 
#store #rightCol div.btnWishList div.button_container,
#store #rightCol div.table_auto div.button_container,
#store #rightCol div.button_container.checkout,
#store #rightCol div.button_container.update,
#store #rightCol div.button_container.clear_cart { 
   width: 100px; 
}

#store #rightCol #products_details  div.button_container,
#store #rightCol #wishlist_details  div.button_container,
#store #rightCol div.button_container.delete_item,
#store #rightCol div.button_container.btn_search_again,
#store #rightCol div.button_container.submit_order { 
   width: 125px; 
}
   #store #rightCol div.button_container.btn_search_again {
      margin-top: -5px;
   }
#store #rightCol div.button_container.recover_password,
#store #rightCol div.button_container.continue,
#store #rightCol div.button_container.send_to_friend { 
   width: 155px; 
}
/* @end custom button widths **/
   
   #store #rightCol div.button_title { 
      background: transparent url('images/bg_store_btn_L.jpg') top left no-repeat; 
      text-align: center;
   }
      #store #rightCol div.button_title a {
         display: block;
         background: transparent url('images/bg_store_btn_R.jpg') top right no-repeat;
         color: #FFF;
         text-transform: uppercase;
         text-decoration: none;
         padding: 10px 5px;
         *padding: 8px 5px;
         /*height: 20px;*/
      }
#store #rightCol #nav_container { clear: none; }
   #store #rightCol #nav_container .nav ul li { 
      display: inline;
      float: left;
   }
   #store #rightCol #nav_container a.buttons,
   #store #rightCol #nav_container .nav ul li.nav_selected {
   	min-width: 10px;
   	height:auto;
      margin-top:2px;
      padding:2px 5px;
   	display: block;
   	float: left;
   	margin-right: 5px;
   	color: #639200;
   	text-align: center;
   }
#store #rightCol #this_pg_url {
   float:right;
   clear:both;
   margin: 4px 10px 0 0;
   text-align: center;
   width: 70px;
   *width: 60px;
   *margin-top: -10px;
}
   * html #store #rightCol #this_pg_url { 
      width: 55px; 
      margin-top: -10px; 
      white-space: nowrap; 
      margin-right: 8px; 
   }
#store #rightCol #nav_result_pages {
   float:right;
   width: 85px;
   text-align: center;
}
#store #rightCol #nav_form { float: none; width: auto; }
#store #rightCol a.buttons, #store a.buttons:visited, #store a.buttons:hover,
#store #rightCol div.button_title a:hover { 
   color: #FFF;
   background-color: transparent;
   border: 0;
}
#store #rightCol #content h3.dialog_title,
#store #rightCol #content #options h3.active {
   background-color: #829F1F;
   color: #FFF;
   border: 1px solid #667D18;
   padding: 5px;
   width: 695px;
}
   #store #rightCol #options #refer { margin-top: 30px; }
   #store #rightCol #options .dialog_title { padding: 0; }
      #store #rightCol #options .dialog_content { padding: 10px; }
      * html #store #rightCol #options .dialog_content { padding: 10px 0; }

   #store #rightCol #options h3.dialog_title {
      font-size: 1.1em;
      color: #829F1F;
      background-color: #FFF;
      border: 1px solid #829F1F;
      border-bottom: 0;
      font-weight: normal;
      letter-spacing: 0.1em;
      margin-top: 0;
      cursor: pointer;
      cursor: hand;
   }
   * html #store #rightCol #options h3.dialog_title { margin-top: 0; }
   #store #rightCol #content #options h3.last { border-bottom: 1px solid #829F1F; }
   #store #rightCol #options h3.dialog_title,
   #store #rightCol #content #options h3.active {
      width: 675px;
      padding: 5px 10px;
   }
/** @group related_products */
#related_products div.product,
#accessories div.product {
   width: 106px;
   float: left;
   margin-left: 2px;
   margin-right: 10px;
   margin-bottom: 10px;
   line-height: normal;
   text-align: center;
}
   #related_products div.product, #related_products div.product a,
   #accessories div.product, #accessories div.product a { color: #829F1F; }
   #related_products div.prodcut_img, #accessories div.prodcut_img { margin-bottom: 5px; }
   #related_products div.product_img img, #accessories div.product_img img { border: 1px solid #829F1F; }
   #related_products div.product .ProductPrice, #accessories div.product .ProductPrice { color: #B85C00; font-size: 1.0em; }
   #related_products div.product a, #related_products div.product a:visited,
   #accessories div.product a, #accessories div.product a:visited { text-decoration: none; }
      #related_products div.product a:hover,
      #accessories div.product a:hover { color: #000; }
/* @end related_products **/
/** @group form */
#store #rightCol form input[type="text"],
#store #rightCol form input[type="password"],
#store #rightCol textarea.customer_notes,
#formContent input.input,
#formContent textarea.textarea {
   border: 1px solid #CCC;
   background-color: #EAEBEB;
   padding: 2px 5px;
   color: #000;
   width: 367px;
}
   #formContent input.submit {
      border: 2px solid #B85C00;
      border-left-color: #7B3D00;
      border-top-color: #7B3D00;
      background-color: #CC6601;
      color: #FFF;
      padding: 5px;
      cursor: pointer;
      cursor: hand;
   }
   #store #rightCol td.login_column input[type="text"],
   #store #rightCol form input[type="password"] { width: auto; }
#store #rightCol form .ProductPriceConverting input[type="text"] { width: auto; }

#sendToFriend {
   width: 400px;
   margin: 0 auto;
}
/** @group subcat */
#store #rightCol .subcat_wrapper {
   width: 150px;
   float: left;
   margin-right: 20px;
   text-align: center;
   line-height: normal;
}
#store #rightCol .subcat_wrapper a img { border: 1px solid #333; } 
#store #rightCol .subcat_wrapper .products_t_thumbnail, #store #rightCol .subcat_wrapper .products_thumbnail { margin-right: 0; }
#store #rightCol .subcat_title {
   float: none;
   font-weight:bold;
   margin:0em 0.6em;
}
#store #rightCol .subcat_count {
   float:none;
   font-size: 0.90em;
   color: #666;
}
#store #rightCol #subcat_descr {
   border: 1px solid #667D18;
   background-color: #E9EADA;
   border-top: 0;
   padding: 10px;
   margin-top: -13px;
   margin-left: -3px;
   margin-bottom: 15px;
   width: 685px;
}
/* @end subcat **/
/* @end form **/
/* @end store **/
/* @end content **/
/* @end rightCol **/
/* @end ContentWrapper **/

/** @group prototip */
/* Tooltip styles */
.default { width: auto; white-space: nowrap; color: #fff; }
/*.default .toolbar { background: #0F6788; font: italic 17px Georgia, serif; }*/
.default .content { background: #6C851D; color: #fff; font: 12px Arial, Helvetica, sans-serif; padding: 5px 7px; }
/* @end prototip **/


/** Footer
-------------------------- **/
/** @group footer */

#footer {
	height: 68px;
	background: #93cc2f url('images/bg_ftr.jpg') top left repeat-x;
	margin-top: 30px;
	font-size: 1.1em;
	text-align: center;
	padding-top: 15px;
}
   #footer a {
      color: #000;
      text-decoration: none;
   }
   #footer ul {
      margin: 0 0 5px 0;
      padding: 0;
      list-style: none;
   }
   #footer ul li { display: inline; margin: 0 5px; }
      #footer a:hover { text-decoration: underline; }

/* @end footer **/

#lightwindow_iframe {
   overflow-x:hidden;
}

/** Class Styles
-------------------------- **/
.hidden, .printOnly {
	display: none;
}

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
  margin-bottom:-1px;
}


/*
Dynamic Images
*/
.NoBorder {
border-style: none;
}
.Thumbnail {
border: 1px solid #CCCCCC;
}
.likeFacebook {
width: 50px;
height: 80px;
overflow: hidden;
float: right;
margin-left: 20px;
}