*{
    margin:0;
    font:Tahoma Times New Roman Arial Verdana;
    font-size:12px;
    
}

body {
    color: #000000;
    background: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.paging{
    width:18px;
    font-size:12px;
    background-color:#f2f2f2;
    height:18px;
    line-height:18px;
    border:1px solid #cccccc;
    text-align:center;
    vertical-align:middle;    
}

.paging_space{
    width:2px;
}

.paging A:hover {
    COLOR: #FF0000;
}

.paging_selected{
    width:18px;
    font-size:12px;
    background-color:#6ECA14;
    height:18px;
    line-height:18px;
    border:1px solid #cccccc;
    text-align:center;
    vertical-align:middle;
}
.paging_total{
    font-weight:bold;
    line-height:18px;
    color:#0CB2F0;         
}

/* HEADER
--------------------------------------------------------- */
#bsg-headerwrap {
    border-bottom: 1px solid #6cc614;
    background: url(http://buysellgraphic.com/images/grad1.gif) repeat-x bottom;
    position: relative;
    z-index: 10;
}

#bsg-header {
    height: 46px;
    position: relative;
    z-index: 999;
}

h1.logo {
    margin: 0;
    padding: 0;
    width: 268px;
    font-size: 300%;
    position: absolute;
    top: 0;
    left: 0;
    height: 46px;
}

h1.logo a {
    width: 268px;
    float: left;
    display: block;
    background: url(http://buysellgraphic.com/images/logo.png) no-repeat;
    text-transform: uppercase;
    text-indent: -5000px;
    height: 46px;
    outline: none;
}

/* MAIN NAVIGATION
--------------------------------------------------------- */
a.mainlevel {
    width: 99%;
    display: block;
    color: #333333;
    background: url(http://buysellgraphic.com/images/hdot.gif) repeat-x bottom;
    line-height: 32px;
    text-decoration: none;
    text-indent: 5px;
    height: 32px;
}

a.mainlevel:hover,
a.mainlevel:active,
a.mainlevel:focus {
    color: #0CB2F0;
    text-decoration: none;
}

a.mainlevel#active_menu {
    font-weight: bold;
}

a {
   text-decoration: none;  
}

#bsg-mainnav {
    position: absolute;
    bottom: 10px;
    top: 6px;     
    left: 268px;
    z-index: 10;
}

#bsg-mainnav a,
#bsg-mainnav a:hover,
#bsg-mainnav a:active,
#bsg-mainnav a:focus {
    font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
    outline: none;
}

#bsg-mainnav span.separator {
    display: block;
}

#bsg-splitmenu {
    margin: 0;
    padding: 0;
}

#bsg-splitmenu ul {
    margin: 0;
    padding: 0;
    float: left;
}

#bsg-splitmenu li {
    margin: 0;
    padding: 0;
    display: inline;
}

#bsg-splitmenu a {
    float: left;
    margin: 0;
    padding: 0 0 0 15px;
    display: block;
    color: #4F4F4F;
    font-size: 110%;
    font-weight: bold;
    line-height: 35px;
    text-decoration: none;
    letter-spacing: 1px;
}

#bsg-splitmenu a span {
    float: left;
    display: block;
    font-weight: bold;
    padding: 0 15px 0 0;
    cursor: pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#bsg-splitmenu a span { float: none; }
/* End IE5-Mac hack */

#bsg-splitmenu a:hover,
#bsg-splitmenu a:active,
#bsg-splitmenu a:focus {
    color: #4F4F4F;
    background: url(http://buysellgraphic.com/images/mainnav-left.gif) no-repeat bottom left;
}

#bsg-splitmenu a:hover span,
#bsg-splitmenu a:active span,
#bsg-splitmenu a:focus span {
    background: url(http://buysellgraphic.com/images/mainnav-right.gif) no-repeat bottom right;
}

#bsg-splitmenu li.active a,
#bsg-splitmenu li.active a:hover,
#bsg-splitmenu li.active a:active,
#bsg-splitmenu li.active a:focus {
    color: #FFFFFF;
    background: url(http://buysellgraphic.com/images/mainnav-left.gif) no-repeat top left #78CE24;
}

#bsg-splitmenu li.active a span,
#bsg-splitmenu li.active a:hover span,
#bsg-splitmenu li.active a:active span,
#bsg-splitmenu li.active a:focus span {
    background: url(http://buysellgraphic.com/images/mainnav-right.gif) no-repeat top right #78CE24;
}

/*1st item */
#bsg-splitmenu li.active a.first-item,
#bsg-splitmenu li.active a.first-item:hover,
#bsg-splitmenu li.active a.first-item:active,
#bsg-splitmenu li.active a.first-item:focus {
    color: #FFFFFF;
    background: url(http://buysellgraphic.com/images/mainnav-left.gif) no-repeat top left #78CE24;
}

#bsg-splitmenu li.active a.first-item span,
#bsg-splitmenu li.active a.first-item:hover span,
#bsg-splitmenu li.active a.first-item:active span,
#bsg-splitmenu li.active a.first-item:focus span {
    background: url(http://buysellgraphic.com/images/mainnav-right.gif) no-repeat top right #78CE24;
}

/* SUB NAVIGATION
--------------------------------------------------------- */
#bsg-subnav ul {
    margin: 0;
    padding: 0 0 10px;
}

#bsg-subnav li {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    background: none !important;
}

#bsg-subnav a {
    width: 99%;
    display: block;
    color: #333333;
    background: url(http://buysellgraphic.com/images/hdot.gif) repeat-x bottom;
    line-height: 32px;
    height: 32px;
    text-decoration: none;
    text-indent: 5px;
}

#bsg-subnav a:hover,
#bsg-subnav a:active,
#bsg-subnav a:focus {
    color: #0CB2F0;
    text-decoration: none;
}

#bsg-subnav li.active a {
    font-weight: bold;
    color: #0CB2F0;
}

#bsg-subnav li.active a:hover,
#bsg-subnav li.active a:active,
#bsg-subnav li.active a:focus {
    color: #0CB2F0;
    text-decoration: none;
}


/* Clearfix */
.clearfix:after {
    clear: both;
    display: block;
    content: ".";
    height: 0;
    visibility: hidden;
}

* html > body .clearfix {
    width: 100%;
    display: block;
}

* html .clearfix {
    height: 1%;
}

/* FOOTER
--------------------------------------------------------- */
#bsg-footerwrap {
    clear: both;
    border-top: 1px solid #CCCCCC;
    margin-top: 0px;
    background: url(http://buysellgraphic.com/images/grad2.gif) repeat-x top;
}

#bsg-footer {
    padding: 15px 0 30px;
    position: relative;
}

#bsg-footer small {
    padding: 4px 0 0 10px;
    float: left;
    display: block;
    color: #999999;
    font-style: normal;
    line-height: normal;
}

small.ja-copyright {
    position: absolute;
    right: 10px;
}

#bsg-footer a {
    color: #666666;
    text-decoration: none;
}

#bsg-footer a:hover, #bsg-footer a:active, #bsg-footer a:focus {
    color: #666666;
    text-decoration: underline;
}

#bsg-footer ul {
    margin: 4px 0 5px 10px;
    padding: 0;
    float: left;
    background: url(http://buysellgraphic.com/images/vline.gif) no-repeat center right;
    line-height: normal;
}

#bsg-footer li {
    margin: 0;
    padding: 0;
    display: inline;
    background: none;
}

#bsg-footer li a {
    padding: 0 10px;
    display: inline;
    background: url(http://buysellgraphic.com/images/vline.gif) no-repeat center left;
    font-size: 92%;
    line-height: normal;
}
table {
    border-collapse: collapse;
    border-color: #eeeeee;
    border-style: solid;       
    border-width: 0px;  
}
input {
    border: 1px solid #cccccc;
    line-height: 16px;
    vertical-align: middle;
}

select {
    border: 1px solid #cccccc;
   
}
textarea {
    border: 1px solid #cccccc;
}

.button {
    padding-bottom:8px;
    padding-top:3px;
    font-weight: bold;
    background-color:#6BCB10;
    color:white;
}
.red_mark{
    color: red;
}
h1 {
    font-size: 18px;
    margin: 3px 3px 3px 0px;
}

img {
    border-width: 0px;
}
.ul_register li {
    padding:5px;
}

.login_error{
    border: 1px solid #FF0000;       
    padding:8px;
    width:368px;
    font-weight: bold;
    background-color: #FBE3E4;
    margin-bottom: 10px;
}

.graphic_type_desc{
    display: none;
    font-weight: bold;
    color: red;
}
.edit_button{
    cursor: pointer;
    color:#6cc614;
}
.price{
    color: red;
    font-weight: bold;
    margin: 3px 0 3px 0;
}
.old_price{
    color: blue;
    margin: 3px 0 3px 0;     
}


div.menu{
    border-bottom:1px dotted #cccccc;
}

div.menu a {
    display: block;
    outline: none;
    padding: 3px 0px 3px 13px;
    text-decoration: none;
    background: url(http://buysellgraphic.com/images/bullet-list.gif) no-repeat left center;
    color: #222222;
}

div.menu a:hover,
div.menu a:active,
div.menu a:focus {
    color: #1E6209;
    background: url(http://buysellgraphic.com/images/arrow.gif) no-repeat left center;
    text-decoration: none;
    font-weight:bold;
}

div.menu a.active {
    color: #1E6209;
    background: url(http://buysellgraphic.com/images/arrow.gif) no-repeat left center;
    text-decoration: none;
    font-weight:bold;
}
.menu_title{
   border-bottom:1px dotted #cccccc; 
   padding: 3px 0px 6px 0px;    
   font-size:16px;
   font-weight:bold;
}
.left_coll{
    padding:0px 8px 0px 8px;
    background: #F6F6F6;    
}


/* Pathway ---*/
.pathway {
    background: #F6F6F6;
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    line-height: 30px;
    padding-left:10px;    

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

    display: inline-block;
}

.pathway a:hover,
.pathway a:active,
.pathway a:focus {
    color: #222222;
    text-decoration: underline;
}
.adddate{
    color: #888888;
}
.tag:hover {
    text-decoration: underline;
}

input.addtocart_button {
    color: #FFFFFF;
    margin: 10px 0 10px 0;
    padding: 0 0 0 0;
    text-indent: 18px;
    width: 100px;
    height: 25px;
    background: url(http://buysellgraphic.com/images/bt-addtocart.gif) no-repeat top #333333;
    border: none;
    font-weight: bold;
    cursor: pointer;
    
}

.green_button {
    background: url(http://buysellgraphic.com/images/green_button_left.gif) no-repeat left;
    padding: 8px 0 10px 6px;
}

.green_button span {
    background: url(http://buysellgraphic.com/images/green_button_right.gif) no-repeat right;   
    line-height: 25px;  
    padding: 8px 8px 10px 0px;
    color: white;
    font-weight: bold;

         
}
       
/* Legend */
.legend-title {
    background: #FFFFFF;
    color: #1E6209;
    display: block;
    font-size: 100%;
    float: left;
    font-weight: bold;
    left: 8px;
    margin: 0;
    padding: 0 3px;
    position: absolute;
    top: -10px;
}

.legend {
    border: 1px dotted #CCCCCC;
    margin: 16px 0;
    padding: 0 8px;
    position: relative;
}       
/* Pathway ---*/
.pathway {
    background: #F6F6F6;
    border-bottom: 1px solid #DDDDDD;
    color: #666666;
    line-height: 28px;
    padding-left:8px;    
    margin-left: 0px;

}
.pathway a {
    color: #666666;
    text-decoration: none;
    display: inline-block;
}

.pathway a:hover,
.pathway a:active,
.pathway a:focus {
    color: #222222;
    text-decoration: underline;
}
.popular_search_title{
    background: #F6F6F6;
    border-top: 1px solid #DDDDDD;
    color: #666666;
    line-height: 28px;
    font-weight: bold;
    padding-left:8px;    
    margin-left: 0px;
}
.graphic_list{
    padding-left: 6px;
    padding-top: 6px;
    padding-bottom: 6px;
    clear: both;
}

.btn-search {
    background-image:url(http://buysellgraphic.com/images/search_btn.gif);
    background-position:left top;
    background-repeat:no-repeat;
    cursor:pointer;
    float:left;
    height:26px;
    margin:2px 0 0 5px;
    width:80px;
}
.balance {
    margin-top: 8px;
    margin-bottom: 8px;
    font-weight: bold;
    color:#666666;
}

.balance span {
    color:red;
    font-weight: bold;
}
.balance b {
    color:blue;
    font-weight: bold;
}

.graphic_cell{
    width: 168px;
    height: 168px;
    border: 1px solid #cccccc;
    float: left;
    margin: 8px;
    vertical-align: middle;
    text-align: center;
    padding:6px;
}