/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: ACTIVEA | Master Stylesheet
' Description	: This page contains overall styles for the entire site
'				  *INCLUDING* each Enterprise Component (File, Commerce, etc.)
'				: STORE : FIRST SUPPLY - 329
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 08/24/2005	: David Ellenwood - Created Page
' 10/27/2005	: David Ellenwood - Modifications for First Supply QBS
' 03/19/07		: Derril Albert - Modified for use with Holdup Displays
'
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
   
html {}

body {
	background:#FFF url('multimedia/images/tile.jpg') repeat;
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin:0;
	padding:0;
}

a {
	color:#FF0000;
	font-weight:normal;
	background:transparent;
}

a:hover {
	color:#FF0000;
	text-decoration:underline;
}

a:active {
	color:#FF0000;
}

a:visited {
	color:#FF0000;
}
#nav img {
	border:none;
	padding:0;
	margin:0;
}
	
img {
	border:none;
	padding:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	font-weight:bold;
	line-height:1em;
	margin:.75em 0 .75em 0;
	color:#4c2014;
}

h2 {
	text-align:left;
	color:#7C0908;
	font-size:1em;
	line-height:1.5em;
	margin:.5em 0;
}

h3 {
	color:#4c2014;
	background:transparent;
	font-size:1.25em;
	margin:5px 0 5px 0;
}
	
h4 {
	color:#4c2014;
	font-size:1em;
	font-weight:bold;
	background:transparent;
	margin: 0;
	padding: 0;
}

h5 {
	color:#FF0000;
	margin:0 0;
	font-size:.75em;
	line-height:1em;
	font-weight:normal;
	background:transparent;
}

h6 {
	color:#4c2014;
	font-size:1.5em;
	font-weight:bold;
	background:transparent;
}

form {
	margin:0;
	border: none;
}
fieldset {
	border: none;
}
	
table {
	margin:0;
	padding:0;
}
tbody {
	margin: 0;
	padding: 0;
}
tr {
	margin:0;
	padding:0;
}
td {
	vertical-align:top;
	margin: 0;
	padding:0;
}

ul,li {
	margin: 0;
	padding: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
	width: 100%;
	clear: both;
}
 
.alignRight {					/* Right aligns text on any element */
	text-align:right;
}

.alignCenter {					/* Right aligns text on any element */
	text-align:center;
}
#commerce .formRow {
	text-align: left !important;

}
.formRow {
	font-size: 12px;
	padding: 2px 20px 2px 10px;
	text-align: right;
}
.ss {
	padding:0 0 5px 10px;
}

.formRow1 {
	float: right;
	padding: 5px 20px 2px 5px;
	text-align: right;
}
.formRow2 {
	padding: 5px 0 2px 10px;
	text-align: right;
}
.price {
	text-align:left;
	
}
#commerce .formRow {
	padding: 2px 0 2px 10px;
	text-align: right;
}
.smallFormItem {
	display:block;
	font-size: .75em;
	padding: 0 0 3px 0;
}
.formItem input{
	border: 1px #ab3a27 solid;
}
.formw input{
	border: 1px #ab3a27 solid;
}

.line {
	margin:0 10px 5px 10px;
	border-bottom:1px #be9387 solid;
}
.line2 {
	margin:0 0 5px 0;
	border-bottom:1px #be9387 solid;
}
.line3 {
	margin:0 0 5px 0;
	padding: 0 0 10px 0;
	border-bottom:1px #4c2014 solid;
}

.label {
	color: #4c2014;
}
.button {
	border: 1px #ab3a27 solid;
	background-color: #4c2014;
	color: white;
	font-size: 12px;
}
.prodInfo {
	font-size:.8em;
	padding: 10px 0 5px 0;
	border-bottom:1px #be9387 solid;
}
.prodText {
	width: 58%;
	float: right;
	padding: 0 0 10px 0;
}
.prodPhot {
	float: left;
	width: 180px;
}
.prodPhot a img {
	margin:0 0 10px 0;
	border-left:1px #be9387 solid;
	border-top:1px #be9387 solid;
	border-right:2px #be9387 solid;
	border-bottom:2px #be9387 solid;
}
.prodInfo a img {
	margin:0 0 10px 0;
	border-left:1px #be9387 solid;
	border-top:1px #be9387 solid;
	border-right:2px #be9387 solid;
	border-bottom:2px #be9387 solid;
}

.floatLeft {
	float:left;
	padding: 0 10px 0 0;
}
.floatRight {
	float:right;
}
.price {
	float: left;
}
.serialNo {
	font-size:9px;
	padding: 0 5px 0 5px;
	color:#ab3a27;
}
.cartText {
	font-weight: bold;
	color: yellow;
	background:transparent;
	font-size:1em;
	margin:5px 0 5px 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			HEADER AND FOOTER STYLES
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#mastHead {	
	width:719px;
	margin: 0;
	padding:0;
	position:relative;
	z-index: 3;
}

#footer {
	clear: both;						/* Site Footer */
	color: red;
	padding:0;
	text-align:center;
	margin:0;
	width:719px;
}

#footer h5 {
	padding:0 18px 10px 18px;
}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#outerWrap {
	background-image: url('../../include/site/multimedia/images/top_words.gif');
	background-repeat: no-repeat;
	background-color:#4c2014;
	margin-right:auto;
	margin-left: auto;
	margin-top:0;
	margin-bottom:0;
	width:719px;
	padding:0;
}

#innerWrap {
	margin-right:auto;
	margin-left: auto;
	width:705px;
	z-index: 2;
	padding:0;
}

#innerInnerWrap {
	width:705px;
	background-image: url('multimedia/images/dot_tile.jpg');
	background-repeat: repeat;
	padding: 0;
	margin: 0;
	position: relative;
	top: -10px;
}

#arch {
	margin:0;
	padding: 0;
}

#logo {
	position:absolute;
}

#nav {
	position:absolute;
	left: 251px;
}

div#sign {
	margin-left:11px;
	background:url('/include/site/multimedia/siteNav/topNavBk.jpg') 3px 0px no-repeat;
}

div#sign img {}

#sideBar {
	background-image:url('multimedia/images/feature_bkgrd.gif');
	background-repeat: no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
	width: 433px;
	height: 220px;
}

.featureOne img {
	border:2px #4c2014 solid;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.featureTwo img {
	border:2px #4c2014 solid;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
}
.featureThree img {
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#sideBar a {
	display:block;
	margin: 0;
	width: 110px;
	color: #f7ec38;
	font-size:.75em;
	font-weight:normal;
	line-height: 1.25em;
	text-decoration: none;
}
#sideBar a:hover {
	color:#Fb7f1d;
	text-decoration:none;
}
	
.featureOne {
	padding: 30px 0 0 30px;
	width: 120px;
	text-align: center;
	margin: 0 0 5px 0;
	float: left;
}
	
.featureTwo {
	padding: 30px 0 0 10px;
	text-align: center;
	width: 130px;
	float: left;
	margin: 0;
}
.featureThree {
	padding: 30px 0 0 10px;
	text-align: left;
	width: 130px;
	float: left;
	margin: 0;
	cursor: pointer;
}
.featureThree a {
	cursor: pointer;
}

#main {
	float: right;
	width: 483px;
	color: #4c2014;
	margin: 0;
	padding: 0;

}

#mastPhoto {
	position: absolute;
	top: -23px;
	margin: 0;
	padding: 0;
}

#file {
	position: relative;
	width: 433px;
	top: 40px;
	line-height: 1.4em;
	padding: 0 35px 20px 15px;
}
#homeMain {
	position: relative;
	top: 230px;
	width: 433px;
	line-height: 1.4em;
	padding: 0 35px 20px 15px;
}

#file ul {
	list-style: none;
	margin-left: 20px;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom:1em;
	padding-top: 1em;
}

#commerce {
	position: relative;
	margin: 40px 0 0 0;
	line-height: 1.4em;
	padding: 0 35px 60px 15px;
}
#subSideBar {
	width: 222px;
	margin:12px 0 0 0;
	padding: 0 0 0 0;
	float: left;
	clear: both;
	display:inline;
}

#subNavBox {
	background-image:url('multimedia/images/stretchytile.jpg');
	background-repeat:repeat-y;
	width: 165px;
	margin: 35px 0 10px 10px;
	padding: 0 0 0 0;
}

#subSideBar ul {
	list-style: none;
	margin-left: 20px;
	padding-left: 1em;
	text-indent: -1em;
	padding-bottom:1em;
	padding-top: 1em;

}

#subSideBar ul li {
	padding: 3px 10px 3px 0;
}

#subSideBar ul a{
	color:#f7ec38;
	text-decoration:none;
	line-height:1.25em;
}

#subSideBar ul a:hover{
	color:#fb7f1d;
	text-decoration:none;
	line-height:1.25em;
}
#miniCartBox {
	background-image:url('multimedia/images/shoppingcart_tile.jpg');
	background-repeat:repeat-y;
	width: 209px;
	margin: 12px 0 10px 10px;
	padding: 0 0 0 0;
}

#proDetail {
	padding: 0 0 0 0;
}

#proText {
	float: left;
	width: 220px;
}

.prodPhot h4 {
	padding-left: 20px;
}
#homeLeft {
	width: 45%;
	float: left;
	margin-bottom: 20px;
	padding-right: 15px;
	border-right:1px #be9387 solid ;

}
#homeRight {
margin-top: .75em;
	width: 50%;
	float: right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				styles from other site
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



#fullbrowser {					/* Styles entire Fullbrowser */
	margin:.5em;
	clear:both;
	}
	
#fullbrowser ul {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0;
	}

#breadcrumbs {					/* Applies to the bread Crumbs in fb_Browse.asp & fb_ProductView.asp */
	color:#F7980E;
	background:#fff;
	margin:10px 0 10px 0;
	padding:0;
	border:0;
	}

#breadcrumbs a {
	color:#008000;
	}

#subCategoryListing {			/* Applies to subcategory listings in fb_Browse.asp */
	list-style:none;
	margin:0 0 0 1em;
	padding:0;
	}

#subCategoryListing li {		/* See Above */
	float:left;
	margin:.25em 0 0 0;
	padding:0 .5em;
	border-left:1px solid #999;
	}

.browse form, #search form {	/* Applies to the Product Sort Form in fb_Browse.asp, fb_Search.asp */
	text-align:center;
	margin:1em 0 1em 0;
	background:#F7980E;
	border:1px solid #7C0908;
	padding:0 1em;
	}

.browse select, #search select {	/* Applies to the Product Sort Form in fb_Browse.asp, fb_Search.asp */
	font-size:.9em;
	margin:0 1em 0 0;
	}

.prodListing {					/* Styles to each product listing in fb_Browse.asp, fb_Search.asp */
	color:inherit;
	width:150px;
	float:left;
	display:inline;
	margin:1em 8px 0 0;
	padding:8px;
	height:225px;
	text-align:center;
	border:2px solid #F8980E;
	}

.prodListing h2 a{				/* Product Title */
	color:#7A170A;
	font-size:1em;
	padding:0;
	margin:0;
	}

.prodListing h3 {				/* Product Price */
	color:#7A170A;
	float:center;
	padding:0;
	margin:0 0 5px 0;
	font-size:1em;
	}

.prodListing h5 {				/* Product Code, Customization Options */
	float:right;
	text-align:left;
	margin:0;
	padding:3px 5px;
	}

.colorSwatch {
	text-align:center;
	clear:both;
	}
	
.colorSwatch table {
	margin:5px 3px 0 3px;
	padding:1px;
	border-collapse:separate;
	background:#fff;
	}	
	
.colorSwatch table td {
	margin:0;
	padding:0;
	}
	
.colorSwatch table td a {
	display:block;
	width:18px;
	height:18px;
	text-decoration:none;
	}

.colorSwatch table td a:hover {
	text-decoration:none;
	}

.colorSwatch table td a span {
	display:block;
	}

#viewProduct .colorSwatch {
	margin-left:10px;
	}

#viewProduct .colorSwatch table td a {
	height:30px;
	}
	
#viewProduct .label {			/* Customizes .label <spans> in fb_ViewProduct.asp */
	width:100px;
	}

#viewProduct h3 .formw {
	margin:0;
	}

#viewProduct h4 .formw {
	text-align:center;
	float:center;
	margin:0;
	}

#viewProduct h5 .formw {
	margin:3px 0 0 0;
	}


#prodAttributes, #prodQty {
	margin:1em;
	float:left;
	}

#prodAttributes {
	clear:both;
	}

#prodAttributes table {
	width:100%;
	margin:0;
	padding:0;
	}

#prodAttributes table td {
	margin:0;
	padding:3px;
	}

#prodAttributes td {
	margin:0;
	padding:0;
	vertical-align:bottom;
	}

.QtyRow {
	text-align:center;
	border-top:1px dashed #9696bb;
	} 

#prodQty td {
	margin:0;
	padding:5px 4px 5px 4px;
	vertical-align:bottom;
	}

.darkHeading th {
	color:#fff;
	background:#666;
	}
	
#prodAttributes input {
	width:25px;
	font-size:10px;
	margin:0;
	padding:0;
	text-align:center;
	}

.infoBox {						/* Customizes Product Options, Related Products and Products Others Bought <div>'s in fb_ViewProduct.asp */
	background:#fff;
	display:inline;
	float:left;
	width:80%;
	margin:1em;
	padding:1em;
	}

.infoBox h2 {					/* See Above */
	font-size:1em;
	color:#fff;
	background:#4c2014;
	margin:0;
	padding:5px;
	}

#productDescript {				/* Styles Product Description <div> in fb_ViewProduct.asp */
	}

#productDetails {				/* Styles Product Options <div> in fb_ViewProduct.asp */
	margin:0 0 15px 0;
	padding: 8px;
	}

#productDetails .label {
	padding:0;
	text-align:right;
	margin:0;
	}

#productDetails .formw{
	text-align:left;
	margin:0;
	}

#size, #color {
	display:block;
	}

#color .label {
	margin-top:0;
	}

#size .label {
	margin-top:0;
	}

#qty .label {
	margin-top:0;
	}

#prodCoop {
	float:left;
	width:165px;
	}

#prodCoop ul {
	padding-top:.25em;
	list-style-image: url("/include/site/multimedia/images/checkMark.gif");
	}
#prodCoop .label {
	width:75px;
	}
	
#productEmbroidery {			/* Styles the Custom Embroidery Box in fb_ViewProduct.asp */
	float:right;
	display:inline;
	width:250px;
	margin:1em;
	padding:1em;
	}

#productEmbroidery ul {			/* See Above */
	list-style-image: url("/include/site/multimedia/images/checkMark.gif");
	margin:1em;
	}

#productRelatedProducts {
	float:right;
	width:165px;
	}

#addToCart {
	clear:both;
	width:90%;
	 }

#addToCart #itemNum {
	color:#7C0908;
	background:transparent;
	padding:3px 0 0 0;
	}

#addToCart #submit {
	}

#cart p {						/* Customizes line items in fb_Cart.asp */
	margin:0;
	padding:0;
	}

#cart h2 {						/* Cart Subtotal */
	font-size:1em;
	text-transform:uppercase;
	}

#cart h3 {						/* Cart Line Item Titles */
	margin:5px 0;
	}


#showShipping fieldset.infoBox,			/* Modifies color properties for the address fieldsets */
#showEditShipping fieldset.infoBox,
#showPayment fieldset.infoBox {
	color:inherit;
	background:transparent;
	}

#notes {						/* Styles the shipping options notes during the checkout process */
	width:90%;
	float:left;
	display:inline;
	}

#showSummary .label,			/* removed margins on the form elements in Summary & Receipt */
#showSummary .formw,
#showReceipt .label,
#showReceipt .formw {
	margin:0;
	}

#orderTotals .label {			/* widens the ordertotal labels in Summary & Receipt */
	clear:both;
	float:left;
	text-align:right;
	width:150px;
	}

#billingInfo .label {
	clear:both;
	float:left;
	text-align:right;
	width:90px;
	}
	
#billingInfo .formw {
	float:left;
	text-align:left;
	width:150px;
	}
	
#orderDetail {					/* clears content above and provides spacing for the oder details in MultipleShipping, Summary & Receipt */
	clear:both;
	margin:1em;
	padding: 20px;
	}

.orderByAddress {				/* per on each order orgainized by address in MultipleShipping, Summary & Receipt */
	width:95%;
	margin:0 0 1em 0;
	padding:0 ;
	}

.orderByAddress table {			/* table of data for orders organized by address in  MultipleShipping, Summary & Receipt */
	width:100%;
	margin:0;
	}

#showRegister .formRow {
	padding-top:1.25em;
	}

#showRegister .label {
	width:100px;
	}

#orderTotals .formw {
	float:left;
	text-align:left;
	width:110px;
	padding-left:5px;
	}

#paymentMethod .label {
	clear:both;
	margin:2px 0 6px 13px;
	}
	
#paymentAddress .label {
	margin:7px 0 0 24px;
	clear:both;
	}

#frmRegister .formw {
	float:left;
	text-align:left;
}

#productImage {
	margin-top: 10px;
	width: 150px;
	float: left;
}
#viewProduct {
	margin: 10px 0 0 0;
	width: 100%;
}
#ImageLink {
	text-align: center;
}
#verisign {
	margin: 0;
	padding: 0;
}

#showLogin .label {
	width:100px;
}