html {
    margin: 0px; 
    padding: 0px 0px 0px 5px; 
}

body {
  margin: 0px; 
  padding: 0px;
  color: #002E6C;
  background-color:#1C1C1C;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

div.content {
    width:1000px;
    margin:0pt auto; 
    background-color:#7CB1E7;
    border:1px solid lightsteelblue; 
}


/* basic selectors */
a:link, a:visited { 
    color:#002E6C;  
    text-decoration: underline;
}

a:active, a:hover { 
    color: #336633;  
    text-decoration: underline;
}

th {
    vertical-align:top;
}

td {
    vertical-align:top;
}

h1 {
  font: bold 130% Verdana, Arial, Helvetica, sans-serif;
  color:#003271;
  margin-top:10px;
  margin-bottom:10px;
}

h2 {
  font: bold 120% Verdana, Arial, Helvetica, sans-serif;
  color:#003271;
  margin-top:10px;
  margin-bottom:10px;
}

h3 {
  font: bold 110% Verdana, Arial, Helvetica, sans-serif;
  color:#003271;
  margin-top:10px;
  margin-bottom:10px;
}

h4 {
  font: bold 100% Verdana, Arial, Helvetica, sans-serif;
  color:#003271;
  margin-top:10px;
  margin-bottom:10px;
}

img { 
    border: 0px; 
}

hr { 
    color: #C0C0C0; 
    height: 1px; 
}

hr.light { 
    color: #C0C0C0; 
    height: 1px; 
    border-style:dashed;   
}

form { 
    margin: 0px; 
    padding: 0px; 
}

input, textarea, select { 
    font: 100% Verdana, Arial, Helvetica, sans-serif; 
}

table.mainContent {
    width:100%;
    padding-left:4px;
    padding-right:4px;
    padding-top:10px;
}

table.centerContent {
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

table.aboveHeader {
    width:100%;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align:middle
}


td.sideColumn {
    padding-top:10px;
}

.logincell {
    vertical-align:middle;
    text-align:center;
    width:50%;
}
 
div.uppermenu { /* styles for top menu */
    text-align:right;
    margin-top:0px;
    z-index:100;
}

div.uppermenu ul {
    list-style: none; 
    padding: 0px; 
    margin: 0px; 
}

div.uppermenu li {
    padding: 0px; 
    margin: 0px; 
    display: inline; 
    border-left: solid 1px #002E6C; 
}

div.uppermenu li.first { 
    border-left: none; 
    color: #ffffff;
}

div.uppermenu li a:link, div.uppermenu li a:visited { 
  padding: 0px 2px 0px 5px; 
  text-decoration: none; 
    color: #ffffff;
}

div.uppermenu li a:active, div.uppermenu li a:hover {
    text-decoration: underline;
    color: #ffffff;
}

div.mainmenu {
  z-index:100;
}

div.mainmenu div.tab {
  height: 35px;
  text-align: center;
  display:inline;
}

div.mainmenu div.tab a:link, div.mainmenu div.tab a:visited { 
  background: url('~/dyimage.axd?type=boxHeader&gtype=Triangular&width=199&height=35&cornersize=0') no-repeat;
  float: left;
  margin-right: 1px;
  width: 199px;
  height: 35px;
  color: #003271; 
  font-weight: bold;
  text-decoration: none; 
  text-align: center;
}

div.mainmenu div.tab a span {
    display:block;
    padding-top: 8px;
}

div.mainmenu div.tab a:active, div.mainmenu div.tab a:hover, div.mainmenu div.tab a.selected{
  background: url('~/dyimage.axd?type=boxHeader&gtype=Triangular&subtype=highlight&width=199&height=35&cornersize=0') no-repeat;
  color: #FFFFFF; 
}


div.bar { /* styles for horizontal top bar */
  background: url('~/dyimage.axd?type=bar&width=1&height=41');
  height: 37px;
  font-size: 110%;
  padding-top: 4px;
  padding-right: 4px;
  padding-left: 4px;
  color: #ffffff;
}

div.bar div {
  padding:  5px 0px 0px 0px;
}


div.sectionbar {
    padding:  3px 20px 3px 20px;
  background: #33B7DE;
  font-size: 110%;
}

div.sectionheader {
    font-weight:bold;
  background: #33B7DE;
  font-size: 110%;
  margin-top:10px;
  padding: 4px 2px 4px 2px;
}

div.notice {
    font-weight:bold;
}

td.FormSectionText {
    width:150px;
    text-align:right;
    padding-right:2px;
}

td.FormSectionValue {
    text-align:left;
    padding-left:2px;
}

.ourprice {
  font-weight: bold;
  font-size: 10pt;
  color: #b22222;
  font-family: verdana;
}

.retailprice {
  font-weight: bold;
  font-size: 10pt;
  font-family: verdana;
  text-decoration: line-through;
}

.newproduct {
    font-weight:bold; 
    color:Red;
}

.error {
    color:Red;
    font-weight:bold;
}

.success {
    color:#002E6C;
    font-weight:bold;
}

.negative {
    color:Red;
}

.highlightHeader {
    color: #5A5A5A;
}

.ProductBox {
     width:250px;
     height:250px;
     border-bottom:1px dashed #C0C0C0;
     margin: 0px;
     padding: 10px;
}

.ProductSummaryImageHolder {
    text-align:center;
    height:180px;
}

.ProductSummaryText {
    padding-top:4px;
    text-align:center;
}

.productsection {
  padding:10px;
  border-top:1px dashed #C0C0C0;
}

.HookLine {
    font-size: larger;
    font-style: italic;
}

.loadingbox{
    position:absolute;
    top:40%;
    left:40%;
    border:1px solid lightsteelblue; 
    height:50px; 
    width:250px;
    text-align:center;
    padding-top:20px
}

.modalBackground {
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.modalPopup {
  background-color:#1C1C1C;
    border:1px solid #888888;
    padding-bottom:10px;
}

div.title {
    color: #FFFFFF;
    background-color:#002E6C;
    border-bottom:1px solid #888888;
    font-weight:bold;
    padding: 4px 10px;
    text-align:center;
}

div.body {
    padding:10px;
}

div.buttons {
    margin-right:10px;
    margin-top:4px;
    text-align:right;
}

.Hidden {
    display:none;
}

.ProductEditOverflow {
    height:500px;
    width:850px;
    overflow:scroll;
}

.sectionoutline {
    border:1px solid #C0C0C0;
    padding:10px;
}

.sectionHeader {
    font-weight:bold;
    color: #FFFFFF;
    background-color:#002E6C;
    text-align:center;
}


/*Hover Menu*/
.popupMenu {
  position:absolute;
  visibility:hidden;
}

.popupHover {
    border:1px dashed #C0C0C0; 
    background-color:#9FCCDD; 
}

.coreboxtop {
   background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=180&height=20&cornersize=20&color=%23002E6C&backcolor=%230073B2&bordercolor=%230073B2');
   height:20px;
   width:180px;

}

.coreboxbottom {
    background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=180&height=20&cornersize=20&color=%23002E6C&backcolor=%230073B2&bordercolor=%230073B2');
    width:180px;
    height:20px;
}

.coreboxbody {
    background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=180&color=%230073B2&backcolor=%230073B2&height=10&cornersize=0&bordercolor=%230073B2');
    width:160px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}

div.sidebox {
    color: #FFFFFF; 
    margin-bottom:15px;
}

div.sideboxHeaderLeft { 
    text-align:center;
  font-weight: bold;
  background: url('~/dyimage.axd?type=boxHeader&gtype=Triangular&width=160&height=30&cornersize=0') no-repeat;
  height:30px;
}

div.sideboxHeaderLeft a { 
  text-decoration: none; 
}

div.sideboxHeaderRight { 
    text-align:center;
  font-weight: bold;
  background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=0&height=27') no-repeat;
  height:27px;
}

div.sideboxHeaderRight a { 
  text-decoration: none; 
}

div.sideboxContent { 
    color: #002E6C; 
    border-color:#002E6C;
    border-width:1px;
    border-style:solid;
    padding: 2px 2px 2px 2px;
}

div.browsebox {
    font-size:13px;
    color: #003271; 
    border-bottom:1px dashed #C0C0C0;
}

div.browseboxHeader {
    color: #5A5A5A;
    font-weight:bold;
    padding: 8px 2px 8px 2px;
}

a.bar {
    text-decoration: none;
}

a.bar:hover {
    text-decoration: underline;
}

a.bar span {
    display:block; 
    font-weight:bold;
    padding: 8px 2px 8px 4px; 
}

a.bar:hover span {
    text-decoration: underline;  
    color:#FFFFFF; 
    background-color:#002E6C;  
}

a.bar span.ProductCount {
    font-size:10px;
    color:#003271;
    display:inline; 
    font-weight:normal;
    padding-top:0px;
}

a.selectedBar span {
    text-decoration: underline;  
    color:#FFFFFF; 
    background-color:#002E6C;  
}

a.lastBar span {
    border-bottom:0px;
}

div.subcategory {
    margin-left:10px;
}

div.subcategory a.bar span {
    display:block; 
    font-weight:normal;
    padding: 4px 2px 4px 4px; 
    border-bottom:0px;
}

div.subcategory a.bar span.ProductCount {
    font-size:10px;
    color:#003271;
    display:inline; 
    font-weight:normal;
    padding-top:0px;
}

div.footer {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

div.ProductResultBar {
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
    border-color:#888888;
    border-style:solid;
    border-width:1px;
}

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url('~/dbfile.axd?name=FilledStar.png');

}

.emptyRatingStar {
    background-image: url('~/dbfile.axd?name=EmptyStar.png');
}

.savedRatingStar {
    background-image: url('~/dbfile.axd?name=SavedStar.png');
}

.sign {
    display:inline-block;
    width:10px;
}

.alternatingrowstyle{
    background-color:#BCDBE7;
}

.headerstyle{
    background-color:#9FCCDD;
    height:23px;
}

.headerstyle th {
    border:1px solid #888888;
    padding-left:5px;
    text-align:left;
    vertical-align:middle;
}  
.headerstyle a {
    color:#003271;
}

.sortalternatingrowstyle{
    background-color:#9FCCDD
}
.sortrowstyle{
    background-color:#0073B2
}
.sortascheaderstyle{
    background:#002E6C url(../../Images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#002E6C url(../../Images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle{
    color:#003271;
    background-color:#9FCCDD;
    font-size:x-small;
    text-align:right;
} 

.pagerstyle select{
    font-size:x-small;
}  

.previous{
    background:transparent url(../../Images/previous.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}
.next{
    background:transparent url(../../Images/next.gif) no-repeat scroll center;
    height:1.3em;
    width:16px;
}  

.gotopage{
    font-size:x-small;
    width:20px;
}

table.gridViewTable {
    border: outset 1px #888888;
    border-collapse:collapse;
}

table.gridViewTable th {
    background-color:#9FCCDD;
    border:solid 1px #888888;
    height:23px;
    text-align:center;
    vertical-align:middle;
}

.wizardSideBarItem {
    padding-left:16px;
    height:16px;
}

.wizardSideBarSelectedItem {
    background-image:url('~/dbfile.axd?name=wizardSideBarSelected.png');
    padding-left:16px;
    font-weight:bold;
    height:16px;
}

/* ajax__tab_xp-theme theme */
.ajax__tab_xp-theme .ajax__tab_header {
    color: #000000;
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(../../Images/tab_themes/xp/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_outer {
    padding-right:4px;
    background:url(../../Images/tab_themes/xp/tab-right.gif) no-repeat right;
    height:21px;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_inner {
    padding-left:3px;
    background:url(../../Images/tab_themes/xp/tab-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_header .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:url(../../Images/tab_themes/xp/tab.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_hover .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-hover.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_outer {
    background:url(../../Images/tab_themes/xp/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_inner {
    background:url(../../Images/tab_themes/xp/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/xp/tab-active.gif) repeat-x;
}
.ajax__tab_xp-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #888888;
    border-top:0;
    padding:8px;
    background-color:#1C1C1C;
}

/* ajax__tab_yuitabview-theme theme (../../Images/tab_themes/yui/sprite.png) */
.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
    margin:0px 0.16em -1px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
}
.ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #d8d8d8 repeat-x;
    border: solid 1px #a3a3a3;
    border-bottom-width:0px;
    color:#000;
    display:block;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_tab {
    background: url(../../Images/tab_themes/yui/sprite.png) #bfdaff repeat-x left -1300px;
}
.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    background:url(../../Images/tab_themes/yui/sprite.png) #2647a0 repeat-x left -1400px;
    border-color:#243356;
    color:#fff;
}
.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#1C1C1C;    
    border:solid 1px #808080;
    border-top:solid 5px #2647a0;
}
