/* /////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////
//
//  Modular Merchant  -  www.modularmerchant.com
//  CSS Stylesheet
// 
////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////

	1.) Before editing, please read through the Modular Merchant Design Guide.
		The Design Guide can be found at   http://www.modularmerchant.com/support.php

	2.) To brush up on some CSS knowledge visit   http://www.w3schools.com/css
		Modular Merchant is not affiliated with w3schools.com in any way.
		
	3.) For info on individual QuickCode tags and their CSS handles visit our QuickCode Glossary.
		The QuickCode Glossary can be found at   http://www.modularmerchant.com/quickcode

	4.) Join the community of developers and modular merchant users at the Modular Merchant Forums.
		The Modular Merchant Forums can be found at   http://forums.modularmerchant.com

////////////////////////////////////////////////////////////////////////////////////////////////////////////

  CONTENTS
	1. GENERAL STYLES & CLASSES
	2. CATEGORIES MENU CLASSES
	3. FONT/TEXT CLASSES
	4. PAGE SPECIFIC CLASSES
	5. COMPOSITE CLASSES
	6. CUSTOM CLASSES

///////////////////////////////////////////////////////////////////////////////////////////////////////// */





/*/////////////////////////////////////////////////////////
/ 1 /	GENERAL STYLES & CLASSES
/////////////////////////////////////////////////////////*/

body,td,th { font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; color: #000000; line-height: 135%; }

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-image: url(images/header_bg.gif); background-repeat: no-repeat; background-position: top center; background-color: #FFFFFF; font-family: "Century Gothic", Arial, Helvetica; }

form { padding: 0px; }

h1 { font-size: 14px; }


/* CSS tag for default link style */
a:link { color: #A03926; text-decoration: none; }
a:visited {	color: #A03926; text-decoration: none; }
a:hover { color: #A03926; text-decoration: none; }
a:active { color: #A03926; text-decoration: none; }


/* Styles for error messages (A problem was encountered when processing the customer's request.). */
.error { background-color: #FFFFCC;	margin: 10px; padding: 10px; border: 1px double #990000; color: #990000; }
.error-text { color: #990000; }
.error a:link { color: #000000; }
.error a:visited { color: #000000; }
.error a:hover { color: #FF6600; }
.error a:active { color: #FF6600; }


/* Styles for general messages (General feedback or success message for a customer's request.). */
.message { background-color: #EAFFEA; margin: 10px;	padding: 10px;	border: 1px double #006600;	color: #000000; }
.message-text {	color: #000000; }
.message a:link { color: #000000; }
.message a:visited { color: #000000; }
.message a:hover { color: #FF6600; }
.message a:active { color: #FF6600; }


/* CSS tag for styling the search field */
.FIELD-SEARCH { font-size: 16px; color: #666666; width: 200px; }


.FIELD-EMAIL { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }
.FIELD-EMAIL-CONFIRM { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }
.FIELD-PASSWORD { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }
.FIELD-PASSWORD-CONFIRM { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }

/* CSS tag for styling the form buttons */
/* Other Options: font-weight:bold; color:#000000; background-color:#EBEBEB; border-color:#CCCCCC; border-width:2px; */
input.standard-button { font-size:11px;font-family:Arial,sans-serif;font-weight:bold;color:#FFFFFF;height:26px;padding: 0px 4px 0px 4px;background-color:#A03926;border-style:outset;border-color:#A03926;border-width:0px;cursor:pointer; }


/* CSS tag for styling the table behind the "continue to checkout" link on the basket/cart page. */
.continue-td { font-family:Arial,sans-serif; font-weight:bold; color: #A03926; height:26px;  padding: 0px 0px 0px 0px; background-color:#FFFFFF;  text-align:center; vertical-align:middle; white-space:nowrap;}

table.continue-table { 
border-top: 3px solid #A03926;
border-bottom: 3px solid #A03926;
border-right: 3px solid #A03926;
border-left: 3px solid #A03926;
}

/* Continue Button Link (Special styling for link in continue button..) */
.continue a:link { font-size: 11px; color: #A03926; text-decoration: none; display: block; padding: 5px 7px;}
.continue a:visited {	font-size: 11px; color: #A03926; text-decoration: none; display: block; padding: 5px 7px;}
.continue a:hover { font-size: 11px; color: #A03926; text-decoration: none; display: block; padding: 5px 7px;}
.continue a:active { font-size: 11px; color: #A03926; text-decoration: none; display: block; padding: 5px 7px;}


/* CSS tag for styling the form buttons */
/* Other Options: font-weight:bold; color:#000000; background-color:#EBEBEB; border-color:#CCCCCC; border-width:2px; */
input.search-button { font-size:11px;font-family:Arial,sans-serif;font-weight:bold;color:#FFFFFF;height:26px;padding: 0px 4px 0px 4px;background-color:#F8F8F8;background-image:url(images/button_bg.gif);border-style:outset;border-color:#E5E6E6;border-width:0px;cursor:pointer; }


/* CSS tag for styling the form buttons */
.RESULTS-ADD-TO-BASKET-BUTTON { font-size:14px;font-family:Arial,sans-serif;font-weight:bold;color:#000000;height:30px;background-color:#F8F8F8;background-image:url(images/button_bg_silver_D1D1D1.gif);border-style:outset;border-color:#D1D1D1;border-width:2px;cursor:pointer; }

/* CSS tag for styling the digital delivery "download" button */
.DIGITAL-FILE-ACCESS-BUTTON { font-size:14px;font-family:Arial,sans-serif;font-weight:bold;color:#000000;height:30px;background-color:#F8F8F8;background-image:url(images/button_bg_silver_D1D1D1.gif);border-style:outset;border-color:#D1D1D1;border-width:2px;cursor:pointer; }



/*/////////////////////////////////////////////////////////
/ 2 /	CATEGORIES MENU CLASSES 
/////////////////////////////////////////////////////////*/

/* Styles used in the {LIST-CATEGORIES} QuickCode Tag. The category menu is generated by building a custom bulleted list: <ul> */

/* Turn off the default <li> list bullets. */
ul.mktree  li { list-style: none; font-weight:bold; }
 
/* Control the spacing between each line in the category list. */
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:3px; margin-bottom:5px; padding-left:0px; }

/* Provide space for a custom "bullet" image inside the <li> menu item. */
ul.mktree li .bullet { padding-left: 12px; }

/* Show a "bullet", "expand" or "collapse" symbol next to the category name, depending on whether the category has subcategories. */
ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(images/icon_minus.gif)  center left no-repeat; }
ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(images/icon_plus.gif)   center left no-repeat; }
ul.mktree  li.liBullet  .bullet { cursor: default; background: url(images/spacer.gif) center left no-repeat; }

/* Sublists are visible or not based on class of parent <li> */
ul.mktree  li.liOpen    ul { display: block; }
ul.mktree  li.liClosed  ul { display: none; }

/* Apply a style to the currently selected category. */
.catmenuselected { color: #CC3333; }

/* OPTIONAL: Format menu items differently depending on what level of the tree they are in */
/* Uncomment the line below if you want your fonts to decrease in size the deeper they are in the tree */
/* ul.mktree  li ul li { font-size: 10px; font-weight:normal; } */ 





/*/////////////////////////////////////////////////////////
/ 3 /	FONT/TEXT CLASSES 
/////////////////////////////////////////////////////////*/

/* Main Menu Links (Special styling for links up top... Home, My Account, View Cart, Checkout ect..) */
.main-menu { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 12px; font-weight: bold; color: #A03926; }
.main-menu a:link { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 12px; font-weight: bold; color: #A03926; text-decoration: none; }
.main-menu a:visited { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 12px; font-weight: bold; color: #A03926; text-decoration: none; }
.main-menu a:hover { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 12px; font-weight: bold; color: #A03926; text-decoration: underline; }
.main-menu a:active { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 12px; font-weight: bold; color: #A03926; text-decoration: none; }


/* List Menu Links (Special styling for links up top... Home, My Account, View Cart, Checkout ect..) */
.list-menu { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; font-weight: normal; color: #666666; }
.list-menu a:link { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; font-weight: normal; color: #666666; text-decoration: none; }
.list-menu a:visited { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; font-weight: normal; color: #666666; text-decoration: none; }
.list-menu a:hover { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; font-weight: normal; color: #666666; text-decoration: underline; }
.list-menu a:active { 
font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; font-weight: normal; color: #666666; text-decoration: none; }


/* Storefront Product Links (Special styling for Product Name Links on the storefront page) */
.storefront-product-menu { 
font-family: "Century Gothic", Arial, Helvetica; font-weight: bold; color: #000000; }
.storefront-product-menu a:link { 
font-family: "Century Gothic", Arial, Helvetica; font-weight: bold; color: #000000; text-decoration: none; }
.storefront-product-menu a:visited { 
font-family: "Century Gothic", Arial, Helvetica; font-weight: bold; color: #000000; text-decoration: none; }
.storefront-product-menu a:hover { 
font-family: "Century Gothic", Arial, Helvetica; font-weight: bold; color: #666666; text-decoration: none; }
.storefront-product-menu a:active { 
font-family: "Century Gothic", Arial, Helvetica; font-weight: bold; color: #000000; text-decoration: none; }


/* Company Name Text ({COMPANY-NAME}) */
.company-name { font-family: "Century Gothic", Arial, Helvetica; font-size: 18px; color: #666666; font-weight: normal; }

/* List Title Text (Category Title, Manufacturers Title, the left hand menu generally ect..) */
.list-title { font-family: "Century Gothic", Arial, Helvetica; font-size:13px; font-weight:bold; }

/* Quick Cart Text ("You have X items in your shopping cart") */
.in-cart { font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; color: #000000; }

/* Styles for hilighting text matches on the Search Results page. */
.search-hilight { font-weight: bold; color: #CC3333; }

/* Footer Text (Copyright your store, powerd by Modular Merchant) */
.footer-text { font-family: "Century Gothic", Arial, Helvetica; font-size: 10px; color: #000000; }

/* Footer Links (Special styling for links in footer... Home, My Account ect..) */
.footer a:link { font-size: 11px; color: #7E7E7E; text-decoration: none; }
.footer a:visited {	font-size: 11px; color: #7E7E7E; text-decoration: none; }
.footer a:hover { font-size: 11px; color: #7E7E7E; text-decoration: none; }
.footer a:active { font-size: 11px; color: #7E7E7E; text-decoration: none; }

/* Breadcrumb Links (Product-Breadcrumb-Links) */
.breadcrumb a:link { color: #000000; text-decoration: underline; }
.breadcrumb a:visited { color: #000000; text-decoration: underline; }
.breadcrumb a:hover { color: #000000; text-decoration: underline; }
.breadcrumb a:active { color: #000000; text-decoration: underline; }

/* My Account Links (Logout, contact info ect...) */
.my-account a:link { color: #000000; text-decoration: underline; }
.my-account a:visited { color: #000000; text-decoration: underline; }
.my-account a:hover { color: #000000; text-decoration: underline; }
.my-account a:active { color: #000000; text-decoration: underline; }

/* Affiliates Menu Links (Logout, Sales Stats ect..) */
.affiliates a:link { color: #000000; text-decoration: underline; }
.affiliates a:visited { color: #000000; text-decoration: underline; }
.affiliates a:hover { color: #000000; text-decoration: underline; }
.affiliates a:active { color: #000000; text-decoration: underline; }

/* Promotions Text 1 (General has different sized text used) */
.promo-name { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }
/* Promotions Text 2 (General has different sized text used) */
.promo-trigger-results { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }
/* Promotions Text 3 (General has different sized text used) */
.promo-end-date { font-family: "Century Gothic", Arial, Helvetica; font-size: 10px; color: #000000; font-weight: normal; }





/*/////////////////////////////////////////////////////////
/ 4 /	PAGE SPECIFIC CLASSES 
/////////////////////////////////////////////////////////*/


/* //// Storefront, Search-Results, Categories & Manufacturers Pages //// */

/* Product Name (RESULTS-NAME) */
.results-product-name a:link { color: #000000; text-decoration: none; }
.results-product-name a:visited { color: #000000; text-decoration: none; }
.results-product-name a:hover { color: #000000; text-decoration: underline; }
.results-product-name a:active { color: #000000; text-decoration: none; }

.results-name-td { 
border-top: 0px solid #e0e0e0;
border-bottom: 1px solid #A03926;
border-right: 0px solid #e0e0e0;
border-left: 0px solid #e0e0e0;
}

table.results-bottom-border { border-bottom-style: solid; border-bottom-color: #E8E8E8; border-bottom-width: 1px; }

/* SKU# Text ({RESULTS-SKU}) */
.results-sku { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* SKU# Title Text (SKU#) */
.results-sku-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Short Description Text (RESULTS-SHORT-DESCRIPTION) */
.results-description { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Short Description Title Text (DESCRIPTION) */
.results-description-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Price Title (Just the text that says "Price") */
.results-price-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Actual Price Text (RESULTS-PRICE) */
.results-price { font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; font-weight: normal; color: #5ABC58; }

/* Price when product is on Sale Text (RESULTS-PRICE) */
.results-price-sale { color: #FF0000; font-size: 11px; font-weight: bold; }

/* Original Price Text (RESULTS-PRICE) */
.results-original-price { font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; font-weight: normal; color: #5ABC58; text-decoration: line-through; }

/* Sort by Bolded (Just the text that says "Sort By) */
.sort-by { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Sort by normal text (everything else in the sort by section) */
.sort-text { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Standard Results Text (All of the extra general text like, Relevancy, QTY ect..) */
.results-text { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* CSS tag for the search-orders dropdown menu */
.FIELD-SEARCH-ORDER { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }

/* CSS tag for the sort by ascending or descending order dropdown menu */
.FIELD-SEARCH-ASC-DESC { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }

/* CSS tag for the how many results per page dropdown menu */
.FIELD-RESULTS-PER-PAGE { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; }



/* //// Product Page //// */

/* Product Name (PRODUCT-NAME) */
.product-name { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #A03926; font-weight: bold; }

/* Product Price (PRODUCT-PRICE) */
.product-price { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Product Price when its on sale (PRODUCT-PRICE) */
.product-price-sale { color: #FF0000; font-weight: bold; }

/* Product Original Price (PRODUCT-ORIGINAL-PRICE) */
.product-original-price { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; text-decoration: line-through; }

/* Product Features (Product-Modifier Adjustment, Product units in stock, Product status ect..) */
.product-feature { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Product Feature Titles (Price, Adjustment, Type, Stock, Status, Weight ect..) */
.product-feature-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Description Title */
.product-description-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Long Description (PRODUCT-LONG-DESCRIPTION) */
.product-description { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: normal; }

/* Product Image Table (COMPOSITE-PRODUCT-IMAGE-SWAP) */
table.product-image { background-color: #ffffff; border: 1px #FFFFFF solid; }

/* Product Modifier Text (Product-Modifier-Menu ect..) */
.product-modifier { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* CSS tag for custom product modifier text field */
.PRODUCT-PRODUCT-FIELDS { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 150px; }

/* Submit button for QTY (PRODUCT-ADD-TO-BASKET-BUTTON) */
.qty-basket-button { font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; color: #333333; background-color: #000000; border: 0px solid #999999; }

.product-feature-title-td {	border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; background-color: #F2F2F2; }

.product-feature-td {	border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; border-bottom-width: 1px; background-color: #F5F5F5; }



/* //// Basket, Checkout Pages, Customer Account, Affiliates Account, Download Delivery & Login Pages //// */

/* Large Title Text (Titles at the top of the sections) */
.large-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Small Title text (Titles usually bold to the left of a form element) */
.small-title { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* Normal Text (Pretty much all of the text) */
.normal-text { font-family: "Century Gothic", Arial, Helvetica; font-size: 13px; color: #000000; font-weight: bold; }

/* CSS tag for the customer login email field */
.FIELD-EMAIL-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }

/* CSS tag for the customer login password field */
.FIELD-PASSWORD-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 154px; height: 18; }
/* CSS tag for the affiliate login email field */
.FIELD-AFFILIATE-EMAIL-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 175px; }

/* CSS tag for the affiliate login password field */
.FIELD-AFFILIATE-PASSWORD-LOGIN { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #666666; width: 130px; }

/* CSS tag for the words "order numbers" on the affiliates and customer account pages */
.order-number-title { font-family: Verdana, "Century Gothic", Arial, Helvetica; font-weight: bold; font-size: 13px; color: #CCCCCC; }

/* CSS tag for the actual order numbers on the affiliates and customer account pages */
.order-number { font-family: Verdana, "Century Gothic", Arial, Helvetica; font-weight: bold; font-size: 20px; color: #CCCCCC; }

/* CSS tag for title table style */
.title-td { border-top-style: solid; border-top-color: #F5F5F5; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; background-color: #F2F2F2; }

/* CSS tag for titles table to the left of a form element style */
.title-left-td { border-right-style: dotted; border-right-color: #F2F2F2; border-right-width: 1px; border-top-style: solid; border-top-color: #FFFFFF; border-top-width: 1px; border-bottom-style: solid; border-bottom-color: #F2F2F2; border-bottom-width: 1px; background-color: #F5F5F5; }

/* CSS tag for dividing content tables below title tables */
.content-table { border-right-style: dotted; border-right-color: #cfd8aa; border-right-width: 1px; background-color: #ffffff; }

/* CSS tag for vertical spacing between the menu items of the affiliates & my account menus */
.line-spacing { line-height: 23px; }

/* CSS tag for the order history block on the Purchase History page in the my account area */
table.order-history-border {border-right: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; border-top: 1px solid #E8E8E8; }




/*/////////////////////////////////////////////////////////
/ 5 /	COMPOSITE CLASSES 
/////////////////////////////////////////////////////////*/


/* //// Styles used by the {COMPOSITE-SHIP-ESTIMATE-RESULTS} QuickCode Tag. //// */

.ship-estimate-table {
	border: 6px solid #F2F2F2;
}
.ship-estimate-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	color: #000000;
	background-color: #F2F2F2;
	font-weight: bold;
}
.ship-estimate-row {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}


/* //// Styles used by the {COMPOSITE-XSELL} QuickCode Tag. //// */

.xsell-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	border: 6px solid #F2F2F2;
}
.xsell-title {
	background-color: #F2F2F2;
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	padding: 7px;
	color: #000000;
}
.xsell-product-name {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
}
.xsell-product-row {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.xsell-in-basket-summary {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 10px;
	font-weight: normal;
	color: #606060;
}
.xsell-price {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
}
.xsell-link {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	font-weight: normal;
	color: #606060;
}


/* //// Styles used by the {COMPOSITE-FREE-DOWNLOADS} QuickCode Tag. //// */

.free-download-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}

.free-download-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	background-color: #FFFFFF;
}

.free-download-link {
	color: #606060;
}

.free-download-column-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	background-color: #F2F2F2;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;

}

.free-download-left-cell {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-right: 1px dotted #CCCCCC;

}

.free-download-right-cell {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.free-download-center-cell {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-right: 1px dotted #CCCCCC;
}


/* //// Styles used by the {COMPOSITE-CUSTOMER-FIELDS} QuickCode Tag. //// */

.customer-field-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.customer-field-description {
	background-color: #F2F2F2;
	color: #000000;
}
.customer-field-title {
	font-weight: bold;
}


/* //// Styles used by the {COMPOSITE-CHECKOUT-FIELDS} QuickCode Tag. //// */

.checkout-field-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.checkout-field-description {
	background-color: #F2F2F2;
	color: #000000;
}
.checkout-field-title {
	font-weight: bold;
}


/* //// Styles used by the {COMPOSITE-BASKET} QuickCode Tag. //// */

.basket-title {
	background-color: #003399;
	border: 1px double #0099FF;
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	padding: 10px;
	color: #FFFFFF;
}
.basket-headers {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #97B9FF;
	border: 1px solid #003399;
}
.basket-coupon-row {
	color: #009900;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	font-weight: bold;
	background-color: #FFFFFF;
}
.basket-subtotal-row {
	color: #666666;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #F1F1F1;
}
.basket-gift-wrap-row {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}
.basket-total-text {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #97B9FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
}
.basket-total-value {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #97B9FF;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #003399;
	border-bottom-color: #003399;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #003399;
}
.basket-product-name {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
}
.basket-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.basket-state-tax-row {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}
.basket-country-tax-row {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}
.basket-zip-tax-row {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}
.basket-shipping-row {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #999999;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}
.basket-product-row {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	background-color: #FFFFFF;
}


/* //// Styles used by the {COMPOSITE-CREDIT-CARD-FIELDS} QuickCode Tag. //// */

.cc-table {
}
.cc-option-one-row {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
}
.cc-menu-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #D7D7FF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.cc-menu-cell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000066;
	border-bottom-color: #000066;
}
.cc-option-two-row {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #000066;
}
.cc-name-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #D7D7FF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.cc-number-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #D7D7FF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.cc-expiration-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #D7D7FF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dashed;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.cc-security-title {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	background-color: #D7D7FF;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #000066;
	border-left-color: #000066;
}
.cc-name-cell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #000066;
	border-bottom-color: #000066;
}
.cc-number-cell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #000066;
	border-bottom-color: #000066;
}
.cc-expiration-cell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: dashed;
	border-right-color: #000066;
	border-bottom-color: #000066;
}
.cc-security-cell {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #000066;
	border-bottom-color: #000066;
}
.cc-button-cell {
}
.cc-button {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	color: #000000;
	background-color: #E4E4E4;
	border: 1px double #006600;
	font-weight: bold;
}
.cc-margin-cell {
}


/* //// Styles used by the {COMPOSITE-DIGITAL-DOWNLOAD-FILES} QuickCode Tag. //// */

.digdel-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	line-height: 125%;
}
.digdel-hilight {
	font-size: 13px;
	font-weight: bold;
	color: #003399;
}
.digdel-stats-title {
	font-size: 13px;
	font-weight: bold;
	background-color: #003399;
	color: #FFFFFF;
}
.digdel-instructions {
	font-size: 10px;
	color: #FF9900;
}
.digdel-stats-content {
	background-color: #F1F1F1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: #D9E6FF;
	border-bottom-color: #003399;
}
.digdel-file-title {
	font-size: 13px;
	font-weight: bold;
	background-color: #003399;
	color: #FFFFFF;
}
.digdel-download-title {
	font-size: 13px;
	font-weight: bold;
	background-color: #003399;
	color: #FFFFFF;
}
.digdel-file-content {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: #D9E6FF;
	border-bottom-color: #003399;
}
.digdel-download-content {
	background-color: #F1F1F1;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #003399;
	border-bottom-color: #003399;
}


/* //// Styles used by the {COMPOSITE-SEARCH-RESULTS} QuickCode Tag. //// */

.search-sort-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	background-color: #F1F1F1;
	border: 1px solid #CCCCCC;
}
.search-results-per-page {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.search-title-image {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
}
.search-cell-image {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
}
.search-results-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	line-height: 125%;
}
.search-pagination {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.search-title-product {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
}
.search-title-score {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
}
.search-cell-product {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
}
.search-cell-score {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #006699;
	background-color: #F1F1F1;
	color: #666666;
}
.search-product-price {
	color: #006699;
}
.search-alert {
	font-weight: bold;
	color: #FF6600;
}
.search-product-name {
	font-size: 13px;
	font-weight: bold;
	color: #000066;
}
.search-product-description {
	color: #006699;
}


/* //// Styles used by the {COMPOSITE-STOREFRONT-PRODUCTS-HORIZONTAL} and {COMPOSITE-STOREFRONT-PRODUCTS-VERTICAL} QuickCode Tags. //// */

.storefront-sort-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
	background-color: #F1F1F1;
	border: 1px solid #CCCCCC;
}
.storefront-products-table {
	font-family: Verdana, "Century Gothic", Arial, Helvetica;
	font-size: 11px;
}
.storefront-products-image {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.storefront-product-name {
	font-size: 13px;
	font-weight: bold;
	color: #003399;
}
.storefront-products-cell-left {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.storefront-product-price {
	font-weight: normal;
	color: #FF6600;
}
.storefront-products-cell-right {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.storefront-products-cell-center {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #999999;
	border-left-color: #999999;
}





/*/////////////////////////////////////////////////////////
/ 6 /	CUSTOM CLASSES
/////////////////////////////////////////////////////////*/

.content-1 {height: 51px; width: 616px; padding: 0px 0px 0px 27px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; }

.content-2 {width: 202px; padding: 0px 0px 0px 0px; text-align:left; vertical-align:top; font-family: "Century Gothic", Arial, Helvetica;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-left: 0px solid #ffffff;
}

.content-3 {width: 202px; padding: 13px 12px 13px 12px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 0px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}

.content-4 {height: 49px; width: 674px; padding: 0px 0px 0px 22px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; }

.content-5 {height: 26px; width: 674px; padding: 0px 22px 0px 22px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; font-size:16px; font-weight:bold; }

.content-6 {width: 674px; padding: 30px 0px 0px 22px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; }

.content-7 {width: 900px; padding: 12px 0px 12px 0px; border: 0px; text-align:center; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; line-height: 25px; }

.content-8 {width: 100%; padding: 12px 0px 0px 8px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; font-size:13px; font-weight:bold; }

.content-9 {width: 100%; padding: 12px 0px 19px 8px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica;  line-height: 25px; }

.content-10 {width: 100%; padding: 19px 0px 19px 27px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica;  line-height: 25px; }

.content-11 {width: 100%; padding: 0px 0px 15px 0px; text-align:center; vertical-align:top; font-family: "Century Gothic", Arial, Helvetica; font-size:13px;
border-top: 0px solid #e0e0e0;
border-bottom: 1px solid #A03926;
border-right: 0px solid #e0e0e0;
border-left: 0px solid #e0e0e0;
}

table.content-12 {width: 140px; padding: 4px 4px 4px 4px; text-align:left; font-family: "Century Gothic", Arial, Helvetica;
border-top: 0px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
border-right: 1px solid #e0e0e0;
border-left: 1px solid #e0e0e0;
}

.content-13 {width: 674px; padding: 0px 0px 0px 22px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; }

.content-14 {height: 17px; width: 674px; padding: 18px 0px 0px 22px; border: 0px; text-align:left; vertical-align:middle; font-family: "Century Gothic", Arial, Helvetica; }

.manu-results {font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; font-weight: normal; color:#666666}
.price-results {font-family: "Century Gothic", Arial, Helvetica; font-size: 11px; font-weight: normal; color:#5ABC58}

.red-text { color:#A03926; }
.green-text { color:#5ABC58; }
.grey-text { color:#666666; }
.checkout-title-text {font-family: "Century Gothic", Arial, Helvetica; font-size:16px; font-weight:bold;

.page-title {font-family: "Century Gothic", Arial, Helvetica; font-size: 14px; font-weight: bold; color:#000000}