/*************************************************************************
' Function : CSS defintions for the store.
' Product  : CandyPress Store Frontend
' Version  : 4.1

' Modified : May 2007
' Copyright: Copyright (C) 2004 Webs Unlimited, Inc. 
'            See "license.txt" for this product for details regarding 
'            licensing, usage, disclaimers, distribution and general 
'            copyright requirements. If you don't have a copy of this 
'            file, you may request one at http://www.candypress.com
'**************************************************************************/

/* Tag Styles */
body, b, td, p { color: #333333; font-family: Verdana, Arial, Helvetica; font-size: 8pt; line-height: normal; }
h2 { margin: 15px 0 10px 0; }
h3 { margin: 15px 0 5px 0; }
select, input, textarea { padding: 1px; }
button, input[type="submit"], input[type="button"], input[type="reset"] {
    padding: 2px 4px 2px 4px;
    font-family: Tahoma, Sans-Serif; 
    font-size: 8pt;
    border-width: 1px;
    border-style: solid;
    background-position: top !important;
    cursor: pointer;
}

/* Alignments */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }

.content { margin: 0px; }
.content #features { float: left; width: 200px; margin-right: 20px; }
.content #main > p font { color: #b22222 !important; font-weight: bold; }
.content a.special { text-decoration: none; }
.content a.special:hover { text-decoration: underline; }

.pad { padding: 3px !important; }

ul.normal { color: #336699; }
ul.normal li { }

/* Color Styling (border widths and styles are defined in the element...input, th, etc.) */
.blue {
	background: transparent url(/assets/images/bar_darkBlue.gif) repeat-x bottom left;
	color: #274B6E;
	border-color: #5F8AB3;
}

.orange {
	background: transparent url(/assets/images/bar_darkOrange.gif) repeat-x bottom left;
	color: #87490B;
	border-color: #D48E2C;
}

.green {
	background: transparent url(/assets/images/bar_darkGreen.gif) repeat-x bottom left;
	color: #5C701F;
	border-color: #96A85E;
}

.subtitle 
{
	color:#336699;
	font-size:15px;
	line-height:17px;
}

/* All pages */

table.grid { width: 100%; border: 0; border-collapse: collapse; }
table.grid thead tr th { font-weight: bold; }
table.grid thead tr th, table.grid tfoot tr td { height: 30px; padding: 0 5px; border-style: solid; border-top-width: 1px; border-bottom-width: 1px; vertical-align: middle; }
table.grid tbody tr td { padding: 7px; border-bottom: 1px solid #cccccc; line-height:normal; }

#breadcrumb { margin: 15px 0 15px 0; }

#nextUp 
{
	display: block;
	clear: both;
	background-color: #FDF5E6;
	border: 1px solid #CD853F;
	padding: 15px; 
	margin: 15px 0 15px 0;
}
#nextUp, #nextUp b { color: #D48E2C; }

#JJJHeader { background: transparent url(/assets/images/headers/all-Categories.jpg) no-repeat scroll center top; }

#BillShipForm input[type="text"], #PaymentForm input[type="text"] { border: 1px solid #a9a9a9; padding: 2px; }
#BillShipForm select, #PaymentForm select, #PaymentForm textarea { border: 1px solid #a9a9a9; padding: 1px; }

#whatNow { margin: 30px 0 25px 0; font-size: 9pt; line-height: normal; }
#whatNow h2 { margin-bottom: 0; }
#whatNow ul { color: #B0C4DE; }
#whatNow ul li a { color: #336699; text-decoration: none; }
#whatNow ul li a:hover { color: #336699; text-decoration: underline; }

/* Styles for prodList.asp */
table.grid .categoryHead { text-align: center; padding: 7px; font-size: 10pt; border-bottom-color: #96A85E; }

/* Styles for prodView.asp */
#AddItemToCart { border: 1px solid #5F8AB3; }
#AddItemToCart tbody { background-color: #f5f5f5; }
#AddItemToCart tr td { border: 0; }
#prodDescription, #prodDetails { font-size: 9pt; line-height: normal; }
#relatedProducts { margin: 15px 0 25px 0; }
#relatedProducts ul { color: #c0c0c0; font-size: 9pt; }
#relatedProducts ul li { }
#relatedProducts ul li a { color: #696969; text-decoration: none; }
#relatedProducts ul li a:hover { color: #333333; text-decoration: underline; }

/* If the related products are the a message class...*/
.message #relatedProducts { margin: 0; }
.message #relatedProducts ul li { font-size: 10pt; }
.message #relatedProducts ul li a { font-size: 8.5pt; }
.message #relatedProducts ul li a:hover { color: #336699; }

/* Styles for 20_Customer.asp*/
#EditBillingInfo { float: left; width: 45%; margin-bottom: 20px; }
#EditShippingInfo { float: left; width: 50%; margin-bottom: 20px; }
#EditBillingInfo table tr td, #EditShippingInfo table tr td { padding: 3px; }
#column2 { clear: left; width: 33%; float: right; margin: 15px 0 0 20px; }
#column2 .order { border-left: 1px solid #5F8AB3; border-bottom: 1px solid #5F8AB3; border-right: 1px solid #5F8AB3; background-color: #f5f5f5; }

/* Styles for 40_SubmitOrder.as*/
#EditPaymentComments { float: left; width: 31%; padding: 0 20px 20px 0; }
#EditPaymentInfo { float: left; width: 31%; padding: 0 0 20px 0; }
#EditPaymentInfo table tr td { padding: 3px; }

/* Styles for _INCtools_.asp*/
#BillShipInfo { float: left; width: 31%; padding: 0 20px 20px 0; }
#BillShipInfo dt { width: auto; }
#BillShipInfo dd { margin-left: 12px; padding-bottom: 16px; }

#OrderInfo { float: left; width: 31%; padding: 0 20px 20px 0; }
#OrderInfo table { width: 100%; }
#OrderInfo table tr td { padding: 3px; }

#PaymentInfo { float: left; width: 31%; padding: 0 0 20px 0; }
#PaymentInfo table { width: auto; }
#PaymentInfo table tr td { padding: 3px; }

#SupplierInfo { clear: both; }
#SupplierInfo table.orderItems tbody { background-color: #f5f5f5; }
#SupplierInfo table.orderItems tbody tr td { vertical-align: middle; }
#SupplierInfo table.orderItems tfoot { background-color: #e5e5e5; border-bottom: 1px solid #cccccc; }
#SupplierInfo table.orderItems tfoot tr td { vertical-align: middle; border: 0; text-align: right; }
#SupplierInfo table.orderTotals { width: 100%; border: 0; border-collapse: collapse; }
#SupplierInfo table.orderTotals tr td { padding: 4px; font-size: 10pt; border:0; text-align: right; }
#SupplierInfo .orderTotals .total { font-weight: bold; font-size: 11pt; color: #d2691e; }

/*----------------------------------------------------------------------------------*/


/* Info Box WITHOUT Headings */
.CPbox1            {color: #333333; background-color: #F5F5F5; border: 1px solid #BBC3D3;}
.CPbox1 a:link     {color: #333333; font-size: 8pt; font-weight: bold; text-decoration: none;}
.CPbox1 a:visited  {color: #333333; font-size: 8pt; font-weight: bold; text-decoration: none;}
.CPbox1 a:hover    {color: #996666; font-size: 8pt; font-weight: bold; text-decoration: underline;}

/* Info Box WITH Headings ( H = Heading cell ; B = Body cell ) */
.CPbox2            {color: #333333; background-color: #F5F5F5; border: 1px solid #BBC3D3; width:100%; margin-bottom: 10px;}
.CPbox2H           {color: #333333; background: #DDDDDD url(/assets/images/bar_darkBlue.gif) repeat-x top; text-align: right; padding: 4px;}
.CPbox2H b         {color: #333333; float: left;}
.CPbox2H a         {font-size: 8px;}
.CPbox2B		   {color: #333333; background: #F5F5F5 url(/assets/images/bg_allCategories.gif) repeat-x center; line-height: normal; padding: 4px;}
.CPbox2B table	   {width: 100%;}
.CPbox2B a:link    {text-decoration: none; line-height: normal; font-size: 10px;}
.CPbox2B a:visited {text-decoration: none; line-height: normal;}
.CPbox2B a:hover   {text-decoration: underline;}

#SearchFeature p.CPbox2H { background: #DDDDDD url(/Cart/UserMods/img/find.png) no-repeat 3px center;}
#SearchFeature p.CPbox2H b { margin-left: 18px; }

#CartFeature p.CPbox2H { background: #DDDDDD url(/Cart/UserMods/img/cart.png) no-repeat 3px center;}
#CartFeature p.CPbox2H b { margin-left: 18px; }

#CategoriesFeature p.CPbox2H { background: #DDDDDD url(/Cart/UserMods/img/folder.png) no-repeat 3px center;}
#CategoriesFeature p.CPbox2H b { margin-left: 18px; }

#NavigationFeature p.CPbox2H { background: #DDDDDD url(/Cart/UserMods/img/world.png) no-repeat 3px center;}
#NavigationFeature p.CPbox2H b { margin-left: 18px; }

/* Box - Page Headings */
.CPpageHead, .CPpageHead b, h1.CPpageHead {
	color: #6B8F4F;
	font-family: Trebuchet, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:  bold;
}

/* Box - Page Navigation */
.CPpageNav { background-color: #EEEEEE; }

/* Box - General Headings */
.CPgenHeadings {background-color: #EEEEEE; border-top: 1px solid #cccccc;}

/* Box - Product Image (Home page) */
.CPhomeImg {background-color: #F5F5F5; border: 1px solid #CCCCCC;}

/* Box - Product Description (Home page) */
.CPhomeDesc {border-bottom: 1px solid #CCCCCC;}

/* Horizontal and Vertical lines */
.CPlines {background-color: #CCCCCC;}

/* Product Short Description (Except Detail page) */
.CPprodDesc {font-size: 9pt;}

/* Product Short Description (Detail page only) */
.CPprodDescDet {font-size: 11pt;}

/* Product Long Description */
.CPprodDescLong {}

/* Product Detail */
.CPprodDet {}

/* Product SKU */
.CPprodSKU {}

/* Product Price - Price Value & Text Label */
.CPprodPriceT, .CPprodPriceV { font-size: 9pt; color: #d2691e; }

/* Product Price - Text Label */
.CPprodPriceT { }

/* Product List Price - List Price Value & Text Label */
.CPprodLPriceT, .CPprodLPriceV { font-size: 8pt; color: #696969; }
.CPprodLPriceV { text-decoration: line-through; }

/* Product Sale Price - Text Label */
.CPprodSPriceT, .CPprodSPriceV { color: #CD853F; } /* #8B0000 */

/* Product Sale Price - Price Value */
.CPprodSPriceV { }

/* Free Shipping text */
.CPfreeShipMsg {color: #888888;}

/* In Stock text */
.CPinStock {color: #888888;}

/* Out of Stock text */
.CPoutStock {color: #A52A2A;}

/* No Image text */
.CPnoImgT {color: #800000;}

/* Category List */
.CPcatDescList {}

/* Category Description - No products linked to it */
.CPcatDesc {}

/* Category Description - Has products linked to it */
.CPcatDescProd {font-weight: bold;}

/* Option Description for "Optional" options */
.CPoptDesc {font-style: italic;}

/* Option Select box */
.CPoptSel {font-family: Verdana, Arial, helvetica; font-size: 8pt;}

/* Option Text box */
.CPoptTxt {font-family: Verdana, Arial, helvetica; font-size: 8pt;}

a.CPproductLink:link, a.CPproductLink:visited, a.CPproductLink:active { font-size: 10pt; font-weight: bold; color: #4682B4; text-decoration: none; }
a.CPproductLink:hover { text-decoration: underline; color: #d2691e; }


/* ------------------- */
/* ADDED - Version 2.3 */
/* ------------------- */

/* Box - 2, 3 and 4 Column Layout for product list page */
.CPcolsView {padding: 10px;}
#main table tr > td.CPcolsView { border-right: 1px dotted #dddddd; }
#main table tr td.CPcolsView { border-bottom: 1px dotted #dddddd; }
.CPcolsView a:link    {color: #000099; text-decoration: none;}
.CPcolsView a:visited {color: #000099; text-decoration: none;}
.CPcolsView a:hover   {color: #996666; text-decoration: underline;}

/* System Messages */
.CPsysMsg    {font-size: 9pt; font-style: italic;}
.CPsysMsgErr {color: #B22222; font-size: 10pt;}
.CPsysMsgURL {font-size: 10pt;}

/* ------------------- */
/* ADDED - Version 2.4 */
/* ------------------- */

/* Highlights used in search results */
.CPhighlight { background-color: #ffff66; font: inherit; }

/* ------------------- */
/* ADDED - Version 2.5 */
/* ------------------- */

/* Radio Button options */
.CPoptRadio {font-family: Verdana, Arial, helvetica; font-size: 8pt;}

/* Option Description for "Mandatory" options*/
.CPoptDescM { /*font-style: italic; color: Red; */ }


/* ---------------------*/
/* ADDED -- Version 3.0 */
/* ---------------------*/
.CPcloseWindow {font-size: 6pt; text-decoration: none;}
.install { 
	border: 1px solid #BBC3D3;
}

.installcomment {
	padding-left: 30px;
}

.textBlock {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

.maintClosed {
	color: red;
	font-size: 15pt;
	text-align: center;
}

.CPContactUs {

}

/* -------------------- */
/* ADDED -- Version 3.5 */
/* -------------------- */
.findTable {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}
.listTable {
	background-color: #EEEEEE;
}
.listRowTop {
	background-color: #DDDDCC;
	border-TOP: 1px solid #888888;
	border-bottom: 1px solid #888888;
}
.listRowHead {
	background-color: #DDDDDD;
}
.listRowBot {
	background-color: #DDDDCC;
	border-TOP: 1px solid #888888;
	border-bottom: 1px solid #888888;
}

/* --------------------  */
/* ADDED -- Version 4.1  */
/* --------------------  */
.cpbeta {
	color: red;
	font-size: 14pt;
	
}

/* New template style */ 
html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 0; /* center for now */
	width: 24em; /* ems so it will grow */
	background: url(../usermods/img/featurebox/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(../usermods/img/featurebox/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(../usermods/img/featurebox/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(../usermods/img/featurebox/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
	text-align: left;
}

.boxbody a {	
	text-decoration: none;
}
.boxbody a:hover {
	text-decoration: underline;
}
.boxbody span.cpCart {
	text-align: left;
	padding-right: 3em;
}