/* 
abashinabag.com CSS style
Author: Brian Dodson, Tool Studios, brian@toolstudios.com
Last Updated: 08.07.07
Based on Template CSS Style v.1.0
 */

/*BOF DEFAULT ELEMENTS AND DEFINITIONS=======================*/
* {}

html {}

body {text-align:center;/* Used for centering #container */ font-size:12px; font-family:"Trebuchet MS", Arial, sans-serif; background:url(images/page_bg.jpg) repeat-x #FFFFFF; line-height:14px;}

#container {margin:20px auto 0px auto;/* centers the page */ text-align:left; width:930px; background-color:#FFFFFF; padding:0 10px;}

a, a:link, a:visited {text-decoration:none; color:#BA0000;}
a:hover, a:active {text-decoration:underline; color:#BA0000;}

p {font-size:1.17em; line-height:1.43em;}
	p.small {font-size:1.12em; line-height:1.2em;}
	p.large {font-size:1.17em; line-height:1.2em;}

h1 {font-size:2em; margin-bottom:15px;}
	h1 a:link, h1 a:visited {}
	h1 a:hover, h1 a:active {}

h2 {font-size:1.2em;}
	h2 a:link, h2 a:visited {}
	h2 a:hover, h2 a:active {}
	
h3 {font-size:1.6em;}
	h3 a:link, h3 a:visited {}
	h3 a:hover, h3 a:active {}
	
h4 {font-size:1.4em;}
	h4 a:link, h4 a:visited {}
	h4 a:hover, h4 a:active {}
	
ol {font-size:1em;}
	ol li {}
	ol li a:link, ol li a:visited {}
	ol li a:hover, ol li a:active {}

ul {font-size:1em; margin-left:25px; margin-top:25px;}
	ul li {}
	ul li a:link, ul li a:visited {}
	
	ul ul {margin-top:0px;}

/*EOF DEFAULT ELEMENTS AND DEFINITIONS=======================*/
/*===========================================================*/
/*BOF CONTAINER AND PAGE LAYOUT==============================*/ 

.frameLeft {}
.frameRight {}
.frameTop {}
.frameBottom {}
.frameTL {}
.frameTR {}
.frameBL {}
.frameBR {}

#mainBody {}

#header {background:url(images/header_top_right_bg.gif) top right no-repeat;}

#pageBody {} /* used as a parent container for additional styling if needed */

.pageContent {background-color:#B4D670; border:1px solid #000000; padding:25px;}
/*EOF CONTAINER AND PAGE LAYOUT==============================*/
/*===========================================================*/
/*BOF MAIN NAVIGATION========================================*/
#nav {position:relative; z-index:1;/* Needed when dropdown/flyout menus are used */ height:47px;}

	#nav ul {margin:0; padding:0;}
		
	#nav li {text-align:left; list-style-type:none; margin:0;}
	
	#nav li a {display:block; height:47px; cursor:pointer; color:#FFFFFF;}
	#nav li a em {display:block; height:47px; visibility:hidden; cursor:pointer; text-decoration:none;}
	
	/* Rollovers use the same image as normal state, just change position on :hover. 
	This eliminates onload scripts and similar file load scripts */
		
	a.homeNav {background:url(images/nav_home.gif) top left no-repeat; width:86px;}
	a.homeNav:hover {background:url(images/nav_home.gif) bottom left no-repeat; width:86px;} /* change position of bg image for rollover*/
	a.homeNavActive {background:url(images/nav_home.gif) bottom left no-repeat; width:86px;} /* change position of bg image for active state */
	a.homeNav em, a.homeNavActive em {display:block; width:86px; height:47px; color:#FFFFFF; cursor:pointer;}
	a.homeNav:hover em, a.homeNavActive:hover em {width:86px;}
		
	a.aboutNav {background:url(images/nav_about.gif) top left no-repeat; width:88px;}
	a.aboutNav:hover {background:url(images/nav_about.gif) bottom left no-repeat; width:88px;}
	a.aboutNavActive {background:url(images/nav_about.gif) bottom left no-repeat; width:88px;}
	a.aboutNav em, a.aboutNavActive em {width:88px;}
		
	a.shopNav {background:url(images/nav_shop.gif) top left no-repeat; width:79px;}
	a.shopNav:hover {background:url(images/nav_shop.gif) bottom left no-repeat; width:79px;}
	a.shopNavActive {background:url(images/nav_shop.gif) bottom left no-repeat; width:79px;}
	a.shopNavActive em, a.shopNav em {width:79px;}
	
	a.customOrdersNav {background:url(images/nav_custom_orders.gif) top left no-repeat; width:162px;}
	a.customOrdersNav:hover {background:url(images/nav_custom_orders.gif) bottom left no-repeat; width:162px;}
	a.customOrdersNavActive {background:url(images/nav_custom_orders.gif) bottom left no-repeat; width:162px;}
	a.customOrdersNavActive em, a.customOrdersNav em {width:162px;}
		
	a.partyTipsNav {background:url(images/nav_party_tips.gif) top left no-repeat; width:109px;}
	a.partyTipsNav:hover {background:url(images/nav_party_tips.gif) bottom left no-repeat; width:109px;}
	a.partyTipsNavActive {background:url(images/nav_party_tips.gif) bottom left no-repeat; width:109px;}
	a.partyTipsNavActive em, a.partyTipsNav em {width:109px;}
	
	a.contactNav {background:url(images/nav_contact.gif) top left no-repeat; width:105px;}
	a.contactNav:hover {background:url(images/nav_contact.gif) bottom left no-repeat; width:105px;}
	a.contactNavActive {background:url(images/nav_contact.gif) bottom left no-repeat; width:105px;}
	a.contactNavActive em, a.contactNav em {width:105px;}
	
	.navButton {float:left;} /* aligns buttons horizontally */
	
	.navParent {position:relative;} /* Op7 bug fix */
	
	.navParent:hover {background-image: url(images/bgfix.gif);} /* ie bug fix */
			
	.floatfix {margin-right:-3px;} /* this fixes the IE 3px bug that is common in this type of float arrangement */ 
		
	div.navSpacer {height:8px;} /* used if extra space, breaks are needed in nav dropdowns */
		
	.one {z-index: 10;}
	.two {z-index: 20;}
	.three {z-index: 30;}
	.four {z-index: 40;}
	.five {z-index: 50;}
	.six {z-index:60;}
	.six:hover {z-index: 20;}
	/* this last is a special trick that reverses the stacking order of the rightmost
	top link when it or its children are hovered. This, and the previous rules work
	together so that when a user is on the top link of any flyout, they can move 
	vertically to the top link directly above and not have the sticky hoivering zone
	on the flyout get in the way of hovering that top link. */   
/*EOF MAIN NAVIGATION========================================*/ 
/*===========================================================*/
/*BOF HOME PAGE==============================================*/
#mainAdzone {text-align:center; margin:0 auto;/* centers the adzone */ width:656px; height:416px;}

.homeEvents {}
	
.homeNews {}
	
.homeResources {}
		
.homeMessage {}

.featuredProducts {text-align:center; margin:0px auto;/* centers featured products container */ width:400px;}
	.featuredProducts a:link, .featuredProducts a:visited {}
	.featuredProducts a:hover, .featuredProducts a:active {}
		
	.productModuleBox {margin:0px auto; text-align:center;/* centers featured products box */}
	.productModuleBox table {text-align:center; margin:0px auto;}
	.productModule {text-align:center; margin:0 auto;/* centers individual featured products */ background:url(images/featured_prod_bg.gif) top center no-repeat; padding:0 22px;}
		.productModule a img {text-align:center; margin:10px 0 15px 0;}
		
	.featuredProducts .priceMain {font-size:.85em;}
	.featuredProducts .priceSale {font-size:.85em}
	.featuredProducts .priceOld {font-size:.85em; text-decoration:line-through;}
/*EOF HOME PAGE==============================================*/
/*===========================================================*/
/*BOF COMMON=================================================*/
.accountLinks {text-align:right; font-size:0.92em;}
	.accountLinks a:link, .accountLinks a:visited {}
	.accountLinks a:hover, .accountLinks a:active {}
		.userInfo {} /* Welcome, please login or create account */
		.cartInfo {margin-top:35px;} /* You have X items in your cart */
			.cartInfo a img {padding-right:5px;} /* lines up the shopping cart icon to the left of the cart text */
		.cartText {margin-top:35px;} /*logout|checkout*/
		.cartInfo { display: none; }
.breadcrumbs {}
		.breadcrumbs a:link, .breadcrumbs a:visited {}
		.breadcrumbs a:hover, .breadcrumbs a:active {}
	
.adImage {}
	
.buttonModule {}

#footer {font-size:0.85em; color:#5E5E5E; line-height:2em;}

	#footer a:link, #footer a:visited {color:#5E5E5E;}
	#footer a:hover, #footer a:active {color:#5E5E5E; text-decoration:underline;}
	
	.leftFooterBtn {float:left; margin:0px 10px 0px 0px;}
	
	.rightFooterBtn {float:right; margin:0px 0px 0px 10px;}
	
	.footerText {text-align:center; margin:0px auto;}
	
	.footerLinks {margin:0px auto;}
	
	.footerCopy {margin:0px auto;}
/*EOF COMMON=================================================*/
/*===========================================================*/
/*BOF PAGE BODY==============================================*/
	
	/*-----BOF Resources------*/
	.categoryTitle {font-size:1.2em; margin-top:25px; line-height:1.2em;}
		.categoryTitle a, .categoryTitle a:link, .categoryTitle a:visited {}
		.categoryTitle a:hover, .categoryTitle a:active {}
		
	.categoryDesc {}
		.categoryDesc a, .categoryDesc a:link, .categoryDesc a:visited {}
		.categoryDesc a:hover, .categoryDesc a:active {}
		
	.subCatTitle {padding-right:40px;}
		.subCatTitle a, .subCatTitle a:link, .subCatTitle a:visited {}
		.subCatTitle a:hover, .subCatTitle a:active {}
		
	.subCatDesc {}
		.subCatDesc a, .subCatDesc a:link, .subCatDesc a:visited {}
		.subCatDesc a:hover, .subCatDesc a:active {}
		
	.title {font-size:1.2em; float:left; line-height:1.2em;}
		.title a, .title a:link, .title a:visited {}
		.title a:hover, .title a:active {}
		
	.shortDesc {}
		.shortDesc a, .shortDesc a:link, .shortDesc a:visited {}
		.shortDesc a:hover, .shortDesc a:active {}
		
	.desc {font-size:1em; margin-top:10px;}
		.desc a, .desc a:link, .desc a:visited {}
		.desc a:hover, .desc a:active {}
		
	.thumbImage {}
	
	.resourceImage {}
			
	.listTime {}
	
	.listDate {}
		
	.listInfo {}
		
	.detailsTime {}
		
	.detailsDate {}
		
	.detailsInfo {}
			
	.fileLink {float:right; background:url(images/icon_file.gif) no-repeat left; padding-left:20px;}
	.urlLink {float:right; background:url(images/icon_visitLink.gif) no-repeat left; padding-left:20px;}
			
	.pageControl {float:right;}
		.pageControl a, .pageControl a:link, .pageControl a:visited {}
		.pageControl a:hover, .pageControl a:visited {}
			
	.dropDown {}
	
	.empty {}
	
	.lineItem {}
	
	/*-----EOF Resources------*/
	
	/*-----BOF Shop-------*/
	
	.shopNav {font-weight:bold; color:#000000;}
		
		.shopNavParent {font-size:1.42em;}
		.shopNavParent a:link, .shopNavParent a:visited {color:#000000; display:block; padding:3px 0px 3px 25px; background:url(images/black_arrow.gif) left no-repeat; margin-top:25px;}
		.shopNavParent a:hover, .shopNavParent a:active {color:#BA0000; text-decoration:none; display:block; padding:3px 0px 3px 25px; background:url(images/red_arrow.gif) left no-repeat;}
		.shopNavParent a.active {color:#BA0000; display:block; padding:3px 0px 3px 25px; background:url(images/red_arrow.gif) left no-repeat;}
		
		.shopNavChild {font-size:1.1em; line-height:1em;}
		.shopNavChild a, .shopNavChild a:link, .shopNavChild a:visited {color:#000000; display:block; padding:3px 0px 3px 25px;}
		.shopNavChild a:hover, .shopNavChild a:active {color:#BA0000; text-decoration:none; display:block; padding:3px 0px 3px 25px;}
		.shopNavChild a.active {color:#BA0000; display:block; padding:0px 0px 0px 25px;}
		
		.shopNavActions {font-size:1.1em; line-height:1em;}
		.shopNavActions a, .shopNavActions a:link, .shopNavActions a:visited {color:#000000; display:block; padding:3px 0px 3px 25px; background:url(images/sm_black_arrow.gif) left no-repeat;}
		.shopNavActions a:hover, .shopNavActions a:active {color:#BA0000; text-decoration:none; display:block; padding:3px 0px 3px 25px; background:url(images/sm_red_arrow.gif) left no-repeat;}
		
	.shopProducts {text-align:center; margin:0px auto;}
	.shopProductsImageModule {}
	.shopProductsImage {text-align:center; margin:0px auto; padding-top:25px;}
		
		.shopProductsTitle a:link, .shopProductsTitle a:visited {color:#000000; font-size:1.2em; line-height:1.2em; text-decoration:none;}
		.shopProductsTitle a:hover, .shopProductsTitle a:active {color:#BA0000; text-decoration:underline;}
			
		.priceMain {font-size:1.2em; line-height:1.2em; color:#000000;}
		.priceSale {font-size:1.2em; line-height:1.2em; color:#BA0000;}
		.priceOld {font-size:1.2em; line-height:1.2em; color:#000000; text-decoration:line-through;}
		
	.shopDetails {}
	
	.shopDetailsImageModule {margin:25px 25px 25px 0px;}
	
		.shopDetailsImage {clear:both;}
			.shopDetailsImage img {border:1px solid #000000;}
		.shopDetailsImagesSecondary {}
			.shopDetailsImagesSecondary a img {margin:0px 0px 10px 0px; border:1px solid #000000;}
		
		.viewLargerButton {margin-right:10px; float:left;}
			
	.shopDetailsPrice {color:#819950; line-height:.75em;}
		.shopDetailsPriceMain {font-size:1.58em; color:#819950; padding-bottom:5px;}
		.shopDetailsPriceSale {font-size:1.58em; color:#BA0000; line-height:2em;}
		.shopDetailsPriceOld {font-size:1.58em; text-decoration:line-through; color:#819950;}
		
	.shopDetailsTitle {font-size:2.08em; color:#000000; line-height:1.75em;}
		
	.shopDetailsDesc {font-size:1.2em; line-height:1.2em; padding:15px 0px;}
	.shopDetailsDesc h2 {font-size:1.2em; font-weight:normal; color:#819950; padding-bottom:15px;}
	.shopDetailsDesc div.hrline {margin-bottom:15px;}
			
	.shopAttributes {font-size:1.2em; color:#819950; line-height:1.58em; padding:15px 0px;}
	.shopAttributes select {font-size:0.8em;}
	
	.attributeImage img {margin:0px 10px 0px 0px; border:1px solid #000000;}
		
	.shopAddtocart {font-size:1.2em; color:#819950; line-height:1.58em;}
	.shopAddtocart select {font-size:0.8em;}
		
	.shopVirtualProduct {font-size:1.2em; color:#819950; padding:15px 0px;}
		
	.shopVideo {}
		
	.drawRating {}
	/*-----EOF Shop-----*/
	
	/*-----BOF Shopping Cart-----*/
	.cart {font-size:1.2em; border-bottom:1px solid #000000; padding-bottom:25px; margin-bottom:25px;}
	.cart th {background-color:#e6f2cf; padding:5px; font-weight:bold;}
	.cart td {padding:5px;}
	.items {padding:5px 0px 5px 0px;}
	.cart_info {}
	/*-----EOF Shopping Cart-----*/

.pageHeader {}

.module {background:url(images/confetti_sm.gif) top right no-repeat #B4D670; padding:25px; border:1px solid #000000;}

.testimonials {}

form {margin:0; padding:0;}

input, textarea {font-size:1em; padding:3px;}
select, option {font-size:1em; padding-left:3px;}

fieldset {border:none; margin-bottom:25px;}

legend {border:none; font-size:1.4em; font-weight:bold; padding-top:30px; color:#000000; margin-left:0px; padding-left:0px;}

label {padding-top:20px; display:block; font-size:1em; font-weight:bold; padding-bottom:3px;}

.required {color:#BA0000;}
	
.formNote {font-style:italic;}

.btn {padding-top:15px;}
	.btn input {margin-right:15px;}
	.btn img {}

/*========== Utilities ==========*/

.noBorder {border:0;}
.noMargin {margin:0;}
.noPadding {padding:0;}

.rowEven {background-color:#D7EDA2; padding:10px;}
.rowOdd {padding:10px;}

.success {margin-top:25px; margin-bottom:25px; line-height:1.2em; font-size:1.4em; font-weight:bold; color:#000000;}
.success span {font-size:.8em;}

.error {font-size:14px; font-weight:bold; color:#CC0000;}

.note {font-style:italic;}

.hrline {height:1px; margin:5px 0px; padding:0; height:1%; border-bottom:1px solid #000000;}

.brclear {clear:both;}

.floatLeft {float:left; margin-right:5px;}
.floatRight {float:right; margin-left:5px;}
.floatNone {float:none;}

.textCenter {text-align:center;}
.textLeft {text-align:left;}
.textRight {text-align:right;}
.textJustify {text-align:justify;}

.vcard {}

abbr {border-bottom:none;}

.note {font-style:italic;}

/*========== Special fixes ==========*/

/* This is to hide the following from IE/Mac. \*/
* html .navButton .navDropDown li {
height: 1%;
margin-left: -16px;
mar\gin-left: 0;
}
/* */

* html #nav a {height: 1%;}

/* The first 2 rules above fix "bullet region" problems in IE5.x/win, 
and the 2nd is to make all links fully clickable. */

/* A Bash in a Bag Custom */

#leftNav {background-color:#B4D670; width:173px; padding:25px; border:1px solid #000000;}

.customOrdersImages img {border:1px solid #000000;}

/*EOF A Bash in a Bag Custom */