/**************************************************************
 *                                                            *
 * CSS file for john-garfield.com                         *
 *                                                            *
 **************************************************************/



/**************************************************************
 * default
 */
 
body {
	margin: 0px;
	background-color: #111111;
	padding: 0px;
 	font-family: "Arial", Verdana. Tahoma;
	color: #FFFFFF;
}

table {
	border-style:solid;
	border-width:0px;
	border-color:#000000;
	padding: 0px;
	margin: 0px;
}

.bottom_copy {
        color: #666666;
        font-size: 12px;
        font-family: "Arial", Verdana, Tahoma;
}

.bottom_copy a {
        color: #666666;
		text-decoration: none;
}

.bottom_copy a:hover {
        color: #333333;
		text-decoration: none;
}

.bottom_text {
        color: #999999;
        font-size: 12px;
        font-family: "Arial", Verdana, Tahoma;
}

.bottom_text a {
        color: #999999;
		text-decoration: none;
}

.bottom_text a:hover {
        color: #333333;
		text-decoration: none;
}

.divpopup {
	position: absolute;
	visibility: hidden;
	width: 600px;
	height: 250px;
	top:500px;
	background-color: #ffffff;
	border: 5px solid #666666;
	padding: 10px;
	text-align: left;
}

#close {
	float: right;
}


/* OLD */



body,
.text,
.systemtext,
.classicInfoText {
        color: #ffffff;
        font-size: 11px;
        font-family: "Arial", Verdana, Tahoma;
}
.text a, 
.text a:visited,
.text a active {
	    color: #ffffff;
        font-size: 11px;
        font-family: "Arial", Verdana, Tahoma;
		text-decoration:none;
}

.text a:hover {
	    color: #ffffff;
        font-size: 11px;
        font-family: "Arial", Verdana, Tahoma;
		text-decoration:underline;
}

.classicInfoText table, tr, td {
        color: #ffffff;
        font-size: 11px;
        font-family: "Arial", Verdana, Tahoma;
}

.texterr {
        color: #ff0000;
        font-size: 10px;
        font-family: "Arial", Verdana, Tahoma;
}

.textsystem {
        color: #4d4d4d;
        font-size: 10px;
        font-family: "Arial", Verdana, Tahoma;
        letter-spacing:2px;
}

.textsmall { font-size: 10 }

.texttitle {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 16px;
        font-family: "Arial", Verdana, Tahoma;
        text-decoration: underline;
        margin-right: 20px;
        font-weight: bold
}

.textpricetype {
        color:#777;
        font-weight: normal;
        text-decoration: none;
        font-size: 9px;
        line-height: 9px;
        font-family: "Arial", Verdana, Tahoma;
}
.textsalepricetype {
        color:990000;
        font-weight: bold;
        text-decoration: none;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
}

.textcomp {
         letter-spacing:1px;
	 font-size:11px;

}

p.justify { text-align: justify }

a {
        color: #999999;
        text-decoration: none
}
a:hover {
        color: #ffffff;
        text-decoration: underline
}

.boxtitle {
        color: #ffffff;
        font-size: 10px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-align: left
}
/**************************************************************/

/**************************************************************
 * Product
 */
.producttext {
        color: #2d2d2d;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
}

.producttitle,
.producttitle a,
.producttitle a:link,
.producttitle a:visited,
.producttitle a:active {
        color: #EEEEEE;
        font-size: 12px;
        line-height: 12px;
        font-family: "Arial", Verdana, Tahoma;
        font-style: normal;
        font-weight: bold;
        text-align: left;
        text-decoration: none;
}

.producttitle a:hover {
        color: #EEEEEE;
        font-size: 12px;
        line-height: 12px;
        font-family: "Arial", Verdana, Tahoma;
        font-style: normal;
        font-weight: bold;
        text-align: left;
        text-decoration: underline;
}

.price {
        color: #ffffff;
        font-weight: bold;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
}

.oldprice {
        color:#ffffff;
        font-weight: normal;
        text-decoration: line-through;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
}
/**************************************************************/


/**************************************************************
 * Detail
 */
.detailtext {
        color: #ffffff;
        font-size: 10px;
        line-height: 12px;
        font-family: "Arial", Verdana, Tahoma;
}
.detailgraytext {
        color: #999999;
        font-size: 10px;
        line-height: 12px;
        font-family: "Arial", Verdana, Tahoma;
}

/**************************************************************
 * buy
 */
.detailtextbuy {
        color: #ffffff;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
}
/**************************************************************/

/**************************************************************
 * FormSubmit
 */
a.detailtext,
a.buyformsubmit,
a.formsubmit {
        color: #ffffff;
        font-size: 12px;
        line-height: 16px;
        font-family: "Arial", Verdana, Tahoma;
        font-weight: bold;
        text-decoration: none;
}
a.detailtext:hover,
a.buyformsubmit:hover,
a.formsubmit:hover {
        color: #ffffff;
        font-size: 12px;
        line-height: 16px;
        font-family: "Arial", Verdana, Tahoma;
        font-weight: bold;
        text-decoration: underline;
}
/**************************************************************/

/**************************************************************
 * Border line
 */
.bottomline_banner {
        border-bottom-color:#9f9f9f;
        border-bottom-style:solid;
        border-bottom-width:1px;
}

.leftrightline {
        border-left-color:#000;
        border-right-color:#7f7f7f;
        border-style:solid;
        border-left-width:1px;
        border-right-width:2px;
        border-top-width:0px;
        border-bottom-width:0px;
}

.bottomline {
        border-bottom-width:1px;
        border-color:#ccc;
        border-bottom-style:solid;
}

.bottomlinedark {
        border-bottom-width:1px;
        border-color: #aaa;
        border-bottom-style:solid;
}

.topline {
        border-top-width:1px;
        border-color:#ccc;
        border-top-style:solid;
}

/*
.topbottomline {
        border-width: 1px 1px 1px 1px;
        border-color:#ddd;
        border-bottom-style:solid;
        border-top-style:solid;
        background-color:#eee;
*/
.topbottomline {
        border-width: 0px 0px 1px 0px;
        border-color:#ddd;
        border-bottom-style:solid;
        border-top-style:solid;
}

.rightline {
        border-right-width:1px;
        border-color:#ddd;
        border-right-style:solid;
}
/**************************************************************/



/**************************************************************
 * Padding
 */
.boxpadding { padding:5px 1px 1px 0px; }        /* box */
.mainpad { padding:5px 20px 5px 20px; }                /* main section */
.statichtml { padding:0px 0px 0px 0px; }        /* static html on the top */
.plistspace { overflow:hidden; height:15px; }        /* plist form space */
.plistnospace { overflow:hidden; height:2px; }        /* plist form space */

/*
 * Extra titles
 */
.extratitle {
        color: #bbb;
        font-size: 15px;
        line-height: 15px;
        font-family: "Arial", Tahoma , Verdana;
        /*text-decoration: underline;*/
        margin: 20px 40px 0px 0px;
        letter-spacing: 3px;
        font-weight: bold;
}
a.extratitle {
        color: #bbb;
        font-size: 15px;
        line-height: 15px;
        font-family: "Arial", Verdana, Tahoma;
        text-decoration: none;
        margin: 20px 40px 0px 0px;
        letter-spacing: 3px;
        font-weight: bold;
}
a.extratitle:hover {
        color: #bbb;
        font-size: 15px;
        line-height: 15px;
        font-family: "Arial", Verdana, Tahoma;
        text-decoration: underlined;
        margin: 20px 40px 0px 0px;
        letter-spacing: 3px;
        font-weight: bold;
}

.top02title {
        color: #000;
        font-size: 13px;
        line-height: 12px;
        font-family: "Arial", Verdana, Tahoma;
        margin: 20px 40px 2px 0px;
        letter-spacing: 0px;
        font-weight: normal
}

/*
 * Search Form
 */
input.search {
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        width: 118px;
        height: 16px;
        border-width: 1px;
        border-color: #aaa;
}

select.search {
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        width: 136px;
        height: 16px;
        border-width: 1px;
        border-color: #aaa
}
/*
 * register
 */
input.register,
select.register {
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        border-width: 1px;
        border-color: #aaa;
        border-style: solid;
        height: 16px;
        width: 170px
}

.register {line-height:1;}
.register input,
.register select {
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        border-width: 1px;
        border-color: #aaa;
        border-style: solid;
        height: 16px;
        width: 170px
}
#register td {padding:0px; margin:0px; line-height:1;}

/*
 * buy
 */
input.buy,
select.buy{
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        border-width: 1px;
        border-color: #aaa;
        border-style: solid;
        height: 16px;
        width: 170px
}

/*
 * Other Form
 */
input,select {
        color: #555;
        font-size: 10px;
        line-height: 10px;
        font-family: "Arial", Verdana, Tahoma;
        border-width: 1px;
        border-color: #aaa;
        border-style: solid;
        height: 16px;
}

textarea {
        color: #555;
        font-size: 10px;
        border-width: 1px;
        border-color: #aaa;
        border-style: solid;
        font-family: "Arial", Verdana, Tahoma;
}

input.checkradio {
        height: 12px;
        border-color: #fff;
        /* border-width: 1px; */
}

.pictoonsale {
        color: #fff;
        font-size: 9px;
        line-height: 8px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        text-align: left;
        letter-spacing:0px;
}

/*
 * Section List
 */
a.msectiontitle {
        color: #ffffff;
        font-size: 10px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        text-align: left
}
a.msectiontitle:hover {
        color: #ffffff;
        font-size: 10px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
        text-align: left
}


a.sectionlist {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        color: #ffffff
}

a.sectionlist:hover {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
        color: #ffffff
}

a.sectionlistchild {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        color: #2d2d2d
}

a.sectionlistchild:hover {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-decoration: underline;
        color: #2d2d2d
}

/*
 *  center page
 */


.mslisttxt {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 10px;
        line-height: 12px;
        font-style: normal;
        font-weight: normal;
        text-decoration: none;
        color: #333
}


a.mslist {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 10px;
        line-height: 12px;
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        color: #333
}

a.mslist:hover {
        font-family: "Arial", Verdana, Tahoma;
        font-size: 10px;
        line-height: 12px;
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
        color: #ffffff
}

/*
 * section listing

a.sectionlisting {
        color: #ffffff;
        font-size: 14px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-decoration: none;
        text-align: left
}
a.sectionlisting:hover {
        color: #ffffff;
        font-size: 14px;
        font-family: "Arial";
        font-style: normal;
        font-weight: bold;
        text-decoration: underline;
        text-align: left
}
 */