/* ###################################################################
#
# 			TAGS STYLES
#
###################################################################*/

html, body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	height: 100%;
	}


body {
	background-image: url(img/bgr.jpg);
	color: #0F65C4;
	background-repeat: repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #fff;
	}


p, td, li, ul, ol {
	font-size: 11px;
	color: #0F65C4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

p {
	line-height: 16px;
	}
	
form {
	margin: 0px;
	}

a img {
	border: 0px;
	}

pre {
	background-color: #fff;
	}

/* ###################################################################
#
# 			LINKS
#
###################################################################*/


a:link, a:visited, a:hover {
	font-weight: bold;
	color: #000;
	text-decoration: none;
	}
	
a:hover {
	color: #0C1261;
	text-decoration: underline;
	}

.linkNormal:link, .linkNormal:visited, .linkNormal:hover {
	font-weight: normal;
	}





/* ###################################################################
#
# 			FORMS
#
###################################################################*/


.inputOnViolet {
	border: 1px solid #675077;
	color: #0F65C4;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	width: 100px;
	background-image: url(img/home/login_form_bgr.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #E9F3FE;
	padding: 3px;
	padding-bottom: 2px;
	}


input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0F65C4;
	font-weight: normal;
	}


.inputNormal input, .inputNormal select, .inputMini input {
	width: 195px;
	background-color: #f4f4f4;
	border: 1px solid #bbb;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/* height:18px; */
	}


.inputCArea input {
	background-position: left top;
	background-image: url(img/formbgr.gif);
	background-repeat: no-repeat;
	background-color: #E9F3FE;
	border: #fff 1px solid;
	font-weight: bold;
	font-size: 10px;
	margin: 0px;
	width: 100px;
	color: #0F65C4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
.inputNormal TextArea {
	width: 250px;
	height: 100px;
	background-color: #F8F8F8;
	border: 1px solid #ddd 
	}
	
	
.inputMini input {
	width: 85px;
	text-align: center;
	}


.inputDoubleSelect select {
	width: 90px;
	height: 16px;
	}
	

/* ###################################################################
#
# 			HOME STYLES
#
###################################################################*/

.homeLoginViolet {
	background-image:url(img/home/violet_bgr.gif); 
	background-position: left top; 
	background-repeat:no-repeat; 
	background-color: #1174E1;
	color: #E1EEFD;
	}

.homeLoginVioletLightText {
	color: #E1EEFD;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

.homePromoOrange {
	background-image:url(img/home/orange_bgr.gif); 
	background-position: left top; 
	background-repeat:no-repeat; 
	background-color: #FFB248
	}

.orangeHeader {
	background-image: url(img/bodyheaders/header_orange.gif);
	background-color: #ffaa34;
	font-size: 10px;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	height: 18px;
	color: #E18300;
	}

.orangeHeaderLink:link, .orangeHeaderLink:visited, .orangeHeaderLink:hover {
	color: #0F65C4;
	font-weight: normal;
	}

ul.orangeBoxPromo {
	list-style-image: url(img/bullet_1.gif);
	margin: 0;
	margin-left: 10px;
	}

ul.orangeBoxPromo li {
	margin: 0;
	padding: 0;
	}
	
	
#homeHeader  {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEACC;
	}
h1.homeHeader {
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFEACC;
	margin: 0;	
	}

.homeCopy {
	padding: 10px;
	padding-top: 0px;
	}


h2.faq {
	font-size: 16px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 30px;
	}
	
h2.popup {
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 0px;
	}
	
h3.popup {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	}

.welcomeCustomerIndex {
	margin-left: 10px;
	color: #fff;
	}

/* ###################################################################
# 			Columns: Products / Categories / Featured 
###################################################################*/

.columnFeatured { 
	background-color: #FFEACC;
	padding-bottom: 10px;
	}

.featuredProduct {
	background-image: url(/img/featured_background.gif);
	background-repeat: no-repeat;
	background-color: #FFEACB;
	background-position: top left;
	min-height: 120px;
	height: 120px;
	overflow: visible;
	text-align: center;
	}

.columnProducts {
	background-color: #D9CFE2;
	font-size: 10px;
	padding-bottom: 10px;
	}

.debug {
	background-color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px;
	
	}
	.debug xmp  {
		font-size: 10px;
		font-family: ProggyCleanPLa13, "Andale Mono", "Courier New", Courier, mono
		}
#productsList a {
	display: block;
	padding: 2px;
	padding-left: 10px;
	}

#productsList a:hover {
	background-color: #E1D9E8;
	}



.productsListProduct:link, .productsListProduct:visited, .productsListProduct:hover {
	font-weight: normal;
	}


.productsListProduct{
	/* border-bottom: 1px solid #E1D9E8; */
	}

.productsListCategory {
	/* background-color: #E1D9E8; */
	margin-top: 4px;
	margin-bottom: 2px;
	padding-bottom: 5px;
	}	

.rightMenu {
	padding-left: 10px;
	}

.rightMenu LI {
	font-size: 11px;
	line-height: 18px;
	}


#mainForm {
	background-position: 10px 50%;
	padding-left: 40px;
	background-image: url(img/vertdots2.gif);
	padding-bottom: 20px;
	width: 210px;
	padding-top: 0px;
	background-repeat: repeat-y;
	}

.printCopy {
	text-align: left;
	padding-bottom: 20px;
	line-height: 16px;
	}


.checkoutNote {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 18px;
	}

/* ###################################################################
#
# 			COMMON ELEMENTS
#
###################################################################*/


ul {
	list-style: disc url(img/bullet_1.gif) outside;
	padding-left: 15px;
	font-size: 10px;
	margin: 2px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

ul a:link, ul a:visited, ul a:hover {
	font-weight: normal;
	}
	
ul.orangeBoxPromo a:link, ul.orangeBoxPromo a:visited, ul.orangeBoxPromo a:hover {
	font-weight: bold;
	}	
	
.mainCopy {
	padding: 10px;
	}


#subpageHeader  {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEACC;
	}
	
h1.subpageHeader {
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #FFEACC;
	margin: 0;	
	}

.topNavMenu {
	background-repeat: no-repeat; 
	background-position: bottom left;
	background-image:url(img/logo1.gif); 
	
	font-weight: normal;
	font-size: 10px;
	text-align: right; 
	padding-right: 10px; 
	margin: 0px
	}

.topNavMenu a {
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #411F5A;
	}


.bgrSideLeft {
	background-image:url(img/home/bgr_side_left.gif); 
	background-repeat:repeat-y;
	}
	
.bgrSideRight {
	background-image:url(img/home/bgr_side_right.gif); 
	background-repeat:repeat-y;
	}
	
.footerBgr {
	background-image:url(img/footer_bgr.gif); 
	background-repeat:repeat-x;
	background-position: bottom;
	background-color: #F3F3F3;
	padding: 5px;
	padding-left: 10px;
	color: #AC8EAD;
	line-height: 20px;
	font-size: 10px;
	}


.copyrights {
	font-size: 10px;
	color: #A6A5A6;
	background-color: #EEEDEE;
	padding-left: 10px;
	font-size: 10px;
	}

	.copyrights a:link, .copyrights a:visited, .copyrights a:hover {
		color: #A6A5A6;
		font-weight: normal;
		}

.salestax {
	color: #aaa;
	text-align:center;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.footerICO:link, .footerICO:visited, .footerICO:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #D2D1D1;
	padding-left: 14px;
	}



.vertDots {
	background-position: center 50%;
	background-image: url(img/vertdots.gif);
	background-repeat: repeat-y;
	}



.subpageMainBgr {
	background-position: left bottom;
	background-image: url(img/subpage_mainbgr.gif);
	background-repeat: no-repeat;
	}



.welcomeCustomer {
	margin-left: 9px;
	margin-top: 40px;
	line-height: 18px;
	}

.inputRequirement {
	color: #FFAA35;
	font-weight: bold;
	}
	
	p.inputRequirement {
		margin: 0; 
		margin-bottom: 5px;
		}

.label520 {
	width: 500px;
	background-color: #FFF5E6;
	font-size:12px; 
	border: 1px solid #FFAA35;
	padding: 10px; 
	font-weight: bold;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	}




/* tables */

.viewOrderTable {
	border: 1px solid #eee;
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 2px;
	margin-top: 15px;
	}
	.viewOrderTable td {
		padding-left: 5px;
		padding-right: 5px;
		}
		
		.viewOrderTable td p {
			margin: 0px;
		}


.tbheadgrey {
	background-color: #F5F5F5;
	padding: 15px;
	margin: 10px;
	}
	
.headerRow { background-color: #fff5e6; }

.headerRow p {
	margin: 0;
	}
	
.orderTableGrey .headerRow {
	background-color: #F5F5F5;
	padding: 15px;
	margin: 10px;
	}
	

.evenRow {
	background-color: #fafafa;
	}

.oddRow {
	background-color: #fff;
	}

.oddRowGrey {
	}

.evenRowGrey {
	background-color: #ebebeb;
	}

.paddingVertical {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.paddingVertical p {
		margin-top: 5px;
		margin-bottom: 5px;
		}
	p.paddingVertical {
		margin-top: 0px;
		margin-bottom: 0px;
		}


.checkoutParagraphs P {
	margin: 0px 0px 5px;
	}

.checkoutAtributes {
	padding-left: 30px;
	}

.checkoutTotals {
	padding-right: 15px;
	text-ALIGN: right;
	}

p.productName {
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	}

p.productWeight {
	margin: 0px;
	margin-bottom: 5px;
	color: #AC8EAD;
	}

p.productPrice {
	margin: 0px;
	margin-top: 5px;
	text-align: right;
	}
span.darkerText {
	/* color: #0F65C4;*/
	font-weight: bold;
	}
	
ul.productAttributes {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-left: 15px;
	color: #AC8EAD;
	}

.paddingVertical {
	padding-top: 5px;
	padding-bottom: 5px;
	}
	
	.paddingVertical p {
		margin-top: 5px;
		margin-bottom: 5px;
		}
	p.paddingVertical {
		margin-top: 0px;
		margin-bottom: 0px;
		}



/* ###################################################################
#
#	 These are standard sIFR styles... do not modify 
#
################################################################### */

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

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

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


/* ###################################################################
	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;
	font-size: 14px;
	}


.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
	}
/*
.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 16px;
	}
*/

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

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