/*
****************************************************************************************************
**  CSS Stylesheet
**
**	comic_style.css
**
**
**	(c)2005 h++


body  */
body, textarea{
	background-color: #000000;
	SCROLLBAR-BASE-COLOR: #ff0000;
	SCROLLBAR-FACE-COLOR: #360000;
	SCROLLBAR-HIGHLIGHT-COLOR: #000000;
	SCROLLBAR-SHADOW-COLOR: #ff0000; 
	SCROLLBAR-3DLIGHT-COLOR: #ff0000; 
	SCROLLBAR-ARROW-COLOR: #ffff00; 
	SCROLLBAR-TRACK-COLOR: #000000;
	SCROLLBAR-DARKSHADOW-COLOR: #000000; 
}

/* cells */
.navcell{
	background-color: #000000;
	background-image:url(/shop_images/redlineback_750000.gif);
}
.navblack{
	background-color: #000000;
}
.rightcell{
	background-color: #000000;
	/*background-image:url(/shop_images/redlineback_750000.gif);*/
}
.contentcell{
	background-color: #000000;	
}
.bottomcell{
	background-color: #000000;
	/*background-image:url(/shop_images/redlineback_750000.gif);*/
}
.logcell{
	background-color: #000000;	
}
.topcell{
	background-color: #000000;	
	background-image:url(/shop_images/pbmax_shop_topback_2.gif);
}
.titleline{
	background-image:url(/shop_images/redlineback_750000.gif);
}

/* title */

.title {
	COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 18pt;
}
.subtitle {
	COLOR: #ffff00;	
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 13pt;
}

.subtitlecell {
	background-image:url(/shop_images/redlineback_750000.gif);
}
.subtitlecellend {
	background-image:url(/shop_images/subtitle_end.gif);
	background-position: right top;
}

/* text */
.text {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 10pt
}
.textlink {
    COLOR: #ff0000;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.textlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}
/* smtext */
.smtext {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.smtextlink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.smtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}
/* microtext */
.microtext {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 7pt
}
.microtextlink {
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
.microtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}

/* agb text */

.agbtitle {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 10pt
}
.agbtext {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.agbtextlink {
    COLOR: #ff3333;
    TEXT-DECORATION: none
}
.agbtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}




/* list */
.listtitle {
	background-color: #000000;
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.listtext {
	background-color: #360000;
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.listtextlink {
    COLOR: #ff0000;
    TEXT-DECORATION: none
}
.listtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}

/* pageing */
.pageingcell {
	background-color: #000000   
}
.pageing {
    COLOR: #ff0000;
	background-color: #360000;
    FONT-FAMILY:  Comic Sans MS, arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}
.pageinglink {
    COLOR: #ff0000;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.pageingactive {
    COLOR: #ffff00;
	background-color: #5e0000;
    FONT-FAMILY: Comic Sans MS, arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}
.pageinglink:hover {
	COLOR: #000000;
	background-color: #ffff00   
}


/* log */
.logtext {
    COLOR: #ffffff;
    FONT-FAMILY: arial;
    FONT-SIZE: 7pt
}
.logtextlink {
    COLOR: #ffff00;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.logtextlink:hover {
    COLOR: #ff0000;
	text-decoration:underline
}



/* item */
.itemindextitle {
	background-color: #360000;
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 10pt
}
.itemindextitleinactive {
	background-color: #aaaaaa;
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 10pt
}
.itemindextitlelink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.itemindextitlelink:hover {
    COLOR: #ff0000;
	text-decoration:underline
}

.itemindextext {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}
.itemindextextlink {
    COLOR: #ff0000;
	FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.itemindextextlink:hover {
    COLOR: #0000ff;
	text-decoration:underline
}

.itemindexsmtext {
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.itemindexsmtextlink {
    COLOR: #ff3333;
    TEXT-DECORATION: none
}
.itemindexsmtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}

.itemindexprice {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}

.itemindexpic {
	background-color: #360000;
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.itemindexpicinactive {
	background-color: #aaaaaa;
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}

.itemprice {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 13pt
}




/* nav */
.topnav {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
	FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}
.topnavlink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.topnavlink:hover {
    COLOR: #ff0000;
	background-color: #000000;
}

.nav {
    COLOR: #ffff00;
	background-color: #360000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.navactive {
    COLOR: #ffff00;
	background-color: #5e0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.navlink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.navactivelink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.navlink:hover {
    COLOR: #ff0000
}
.navactivelink:hover {
    COLOR: #ff0000
}

.subnav {
    COLOR: #ffff00;
	background-color: #360000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.subnavactive {
    COLOR: #ffff00;
	background-color: #5e0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.subnavlink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.subnavactivelink {
    COLOR: #ffff00;
    TEXT-DECORATION: none
}
.subnavlink:hover {
    COLOR: #ff0000
}
.subnavactivelink:hover {
    COLOR: #ff0000
}

/* basket */
.baskettitle {
	background-color: #360000;
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt
}
.basketitem {
	background-color: #360000;
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 7pt
}
.basketitemlink {
	COLOR: #ffff00;
    TEXT-DECORATION: none
}
.basketitemlink:hover {
    COLOR: #ff0000;
}



 /*footer */
.footer {
	COLOR: #ffff00;
	FONT-FAMILY: Comic Sans MS, arial; 
	FONT-SIZE: 7pt
}
.footerlink {
	COLOR: #ffff00;	
	TEXT-DECORATION: none
}
.footerlink:hover {
    COLOR: #ffffff
}

/* info cell */
.error {
    COLOR: #000000;
	background-color: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}
.info {
    COLOR: #000000;
	background-color: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}


/* form */
.formtexttitle {
	background-color: #360000;
    COLOR: #ffff00;
	FONT-WEIGHT: bold;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}
.formtext {
	background-color: #360000;
    COLOR: #ff0000;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 9pt
}
.formtextlink {
    COLOR: #ff0000;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
.formtextlink:hover {
    COLOR: #ffff00;
	text-decoration:underline
}


/* buttons / formfields */

/* search */
.btn_search {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 7pt;   
	FONT-WEIGHT: bold;
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
	WIDTH: 50px;
	
}
.btn_search:hover {
	COLOR: #ff0000;
	background-color: #360000;
}
.btn_search:active {
	COLOR: #aaaa00;
	background-color: #000000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}
.input_search {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 7pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
	WIDTH: 80px;
}




/* std buttons */

.btn30 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
    WIDTH: 30px
}
.btn30:hover {
	COLOR: #ffff99;
}
.btn30:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}

.btn50 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
    WIDTH: 50px
}
.btn50:hover {
	COLOR: #ffff99;
}
.btn50:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}

.btn100 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
    WIDTH: 100px
}
.btn100:hover {
	COLOR: #ffff99;
}
.btn100:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}

.btn150 {
      COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
    WIDTH: 150px
} 
.btn150:hover {
	COLOR: #ffff99;
}
.btn150:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}

.btn200 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;
    WIDTH: 200px
} 
.btn200:hover {
	COLOR: #ffff99;
}
.btn200:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}

.btn300 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;    
	border-style: solid;
	border-width: 1;
	background-color: #5E0000;
	border-color: #ff0000 #aa0000 #aa0000 #ff0000;    
	WIDTH: 300px
}
.btn300:hover {
	COLOR: #ffff99;
}
.btn300:active {
	COLOR: #aaaa00;
	background-color: #360000;
    border-color: #aa0000 #ff0000 #ff0000 #aa0000;
}



/* form fields */

.input25 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 25px
}
.input50 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 50px
}
.input70 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
	WIDTH: 70px
}
.input100 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
	WIDTH: 100px
}
.input120 {
      COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 120px
}
.input150 {
      COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 150px
}
.input200 {
     COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 200px
}
.input250 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 250px
}
.input280 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 280px
}
.input300 {
     COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 300px
}
.input350 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 350px
}

.input400 {
    COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;    
	WIDTH: 400px
}
.input500 {
     COLOR: #ffff00;
    FONT-FAMILY: Comic Sans MS, arial;
    FONT-SIZE: 8pt;
	border-width: 1;    
	border-style: solid;
	background-color: #360000;
	border-color: #ff0000;
    WIDTH: 500px
}

.img_detail{
	border-width: 1;    
	border-style: solid;
	border-color: #ffff00;
}

.img_brand{
	border-width: 1;    
	border-style: solid;
	border-color: #ff0000;
}

.img_list{
	border-width: 1;    
	border-style: solid;
	border-color: #ff0000;
}

.img_list:hover{
	border-color: #ffff00;
}