BODY {
        font-size : 8pt;
        color: #000000;
        font-family: Veranda, "Verdana",Sans-Serif ;
        margin:0px; padding:0px;
        background: #ffffff url(djsourcebg.gif) repeat-x;

}


div.hr {
  height: 1px;
  background: #fff url(dot.gif) repeat-x scroll center;
  width:100%;
}
div.hr hr {
  display: none;
}


div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#fff; border:1px solid #000; 
  width:200px; padding:6px;
  color:#000; font-size:11px; line-height:1.3;
}
/* These are used in the wrapTipContent function */
div#tipDiv div.img { text-align:center }
div#tipDiv div.txt { text-align:center; margin-top:4px }

TABLE.FOOTER {    width: 770px;
                height: 30px;
                text-align: left;
                background: white;

}



TABLE.MAIN {    width: 770px;
                height: 400px;
                background: white;
                text-align: left;
}



span.TITLE {
        font-size: 14pt;
        font-family: Century Gothic;
        font-weight: bold
        }


.FULL {    width: 100%;
                height: 250px;
                background: white;
}

TD.SIDE { width: 224px;}

TD.STATE { padding-left: 28px;}

TD.SEARCHBOX {
        background: transparent url(http://www.djsourceonline.com/images/searchbg.gif) no-repeat;
        color: white;
        width: 385px;
        height: 350px;
        padding: 0px;
        }

TD.FORUMBOX {
        background: transparent url(http://www.djsourceonline.com/images/djresourcebg.gif) no-repeat;

        width: 385px;
        height: 350px;
        color: white;
        padding: 0px;
        }
        
TABLE.FORUMTEXT{
        margin-left: 200px;
        margin-top: 85px;
             }
TABLE.SEARCHTEXT{
        margin-left: 212px;
        margin-top: 85px;
             }
             

TABLE.SEARCHBUTTON{
        margin-left: 40px;
        margin-top: 25px;
        width: 315px;
             }
             
TABLE.FORUMBUTTON{
        margin-left: 30px;
        margin-top: 38px;
        width: 315px;

             }

TD.WHITE {color: white;}

.TRWHITE {background: white;}

TABLE.BOTTOM {width: 770px;
                          text-align: left;
                          color: #000000;
                          padding: 0px;
                          margin: 0px;

}

TD.BOTTOM { font-family: Verdana, "Verdana", Sans-Serif;
            font-size: 7pt;
                }


TD { font-family: Verdana, "Verdana", Sans-Serif;
                font-size: 8pt;
                text-align: left;
                }
                
TD.BOTTOM { font-family: Verdana, "Verdana", Sans-Serif;
            font-size: 7pt;
                }

a:link { color: #ff0000; text-decoration: none; font-weight: bold}
a:visited { color:#ff0000; text-decoration:none; font-weight: bold}
a:hover { color: #000000; text-decoration: underline; font-weight: bold }
a:active { color: #ff0000; text-decoration: none; font-weight: bold}

a.state:link { color: #ff0000; text-decoration: underline; font-weight: normal; padding-right: 3px;}
a.state:visited { color:#ff0000; text-decoration:underline; font-weight: normal; padding-right: 3px;}
a.state:hover { color: #000000; text-decoration: underline; font-weight: normal;padding-right: 3px; }
a.state:active { color: #ff0000; text-decoration: underline; font-weight: normal; padding-right: 3px;}

a.NAV:link { color: #ffffff; text-decoration: none }
a.NAV:visited { color: #ffffff; text-decoration: none }
a.NAV:hover { color:#ffc200; text-decoration: underline }
a.NAV:active { color: #ffffff; text-decoration: none}

a.bottom:link { color: #A4A3A3; text-decoration: none }
a.bottom:visited { color: #A4A3A3; text-decoration: none }
a.bottom:hover { color:#000000; text-decoration: underline }
a.bottom:active { color: #A4A3A3; text-decoration: none}

a.BIG:link { color: #00AB04; text-decoration: none }
a.BIG:visited { color: #00AB04; text-decoration: none }
a.BIG:hover { color:#000000; text-decoration: underline }
a.BIG:active { color: #00AB04; text-decoration: none}

a.ownerLink:link { color: #808080; text-decoration: none; font-weight: normal}
a.ownerLink:visited { color: #808080; text-decoration: none; font-weight: normal }
a.ownerLink:hover { color:#000000; text-decoration: none; font-weight: bold }
a.ownerLink:active { color: #808080; text-decoration: none; font-weight: bold}

a.NavBotLink:link { color: #808080; text-decoration: none; font-weight: normal}
a.NavBotLink:visited { color: #808080; text-decoration: none; font-weight: normal }
a.NavBotLink:hover { color:#000000; text-decoration: underline; font-weight: normal }
a.NavBotLink:active { color: #808080; text-decoration: none; font-weight: normal}

H1 {
  font-weight: bold;
  font-size: 8pt;
  line-height: 8pt;
  font-variant: normal;
  font-style: normal;
  padding: 0px;
  margin-bottom: 3px;
  margin-top: 3px;
  color: #ff0000;
}


H3 {
  font-weight: bold;
  font-size: 10pt;
  line-height: 10pt;
  font-family: arial;
  font-variant: normal;
  font-style: normal;

}

H5 {
  font-weight: bold;
  font-size: 9pt;
  line-height: 9pt;
  font-family: arial;
  font-variant: normal;
  font-style: normal;

}

#title {
 font-size: 14pt;
 font-family: Century Gothic;
 color: #ff0000;
 margin: 5px;
}

#description {
 margin: 5px;
}

#error {
 color: #FF0000;
 font-weight: bold;
}

#menubar {
 background: transparent url(gradient.gif) repeat-x;

 margin: 0;
 padding: 3px;
 text-align: right;
}

#menubar input {
 border: 1px solid #000000;
 font-size: 10pt;
 font-family: Verdana,Arial,Helvetica,sans-serif;
}

#menubar .searchbtn {
 border: 1px solid #000000;
 font-size: 9pt;
 font-family: Arial,Helvetica,sans-serif;
 background-color: #FFCC00;
 cursor: hand;
 cursor: pointer;
}

#sub {
 font-size: 8pt;
}

.gray {
 font-size: 8pt;
 color: #6F6F6F;
}

#dir {
 font-size: 14pt;
 font-family: Century Gothic;
 font-weight: bold;
 color: #ff0000;
}

#submitleft {
 color: #ff0000;
 background-color: #F2F2F2;
 margin: 0;
 padding: 4px;
 text-align: right;
}
#submitright {
 background-color: #FFFFFF;
 margin: 0;
 padding: 4px;
 text-align: left;
}
#submitright input, select {
 border: 1px solid #9c9c9c;
 font-size: 10pt;
 font-family: Verdana,Arial,Helvetica,sans-serif;
}

#submitright2 {
 background-color: #FFFFFF;
 margin: 0;
 padding: 4px;
 text-align: left;
}


#submitright2 input{
border: 1px solid #000000;
 font-size: 9pt;
 font-family: Arial,Helvetica,sans-serif;
 background-color: #FFCC00;

 }
 
 
 
//////Shopping Cart CSS ///////////  ///////////////////////////////////////////////

FORM {
        display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #ffffff;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;

  color: #FF7700;
  font-weight : bold;
}

A.headerNavigation {
  color: #FF7700;
}

a:hover.headerNavigation {
  color: #000000;
}

a:visited.headerNavigation {
  color: #FF7700;
}

TR.headerError {
  background: #FF7700;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #FF7700;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;

  color: #737373;
  font-weight: bold;
}

.infoBox {
  background: #ffffff;
}

.infoBoxContents {
  background: #ffffff;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: transparent url(../../images/gradientbg.gif) repeat-x;
  color: #ffffff;

}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 0px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 1px;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #FFFFFF;
  font-weight: bold;
}

.productlisting-headingPrice {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #FF7700;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

a:hover.pageResults {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  color: #FF7700;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 7pt;
  color: #AAAAAA
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 0px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

/* VJ Links Manager v1.00 begin */
TABLE.linkListing {
  border: 0px;
  border-style: solid;
  border-color: #ffffff;
  border-spacing: 1px;
}

.linkListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #ffffff;
  color: #FFFFFF;
  text-align: center;
}

TD.linkListing-data {
  border-right: 0px solid #ffffff;
  border-bottom: 0px solid #ffffff;
  padding: 4px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.linkListing-odd {
  background: #ffffff;
}

TR.linkListing-even {
  background: #F5F5F5;
}
/* VJ Links Manager v1.00 end */
.content         {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-FAMILY: Verdana, Helvetica}

/* Show Cart Details */
TR.ShowCartDetails, TD.ShowCartDetails, P.ShowCartDetails {
/* <FONT COLOR="FF7700" FACE="Arial" SIZE="1"> */
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  color="#BDCAF0";
}

 /* Show Header Page Links */
TR.HeaderPageLinksLeft, TD.HeaderPageLinksLeft, P.HeaderPageLinksLeft {
  background-image: url('images/button_blank_left.gif');
}
TR.HeaderPageLinksRight, TD.HeaderPageLinksRight, P.HeaderPageLinksRight {
  background-image: url('images/button_blank_right.gif');
}
TR.HeaderPageLinks, TD.HeaderPageLinks, P.HeaderPageLinks {
  background-image: url('images/button_blank_middle.gif');
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000
}
A.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}
a:hover.HeaderPageLinks {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
/*  background: #00FF00; */
  color: #00FF00;
}

TD.cookieUsage {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  background: #000000;
  color: #FFFFFF;
}