/**************************************************************************************************/
/* Font Styles                                                                                    */
/* This reduces default size from 16px to 13px.                                                   */
/* All font-sizes are in ems and made to whole pixel sizes.                                       */
/**************************************************************************************************/

BODY {font-size:81.25%;}

/* Page heading, main body text and side-column subheadings */

BODY, H1, P, BLOCKQUOTE, LI {
	font-family: "Lucida Bright", Lucidabright, Georgia, "Bitstream Vera Serif", "Times New Roman", serif;
}
	
/* Code samples */

PRE, CODE, KBD {
	font-family: "Lucida Console", "Andale Mono", "monotype.com", "Bitstream Vera Sans Mono", monospace;
}

/* Main area subheadings, subtext, side-columns and forms */

H2, H3, H4, CAPTION, TH, TEXTAREA, INPUT, SELECT, FORM P, FORM H3, FORM LI, FORM DL, LEGEND, TD, .clsMenuNavigationCat, #miniCartOrderSummary, LI.BestSellerListItem {
	 font-family: Verdana, Geneva, Helevetica, sans-serif;
}
 
/* Special chars e.g. diacritics */

.char { 
	font-family: Georgia, "Bitstream Vera Serif", "Times New Roman", "Lucida Grande", "Lucida Sans Unicode", "Arial Unicode", Arial, Helvetica, sans-serif;
}

/* $WEFT Created by: George O'Hanlon (george.ohanlon@acoolplanet.com) on 11/21/2003 */

@font-face {
	font-family: Eurostile;
	font-style: normal;
	font-weight: bold;
	src: url(http://www.acoolplanet.com/include_commonElements/EUROSTI0.eot);
}

/**************************************************************************************************/
/* End Font Styles */
/**************************************************************************************************/

/**************************************************************************************************/
/* HTML Elements */
/**************************************************************************************************/

HTML {
	margin-bottom: 2em;
}

BODY {
	margin: 0px 4px 4px 4px;
	padding: 0px;
	width: 99%;
}

A {
	color: #000000;
}

A:link, A:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

A:active, A:hover {
	color: #CCCCCC;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: oblique;
	font-weight: bold;
	font-size: 10px;
}

UL, DL {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 1em;
}

OL {
	text-align: left;	
}

LI {
	padding-bottom: 5px;
}

UL {
	list-style-type: square;
	list-style-image: url('/images/arrow_left.gif');
}

H1 {
	font-size: 1.75em;
	font-weight: normal;
}

H2 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 0.9em;
	margin-bottom: 0.45em;
}

H3 {
	font-size: 1.25em;
	font-weight: normal;
	margin-top: 1.8em;
	margin-bottom: 0.45em;
	clear: left;
}

H4 {
	font-size: 1.25em;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: -0.2em;
}

P, BLOCKQUOTE, LI, TD {
	font-size: 1em;
	line-height: 1.25em;
}

ADDRESS {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 1.5em 0 2em;
	font-style: normal;
}

BLOCKQUOTE {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 1.5em 0 2em;
	font-style: italic;
}
 

HR {
	color: #C4C4C4;
	border: 1px;
}

/**************************************************************************************************/
/* End HTML Elements                                                                              */
/**************************************************************************************************/

#tdTopNav {
	background: white;
}

.tdLeftNav {
	background: white;
	width: 150px;
}

#tdLeftNav {
	background: white;
}

.tdRightNav	{
	background: white;
	width: 180px;
}

#tdRightNav	{
	background: white;
}

#tdBottomNav {
	background: white;
}

#tdContent {
	text-align: left;
}

.tblMainContent {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

#tblMainContent {
	background-color: white;
}

#divShippingHandlingCalculatorWrapper {
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	width: 220px;
}

#divOrderSummaryWrapper	{
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	width: 100%;
}

#divMainCheckout {
	width: 280px;
	text-align: center;
}

#divCheckoutWrapper	{
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	text-align: center;
	width: 100%;
}

#divLayawayTermsAndConditions {
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	text-align:center;
	width: 75%;
}

#frmPromo {
}

#frmGCRegister {
}

.BoxNotes {
	font-size: 11px;
	font-weight: normal;
	color: black;
	text-align: left;
	line-height: 120%
}

/* Login link on process_order */

#divCustomerLoginLink
{
	font-size: large;
	border: dotted 1pt black;
	padding: 9px 3px 9px 3px;
	margin: 9px 3px 9px 3px;
	background-color: Yellow;
	width: 100%;
}

TABLE.subnav {
	border:6px solid white; background-image: url('TEXTURE5.jpg');
}

TD.subnav {
	border:1px solid white; text-align:center;
	background-image: url('TEXTURE5.jpg');
}

.AltFont1 {
	color: #3A3A23;
}

.AltFont2 {
	color: #C0C0C5;
}

.ContentBar_Small {
	font-size: 7.5pt;
	color: #FFFFFF;
}

.Content_Small {
	font-size: 7.5pt;
	color: #C0C0C5;
}

.Content_Large {
	font-size: 13.5pt;
	color: #C0C0C5;
}

.ECheck {
	color: #C0C0C5;
}

.ECheck2 {
	font-size: 7.5pt;
	color: #C0C0C5;
}

.Error {
	font-size: 12pt;
	color: #FF0000;
}

.Footer {
	font-weight: bold;
	color: #FFFFFF;
}

.Middle_Top_Banner_Small {
	color: #F3C259;
}

.TopBanner_Large {
	font-size: 12pt;
	color: #3A3A23;
}

TABLE.Section {
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
} 

.DisplayBox {
	padding: 5px;
}
TABLE.DisplayBox {
	border-collapse: collapse;
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	padding: 5px;
}

TD.DisplayBox {				
	color: black;
	background-color: gainsboro;
	padding: 5px;
}

TH.MTP {
	font-size: 10pt;
	border-collapse: collapse;
	border-color: black;
}

TABLE.MTP, TD.MTP {
	border-collapse: collapse;
	border-color: black;
}

.tdAltFont1 {
	color: black;
	background-color: gainsboro;
}

.tdAltFont2 {
	color: black;
	background-color: whitesmoke;
}

.tdAltBG1 {
	background-color: #FCF6C2;
}

.tdAltBG2 {
	background-color: #D2D3BA;
}

.tdbackgrnd {
	background-color: white;
}

.tdBottomTopBanner {
	font-weight: normal;
	color: black;
	background-color: #F9F9F9;
	padding: 0.8em;
	text-align: left;
}

.tdBottomTopBanner2 {
	color: #C0C0C5;
	background-color: #C7C7C7;
}

.tdContent {
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
}

.tdContent2 {
	background-color: white;
	text-align: left;
}

.tdContent3 {
	background-color: #F9F9F9;
}

.tdContentBar {
	font-weight: bold;
	color: black;
	background-color: #C4C4C4;
}

.tdFooter {
	font-size: 0.9em;
	font-weight: normal;
	color: #777777;
	background-color: white;
}

.tdMiddleTopBanner {
	font-size: 1em;
	text-align: left;
	color: black;
	vertical-align: bottom;
}

.tdTopBanner {
	font-size: 1.25em;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: black;
	background-color: white;
	text-align: left;
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 3px;
}

H1.tdTopBanner {
	font-size: 2em;
	border-bottom: 5px solid #DEDEDE;
	font-weight: 900;
	padding-top: 3px;
	padding-bottom: 12px;
	}

/* Custom Top Banner styles */

.topNavigation {
	font-size: 0.975em;
	font-weight: normal;
	color: #777777;
	background-color: white;
	text-align: left;
}

.TopBanner {
	background-color: white;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

TABLE.Footer {
	background-color: white;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.navBar {
	color: white;
	font-size: 0.95em;
	background-color: #A9A9A9;
	margin: 0px;
	padding: 0px;
}

.formDesign	{
	font-size: 90%;
}

INPUT, TEXTAREA {
	font-size: 1em;
	color: #000000;
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
}

INPUT.formdesign {
	font-size: 1em;
	color: #000000;
	border: 1px solid #A9A9A9;
	margin: 0px;
	padding: 2px;
	vertical-align: middle;
}

INPUT.QtyBox {
	height: 14px;
	max-height: 14px;
}

INPUT.searchfield {
	font-size: 0.95em;
	padding: 0px;
}

IMG.button {
	border: 1px solid #A9A9A9;
	vertical-align: middle;
}

INPUT.stdbutton {
	color: #777;
	font-size: 100%;
	font-weight: bold;
	border: 1px solid;
	border-top-color: #A9A9A9;
	border-left-color: #A9A9A9;
	border-right-color: #A9A9A9;
	border-bottom-color: #A9A9A9;
	filter: progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#FFFFFF',EndColorStr='lightgrey');
	padding: 0px;
}

INPUT.radiobutton {
	border:0px;
}

.formCustomer  {
	padding: 5px;
	border-collapse: collapse;
	width: 100%;
}

.formRow {
	background-color: gainsboro;
} 

.formRowAlt {
	background-color: white;
}

.formcolLeft {
	font-size: 0.9em;
	font-weight: normal;
	text-align: right;
	border-right: 1px solid #A9A9A9;
	padding: 3px;
}

.formcolRight {
	text-align: left;
	padding: 3px;
}

/* End Custom Top Banner styles */

.tdTopBanner2 {
	font-size: 1em;
	font-weight: normal;
	text-align: left;
	background-color: #FFFFFF;
}

A:link.NoLine {
    color: blue;
    text-decoration: none
}

A:visited.NoLine {
    color: purple;
    text-decoration: none
}

A:hover.NoLine {
    color: navy;
    text-decoration: underline;
}

A:active.NoLine {
    color: red;
    text-decoration: none;
}

.clsCurrentLocation {
	font-size: 1.2em;
	font-weight: normal;
	color: red;
}

A.clsCurrentLocation {
    text-decoration: none;
}

A:visited.clsCurrentLocation {
	color: #6699CC;
}

A:hover.clsCurrentLocation {
	color: black;
    text-decoration: underline;
}

.clsMenuNavigation {
	background-color: #6699CC;
	font-size: 100%;
	font-weight: normal;
	color: #FFFFFF;
}

A.clsMenuNavigation {
	font-weight: bold;
	color: white;
    text-decoration: none
}

A:visited.clsMenuNavigation {
	color: white;
}

A:hover.clsMenuNavigation {
	color: yellow;
    text-decoration: underline
}

.clsMenuNavigationCurrent {
	background-color: #6699CC;
	font-size: 100%;
	font-weight: bold;
	color: 6786F9;
}

.clsMenuHeader {
	background-color: #6699CC;
	font-size: 100%;
	font-weight: bold;
	color: white;
}

.clsMenuBody {
	background-color: #f1f1f1;
	font-size: 1em;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
}

.clsCategoryTrail {
	text-align: left;
}

.categoryTrailCurrentCategoryName {
	text-align: left;
}

.clsMenuBodyLeft {
	border-left: 1px solid #6699CC;
	background-color: #f1f1f1;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

.clsMenuBodyRight {
	border-right: 1px solid #6699CC;
	background-color: #f1f1f1;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

.clsMenuContent {
	background-color: #f1f1f1;
	font-size: 100%;
	font-weight: bold;
	color: #ffffff;
}

.divPublisherMenu {
	text-align: center;
	width: 200px;
}

.divPublisherHeading {
	text-align: center;
	margin-top: 10px;
	margin-bottom: 12px;
	color: #FFFFCC;
	font-size: 18pt;
    text-decoration: underline
}

H1.mfgName {
	font-size: 16pt;
	display: inline;
	color: black
}

A.clsPublisherList {
    text-decoration: none
}

UL.clsPublisherList {
	text-align: left;
	list-style-type: disc
}

A.clsMenuNavigationMfg {
	color: #00A2FF;
	display: block;
}

.clsMenuNavigationTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 1.15em;
	font-weight: bold;
	text-align: center;
	border-bottom: 4px solid #DEDEDE;
	padding-bottom: 3px;
	margin-bottom:4px;
}

.clsMenuNavigationCat {
	font-size: 0.975em;
	font-weight: normal;
	color: #777777;
	padding-bottom: 3px;
}

TD.clsMenuNavigationCat {
	text-align: left;
}

TD.contentCenter {
	text-align: center;
}

A.clsMenuNavigationCat {
    text-decoration: none;
}

A:visited.clsMenuNavigationCat {
    text-decoration: none;
}

A:hover.clsMenuNavigationCat {
	color: black;
    text-decoration: underline;
}

A.clsMenuNavigationCat_Selected {
	font-weight: bold;
	color: #6699CC;
    text-decoration: none
}

A:visited.clsMenuNavigationCat_Selected {
	color: #6699CC;
}

A:hover.clsMenuNavigationCat_Selected {
	color: #6699CC;
    text-decoration: underline
}

A.clsMenuNavigationSubCat {
	font-size: 75%;
	font-weight: normal;
	font-style:italic;
	color:black;
    text-decoration: none
}

A:visited.clsMenuNavigationSubCat {
	color: black;
}

A:hover.clsMenuNavigationSubCat {
	color: #6699CC;
    text-decoration: underline
}

A.clsMenuNavigationSubCat_Selected {
	font-size: 75%;
	font-weight: normal;
	font-style:italic;
	color: #6699CC;
    text-decoration: none
}

A:visited.clsMenuNavigationSubCat_Selected {
	color: #6699CC;
}

A:hover.clsMenuNavigationSubCat_Selected {
	color: #6699CC;
    text-decoration: underline
}

A.clsMenuNavigationProduct {
	font-size: 75%;
	font-weight: bold;
	font-style: italic;
	color: #6699CC;
    text-decoration: none
}

A:visited.clsMenuNavigationProduct {
	color: #6699CC;
}

A:hover.clsMenuNavigationProduct {
	color: black;
    text-decoration: underline
}

A:link.clsBottomMenuNavigation {
	font-size: 100%;
	font-weight: bold;
	color: black;
    text-decoration: none;
}

A:visited.clsBottomMenuNavigation {
	font-size: 100%;
	font-weight: bold;
	color: black;
    text-decoration: none;
}

A:hover.clsBottomMenuNavigation {
	font-size: 100%;
	font-weight: bold;
	color: black;
    text-decoration: underline;
}

A:active.clsBottomMenuNavigation {
	font-size: 100%;
	font-weight: bold;
	color: black;
    text-decoration: none;
}

A.copyright {
    font-size: 0.85em;
    color: #777777;
    text-decoration: none;
}

A:visited.copyright {
   color: gray;
}

A:hover.copyright {
	color: #6699CC;
    text-decoration: underline;
}

.inputImage	{
	border: 1px solid #A9A9A9;
	vertical-align: middle;
	padding: 0px;
	margin: 4px;
}

H1.productName {
	margin-bottom: 6px;
}

H2.productName {
	font-weight: bold;
	margin-bottom: 6px;
}

H1.pageTitle {
	font-weight: bold;
	margin-bottom: 6px;
}

.prodDesc {
	font-size: 0.95em;
	color: black;
}

DIV.prodDesc {
	font-size: 0.95em;
	color: black;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
}

.prodDesc DIV {
	font-size: 0.95em;
	color: black;
	border-top: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
}

.bodyRed {
	font-size: larger;
	font-weight: bold;
	color: red
}

.detailContent1 {
	font-size: smaller;
	color: black;
	text-align: right;
	background-color: #F3F3F3;
	margin: 0px;
	padding: 4;
	border: 1px solid #FFFFFF;
	white-space: nowrap;
}

.detailContent2 {
	font-size: smaller;
	color: black;
	text-align: left;
	background-color: #F9F9F9;
	margin: 0px;
	padding: 4px;
	border: 1px solid #FFFFFF;
}

.detailContentCenter {
	font-size: smaller;
	color: black;
	text-align: left;
	background-color: #F9F9F9;
	margin: 0px;
	padding: 4px;
	border: 1px solid #FFFFFF;
}

.DetailTable {
	font-size: 0.9em;
	padding: 3px;
}

.DetailRow {
	background-color: gainsboro;
} 

.DetailRowAlt {
	background-color: white;
}

.DetailcolLeft {
	font-weight: normal;
	color: black;
	word-wrap: normal;
	text-align: right;
	padding: 3px;
	border-right: 1px solid black; 
	white-space: nowrap;
}

.DetailcolRight {
	text-align: left;
	padding: 3px;
}

#DetailCheckItems DIV {
	color: #777777;
	padding-left: 3px;
}

#DetailCheckItems DIV DIV {
	padding-left: 0px;
	padding-bottom: 3px;
}
 
.copyright {
	font-size: 0.75em;
	color: gray;
}

.highlightSearch {
	background-color: yellow;
	font-weight: bold;
}

.NOINDENT {
    margin-left: 5pt;
    margin-right: 5pt;
}

UL.clsList {
    margin-left: 0;
}	

LI.BestSellerListItem {
	font-size: 0.95em;
	text-align: left;
}

UL.clsMenu {
	font-weight: normal;
    text-decoration: none;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    list-style-type: none;
}

LI.clsMenu {
	font-size: 12pt;
	font-weight: normal;
	text-decoration: none;
	margin-left: 0pt;
	list-style-type: none;
	background-position: left;
}

UL UL.clsMenu {
    padding-right: 0pt;
    margin-left: 4px;
    margin-right: 5px;
    list-style-type: disc;
}

UL UL UL.clsMenu {
    padding-right: 0pt;
    margin-left: 12px;
    margin-right: 5px;
    list-style-type: square;
}
UL UL UL UL.clsMenu	{
    padding-right: 0pt;
    margin-left: 15px;
    margin-right: 5px;
    list-style-type: circle;
}

UL.MainBody	{
	font-size: 12pt;
	font-weight: normal;
    text-decoration: none;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 5px;
    list-style-type: disc;
}

.attExtDiv {
	background-color: white;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.attributeCategoryName {
}

.attExtDivDefault {
	background-color: gray;
	border-left-width: 1px;
	border-right-width: 1px;
	border-top-style: dotted;
	border-top-width: 1px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

A:link.attExtAttributeAnchor {
}

A:visited.attExtAttributeAnchor {
}

A:hover.attExtAttributeAnchor {
	color: red;
}

A:active.attExtAttributeAnchor {
}

A:link.attExtAttributeDetailAnchor {
}

A:visited.attExtAttributeDetailAnchor {
}

A:hover.attExtAttributeDetailAnchor	{
    color: red;
}

A:active.attExtAttributeDetailAnchor {
}

.productID {
	font-size: small;
}

.productName {
	font-weight: normal;
}

.sellPrice {
	font-size: 0.90em;
	font-weight: bold;
}

IMG.imgProductCheckout {
	width: 157px
}

TABLE.attributeDisplay {
	border-collapse:collapse;
	border-style: dashed;
	border-color: gray;
	border-width: 1px;
	margin-top: 12px;
	width: 200px;
}

TABLE.quantityDisplay {
	border-collapse: collapse;
	border-style: solid;
	border-color: #C0C0C5;
	border-width: 1px;
	margin-top: 12px;
	width: 200px;
}

TH.quantityDisplay {
	text-align: center;
	color: white;
	background-color: #C0C0C5;
}

TD.quantityDisplay {
	text-align: center;
	color: white;
	background-color: #C0C0C5;
}

.attributeDisplay {
}

.attributeDisplaySelected {
	background-color: yellow;
}

IMG.DetailImage	{
	border: 1px solid #A9A9A9;
	background-image: url('http://acoolplanet.com/images/NoDetailImage.gif');
	background-repeat: no-repeat;
	width: 220px;
	height: 220px;
}

TABLE.detailPage {
	border: 0px;
	padding: 0px;
	width: 100%;
	background-color: white;	
}

/**************************************************************************************************/
/* Price styles */
/**************************************************************************************************/
	
.itemOnSalePrice {
	font-size: 100%;
	text-decoration: line-through;
}

.SalesPrice	{
	font-size: 100%;
	font-weight: bold;
	color: #FF0000;
}

.YouSave {
	font-size: 100%;
	font-style: italic;
	color: #FF0000;
}

/**************************************************************************************************/
/* End Price styles */
/**************************************************************************************************/

/**************************************************************************************************/
/* Right Navigation Styles */
/**************************************************************************************************/

.rtdContent {
	background-color: #F9F9F9;
}

.rtdTopBanner {
	color: #00A2FF;
	background-color: #D5D5DD;
	font-weight: bold;
}

IMG.rtdTopBannerTopLeft	{
	background-image: url('../images/searchBarTopLeft.gif');
	height: 4px;
	width: 4px
}

IMG.rtdTopBannerTopCenter {
	height: 4px;
	width: 4px;
}

IMG.rtdTopBannerTopRight {
	background-image: url('../images/searchBarTopRight.gif');
	height: 4px;
	width: 4px
}

IMG.rtdTopBannerBottomLeft {
	background-image: url('../images/searchBarBottomLeft.gif');
	height: 4px;
	width: 4px
}

IMG.rtdTopBannerBottomCenter {
	height: 4px;
	width: 4px;
}

IMG.rtdTopBannerBottomRight {
	background-image: url('../images/searchBarBottomRight.gif');
	height: 4px;
	width: 4px
}

.rclsMenuBody {
	background-color: #f1f1f1;
	font-size: 100%;
	font-weight: bold;
	color:#00A2FF;
	text-align: left;
}

TD.rclsMenuNavigationCat {
	text-align: left;
}

A.rclsMenuNavigationCat	{
    text-decoration: none
}

A:visited.rclsMenuNavigationCat	{
    text-decoration: none;
}

A:hover.rclsMenuNavigationCat {
    text-decoration: underline;
}

/****************************************************/
/* Hyperlinks for right nav - Recently viewed items */
/***************************************************/

.rclsRecentlyViewedMenuBody	{
	text-align: left;
}

TD.rRecentlyViewedItems	{
	font-size: 0.95em;
	font-weight: bold;
	color: #605AB6;
	text-align: left;
}

A.rRecentlyViewedItems {
	color: black;
    text-decoration: none;
}

A:visited.rRecentlyViewedItems {
    text-decoration: none;
}

A:hover.rRecentlyViewedItems {
    text-decoration: underline;
}

/**************************************************************************************************/
/* End Right Navigation Styles                                                                    */
/**************************************************************************************************/

/**************************************************************************************************/
/* Left Navigation Styles                                                                         */
/**************************************************************************************************/

/*****************************************************************/
/* Rounded Corners												 */
/*****************************************************************/

	div.roundCorner
	{
		background: transparent;
		margin:1em;
		margin: 0 0 0 0;
	}

	h1.roundCorner

	{
		width: 100%;
		margin:0 0px;
		text-align: center;
		font-size:1.0em;
		color: #3279FD;
		background:#F1F1F1;
		border-bottom: 1px solid #A9A9A9;
		padding-bottom: 3px;
	}

	p.roundCorner{margin:0 2px; padding-bottom:0.5em;}
	.roundCorner_cap {width: 100%; display:block; background:transparent; font-size:1px;}
	.roundCorner_x1, .roundCorner_x1_top{display:block;	overflow:hidden; height:1px; margin:0 5px;}
	.roundCorner_x2, .roundCorner_x2_top{display:block; overflow:hidden; height:1px; margin:0 3px;}
	.roundCorner_x3, .roundCorner_x3_top{display:block; overflow:hidden; height:1px; margin:0 2px;}
	.roundCorner_x4, .roundCorner_x4_top{display:block; overflow:hidden; height:2px; margin:0 1px;}
	/****************************/
	/* Set the border color     */
	/****************************/
	.roundCorner_x2, .roundCorner_x2_top, .roundCorner_x3, .roundCorner_x3_top, .roundCorner_x4, .roundCorner_x4_top, .roundCorner_content {border-left:1px solid #A9A9A9; border-right:1px solid #A9A9A9;}
	.roundCorner_x1, .roundCorner_x1_top {background:#A9A9A9;}
	.roundCorner_x2, .roundCorner_x2_top {border-width:0 2px;}
	/****************************/
	/* Set the top color	    */
	/****************************/
	.roundCorner_x2_top, .roundCorner_x3_top, .roundCorner_x4_top {background:#F1F1F1;}
	/****************************/
	/* Set the content color    */
	/****************************/
	.roundCorner_content {display:block; border-width:0 1px; background:white;}
	/****************************/
	/* Set the bottom color     */
	/****************************/
	.roundCorner_x2, .roundCorner_x3, .roundCorner_x4 {background:white;}

/****************************/
/* End Rounded Corners	    */
/****************************/

.clsPart {
	background-color: #F1F1F1;
	border-width: 1px;
	border-color: gray;
	border-collapse: collapse;
}

.ltdbackgrnd {
	background-color: #F1F1F1;
}

/* Left Navigation TD background */

.ltdContent {
	background-color: #F1F1F1;
}  

/* Left heading style */
  
.ltdTopBanner {
	font-size: 1em;
	font-weight: bold;
	color: #3279FD;
}

IMG.ltdTopBannerTopLeft	{
	background-image: url('../images/topLeft.gif');
	height: 8px;
	width: 8px
}

IMG.ltdTopBannerTopCenter {
	background-image: url('../images/transparent.gif');
	height: 8px;
	width: 8px
}

IMG.ltdTopBannerTopRight {
	background-image: url('../images/topRight.gif');
	height: 8px;
	width: 8px
}

IMG.ltdTopBannerBottomLeft {
	background-image: url('../images/transparent.gif');
	height: 8px;
	width: 8px
}

IMG.ltdTopBannerBottomCenter {
	background-image: url('../images/transparent.gif');
	height: 2px;
	width: 2px
}

IMG.ltdTopBannerBottomRight {
	background-image: url('../images/transparent.gif');
	height: 2px;
	width: 2px
}

/*****************************************************************/
/* Left menu body styles (categories, links) */
/*****************************************************************/

.rdcornr_box {
	background: url('/images/rdcornr_tl.png') no-repeat top left;
}

.rdcornr_top {
	background: url('/images/rdcornr_tr.png') no-repeat top right;
}

.rdcornr_bottom {
	background: url('/images/rdcornr_bl.png') no-repeat bottom left;
}

.rdcornr_bottom DIV {
	background: url('/images/rdcornr_br.png') no-repeat bottom right;
}

.rdcornr_content {
	background: url('/images/rdcornr_r.png') repeat-y top right;
}

.rdcornr_top div, .rdcornr_top, .rdcornr_bottom div, .rdcornr_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.rdcornr_bottom {
	margin-top: -19px;
}

.rdcornr_content {
	padding: 0 10px;
	margin-top: -14px;
}

.lclsMenuBody {
	background-color: white;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
} 

TD.lclsMenuNavigationCat {
	text-align: left;
}

A.lclsMenuNavigationCat {
	font-size: 0.85em;
	font-weight: normal;
	color: #58558B;
    text-decoration: none
}

A:visited.lrclsMenuNavigationCat {
	color:black;
}

A:hover.lclsMenuNavigationCat {
	color:black;
    text-decoration: underline
}

/*****************************************************************/
/* Left menu subcategory styles */
/*****************************************************************/

A.lclsMenuNavigationSubCat {
	font-size: 0.75em;
	font-weight: normal;
	color: black;
    text-decoration: none;
}

A:visited.lclsMenuNavigationSubCat {
	color: black;
}

A:hover.lclsMenuNavigationSubCat {
	color: black;
    text-decoration: underline
}

/*****************************************************************/
/* Left menu subcategory styles*/
/*****************************************************************/

A.lclsMenuNavigationSubSubCat {
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
    text-decoration: none;
}

A:visited.lclsMenuNavigationSubSubCat {
	color: black;
}

A:hover.lclsMenuNavigationSubSubCat {
	color: black;
    text-decoration: underline
}

/**************************************************************************************************/
/* End Left Navigation Styles                                                                     */
/**************************************************************************************************/

/*****************************************************************/
/* Costume Finder menu body styles (Types of Costumes, links) */
/*****************************************************************/

.rdcornr_box {
	background: url('/images/rdcornr_tl.png') no-repeat top left;
}

.rdcornr_top {
	background: url('/images/rdcornr_tr.png') no-repeat top right;
}

.rdcornr_bottom {
	background: url('/images/rdcornr_bl.png') no-repeat bottom left;
}

.rdcornr_bottom DIV {
	background: url('/images/rdcornr_br.png') no-repeat bottom right;
}

.rdcornr_content {
	background: url('/images/rdcornr_r.png') repeat-y top right;
}

.rdcornr_top div, .rdcornr_top, .rdcornr_bottom div, .rdcornr_bottom {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

.rdcornr_bottom {
	margin-top: -19px;
}

.rdcornr_content {
	padding: 0 10px;
	margin-top: -14px;
}

.costumeMenuBody {
	background-color: F1F1F1;
	font-size: 1em;
	font-weight: crisp;
	text-align: left;
} 

TD.costumeMenuNavigationCat {
	text-align: left;
}

A.costumeMenuNavigationCat {
	font-size: 0.85em;
	font-weight: normal;
	color: #58558B;
    text-decoration: none
}

A:visited.lrclsMenuNavigationCat {
	color:black;
}

A:hover.lclsMenuNavigationCat {
	color:black;
    text-decoration: underline
}

/*****************************************************************/
/* Costume finder subcategory styles */
/*****************************************************************/

A.lclsMenuNavigationSubCat {
	font-size: 0.75em;
	font-weight: normal;
	color: black;
    text-decoration: none;
}

A:visited.lclsMenuNavigationSubCat {
	color: black;
}

A:hover.lclsMenuNavigationSubCat {
	color: black;
    text-decoration: underline
}

/*****************************************************************/
/* Costume finder subcategory styles*/
/*****************************************************************/

A.lclsMenuNavigationSubSubCat {
	font-size: 0.75em;
	font-weight: normal;
	color: #999999;
    text-decoration: none;
}

A:visited.lclsMenuNavigationSubSubCat {
	color: black;
}

A:hover.lclsMenuNavigationSubSubCat {
	color: black;
    text-decoration: underline
}

/**************************************************************************************************/
/* End costume finder Navigation Styles                                                                     */
/**************************************************************************************************/

/**************************************************************************************************/
/* Cart Summary Section	                                                                          */
/**************************************************************************************************/

.clsMiniCart {
	text-align: center;
}

#miniCartOrderSummary {
	border-collapse: collapse;
	border-color: #F9F9F9;
	border-width: 1px;
	border-style: solid;
	width: 130px;
}

.cartSummaryBanner {
	color: #FFFFFF;
	background-color: #A9A9A9;
	font-weight: bold;
}

.cartSummaryLabel {
	background-color: #F1F1F1;
	font-size: 0.95em;
	font-weight: normal;
	color: #777777;
	text-align: left;
}

.cartSummaryContent {
	background-color: white;
	font-size: 0.95em;
	font-weight: bold;
	color: #777777;
	text-align: right;
}

/**************************************************************************************************/
/* End Cart Summary Section                                                                       */
/**************************************************************************************************/

IMG.MoreInfo
{	
	background-color: black;
	background-image: url('http://static.flickr.com/45/132753346_c2e3722298_m.jpg');
	background-repeat: no-repeat
}

#detailLargeImage {
	float: left;
	padding-right: 6px
}

/**************************************************************************************************/
/* Search Grid Styles                                                                             */
/**************************************************************************************************/

.searchGridTable {
	border-collapse: collapse;
	padding: 5px;
	width: 98%;
}

.searchGridHeader {
	background-color: #DEDEDE;
}

.searchGridCell {
	text-align: center;
	vertical-align: top;
}

.searchGridProductID {
	font-size: 85%;
	font-weight: normal;
}

.searchGridProductDescription {
	font-size: 85%;
	text-align: left;
}

.searchGridMoreDetails {
	font-size: 85%;
	font-weight: normal;
}

/**************************************************************************************************/
/*  End Search Grid styles                                                                        */
/**************************************************************************************************/

.imgProductSearchResults
{
	border: solid 1pt black;
}

/**************************************************************************************************/
/* Styles Applied to the Navagation Sidebar                                                       */
/**************************************************************************************************/

#navButts {
	color: #000066;
	font-size: 70%;
	width: 150px;
	margin-left: 12px;
	margin-right: 6px;
}

#navButts a:link, #navButts a:visited {
	background-color: #003b71;
	border: 1px solid #999999;
	color: #D8D8C1;
	display : block;
	line-height: 120%;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-top: 2px;
	text-decoration: none;
	margin-bottom: 4px;
	font-weight: bold;
}

#navButts a:hover, #navButts a:active {
	background-color: #D8D8C1;
	border: 1px solid #C0C0C0;
	color: #333333;
	text-decoration: none
}

A:link.aNavButtsIndent1, a:visited.aNavButtsIndent1 {
	background-color: yellow;
	border: 1px solid #999999;
	color: yellow;
	display: inline;
	line-height: 120%;
	padding-bottom: 2px;
	padding-left: 12px;
	padding-top: 2px;
	text-decoration: none;
	margin-bottom: 4px;
	font-weight: bold;
}

A:hover.aNavButtsIndent1, a:active.aNavButtsIndent1 {
	background-color: yellow;
	border: 1px solid #C0C0C0;
	color: yellow;
	display: inline;
	text-decoration: none
}

#adminMenu {
	border: solid 1pt black;
	padding: 5pt 5pt 5pt 5pt;
}

DIV.adminCMS {
	border: dashed 1pt black;
	padding: 1pt 1pt 1pt 1pt;
}

A.adminCMS {
	display: block;
	background-color: yellow;
	font-size: small;
	background-image: url('../ssl/ssAdmin/images/PENCIL01.ICO');
	background-position:  left 50%;
	background-repeat: no-repeat
}

IMG.adminEdit {
	width: 32px;
	height: 32px;
	border: 0pt solid black;
	background-image: url('../ssl/ssAdmin/images/PENCIL01.ICO');
}

TABLE.myAccount	{
	width: 100%;
	border-collapse: collapse;
	border: 0px;
	margin-top: 1em;
	padding: 0px;
}

TR.myAccount {
	background-color: #A9A9A9;
}

/**************************************************************************************************/
/*  Preorder Display styles                                                                       */
/**************************************************************************************************/

.preOrderPriceLabel	{
	color: #FF00FF;
	font-size: larger
}

.preorderDetailMessage {
	border: 1pt solid black;
	padding: 3px 3px 3px 3px;
	background-color: yellow
}

.preorderDetailMessageSecondary	{
	color: red;
	font-size: 2px
}

.preorderCartDetailMessage {
	border: 1pt solid black;
	padding: 3px 3px 3px 3px;
	background-color: yellow
}

.preorderCartSummaryMessage	{
	border: 1pt solid black;
	padding: 3px 3px 3px 3px;
	background-color: yellow;
	text-align: center;
	margin-bottom: 6px;
}

/**************************************************************************************************/
/*  Search Bar Customization                                                                      */
/**************************************************************************************************/

TABLE.clsSearchBar {
	width: 98%;
	margin: 3px 0px 3px 0px;
}

.clsSearchBar {
	background-color: #F9F9F9;
}

.clsSearchBarPagingText	{
	font-size: 95%;
	font-weight: normal;
	color: #777777;
}

IMG.searchBarTopLeft {
	background-image: url('images/searchBarTopLeft.gif');
	height: 8px;
	width: 8px
}

IMG.searchBarTopCenter {
	height: 8px;
	width: 8px;
}

IMG.searchBarTopRight {
	background-image: url('images/searchBarTopRight.gif');
	height: 8px;
	width: 8px
}

IMG.searchBarBottomLeft	{
	background-image: url('images/searchBarBottomLeft.gif');
	height: 8px;
	width: 8px
}

IMG.searchBarBottomCenter {
	height: 8px;
	width: 8px;
}

IMG.searchBarBottomRight {
	background-image: url('images/searchBarBottomRight.gif');
	height: 8px;
	width: 8px
}

A.VolumePricing	 {
	color: black;
}

A.CheckStock {
	color: black;
}

A.EstimateShipping {
	color: black;
}

DIV.outOfStock {
	border: 1px dotted black;
	margin-top: 6px;
	padding: 3px 3px 3px 3px;
}

.outOfStockHead	{
	font-weight: bold
}

.outOfStockText	{
	margin-top: 6px;
}

/******************************************************************/
/* RSS Feed Styles                                                */
/******************************************************************/

#rssFeed {
	height: 180px;
	border: 0px solid #A9A9A9;
	padding: 5px;
	background-color: #F9F9F9;
	text-align: left;
	margin: 0px;
}

.rsstitle A {
	color: #FF0000;
	font-weight: bold;
}

.rssclass {
	font-weight: normal;
	font-size: 0.875em;
}

.rssclass, .rssdate {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #777777;
}

.rssdate {
	font-size: 0.825em;
}

.rssclass A {
	text-decoration: none;
}

/******************************************************************/
/* End RSS Feed Styles                                            */
/******************************************************************/

/******************************************************************/
/* Banner Styles                                                  */
/******************************************************************/

TABLE.topBanner {
	border: 0px;
	border-collapse: collapse;
	border: 0px;
	margin: 0px;
	padding: 0px;
	width:100%;
}

.bannerGold {
	background-image: url('http://acoolplanet.com/images/banners/home_banner_06_03.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.bannerBeige {
	background-image: url('http://acoolplanet.com/images/banners/beige_banner_bkgd.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.bannerGrey {
	background-image: url('http://acoolplanet.com/images/banners/grey_banner_bkgd.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.bannerBlack {
	background-image: url('http://acoolplanet.com/images/banners/home_banner_03_03.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.bannerBlue {
	background-image: url('http://acoolplanet.com/images/banners/home_banner_04_03.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.bannerBlueGrad {
	background-image: url('http://acoolplanet.com/images/banners/home_banner_05_03a.jpg');
	background-repeat: repeat-x;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/******************************************************************/
/* End Banner Styles                                              */
/******************************************************************/ 

/******************************************************************/
/* Dynamic Product Display Styles                                 */
/******************************************************************/ 

.dynProdBasicCell {
	text-align: center;
	padding: 3px;
}

IMG.dynProd {
	width: 110px;
	height: 110px;
	border: 0px;
	padding: 3px;
	margin: 3px;
}

IMG.dynProdBasic {
	width: 110px;
	height: 110px;
	border: 1px;
	border-color: #CCCCCC;
	margin: 3px;
	background-image: url('http://acoolplanet.com/images/NoImage.gif');
	background-repeat: no-repeat;
}


IMG.dynProdSmall {
	width: 55px;
	height: 55px;
	border: 1px solid #A9A9A9;
	padding: 3px;
	margin: 3px;
}

/******************************************************************/
/* End Dynamic Product Display Styles                             */
/******************************************************************/ 

/******************************************************************/
/* Home Page Styles           	                                  */
/******************************************************************/

div #wrapper {
	width: 100%;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px;
}

div #header {
	padding: 0px;
	margin: 0px;
}

div #main {
	margin-left: 230px;
	margin-top: 5px;
	padding: 0px;
}

#footer {
	clear:both;
	color:#808080;
	padding: 10px;	
}
 
#col-left {
	float: left;
	width: 220px;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0px;
}

#col-left .col-image {
	background-color: #FFFFFF;
	float: left;
	width: 40px;
	overflow: hidden;
	border: 0px;
}

#col-left .col-text {
	float: left;
	margin-top: -2px;
	width: 180px;
	overflow: hidden;
}
 
P.separator {
	float: left;
	width: 100%;
	border-top: 1px solid #DEDEDE;
	line-height: 1px;
	margin-top: 3px;
}

A.header-link {
	display: block;
	text-decoration: none;
	font-weight: bold;
}

A.header-link:hover {
	text-decoration: underline;
}

.highlight {
	color: red;
}

#col-left H2 {
	font-family: Arial, Helvetica, sans-serif;
	color: black;
	font-size: 1.15em;
	font-weight: bold;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-bottom: 4px solid #DEDEDE;
}

#col-left P {
	font: 12px/14px Arial, Helvetica, sans-serif;
	color: #000;
}

/******************************************************************/
/* End Home Page Styles                                            */
/******************************************************************/ 

/******************************************************************/
/* Education and Help Styles                                      */
/******************************************************************/ 

.shopTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 40px;
	font-weight: 200;
	letter-spacing: -0.02em;
	word-spacing: -0.05em;
	color: #CCCCCC;
	padding-top: 10px;
	padding-right: 0px ;
	padding-bottom: 10px;
	padding-left: 2px;
	margin: 0px;
	vertical-align: bottom;
	white-space: nowrap;
	line-height: 1;
	text-transform: none;
}

.shopLeft {
	font-size: 10px
	 color: #777777;
	text-transform: uppercase;
}

.shopCenterTop {
	font-size: 12px;
	color: #000000;
	line-height: 120%;
	margin-bottom: 5px;
	text-align: left;
}

.shopCenterDesc {
	font-size: 10px;
	color: #777777;
	line-height: 120%;
	margin: 0px;
	text-align: left;
}

.shopCenterBottom {
	font-size: 10px;
	color: #777777;
	text-transform: uppercase;
	line-height: 120%;
	padding: 0px;
	}

.shopRightCat {
	font-size: 12px;
	color: #000000;
	line-height: 175%;
	white-space: nowrap;
	text-align: left;
}

.imageCat {
	border: 1px #CCCCCC;
	color: #CCCCCC;
}

.shopRightBorder {
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image: url('http://www.acoolplanet.com/images/vertical_rule.gif'); 
	background-repeat: repeat-y;
}

.copyRed {
	color: red;
}
 
.caption {
	font-size: 0.9em;
	color: #777777;
	margin-bottom: 24px;
}

.mHead1 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 18pt;
	color: #777777;
	margin-bottom: 24px;
	text-align: left;
}
.mHead2 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1.15em;
	font-weight: 700;
	color: #777777;
	line-height: 120%;
	margin-top: 12px;
	margin-bottom: 6px;
	text-align: left;
}
 
.mHead3 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: 700;
	color: #777777;
	line-height: 120%;
	margin-top: 12px;
	margin-bottom: 6px;
	text-align: left;
}

.mHead4 {
	font-family: Verdana, Geneva, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: 700;
	color: #777777;
	line-height: 120%;
	margin-top: 6px;
	margin-bottom: 0px;
	text-align: left;
}

.mBody {
	font-size: 1em;
	color: #000000;
	line-height: 150%;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 1em;
}

UL.mBody {
	font-size: 1em;
	color: #000000;
	line-height: 150%;
	text-align: left;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	padding-left: 1em;
}

/******************************************************************/
/* End Education and Help Styles                                  */
/******************************************************************/