/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODYx {
  background: #ffffff;
  color: #000000;
  margin: 0px;
}

body {
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #DDDDDD;
	background: #5284b9;
}

bodyy {
	background-image: url(background.jpg);
	background-repeat: repeat-x;
	background-attachment: fixed;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-color: #DDDDDD;
	background: #5284b9;

}

A { color: #000000; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; text-decoration: none; }

A:hover { color: #005aff; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-decoration: none; }

A.productlinktext { color: #000000; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-size: 12px; font-weight: bold; font-style: normal; text-decoration: none; }

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}

TD.headerNavigation {
  /*font-family: Verdana, Arial, sans-serif;*/
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #e2e2e2;
  color: #4579a9;
  font-weight : bold;
}

A.headerNavigation { 
  color: #4579a9; 
}

A.headerNavigation:hover {
  color: #4579a9;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #b6b7cb;
}

.infoBoxContents {
  background: #f8f8f9;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #bbc3d3;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* DDB - 041031 - Form Field Progress Bar */
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
	}


.menutext { font-size:10pt  ; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
A.menutext { color: black; font-size:9pt   ; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-stretch: semi-condensed; line-height: 90%; text-indent: 12pt; line-height: 20px; }
.b.searcch { font-size: 7pt; font-family: Verdana, Arial, Helvetica, sans-serif; }



.twoColFixLt #container {
	width: 789px;
	margin: 0 auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;

}
.twoColFixLt #topbarlinks {
	width: 783px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #ffffff;
	text-align: left; /* this overrides the text-align: center on the body element. */
	border: 0 0 0 0px;
	padding: 0 0 0 0px;
	top: auto;
}

.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: auto; /* the background color will be displayed for the length of the content in the column, but no further */
	text-align: left;
	padding-left: 10px;
	background-image: url(http://brandingirons.com/images/site/images/ecommerce/images/sidebarfade.png);
	background-repeat: repeat-x;
}

.twoColFixLt #sidebar1a {
	width: 162px;
	background-color: #E2E2E2;
	margin: 0 0 0 13px;
	
}

.twoColFixLt #search {
	width: 150px;
	background-color: #ffffff;
	margin: 0 0 0 0px;
	
}

.twoColFixLt #products {
	background-repeat: no-repeat;
	background-image: url(http://brandingirons.com/images/site/images/ecommerce/images/E-COMMERCE_MENU_1_02a.jpg);
}
.twoColFixLt #personalize {
}
.twoColFixLt #sidebar2a {
	width: 125px;
	margin: 0 0 0 20px;
	text-align: center;
	padding-left: 10px;
	padding-right: 25px;
}

.twoColFixLt #sidebar3a {
	width: 162px;
	background-color: #E2E2E2;
	margin: 0 0 0 12px;
}
.twoColFixLt #custom {
	background:none;
	width: 180px;
	background-image: url(http://brandingirons.com/images/site/ecommerce/images/E-COMMERCE_MENU_1_02b.jpg);
	background-repeat: no-repeat;

}

.twoColFixLt .ecommerce {
	width: 180px;
	margin: 0 0 0 0px;
	background-image: url(http://brandingirons.com/images/site/images/ecommerce/images/E-COMMERCE_MENU_A2_05.jpg);
	text-align: center;
	
}
.twoColFixLt #mainContent {
	margin: 0 0 0 180px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 15px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
} 

.foottext {
	font-size: 14px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.newtopbarlinks {
	font-size: 15px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	font-weight: 900;
	line-height: -5pt;
	letter-spacing: -0.3pt;
	color: #000000;
	text-decoration: none;
	text-align: right;
	word-spacing: 23px;
	vertical-align: top;
}
a:link {
	text-decoration: none;
	color: #38638D;
	font-weight: bolder;
}
a:visited {
	text-decoration: none;
	color: #3983BF;
	font-weight: bolder;
}
a:hover {
	text-decoration: none;
	color: #005aff;
	font-weight: bolder;
}
a:active {
	text-decoration: none;
	color: #38638D;
	font-weight: bold;
}
a:link.menulinks, a:visited.menulinks {
	text-decoration: none;
	color: #000000;
	font-weight: normal;
	word-spacing: normal;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover.menulinks, a:active.menulinks {
	text-decoration: none;
	color: #005aff;
	font-weight: normal;
	word-spacing: normal;
	font-family:Arial, Helvetica, sans-serif;	
}
a:link.top, a:visited.top {
	text-decoration: none;
	color: #000000;
}
a:hover.top, a:active.top {
	text-decoration: none;
	color: #005aff;
}
.progress{
	width: 1px;
	height: 14px;
	color: white;
	font-size: 12px;
    overflow: hidden;
	background-color: navy;
	padding-left: 5px;
}


/*.menutext { font-size:10pt  ; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; } */
/*A.menutext { color: black; font-size:9pt   ; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; font-stretch: semi-condensed; line-height: 90%; text-indent: 12pt; line-height: 20px; }*/
.menutext {
	color: black;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;;
	text-decoration: none;
	line-height: 14pt;
	font-weight: lighter;


}
A.menutext {
	color: black;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;;
	font-weight: normal;
	line-height: 90%;
	text-indent: 12pt;
	line-height: 20px;
	text-decoration: none;
	font-style: normal;
}

.b.searcch {
	font-size: 7pt;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-style: normal;
	font-weight: bold;
}

.blur{
	background: transparent url(shadow1.png);
/*path to the 80%-transparent 1x1pixel black-colored background image*/
	color: inherit;
	margin-left: 4px;
	margin-top: 4px;
}

.shadow,
.content{
	position: relative;
	bottom: 2px;
	right: 2px;
}

.shadow{
	background: transparent url(shadow2.png);
	/*path to the 60%-transparent 1x1pixel black-colored background image*/
	color: #FFFFFF;
}

.content{
	color: #FFFFFF; /*text color of content*/
	border: 1px solid #000; /*border color*/
	padding: 0;
}

.oscontainer{
	color: #000000; /*text color of content*/
	background-color: #FFFFFF;
	
}

.floatright {
float: right;
margin: 0 0 10px 10px;
padding: 2px;
}

/*A.menutext:hover {
	color: #005aff;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
}*/

.style2 {
	font-size: 19px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
}
.style3 {
	font-size: 16px;
	font-weight: bold;
	text-indent: 0px;
}
.focustext {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.table1 {
	width: 515px;
	height: auto;
	background-color: #e2e2e2;
	vertical-align: top;
	}
#focus {
	width: 540px;
	height: auto;
	background-color: #e2e2e2;
	vertical-align: top;
	}
#discover {
	width: 540px;
	height: auto;
	background-color: #e2e2e2;
	vertical-align: top;
	}
#focusbox1 {
	width: 245px;
	float: left;
	padding: 0 10px 0 10px;
	clear: right;
	text-align: left;
	height: 150px;
	}
#focusbox1a {
	width: 245px;
	float: left;
	padding: 0 10px 0 10px;
	clear: right;
	text-align: left;
	height: auto;
	}
#focusbox2 {
	float: right;
	width: 245px;
	padding: 0 10px 0 10px;
	clear: right;
	text-align: left;
	height: 150px;
	}
#focusbox2a {
	float: right;
	width: 245px;
	padding: 0 10px 0 10px;
	clear: right;
	text-align: left;
	height: auto;
	}

#focusbox3 {
	float: left;
	width: 510px;
	clear: none;
	height: auto;
	padding: 10px;
	}
#focusbox4 {
	float: left;
	width: 165px;
	clear: both;
	height: auto;
	padding: 0 5px 0 5px;
	}
#focusbox5 {
	float: none;
	width: 165px;
	clear: right;
	height: auto;
	margin-left: 180px;
	padding: 0 5px 0 5px;
	}
#focusbox6 {
	float: right;
	width: 165px;
	clear: none;
	height: auto;
	margin-left: 0px;
	padding: 0 5px 0 5px;
	}	
#photoview {
	width: 525px;
	background-color: #000000;
	height: 500px;
	
	}
#photooptions {
	width: 555px;
	height: 100px;
	}
#photooptions3 {
	width: 530px;
	height: 200px;
	}
#photooptions2 {
	width: 555px;
	height: 30px;
	text-align:left;
	font-size: 18px;
	word-spacing: 20px;
	}
.photooptionsx {
	width: 130px;
	height: 150px;
	vertical-align: top;
	text-align: center;
	float: left;
	}
a:link.photo, a:visited.photo {
	text-decoration: none;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover.photo, a:active.photo {
	text-decoration: none;
	color: #005aff;
}
#photoviewmed {
	width: 300px;
	background-color: #000000;
	height: 400px;
	float: right;
	margin: 10px;
	}

#photoviewsmall {
	width: 200px;
	background-color: #000000;
	height: 250px;
	float: left;
	margin: 5px;
	}
#photoviewframe {
	width: 210px;
	height: 520px;
	float: left;
	margin: 10px;
	}
#photoviewframe2 {
	width: 210px;
	height: 265px;
	float: left;
	margin: 10px;
	}