body {
  background: #2D0000;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

#constrain {
  background: #1F0807 url('../images/g-footer.png') bottom left repeat-x;
  margin-top: 20px; margin-right: auto; margin-left: auto; width: 962px;
}

a {
  color: #ccc; text-decoration: none;
}

a:hover {
  color: #666;
}

/**
  -----------------------------------------------------------------------
  Header
  Styles for the header including nav
  -----------------------------------------------------------------------
*/

#header {
  height: 126px; position: relative;
}

#header img.logo {
  left: 43px; position: absolute; top: 29px;
}

#header .navigation {
  left: 374px; position: absolute; top: 0px;
}

#header .navigation ul {
  list-style: none; margin: 0px; padding: 0px;
}

#header .navigation ul li {
  float: left;
}

#header .navigation ul li a {
  color: #fff; display: block; font-size: 11px; height: 43px; padding-left: 15px; padding-right: 15px; padding-top: 57px; text-decoration: none;
}

#header .navigation ul li a b {
  display: block; font-size: 16px; font-weight: normal; padding-bottom: 4px;
}

#header .navigation ul li a:hover {
  background: #1F0807 url('../images/g-menu-over-purple.png') top left repeat-x;
  color: #ccc;
}

/**
  -----------------------------------------------------------------------
  Focus
  Styles for the Primary Focus with image
  -----------------------------------------------------------------------
*/

#focus {
  background: #420D2B; color: #fff; height: 306px; position:relative;
}

#focus .content {
  float: left; padding-left: 21px; padding-top: 27px; padding-right: 29px; width: 368px;
}

#focus img.main-image {
  float: left;
}

#focus img.flame {
  left: 467px; position: absolute; top: 0px;
}

#focus h1 {
  color: #fff; font-family: District-Thin, Verdana, Arial, Sans-Serif; font-size: 36px; font-weight: normal; padding: 0px; margin: 0px;
}

#focus p {
  font-size: 13px; line-height: 20px;
}

/**
  -----------------------------------------------------------------------
  Main Content
  Styles for the primary content of the site
  -----------------------------------------------------------------------
*/
#full-content-wrap{
  width: 900px;
  margin: 0 auto;
}


#main-content {
  padding-top: 27px; min-height:820px; position: relative;
}

#main-content .content-wrap {
  color: #fff; padding-left: 26px; width: 523px;
}

#main-content .content-wrap h2,#full-content-wrap h2 {
  font-family: District-Thin, Verdana, Arial, Sans-Serif; font-size: 31px; font-weight: normal; padding: 0px; margin: 0px;
}

#main-content .content-wrap h2.featured  {
  font-size: 31px; margin-top: 6px; margin-bottom: 12px;
}

#main-content .content-wrap p,#main-content .content-wrap ul,#full-content-wrap p {
  font-size: 13px; line-height: 1.5em;
  color: #fff;
}

#main-content .content-wrap .product {
 
  color: #fff; float: left; margin-right: 15px; margin-bottom: 16px; position: relative; width: 162px;
  height: 250px;
 
}

#main-content .content-wrap .end {
  margin: 0px;
}

#main-content .content-wrap .product p {
  color: #fff; font-size: 10px; font-weight: bold; margin: 0px;
  

 
}

#main-content .content-wrap .product img {
  display: block;
  border: 1px solid #fff;
  margin-bottom: 5px;
}

#main-content .content-wrap .product .overlay {
  display: block; left: 0px; position: absolute; top: 0px;
}

.order-details{
  margin: 0;
  padding: 0;
}
.order-details li{

  list-style: none;
  margin: 15px 0;
  padding-left: 00px;
  padding-right: 15px;
   background-repeat: no-repeat;
  background-position: left 5px;
 
}

.order-details li.online{
  background-image: url(../images/i-online-orders.png); 
}

.order-details li.email-purple{
  background-image: url(../images/i-order-bssy-email-purple.png);  
}

.order-details li.phone{
  background-image: url(../images/i-order-by-phone.png);
}

.order-details li.fax{
  background-image: url(../images/i-fax-orders.png); 
}

.order-details li.markets{
 background-image: url(../images/i-sun-orders.png);
}

.order-details p{
  line-height: 1.5em;
  margin: 0.4em 0;
}

#map-wrapper{
  width: 520px;
  height: 485px;  
  position: relative;
  background-image: url(../images/g-map-bg.gif);
  

}

#map{
  position: absolute;
  top: 18px;
  left: 18px;

}

.map-info-desc

{

  line-height: 14px;
  width: 250px;

  font-size: 0.85em;

  color: #000;
  

 

}


/**
  -----------------------------------------------------------------------
  Main Content -> Sidebar
  Styles for the sidebar in the main content div
  -----------------------------------------------------------------------
*/

#sidebar {
  position: absolute; right: 10px; top: 30px; width: 385px;
}



#sidebar .box-cart {
 background-image: url(../images/cart-bg.jpg);
 background-repeat: no-repeat;
 height: 137px;
 width: 380px;
 padding: 10px;
}


#sidebar .box-cart h3{
  margin-bottom: 5px;
  margin-top: 5px;
  font-size:20px;
  
}

#sidebar .box-cart p{
 line-height: 1.2em;
 margin: 0.5em  0;
}

#sidebar .box-cart a.more-info{
  background-image: url(../images/g-focus-products-moreinfo-white.gif);
}




#sidebar .box-focus {
  background: transparent url('../images/g-focus-background.gif') top left no-repeat;
  height: 117px; margin-bottom: 10px; padding: 8px 120px 0px 16px; position: relative;
}

#sidebar .box-focus ul {
  list-style: none; margin: 0px; padding: 0px;
}

#sidebar .category {
  padding-right: 10px;
}

#sidebar .box-focus ul li {
  background: #fff url('../images/g-categories-icon.gif') top left no-repeat;
  height: 30px;
  padding-left: 24px;
  padding-right: 14px;
  float: left;
}

#sidebar .box-focus a {
  color: #666;
}

#sidebar .cart a {
  color: #fff;
  padding-top: 2px;
  padding-left: 18px;
}

#sidebar .box-focus a:hover {
  color: #ccc;
}

#sidebar .box-focus h3 {
  color: #420D2B; font-size: 20px; font-weight: normal; margin: 0px; padding: 0px;
}

#sidebar .box-focus p {
  font-size: 12px; line-height: 1.5em; margin: 0px; padding: 0px 0px 0px 0px;
}

#sidebar .box-focus img.box {
  position: absolute; right: 0px; top: -20px;
}

#sidebar .christmas {
  background: transparent url('../images/g-focus-christmas-background.jpg') top left no-repeat;
  height: 117px; padding-top: 8px; padding-right: 16px; padding-left: 140px; position: relative;
}

#sidebar h2 {
  color: #fff; font-family: District-Thin, Verdana, Arial, Sans-Serif; font-size: 31px; font-weight: normal; padding: 0px; margin: 0px;
}

#sidebar .news{
  
  padding-bottom: 10px;
  border-bottom: 1px dashed #410606;
}
#sidebar .news h4 {
  background: transparent url('../images/i-upcoming-markets-flame.gif') top left no-repeat;
  color: #fff; font-size: 11px; font-weight: bold; height: 20px; padding-left: 24px; padding-top: 8px;
}

#sidebar .news p {
  color: #fff; font-size: 13px; line-height: 18px; 
}

#sidebar .order-info-icons {
  display: block; margin-top: 30px;
}

#sidebar .order-info-icons .box {
  color: #fff; float: left; height: 42px; margin-bottom: 14px; padding-left: 40px; margin-right: 14px; width: 144px;
}

#sidebar .order-info-icons .box h5 {
  font-size: 16px; font-weight: normal; margin: 0px; padding: 0px;
}

#sidebar .order-info-icons .box h5 a {
  color: #fff; text-decoration: none;
}

#sidebar .order-info-icons .box h5 a:hover {
  text-decoration: underline;
}

#sidebar .order-info-icons .box p {
  font-size: 11px; margin: 0px; padding: 0px;
}

#sidebar .order-info-icons .email {
  background: transparent url('../images/i-order-by-email.png') top left no-repeat;
}

#sidebar .order-info-icons .phone {
  background: transparent url('../images/i-order-by-phone.png') top left no-repeat;
}

#sidebar .order-info-icons .fax {
  background: transparent url('../images/i-fax-orders.png') top left no-repeat;
  margin-right: 0px;
}

#sidebar .order-info-icons .international {
  background: transparent url('../images/i-international.png') top left no-repeat;
  margin-right: 0px;
}

/**
  -----------------------------------------------------------------------
  Footer
  Styles for the footer div
  -----------------------------------------------------------------------
*/

#footer {
  color: #fff; font-size: 12px; padding: 20px; margin-top: 20px;
}

#footer table {
  width: 100%;
}

#footer table tr td {
  vertical-align: top; font-size: 11px;
}

#footer table td.author {
  text-align: right; font-size: 10px;
}

#footer .top {
  color: #fff;
}

#footer p {
  padding: 6px; margin: 0px; line-height: 18px;
}

#footer a {
  color: #fff; text-decoration: none;
}

#footer a:hover {
  color: #ccc;
}

/**
  -----------------------------------------------------------------------
  Form Styles
  Used for the contact form
  -----------------------------------------------------------------------
*/

.form_row {
  font-size: 12px; padding: 6px 6px 6px 0px;
}

.form_row label {
  float: left; width: 80px;
}

.form_row input, .form_row select {
  background: #2D0000; border: 1px solid #666; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 200px;
}

.form_row input.button {
  width: 80px;
}

.form_row textarea {
  background: #2D0000; border: 1px solid #666; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; width: 400px;
}

.form_row select:hover, .form_row textarea:hover, .form_row input:hover {
  border: 1px solid #ccc;
}

/**
  -----------------------------------------------------------------------
  Product Styles
  Used the product listing pages
  -----------------------------------------------------------------------
*/

#product-list .odd {
  background: #2D0000; border-top: 1px solid #410606; border-bottom: 1px solid #410606;
}

#product-list .product-list-mid {
  margin-bottom: 6px;
  float: left;
}

#product-list .prod-img {
  float: left;
  margin-top: 5px;
  
   
   
}


#product-list .prod-img img {
border: 1px solid #fff;
}

#product-list .product-list-mid-text {
  float: left; padding: 10px; width: 315px;
}

#product-list h4 {
  font-size: 14px; font-weight: bold; margin: 5px 0px; padding: 0px;
}

#product-list p {
  font-size: 11px;
}

#product-list .product-list-mid-text p {
  font-size: 11px;
}

#product-list p.sub-details {
  color: #ccc; font-size: 10px !important; line-height: 14px; margin: 0px; padding: 0px;
}

#product-list .product-list-mid-text h3 {
  font-family: District, Verdana,Arial, Sans-serif; font-size: 24px; font-weight: normal; margin: 0px;
}

#product-list .product-list-mid-text .status {
  background: #5c1a3f; border-top: 1px solid #6e1d4b; border-bottom: 1px solid #6e1d4b; color: #fff; font-size: 14px; margin-top: 10px;
  padding: 6px;
}

div.price {
  font-family: District, Verdana,Arial, Sans-serif; font-size: 25px; font-weight: normal; margin: 0px;
  float: left;
  width: 100px; 
  border-right: 1px solid #ccc;
}

div.add_cart{
float: left;
  width: 100px; 
  margin-left: 5px;
  
}

div.add_cart a{
  background-image: url(../images/g-focus-products-moreinfo.gif);
  background-repeat: no-repeat;
  display: block;
  height: 21px;
  height: 94px;
  line-height: 22px;
  text-indent: 10px;
  font-size: 11px;
  margin-top: 3px;
  
}


#product-list .product-list-mid-text table tr th {
  padding-right: 10px; border-right: 1px solid #fff;
}

#product-list .product-list-mid-text table tr td {
  padding-left: 10px;
  vertical-align: middle;
}

/**
  -----------------------------------------------------------------------
  Facebox styles
  Used for facebox
  -----------------------------------------------------------------------
*/

#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute; top: 0; left: 0; z-index: 100; text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0; padding: 0;
}

#facebox .body {
  font-size: 11px; padding: 5px; background: #fff; width: 250px;
}

#facebox a {
  color: #666;
}

#facebox a:hover {
  color: #000;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0; margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px; width: 10px; overflow: hidden; padding: 0;
}

#facebox_overlay {
  position: fixed; top: 0px; left: 0px; height:100%; width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000; z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}



/**
  -----------------------------------------------------------------------
  sIFR Styles
  Used for flash text replacement
  -----------------------------------------------------------------------
*/

.sIFR-flash {
  margin: 0; visibility: visible !important;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden;
}

.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*
   These "decoy" styles are used to hide the browser text before it is replaced.
   The negative-letter spacing in this case is used to make the browser text 
   metrics match up with the sIFR text metrics since the sIFR text in this example
   is so much narrower... your own settings may vary... any weird sizing issues you
   may run into are usually fixed by tweaking these decoy styles
*/

.sIFR-hasFlash h1 {
  visibility: hidden;
  background: transparent;
}

.sIFR-hasFlash h2 {
  visibility: hidden; letter-spacing: -9px;
}

.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px; visibility: hidden; font-size: 24px;
}

/**
  -----------------------------------------------------------------------
  Generic Styles
  -----------------------------------------------------------------------
*/

a.more-info {
  background: transparent url('../images/g-focus-products-moreinfo.gif') top left no-repeat;
  color: #fff; display: block; font-size: 11px; height: 24px; padding: 4px 5px 5px 10px; text-decoration: none;
    width: 90px;
    margin-top: 15px;
}

a.more-info-home {
background-image: url(../images/g-focus-products-moreinfo.gif);
  background-repeat: no-repeat;
 
  color: #fff; display: block; font-size: 11px; height: 24px; padding: 4px 5px 5px 10px; text-decoration: none;
    width: 90px;
    margin-top: 3px;
    font-weight: normal;
}

.product-list-mid-text a.more-info {
 
}

#main-content .sidebar .box-focus a.more-info {
  padding: 4px 5px 5px 22px;
}

a.more-info:hover {
  color: #ccc !important;
}

a img {
  border: 0px;
}

.clr {
  clear: both;
}

.clear:after {
  content:"."; height:1px; display:block; clear:both; visibility:hidden;
}


















	#floatMenu {
		position:absolute;
		top:0px;
		left:50%;
		margin-left:235px;
		width:200px;
		}
		#floatMenu ul {
			margin-bottom:20px;
			}
			#floatMenu ul li a {
				display:block;
				border:1px solid #999;
				background-color:#222;
				border-left:6px solid #999;
				text-decoration:none;
				color:#ccc;
				padding:5px 5px 5px 25px;
			}
			#floatMenu ul li a:hover {
				color:#fff;
				background-color:#333333;
			}
			#floatMenu ul.menu1 li a:hover {
				border-color:#09f;
			}
			#floatMenu ul.menu2 li a:hover {
				border-color:#9f0;
			}
			#floatMenu ul.menu3 li a:hover {
				border-color:#f09;
			}