/* ---------------------------------------- *
* abandon hope, all ye who enter here ----- *
*  __           _   _             
* / _|         | | (_)            
*| |_ __ _  ___| |_ _  ___  _ __  
*|  _/ _` |/ __| __| |/ _ \| '_ \ 
*| || (_| | (__| |_| | (_) | | | |
*|_| \__,_|\___|\__|_|\___/|_| |_|
*
* author: gregory nicholas            ----- *
* uri: www.factioninc.com             ----- *
*                                     ----- *
* ----------------------------------------- */

/* elements */

* {
	margin : 0;
	padding : 0;
	outline : none;
	list-style : none;
	text-decoration : none;
	font : normal 11px Verdana, Geneva, sans-serif;
	color : #333;
	line-height : 15px;
}

body {
	background : #fff url('images/container-bg.jpg') no-repeat center top;
}

img {
	border : 0;
}

strong {
	font-weight : bold;
}

em {
	font-style : italic;
}

a {
	color : #7DC535;
	text-decoration : underline;
}


#head {
	height : 175px;
	background : url('images/head-bg.jpg') repeat-x;
	text-align : center;
}

#head-nav {
	display : block;
	float : right;
	width : 134px;
	height : 50px;
	background : url('images/head-nav.gif') no-repeat;
}

#head-nav li {
	float : left;
}

#head-nav li a {
	display : block;
	height : 30px;
	text-indent : -9999px;
}

#head-nav-about {
	width : 64px;
	margin-left : 12px;
}

#head-nav-faq {
	width : 28px;
	margin-left : 15px;
}

#logo, #logo a {
	display : block;
	width : 402px;
	height : 83px;
	margin : 0 auto;
}

#logo a {
	text-indent : -9999px;
}



#main-nav {
	display : block;
	width : 333px;
	height : 21px;
	margin : 0 auto;
	margin-top : 21px;
	background : url('images/main-nav.gif') no-repeat;
}

#main-nav li {
	float : left;
}

#main-nav li a {
	display : block;
	height : 21px;
	text-indent : -9999px;
}

#main-nav-home {
	width : 43px;
	margin-right : 34px;
	background : url('images/main-nav.gif') no-repeat 0 -21px;
}

#main-nav-home.selected {
	background-position : 0 0;
}

#main-nav-home:hover {
	background-position : 0 -43px;
}

#main-nav-shop {
	width : 34px;
	margin-right : 24px;
	background : url('images/main-nav.gif') no-repeat -77px -21px;
}

#main-nav-shop.selected {
	background-position : -77px 0;
}

#main-nav-shop:hover {
	background-position : -77px -43px;
}

#main-nav-vanillapedia {
	width : 100px;
	margin-right : 18px;
	background : url('images/main-nav.gif') no-repeat -135px -21px;
}

#main-nav-vanillapedia.selected {
	background-position : -135px 0;
}

#main-nav-vanillapedia:hover {
	background-position : -135px -43px;
}

#main-nav-contact {
	width : 80px;
	background : url('images/main-nav.gif') no-repeat -253px -21px;
}

#main-nav-contact.selected {
	background-position : -253px 0;
}

#main-nav-contact:hover {
	background-position : -253px -43px;
}




#foot {
	height : 155px;
	margin-top : 50px;
	background : url('images/foot-bg.jpg') no-repeat;
}

#foot-nav {
	padding-top : 36px;
	text-align : center;
	font-size : 9px;
	color : #999;
}

#foot-nav a {
	padding : 0 12px;
	line-height : 20px;
	font-size : 9px;
	color : #999;
}

#foot-nav a:hover {
	text-decoration : underline;
}



.clear {
	clear : both;
}

.hidden {
	display : none;
}

.container {
	width : 802px;
	margin : 0 auto;
	overflow : hidden;
	text-align : left;
}

.content-container-a {
	width : 752px;
	margin : 0 auto;
	margin-top : 32px;
	overflow : hidden;
}

.content-container-b {
	margin-left : 10px;
	overflow : hidden;
}

h2 {
	display : block;
	margin : 0;
	font-family : Georgia, "Times New Roman", Times, serif;
	font-size : 20px;
	color : #1F1510;
}

.page-head {
	height : 30px;
	font-family : Verdana, Geneva, sans-serif;
	font-size : 19px;
	color : #333;
}

h3 {
	margin-bottom : 20px;
	font-size : 14px;
	font-weight : bold;
}

h4 {
	margin-bottom : 10px;
	padding-left : 18px;
	background : url('images/bullet-heart-a.gif') no-repeat center left;
	font-size : 12px;
	font-weight : bold;
}


.column-wrap {
	padding-left : 40px;
	padding-right : 18px;
}

.column {
	position : relative;
}

.column p {
	margin-bottom : 24px;
}

.column p, .content-container-b p {
	margin-bottom : 24px;
	font-size : 12px;
}

.sep {
	height : 30px;
}

.sep.ruler {
	margin : 15px 0;
	border-bottom : solid 1px #ccc;
}

.column.left {
	float : left;
}

.column.right {
	float : right;
}

.column.home-a {
	position : relative;
	width : 325px;
}

.column.home-a h2, .section-hdr, .content-container-b h2 {
	background : url('images/hdr-shadow.jpg') no-repeat bottom left;
}

.column.home-b {
	position : relative;
	width : 375px;
}

.column.specials {
	position : relative;
	width : 164px;
}

.column.specials a {
	display : block;
	position : relative;
	width : 159px;
	height : 118px;
	margin-bottom : 6px;
	text-decoration : none;
}

.column.specials a span {
	display : block;
	width : 29px;
	height : 21px;
	position : absolute;
	bottom : 0;
	right : 0;
	background : #AC1518;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-weight : bold;
	color : #fff;
	line-height : 21px;
	text-align : center;
}

.column.boxes {
	width : 175px;
}

.column.boxes a {
	display : block;
	width : 175px;
	margin-bottom : 8px;
}

.specials-caption {
	margin-bottom : 16px;
	padding : 2px;
	background : #f6f6f6;
	color : #333;
	text-align : center;
	font-size : 11px;
	cursor : default;
}

#home-banner {
	margin-bottom : 22px;
}

.section-nav-a {
	margin-bottom : 32px;
}

.section-nav-a a {
	font-size : 13px;
	text-decoration : none;
}

.section-nav-a a:hover {
	color : #6AA82D;
}

.section-nav-a a.selected {
	color : #AC1518;
	cursor : default;
}

.section-nav-a .divider {
	margin : 0 9px;
}


.hearted {
	background : url('images/bullet-heart-c.gif') no-repeat center left;
	margin : 8px 0;
	padding-left : 15px;
	border : 1px solid transparent;
}

.product-column {
	float : left;
}

.product-column.a {
	width : 310px;
	background : url('images/dots-b.gif') no-repeat right bottom;
}

.product-column.a span {
	padding-bottom : 3px;
	padding-right : 2px;
	background : #f6f6f6;
}

.product-column.b, .product-column.c {
	float : right;
	margin-left : 14px;
}

.group-caption {
	font-size : 12px;
	font-weight : bold;
	cursor : default;
}

.bulk-caption * {
	font-size : 11px;
}

.bulk-caption, .bulk-caption strong {
	padding-top : 5px;
	font-size : 11px;
	color : #666;
	cursor : default;
}

.column.left.products-a {
	padding-left : 14px;
}

.column.left.products-a img {
	 width : 167px;
	 border : solid 3px #000;
}

.column.left.products-b {
	padding-left : 36px;
}

.product-description {
	width : 500px;
	margin-bottom : 40px;
	font-size : 12px;
}

.product-list {
	padding : 5px 12px;
	margin-bottom : 12px;
	background : #f6f6f6;
}

.shipping-caption {
	margin-bottom : 12px;
	text-align : right;
	font-weight : bold;
	font-style : italic;
	font-size : 10px;
	color : #676767;
	cursor : default;
}

.shipping-toggle {
	padding : 4px 8px;
	background : #fff;
	font-size : 10px;
	cursor : default;
}

.shipping-toggle * {
	font-size : 10px;
}

.selected {
	color : #666;
	text-decoration : none;
}

.domestic .domesticprice {
	display : block;
}

.domestic .intlprice {
	display : none;
}

.intl .intlprice {
	display : block;
}

.intl .domesticprice {
	display : none;
}


.hearted-list dt {
	display : block;
	width : 10%;
	float : left;
	background : url('images/bullet-heart-a.gif') no-repeat center left;
	text-indent : 18px;
	font-size : 12px;
	font-weight : bold;
}

.hearted-list dd {
	display : block;
	width : 90%;
	float : left;
	margin-bottom : 8px;
}

form {
	margin-top : 25px;
}

form label {
	display : block;
	width : 170px;
	float : left;
	margin-right : 12px;
	cursor : pointer;
	text-align : right;
}

form .input-text {
	display : block;
	width : 220px;
	float : left;
	margin-bottom : 18px;
	padding : 2px;
	border : solid 1px #c2c2c2;
	border-top-color : #929292;
	border-left-color : #929292;
}

form .textarea {
	width : 356px;
	height : 176px;
	margin-bottom : 18px;
	padding : 2px;
	border : solid 1px #c2c2c2;
	border-top-color : #929292;
	border-left-color : #929292;
}

.form-submit {
	width : 542px;
	text-align : right;
}

.form-submit em {
	padding-right : 5px;
	font-style : italic;
	font-size : 9px;
	color : #ccc;
}


/*
 *** SIFR - FLASH FONT REPLACEMENTS
*/
.sIFR-flash {
	visibility : visible !important;
	margin : 0;
	padding : 0;
}

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

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

.sIFR-replaced div.sIFR-fixfocus {
	margin : 0; 
	padding : 0pt; 
	overflow : auto; 
	letter-spacing : 0; 
	float : none;
}