﻿
body 
{
    background-color: #000000;
    background-image: url(../images/cgbg.gif);
    background-repeat: repeat;
    background-position: left top;
    font-family: Comic Sans MS;
    text-align: center;
}
h1 {font-size: 20pt; padding: 5px; margin: 5px;}
h2 {}
a:link, a:visited, a:active {    color: #000000; }
a:hover {     color: #000000;}
.more {}
form { }
.xtitle {}


.pg { width: 85%; margin: auto;
    text-align: left; 
    background-color: #ffffff; }
.pg .l {}
.pg .m {}
.pg .r {}

/* Page Top */
.pg .t { padding: 3px; margin: 0px; }
/* Page Navigation */
.pg .n { visibility:hidden; height: 0px; padding: 0px; margin: 0px; }
/* Page Content */
.pg .c {background-color: Transparent; padding-top: 5px; border-top: 1px solid black;}
/* Page Bottom */
.pg .b { }

/* Page Footer */
.pg .f { }
.pg .f .l {}
.pg .f .m {}
.pg .f .r {}


.min {}
.main { }
.main .l {	}
.main .l .min {  }
.main .m {	}
.main .m .min {  }
.main .r {}
.main .r .min {  }


/* Main content blocks 
   b1 - Outer shadow
   b2 - Box and inner shadow
   cnt - Content of the box

   tbox - Title Box
   cbox - Content box */

/* Outer Shadow */
.b1 { }
/* Border/Inner shadow */
.b2 { }
.cnt {
    border-top: none;
    border-bottom: none;
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.bt0, .bb0 { visibility:visible;  }
.bt1, .bt2, .bt3, .bt4, .bb1, .bb2, .bb3, .bb4  { visibility:visible; }


/* Title Box "tbox" */
.tbox { background-color: #000000; color: #FFFFFF; }
.notitle { }
.notitle .b1, .notitle .b2, .notitle .cnt { }
.tbox .cnt { }
.tbox .b2 { }


/* Content Box */
.cbox { margin-bottom: 7px; }
.cbox .cnt { }

.cbox .cnt a:link {  }
.cbox .cnt a:visited {}
.cbox .cnt a:hover { }
.cbox .cnt a:active { }


.tbox .cnt,
.tbox .bt1, .tbox .bt2, .tbox .bt3, .tbox .bt4, .tbox .bb1, .tbox .bb2, .tbox .bb3, .tbox .bb4 
{    background-color: #000000; color: #ffffff; }
.cbox .cnt,
.cbox .bt1, .cbox .bt2, .cbox .bt3, .cbox .bt4, .cbox .bb1, .cbox .bb2, .cbox .bb3, .cbox .bb4,
.notitle .bt1, .notitle .bt2, .notitle .bt3, .notitle .bt4
{    background-color: #E4E4E4; }

/* Square Box */

.bb0, .bb1, .bb2, .bb3, .bb4, .bt1, .bt2, .bt3, .bt4, .bb0 {
    height: 0px;    
    margin: 0px; 
    padding: 0px; 
    border: none 0px;
}
.bb1, .bb2, .bb3, .bt1, .bt2, .bt3 {
    visibility:hidden; 
}
.tbox .bt4, .cbox .bt4, .notitle .bt4 {
    border-top: 1px solid black;
}
.tbox .bb4, .cbox .bb4 {
    border-bottom: 1px solid black;
}

/* end Square Box */


/* Joined Section - To join tbox and cbox use this and turn off the section for separate */
.tbox .bb0, .tbox .bb1, .tbox .bb2, .tbox .bb3, .tbox .bb4, 
.cbox .bt0, .cbox .bt1, .cbox .bt2, .cbox .bt3, .cbox .bt4 {
    visibility:hidden; 
    height: 0px;    
    margin: 0px; 
    padding: 0px; 
    border: none 0px;
}
 /* End Joined Section */
/* Separate Section - To separate tbox and cbox, use this and comment out the section above */
/* 
.notitle .bb0, .notitle .bb1, .notitle .bb2, .notitle .bb3, .notitle .bb4, 
.notitle .bt0, .notitle .bt1, .notitle .bt2, .notitle .bt3, .notitle .bt4 {
    visibility:hidden; 
    height: 0px;    
    margin: 0px; 
    padding: 0px; 
    border: none 0px;
}
.tbox { margin-bottom: 3px; }
*/ /* End Separate Section */ 




.main .l .tbox .cnt,
.main .l .cbox .cnt,
.main .l .bt1, .navbox .bt2, .navbox .bt3, .navbox .bt4, .navbox .bb1, .navbox .bb2, .navbox .bb3, .navbox .bb4 { }
.main .l a:link, .navbox a:visited, .navbox a:active, .navbox .hover { }

.main .m .cbox .cnt,
.main .m .bt1, .m .bt2, .m .bt3, .m .bt4, .m .bb1, .m .bb2, .m .bb3, .m .bb4 { background-color: #ffffff; border: none;}
.main .m .tbox .cnt { font-size: 12pt; padding: 4px; font-weight: normal; }
.main .m .cbox .cnt { }

.pg .t .tbox .cnt,
.pg .t .cbox .cnt,
.pg .t .bt1, .pg .t .bt2, .pg .t .bt3, .pg .t .bt4, .pg .t .bb1, .pg .t .bb2, .pg .t .bb3, .pg .t .bb4,
.pg .f .tbox .cnt,
.pg .f .cbox .cnt,
.pg .f .bt1, .pg .f .bt2, .pg .f .bt3, .pg .f .bt4, .pg .f .bb1, .pg .f .bb2, .pg .f .bb3, .pg .f .bb4 
{background-color: Transparent; border: none; }


/* Special Types of content blocks
   - feature - featured box
   - feature2 - secondary featured box
   - newsletter 
*/
.f .cnt { font-size: 7pt; }

.feature .tbox .b1 { }
.feature .tbox .b2 { }
.feature .notitle { }

.feature .tbox .cnt { }
.feature .cbox .cnt { }
.feature .cbox .b2 {}


.feature2 .tbox .b1 { }
.feature2 .tbox .b2{ }
.feature2 .tbox .cnt { }
.feature2 .cbox .b2{ }
.feature2 .cbox .cnt { }


.newsletter .cbox .cnt { }
.newsletter .cbox .cnt input{ }
.newsletter .form { }



/* Top menu navigation */
/* Top Menu */
.n .tbox { }
.n .tbox .b1 { }
.n .tbox .b2 { }
.n .tbox .cnt {	background-color: #D0D0D0;
	color: #000000;
}

/* Bottom Menu */
.n .cbox { }
.n .cbox .b1 { }
.n .cbox .b2 { }
.n .cbox .cnt {	background-color: #C0C0C0;
	color: #000000;
}

/* Menu Items - Navigation Links */
.n .nlink { }
.n .cbox .cnt .nlink { }
.n .nlinkend { }
.n .cbox .cnt .nlinkend { }


.nlinks a:link { color: #000000; }
.nlinks a:visited { color: #000000;}
.nlinks a:hover { color: #000000;}
.nlinks a:active { color: #000000;}


/* Sale listing */
.slisting {
color: #000000;
	font-size: 8pt;
}
.slisting .merchant a:link, .slisting .merchant a:active, 
.slisting .merchant a:visited, .slisting .merchant a:hover {
    font-size: 11pt; 
    font-weight: bold;}
.cnt .slisting a:link, .cnt .slisting a:active, 
.cnt .slisting a:visited, .cnt .slisting a:hover { color: #000000 }

.slisting .icon {
	width: 45px;
	vertical-align: top;
}
.slisting .slogo {  }
.slisting .slogo a:link, .slisting .slogo a:active,
.slisting .slogo a:visited, .slisting .slogo a:hover {color: #ffffff; }
.slisting .sale { font-size: 10pt; }
.slisting .slogo img {}
.slisting .exp {   }
.slisting .ccode {	font-size: 9pt; color: #999999; }
.slisting .details {
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC; 
	color: #999999;
}
.slisting .ctrl { color: #666666; }
.slisting .ctrl img {}


/* Modification of sale listing called quick */
.quick .slisting  { font-size: 8pt; }
.quick .slisting .sale { font-size: 8pt; font-weight: normal; }
.quick .slisting .merchant a:link, .quick .slisting .merchant a:visited,
.quick .slisting .sale a:link, .quick .slisting .sale a:visited{
	font-size: 9pt;
	color: #000000;
}
.quick .slisting .ccode {
    color: #777777;
}
.quick .slisting .exp { }
.quick3 .slisting { }

.feature .quick .slisting { }
.feature .quick .slisting .merchant { }


.banner .slisting { }
    
    
/* Merchant Listing */
.mlisting { }


.navbox .mlisting { }
.quick .clisting{ }
.m .clisting {font-size: 10pt;  }
.navbox .quick .clisting{ }
.navbox .nlink { }

/* Product listing */

.plisting { }
.plisting .prod { }
.plisting img{ }
.plisting .price { }
.plisting .ctrl { }
.plisting .ctrl img{ }
.main .r .plisting .prod{ }
.main .m .plisting .prod{ }

.main .l .info a {  }
.main .l .info { }
.main .m .info {  }
.main .m .info .cnt { }
.main .m .info .cnt img { }
.main .r .info a { }
.main .r .info { }

/* Store Info pages and site info pages */
.info { }
.info .cnt { }
.info img{ }
.info .rss { }
.info .rss img { }

.info .cbox .cnt { }

.main .info .tbox .cnt { }


.ttt { margin: 0px; padding: 0px; font-size: 29pt; font-weight: bold;  }
.ttt {	float: left;
	float/**/: none; }
/* easy clearing */
.ttt:after	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
.ttt {	display: inline-block; }
/*\*/
.ttt {	display: block;	}

.ttt a:link, .ttt a:visited, .ttt a:active, .ttt a:hover {
    text-decoration: none; 
}

 .tshadow1 { 
    color: #E0E0E0;
    float: left;
	width: 500px;
	margin-left: 9px;
	margin-top: 7px;
	display: inline;
 	border: none;
	vertical-align: top;

	}
 .tshadow2 {
    color: #C0C0C0;
    float: left;
	width: 500px;
	margin-left: -502px;
	margin-top: 5px;
	vertical-align: top;} 
 .tshadowtt {
    color: #CCCCCC;
    float: left;
	width: 500px;
	margin-left: -506px;
	margin-top: 0px;
	vertical-align: top;} 
 .tshadowtb {
    color: #CCCCCC;
    float: left;
	width: 500px;
	margin-left: -504px;
	margin-top: 2px;
	vertical-align: top;} 

 .ttext {   
    float: left;
	width: 500px;
	margin-left: -505px;
	margin-top: 1px;
	vertical-align: top;
	} 
.ttext a:hover, .ttext a:link,
.ttext a:visited, .ttext a:active {    color: #000000;}

.xmain .l 
{	float: left;
	width: 19%;
	margin-left: -79.5%;
	vertical-align: top;}
.xmain .m 
{	float: left;
	width: 60%;
	margin-left: 20%;
	display: inline;
 	border: none;
	vertical-align: top;	}
