/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*                                                                                               */
/*                                                                                               */
/*   Revision: 3.0                                                                               */
/*                                                                                               */
/*   Author: Jack Hayward                                                                        */
/*   Date: 16.12.2009                                                                            */
/*   Version: 3.0                                                                                */
/*                                                                                               */
/*   Configuration:                                                                              */
/*     Products per row: 1                                                                       */
/*     Categories per row: 3                                                                     */
/*                                                                                               */
/*   Title: Phase 2 2-col ecommerce Theme                                                        */
/*                                                                                               */
/*   Revision notes: (2.4 > 3.0)                                                                 */
/*                                                                                               */
/*   styles.css                                                                                  */
/*   - #widget_account > .widget_body : added line-height: 1.35em;                               */
/*   - #widget_account: removed absolute positioning, now using float: right;                    */
/*   - added .breadCrumb-sep {} to sort out breadcrumb link spacing                              */
/*   - removed display: none; from #widget_search > form#quick_find > .button;                   */
/*     added margin: 0 0 0 5px;                                                                  */
/*   - added to .prod-detail-price: font-size: 18px; font-weight: bold; margin: 20px 0 5px;      */
/*   - added to form#filter: margin: 0 0 10px;                                                   */
/*   - added styles to contact forms (lines 101-109)                                             */
/*   - added float: left; to #headerContentWrap > img                                            */
/*                                                                                               */
/*   index.html                                                                                  */
/*   - set dynamic_menu root cat to 0                                                            */
/*   - %LOGO% updated to P2 syntax [%LOGO%]                                                      */
/*                                                                                               */
/* --------------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */


/* GLOBAL -------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

* { margin: 0; }
html, body { height: 100%; }
body { font-family: Helvetica, sans-serif, Arial; font-size: 12px; color: #000000; text-align: center; }
body#tinymce { text-align: left; }

.clear { clear: both; display: block; position: relative; vertical-align: none; top: 0; left: 0; }
.fullclear { width: 100%; height: 1px; margin: 0 0 -1px; clear: both; }



/* BASE STRUCTURE (FOUNDATION) ----------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */
/*                                                                                               */
/* NOTE: Holy grail technique based on Matthew Levine's findings, available at:                  */
/* http://www.alistapart.com/articles/holygrail/                                                 */
/*                                                                                               */
/* 100% width centre-liquid layout has been replaced by 940px (960px grid minus 10px left/right) */
/* fixed centre-liquid. To return to 100%, remove the width statements from #container, #header  */
/* and #footer.                                                                                  */
/*                                                                                               */
/* --------------------------------------------------------------------------------------------- */

#container { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -250px; width: 100%; text-align: center; }

#footer, .push { height: 250px; }

#header { width: 100%; position: relative; z-index: 1; }
#headerContentWrap { width: 960px; text-align: left; margin: 0 auto; padding: 10px 0 0; position: relative; z-index: 1; top: 0; left: 0; }
	#headerContentWrap img { float: left; }

#main { width: 960px; text-align: left; margin: 0 auto; padding: 20px 0 30px; }

#leftcol { width: 670px; float: left; }

#rightcol { width: 260px; float: left; margin: -50px 0 0 30px; text-align: right; }

#footer { position: relative; height: 250px; width: 100%; margin: 0 auto; clear: both; text-align: left; }
#footerContentWrap { color: #555555; width: 960px; margin: 0 auto; padding: 30px 0 0; }
#footerLeftCol { float: left; width: 70%; text-align: left; }
#footerTitle { color: #000000; display: block; font-size: 24px; font-weight: bold; text-transform: uppercase; }
#footerSubtitle { color: #333333; display: block; font-weight: bold; margin: 20px 0 5px; }
#footerEmail { display: block; margin: 20px 0 0; }
#footerTel { display: block; margin: 5px 0 0; }
#footerRightCol { float: left; width: 30%; text-align: right; }
#footerRightCol a img { border: none; }





/* Standard Pearl styling (global and common %CONTENT% tags) ---------------------------------- */

a {}
a:link, a:visited { color: #999999; text-decoration: none; }
a:hover, a:active { color: #000000; text-decoration: none; background-color: #dddddd; }

p { margin: 0 0 10px; }
h1 {}
h2 {}
h3 {}
h4 {}

.alignleft { float: left; }
.alignright { float: right; }

img.alignleft { margin: 0 10px 0 0; }
img.alignright { margin: 0 0 0 10px; }

.pageHeading { font-size: 24px; font-weight: bold; margin: 0 0 15px; }
.subHeading { font-size: 13px; font-weight: bold; }

.content {}
.catDescription { line-height: 1.35em; text-align: justify; }

#contact-message {}
#contact-form {}
	.contact-fieldset { background-color: #efefef; border-bottom: 1px solid #cccccc; margin: 4px; padding: 4px; }
	.contact-fieldtext { display: block; margin-top: 5px; float: left; font-weight: bold; margin: 4px; text-align: right; width: 200px; }
	.contact-field { display: block; margin-left: 100px; margin-right: 0; margin-top: 4px; padding-left: 10px; }
	.contact-field .inputText {}
	.contact-foot { clear: both; padding-top: 10px; }
	.contact-foot .button {}
	.contact-required { color: #ff0000; font-size: 11px; }

/* Forms */	
.inputText {}
.button {}

/* Currency symbol in span.cur - displayed everywhere there is a £ (Pound) symbol */
.cur {}

/* Error/warning messages */
.error {}
.message {}




/* STANDARD PEARL WIDGET STYLING --------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */

/* Foundation styles for all widgets - these can be overridden using individual targeting (below) */
.widget-wrap {}
	.widget-head {}
	.widget-body {}
	.widget-foot {}
	
	.widget-head span {}


/* Generic widget styles (will apply to all instances of such) */

	/* [#BREADCRUMB#] */
	#breadcrumb { margin: 0 auto; padding: 10px 0 0; text-align: left; width: 960px; }
	.breadCrumb { color: #999999; text-decoration: none; }
	.breadCrumb-sep { padding: 0 5px; }
	
	/* Group [#STATIC_MENU#] (will change all instances) */
	.static_menu {}
		.static_menu li {}
		.static_menu li a {}

	/* [#LOGIN_LINK#] and [#LOGIN#] */
	.account_greeting { color: #ffffff; font-weight: bold; }
		.account_greeting a { font-weight: normal; }
	.accountlinks { list-style-type: none; margin: 15px 0 0; padding: 0; }
		.accountlinks li {}
		.accountlinks li a {}

	/* Group: [#FEATURED#], [#SPECIALS#], [#NEW#], [#ALSO_BOUGHT#], [#RELATED#], [#BEST_SELLERS#] */
	.product-list {}
		.product-list pul-msg {}
		.product-list ul {}
		.product-list ul li {}
		.product-list a.pul-image {}
		.product-list a.pul-image img {}
		.product-list a.pul-name {}
		.product-list .price {}

	/* [#CART#] */
	#cart-contents { list-style-type: none; padding: 0; margin: 0 0 10px; }
	#cart-contents li {}
		#cart-itemcount { font-weight: bold; display: block; }
		#cart-total { color: #ff0000; font-size: 13px; font-weight: bold; margin: 0 0 10px; display: block; }
		.cart-view { font-size: 14px; font-weight: bold; text-transform: lowercase; display: block; }
		.cart-checkout { font-size: 14px; font-weight: bold; text-transform: lowercase; display: block; }



/* Individual widget targeting - NB: This isn't necessarily for final inclusion but WILL need to
   be documented! The below styles include ALL possible overrides, be warned! */

	/* [#LOGIN#] */
	#widget_login {}
		#widget_login .widget-head {}
			#widget_login .widget-head span {}
		#widget_login .widget-body {}
			#widget_login .inputText {}
			#widget_login .button {}
		#widget_login .widget-foot {}
	
	/* [#LOGIN_LINK#] */
	#widget_login_link {}
		#widget_login_link .widget-head {}
			#widget_login_link .widget-head span {}
		#widget_login_link .widget-body {}
		#widget_login_link .widget-foot {}
	
	/* [#SEARCH#] */
	#widget_search { position: absolute; right: 0; bottom: 8px; z-index: 10; }
		#widget_search .widget-head { display: inline; }
			#widget_search .widget-head span { color: #dddddd; font-size: 15px; font-weight: bold; margin: 0 5px 0 20px; padding: 17px 0 0; text-align: right; text-transform: uppercase; }
		#widget_search .widget-body { display: inline; }
			#widget_search form#quick_find { display: inline; margin: 0; padding: 0; }
			#widget_search form#quick_find .inputText { background: #555555; border: 1px solid #999999; color: #ffffff; height: 14px; padding: 2px; width: 110px !important; }
			#widget_search form#quick_find br { display: none; }
			#widget_search form#quick_find .button { width: 59px !important; margin: 0 0 0 5px; }
		#widget_search .widget-foot {}
	
	/* [#BRANDS#] */
	#widget_brands {}
		#widget_brands .widget-head {}
			#widget_brands .widget-head span {}
		#widget_brands .widget-body {}
			#widget_brands ul {}
			#widget_brands ul li {}
			#widget_brands ul li a {}
		#widget_brands .widget-foot {}
	
	/* [#DYNAMIC_MENU#] */
	#widget_dynamic_menu { float: left; overflow: hidden; padding: 20px 0 0; width: 750px; }
		#widget_dynamic_menu .widget-head { display: none; }
			#widget_dynamic_menu .widget-head span {}
		#widget_dynamic_menu .widget-body {}
		#widget_dynamic_menu .widget-foot {}
	
	/* [#STATIC_MENU#] */
	#widget_static_menu {}
		#widget_static_menu .widget-head {}
			#widget_static_menu .widget-head span {}
		#widget_static_menu .widget-body {}
		#widget_static_menu .widget-foot {}
	
	/* [#CART#] NB: This is the [#CART#] widget wrapper only! */
	#widget_cart {}
		#widget_cart .widget-head {}
			#widget_cart .widget-head span { display: block; font-size: 18px; font-weight: bold; margin: 50px 0 10px; text-transform: uppercase; }
		#widget_cart .widget-body { line-height: 1.35em; }
		#widget_cart .widget-foot {}
	
	/* [#ACCOUNT#] */
	#widget_account { float: right; text-align: right; }
		#widget_account .widget-head {}
			#widget_account .widget-head span { color: #dddddd; display: block; font-size: 18px; font-weight: bold; margin: 0 0 10px; text-transform: uppercase; }
		#widget_account .widget-body { line-height: 1.35em; }
		#widget_account .widget-foot {}
	
	/* [#CURRENCIES#] */
	#widget_currencies {}
		#widget_currencies .widget-head {}
			#widget_currencies .widget-head span {}
		#widget_currencies .widget-body {}
		#widget_currencies .widget-foot {}
	
	/* [#FEATURED#] */
	#widget_featured {}
		#widget_featured .widget-head {}
			#widget_featured .widget-head span { display: block; font-size: 18px; font-weight: bold; margin: 50px 0 10px; text-transform: uppercase; }
		#widget_featured .widget-body {}
			#widget_featured pul-msg {}
			#widget_featured ul { list-style-type: none; margin: 0; padding: 0; }
			#widget_featured ul li { line-height: 1.35em; }
			#widget_featured a.pul-image { display: none; }
			#widget_featured a.pul-image img {}
			#widget_featured a.pul-name {}
			#widget_featured .price { display: inline; margin: 0 0 0 5px;}
		#widget_featured .widget-foot {}
	
	/* [#SPECIALS#] */
	#widget_specials {}
		#widget_specials .widget-head {}
			#widget_specials .widget-head span { display: block; font-size: 18px; font-weight: bold; margin: 50px 0 10px; text-transform: uppercase; }
		#widget_specials .widget-body {}
			#widget_specials pul-msg {}
			#widget_specials ul { list-style-type: none; margin: 0; padding: 0; }
			#widget_specials ul li { line-height: 1.35em; }
			#widget_specials a.pul-image { display: none; }
			#widget_specials a.pul-image img {}
			#widget_specials a.pul-name {}
			#widget_specials .price { display: inline; margin: 0 0 0 5px; }
		#widget_specials .widget-foot {}
	
	/* [#NEW#] */
	#widget_new {}
		#widget_new .widget-head {}
			#widget_new .widget-head span {}
		#widget_new .widget-body {}
			#widget_new pul-msg {}
			#widget_new ul {}
			#widget_new ul li {}
			#widget_new a.pul-image {}
			#widget_new a.pul-image img {}
			#widget_new a.pul-name {}
			#widget_new .price {}
		#widget_new .widget-foot {}
	
	/* [#ALSO_BOUGHT#] */
	#widget_also_bought {}
		#widget_also_bought .widget-head {}
			#widget_also_bought .widget-head span {}
		#widget_also_bought .widget-body {}
			#widget_also_bought pul-msg {}
			#widget_also_bought ul {}
			#widget_also_bought ul li {}
			#widget_also_bought a.pul-image {}
			#widget_also_bought a.pul-image img {}
			#widget_also_bought a.pul-name {}
			#widget_also_bought .price {}
		#widget_also_bought .widget-foot {}
	
	/* [#RELATED#] */
	#widget_related {}
		#widget_related .widget-head {}
			#widget_related .widget-head span {}
		#widget_related .widget-body {}
			#widget_related pul-msg {}
			#widget_related ul {}
			#widget_related ul li {}
			#widget_related a.pul-image {}
			#widget_related a.pul-image img {}
			#widget_related a.pul-name {}
			#widget_related .price {}
		#widget_related .widget-foot {}
	
	/* [#BEST_SELLERS#] */
	#widget_best_sellers {}
		#widget_best_sellers .widget-head {}
			#widget_best_sellers .widget-head span {}
		#widget_best_sellers .widget-body {}
			#widget_best_sellers pul-msg {}
			#widget_best_sellers ul {}
			#widget_best_sellers ul li {}
			#widget_best_sellers a.pul-image {}
			#widget_best_sellers a.pul-image img {}
			#widget_best_sellers a.pul-name {}
			#widget_best_sellers .price {}
		#widget_best_sellers .widget-foot {}




/* Standard (default) Product Listing ---------------------------------------------------------- */
/* NB: This includes default tags for the following widgets/objects in product_listing.html:     */
/* [%NAME%], [%DESCRIPTION%], [%IMAGE_THUMB%], [%IMAGE_MINI%], [%PRICE%], [%OPTIONS%],           */
/* [%AVAILABILITY%], [%SKU%], [%INFO%], [%ADDTOCART%]                                            */

form#filter { margin: 0 0 10px; } /* Search Filter */
	.filter {}
	
.page-results {} /* Page Results, top and bottom of page (pr0 and pr1 respectively) */
	.pr0 { margin: 0 0 10px; }
	.pr1 { margin: 10px 0 0; }
	.page-results a {}

.product-listing-table { width: 100%; } /* Product Listing Table */
	.product-listing-cell { border-bottom: 1px dotted #d1d1d1; padding: 10px 0; } /* One cell (product) in the listing table */
	.product-listing-cell.newprod {} /* .newprod modifier is attached to a new product */
	.product-listing-cell.last {} /* .last modifier is attached to last product in row */
	
	.product-listing-name { color: #000000 !important; font-size: 16px; font-weight: bold; } /* [%NAME%] */
	
	.product-listing-description {} /* [%DESCRIPTION%] */
	
	.product-listing-image { float: left; margin: 0 10px 0 0; } /* [%IMAGE_THUMB%], [%IMAGE_MINI%] */
		.product-listing-image a {}
		.product-listing-image a img {}
	
	.product-listing-price { font-size: 14px; font-weight: bold; margin: 2px 0 0; } /* [%PRICE%] */
		.product-listing-price s {}
		.productSpecialPrice { color: #ff0000; }
	
	/* OPTIONS HERE */
	
	/* AVAILABILITY HERE */
	
	.product-listing-sku {} /* [%SKU%] */
	
	.product-listing-moreinfo {} /* [%INFO%] */
		.product-listing-moreinfo a {}
	
	.product-listing-addtocart {} /* [%ADDTOCART%] */
		.product-listing-addtocart a {}
	



/* Standard (default) Product Detail ----------------------------------------------------------- */
/* NB: This includes default tags for the following widgets/objects in product.html:             */
/* [%NAME%], [%DESCRIPTION%], [%ADDTOCART%], [%CATLINK%], [%OPTIONS%], [%BUNDLE%],               */
/* [%COLLECTION%], [%IMAGES%], [%IMAGES_MINI%], [%IMAGE_MINI%], [%IMAGE_LARGE%],                 */
/* [%IMAGE_THUMB%], [%PRICE%], [%SAVINGS%], [#BUY#], [%AVAILABILITY%], [%OTHERBUNDLES%],         */
/* [%BRAND%], [%SKU%], [%TABS%], [%CF_PCF_%]                                                     */
/* For [#REVIEWS#], see section at bottom of product detail styles                               */

#product-detail {}
#product-detail.onspecial {} /* .onspecial modifier attached when product is on special offer */

	.product-detail-name { float: left; font-size: 17px; font-weight: bold; width: 75%; } /* [%NAME%] */
	
	.product-detail-description { border-top: 1px dotted #d1d1d1; margin: 10px 0; padding: 10px 0 0; } /* [%DESCRIPTION%] */
	
	.product-detail-catlink {} /* [%CATLINK%] */
	
	.product-detail-options {} /* [%OPTIONS%] */
	
	.product-detail-bundle {} /* [%BUNDLE%] */
	
	/*COLLECTIONHERE*/
	
	.product-detail-images { border-top: 1px dotted #d1d1d1; margin: 10px 0; } /* [%IMAGES%], [%IMAGES_MINI%] */
		#gallery { padding: 10px 0; }
		.lbox { margin: 0 0 0 -20px; padding: 0; }
		.lbox li { margin: 0 0 0 20px; }
		.lbox li a {}
		.lbox li a img {}
		.enlarge { display: none; }
	
	.product-detail-image-mini {} /* [%IMAGE_MINI%] */
		.product-detail-image-mini a {}
		.product-detail-image-mini a img {}
		.product-detail-image-mini a span {}

	.product-detail-image-thumb {} /* [%IMAGE_LARGE%], [%IMAGE_THUMB%] */
		.product-detail-image-thumb a {}
		.product-detail-image-thumb img {}
		.product-detail-image-thumb span {}

	.product-detail-price { color: #ff0000; float: right; font-size: 17px; font-weight: bold; text-align: right; width: 25%; } /* [%PRICE%] */
	
	.prod-detail-saving {} /* [%SAVINGS%] */
	
	.prod-detail-buy {} /* [#BUY#] */
		.prod-detail-buy .inputText {}
		.prod-detail-price { font-size: 18px; font-weight: bold; margin: 20px 0 5px; }
		.prod-detail-buynow {}
		.prod-detail-buynow .button {}
	
	/* AVAILABILITY HERE */
	
	/* OTHERBUNDLES HERE */
	
	#brand {} /* [%BRAND%] */
		#brand .subHeading {}
		.brand-other {}
		.brand-other a {}

	.product-detail-sku {} /* [%SKU%] */
	
	#tabmenu {} /* [%TABS%] */
		#tabmenu ul {}
		#tabmenu ul li {}
		#tabmenu ul li a {}
		#tabmenu ul li a span {}
	#tabwrapper {}
		#tabwrapper .tab {}
		
	.cf-data {} /* [%CF_PCF_(cfid)%] */
	


/* Standard Account Page ----------------------------------------------------------------------- */
/* index.php?p=account                                                                           */

#login-newuser {}
	.login-newuser-intro { margin: 5px 0 0; }
	.login-newuser-button {}
	
#login-login { margin: 20px 0 0; }
	.login-login-intro { margin: 5px 0 10px; }
	.login-pass-remind {}
	.login-login-button {}


.portal-menu { background: #f1f1f1; margin: 0 0 30px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; }

	.portal-menu a { color: #000000; font-weight: bold; }

	#portal-account {}
	#portal-orders {}
	#portal-statement {}
	#portal-profile {}
	#portal-addresses {}
	#portal-password {}
	#portal-logout {}


#acc {} /* 'My Account' */

	#acc .subHeading {}
	#acc .subsec {}
		.acc-item {}
		.acc-item a {}
	
	#account-account {}
	#account-finance {}
	#account-orders {}
	#account-helpdesk {}
	#account-events {}
	#account-projects {}
	

#accHistory {} /* 'Orders' */
	
	.orders-search {}
	
		#orderDetail {}
			#orderDetail .pageHeading {}
			#orderDetail .subHeading {}
			#orderDetail .subsec {}
			#orderDetail .o-tax {}
			#orderDetail .o-status {}
			
			.order_detail {}
			.order_detail .itmQty {}
			.order_detail .itmName {}
			.order_detail .itmSku {}
			.order_detail .itmTotal {}
			
			#orderDetail .totalTitle {}
			#orderDetail .totalPrice {}
			
			#orderDetail .order-shipping {}
			#orderDetail .order-billing {}
			
			#orderDetail #extra_comment {}
			
	
#accEdit {} /* 'Profile' */

	form#account_edit {}
	
	
#addrBook {} /* 'Address Book' */


#editPass {} /* 'Password' */

	form#account_password {}
		.inputRequirement {}
		input#password_current {}
		input#password_new {}
		input#password_confirmation {}
		
		
		
/* Standard Helpdesk Page ---------------------------------------------------------------------- */
/* index.php?p=helpdesk                                                                          */

.ticket-details {}
.ticket-description {}
.helpdesk-note {}
.helpdesk-panel {}
.helpdesk-note-details {}
.helpdesk-note-text {}
.helpdesk-note-file {}
.helpdesk-note-file a {}



/* Standard Projects Page ---------------------------------------------------------------------- */
/* index.php?p=project                                                                           */

body#pearlCategoryID_project .subHeading { font-size: 14px; font-weight: bold; margin: 20px 0 5px; }
body#pearlCategoryID_job .subHeading { font-size: 14px; font-weight: bold; margin: 20px 0 5px; }

#project-menu { font-size: 16px; font-weight: bold; }
#project-menu a {}
	.project-description {}

.project-job { background: #f7f7f7; margin: 0 0 10px; padding: 5px; }
.project-job:hover { background: #e7e7e7; }
body#pearlCategoryID_job .project-job { padding: 0; background: none; margin: 0; }
body#pearlCategoryID_job .project-job:hover { background: none; }
	.project-job-title { font-weight: bold; color: #666666; }
	body#pearlCategoryID_job .project-job-title { color: #000000; font-size: 14px; margin: 0 0 10px; }
		.project-job-title img { margin: 0 10px 0 0; vertical-align: middle; }
		.project-job-title a { margin: 0 0 0 5px; }

	.project-files {}
		.project-files-title {}
		.project-files-filename {}
		.project-files-filename a {}
		.project-files-filesize {}
		.project-files-filemodified {}

	.project-job-info { margin: 4px 0 0; }
	.project-job-description { background: #f5f5f5; margin: 20px 0 0; padding: 10px; }

	.project-notes { margin: 20px 0 0; }
		.project-note-title { background: #fafafa; border: 1px dotted #a1a1a1; padding: 10px !important; }
		.project-note-content { border-bottom: 1px dotted #a1a1a1; border-left: 1px dotted #a1a1a1; border-right: 1px dotted #a1a1a1; margin: 0 0 20px; padding: 10px !important; -moz-box-shadow: 0 2px 2px #e7e7e7; }
		.project-notes-form {}
		.project-notes-form .inputText {}
		.project-notes-form .button {}
		.project-notes-form .job-upload {}
		.project-notes-form .job-upload .tidyForm {}


/* Standard Checkout Process Pages ------------------------------------------------------------- */
/* index.php?p=checkout                                                                          */

.stageWrp .moduleRowSelected {}
.stageWrp .pageHeading {}
.stageWrp .subHeading {}
.stageWrp .subsec {}
.stageWrp .subsec .main {}
.stageWrp #ordercomments {}

#checkout_1 {}
	
	#checkout_1 .pageHeading {}
	#checkout_1 .subHeading {}
	#checkout_1 .subsec {}
	#checkout_1 #ordercomments {}
	
#checkout_2 {}

	#checkout_2 .pageHeading {}
	#checkout_2 .subHeading {}
	#checkout_2 .subsec {}
	#checkout_2 .subHeading.coupons {}
	#checkout_2 .subsec.coupons {}
	#checkout_2 #ordercomments {}
	#checkout_2 #orderCustomFields {}
	
#checkout_3 {}

	#checkout_3 .pageHeading {}
	#checkout_3 .subHeading {}
	#checkout_3 .subsec {}
	#checkout_3 .otsubtotal {}
	#checkout_3 .ot_shipping {}
	#checkout_3 .ot_tax {}
	#checkout_3 .ot_total {}
	#checkout_3 form#checkout_confirmation .button {}
	
	


/* Standard Smartforms ------------------------------------------------------------------------- */
/* index.php?p=contact                                                                           */

#contact-page {}

	#contact-message {}
	
	#contact-form {}
		.contact-fieldset {}
		.contact-fieldtext {}
		.contact-field {}
		.contact-required {}
	


/* Standard Events & Calendar Pages ------------------------------------------------------------ */
/* index.php?p=event                                                                             */
/* index.php?p=calendar                                                                          */

#cal-legend {}
	#cal-legend ul {}
	#cal-legend ul li {}

.calendar-month-prev {}
	.calendar-month-prev a {}
	
.calendar-month-month {}
	.calendar-month-month a {}

.calendar-month-next {}
	.calendar-month-next a {}
	
.calendar-table {}
	.calendar-month-dayNames {}
	.calendar-month-emptyDays {}
	.calendar-month-day {}
	.calendar-month-today {}
	.calendar-month-linkDay {}
	.calendar-month-linkDay a {}
	

#event {}

	#event .pageHeading {}
		#event .pageHeading .event-code {}
		#event .pageHeading .event-title {}
	
	#event .subsec {}
	
		
#cal-calendars { border: 1px solid #ededed; padding: 15px; font-weight: bold; }
#cal-calendars .inputText {}
	
#calSearchDates { margin: 0 0 10px; }
#calSearchVenue {}
	#calSearchVenue .inputText {}
	
.eventList {}
	
	.eventListMonth { font-size: 150%; margin: 20px 0 5px; }
	
	.eventListEvent { background: #fafafa; clear: both; margin: 2px 0; padding: 4px 0; text-align: right; }
		.eventListEventCol { float: left; }
		.eventListEventCode { float: left; }
		.eventListEventVenue { float: left; }
		.eventListEventTitle { float: left; font-weight: bold; margin: 0 0 0 5px; }
		.eventListEventTitle a {}
		.eventListEventStart { margin: 0 40px 0 0; }
		.eventListEventEnd {}
		
		
		
		
/* TABBED PRODUCT LAYOUT */

.subCatTitle { background: #fafafa; display: block; float: left; }

#cart_multiadd {}

.subCatContent { border: 1px solid #cdcdcd; clear: both; padding: 5px; text-align: right; }

.button.top {}
.button.bottom {}

.subCatRow { background: #fafafa; display: block; left: 0; margin: 0 0 2px; overflow: auto; padding: 5px; position: relative; text-align: left; top: 0; }
	.rowName {}
	.rowName a {}
	.rowSKU { display: block; font-size: 11px; font-weight: bold; }
	.rowPriceInc { display: block; font-size: 13px; font-weight: bold; left: 520px; position: absolute; top: 5px; }
	.rowPriceEx { display: block; font-size: 11px; left: 521px; position: absolute; top: 19px; }
	.rowOptions { display: block; left: 400px; position: absolute; top: 11px; }
	.rowInput { display: block; position: absolute; right: 9px; top: 9px; width: 50px; }