html {
    margin: 0px; 
    padding: 0px 0px 0px 5px; 
}

body {
	margin: 0px; 
	padding: 0px;
	color: #000000;
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* basic selectors */
a:link, a:visited { 
    color:#003399;  
    text-decoration: underline;
}

a:active, a:hover { 
    color: #CC6600;  
    text-decoration: underline;
}

th {
    vertical-align:top;
}

td {
    vertical-align:top;
}

h1 {
	font: bold 130% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font: bold 120% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h3 {
	font: bold 110% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

h4 {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color:#5B626C;
	margin-top:10px;
	margin-bottom:10px;
}

img { 
    border: 0px; 
}

hr { 
    color: #CCCCCC; 
    height: 1px; 
}

hr.light { 
    color: #CCCCCC; 
    height: 1px; 
    border-style:dashed;   
}

form { 
    margin: 0px; 
    padding: 0px; 
}

input, textarea, select { 
    font: 100% Verdana, Arial, Helvetica, sans-serif; 
}

fieldset {
    border:1px solid #E1E1D7;
    padding:10px 10px 10px;
    margin-top: 4px;
}

legend {
    font-weight:bold;
}

fieldset div {
    padding-top:5px;
}

table.mainContent {
    width:100%;
    padding-left:10px;
    padding-right:10px;
}

.logincell {
    vertical-align:middle;
    text-align:center;
    width:50%;
}
 
div.uppermenu { /* styles for top menu */
	position: absolute;
	top: 10px;
	right: 10px;
	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 #000000; 
}

div.uppermenu li.first { 
    border-left: none; 
}

div.uppermenu li a:link, div.uppermenu li a:visited { 
	padding: 0px 2px 0px 5px; 
	text-decoration: none; 
}

div.uppermenu li a:active, div.uppermenu li a:hover {
    text-decoration: underline;
}

div.mainmenu {
    vertical-align:bottom;
	z-index:100;
}

div.mainmenu div {
	height: 27px;
	text-align: center;
	display:inline;
}

div.mainmenu div a:link, div.mainmenu div a:visited { 
	background: url('~/dyimage.axd?type=boxHeader&width=114&height=27') no-repeat;
	float: left;
	margin-left: 1px;
	width: 116px;
	height: 27px;
	color: #5B626C; 
	font-weight: bold;
	text-decoration: none; 
	text-align: center;
}

div.mainmenu div a span {
    display:block;
    padding-top: 6px;
}

div.mainmenu div a:active, div.mainmenu div a:hover, div.mainmenu div a.selected{
	background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=114&height=27&gradient=False') no-repeat;
	color: #000000; 
}

div.bar {
	/*background: url('~/dyimage.axd?type=bar&color=%23F0F0F0&backcolor=%23C5C5C5&width=10&height=37');*/
	background: url('Images/bar_back.jpg');

width: 100%;
	height: 37px;
	font-size: 110%;
}

div.bar div {
	padding:  7px 20px 3px 20px;
}

div.sectionbar {
    padding:  3px 20px 3px 20px;
	background: #E5E5E5;
	font-size: 110%;
}

div.sectionheader {
    font-weight:bold;
	background: #E5E5E5;
	font-size: 110%;
	margin-top:10px;
	padding: 4px 2px 4px 2px;
}

div.sectionheaderNobackground {
    font-weight:bold;
	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:Blue;
    font-weight:bold;
}

.negative {
    color:Red;
}

.highlightHeader {
    color: #E97D0A;
}

.ProductBox {
     width:250px;
     height:250px;
     border-bottom:1px dashed #CCCCCC;
     margin: 0px;
     padding: 10px;
}

.ProductSummaryImageHolder {
    text-align:center;
    height:180px;
}

.ProductSummaryText {
    padding-top:4px;
    text-align:center;
}

.productsection {
	padding:10px;
	border-top:1px dashed #CCCCCC;
}

.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:#FFFFFF;
    border:1px solid #BBBBBB;
    padding-bottom:10px;
}

div.title {
    color: #000000;
    background-color:#C5C5C5;
    border-bottom:1px solid #BBBBBB;
    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 #CCCCCC;
    padding:10px;
}

.sectionHeader {
    font-weight:bold;
    color: #000000;
    background-color:#C5C5C5;
    text-align:center;
}


/*Hover Menu*/
.popupMenu {
	position:absolute;
	visibility:hidden;
}

.popupHover {
    border:1px dashed #CCCCCC; 
    background-color:#E5E5E5; 
}

.coreboxtop {
   background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=200&height=20&cornersize=20&color=%23C5C5C5&backcolor=%23F0F0F0&bordercolor=%23F0F0F0');
   height:20px;
   width:200px;

}

.coreboxbottom {
    background-image:url('dyimage.axd?type=reverseBoxHeader&subtype=highlight&width=200&height=20&cornersize=20&color=%23C5C5C5&backcolor=%23F0F0F0&bordercolor=%23F0F0F0');
    width:200px;
    height:20px;
}

.coreboxbody {
    background-image:url('dyimage.axd?type=boxHeader&subtype=highlight&width=200&color=%23F0F0F0&backcolor=%23F0F0F0&height=10&cornersize=0&bordercolor=%23F0F0F0');
    width:180px;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:10px;
    text-align:center;
}

div.sidebox {
    color: #000000; 
    margin-bottom:15px;
}

div.sideboxHeaderLeft { 
    text-align:center;
	font-weight: bold;
	background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=180&height=27') no-repeat;
	height:27px;
}

div.sideboxHeaderLeft a { 
	text-decoration: none; 
}

div.sideboxHeaderRight { 
    text-align:center;
	font-weight: bold;
	background: url('~/dyimage.axd?type=boxHeader&subtype=highlight&width=200&height=27') no-repeat;
	height:27px;
}

div.sideboxHeaderRight a { 
	text-decoration: none; 
}

div.sideboxContent { 
    border-color:#C5C5C5;
    border-width:1px;
    border-style:solid;
    padding: 2px 2px 2px 2px;
}

div.browsebox {
    font-size:12px;
    color: #5B626C; 
    border-bottom:1px dashed #CCCCCC;
}

div.browseboxHeader {
    color: #E97D0A;
    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:#000000; 
    background-color:#C5C5C5;  
}

a.selectedBar span {
    text-decoration: underline;  
    color:#000000; 
    background-color:#C5C5C5;  
}

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;
}

span.ProductCount {
    font-size:10px;
    color:#E97D0A;
}

div.Footer {
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
}

div.ProductResultBar {
    margin-top: 4px;
    padding: 4px 4px 4px 4px;
    border-color:#BBBBBB;
    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:#f9f9f9;
    background-color:#eeeeee;
}

.headerstyle{
    background-color:#E5E5E5;
    
    height:23px;
}

.headerstyle th {
    border:1px solid #BBBBBB;
    padding-left:5px;
    text-align:left;
    vertical-align:middle;
}  
.headerstyle a {
    color:#000000;
}

.sortalternatingrowstyle{
    background-color:#E5E5E5
}
.sortrowstyle{
    background-color:#F0F0F0
}
.sortascheaderstyle{
    background:#C5C5C5 url(../../Images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#C5C5C5 url(../../Images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
}   

.pagerstyle{
    color:#5B626C;
    background-color:#E5E5E5;
    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 #F0F0F0;
    border-collapse:collapse;
}

table.gridViewTable th {
    background-color:#E5E5E5;
    border:solid 1px #BBBBBB;
    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;
}

td.colorchart {
   width:16px;
   height:12px;
   cursor:hand;
}

.dragHandle {
	width:10px;
	height:20px;
	background-color:Blue;
	background-image:url(../../Images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderList li {
	list-style:none;
	background-image:url(../../Images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderList li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:15px;
	margin-top:2px;
}

.rssViewerTitle {
    width: 100%;
    border-bottom: solid 1px #BBBBBB;
    margin-top:1em;
    margin-bottom: 0.2em;
    font-weight:bold;
}

.rssViewerTitle a {
    text-decoration: none;
}

.rssViewerDateTime  {
    color: #55555;
    font-weight:normal;
    margin-bottom: 0.2em;
}

.divTest 
{
	background-color:Blue;
}



/*****************************************Triple S Style.css************************************/


body
{
	font-family: Arial, Verdana, Tahoma;
	color:Black;
	font-size: 12px;
}
h1, h2, h3, h4, h5, h6
{
	font-family: Arial, Verdana, Tahoma;
}
h1
{
	color:Black; 
	font-size:x-large;
	
}
h2
{
	color:Black; 
	font-size:larger;
}
h3
{
	color:Black; 
	font-size:large;
}
h4
{
	color:Black; 
	font-size:medium;
}
h5
{
	color:Black; 
	font-size:small;
}
h6
{
	color:Black; 
	font-size:smaller;
}


.button
{
	width: 75px;
	margin-bottom: 0px;
}

.CustomTabStyle .ajax__tab_header {
    font-family:verdana,tahoma,helvetica;
    font-size:11px;
    background:url(images/tab-line.gif) repeat-x bottom;
}

.accordionCabecera 
{ 
color:White;
border: 1px solid black; 
background-color: #395f9d; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px; 
font-weight: bold; 
word-spacing: 10px;
padding: 4px; 
margin-top: 4px; 
cursor: pointer; 
} 

.accordionContenido 
{ 
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #c3d0e1; 
border: 1px solid black; 
border-top: none; 
font-size: 12px; 
padding: 10px; 
} 

.tableMargin
{
	margin-top: 10px;
	margin-left: 10px;
	width: 80%;
}

.GrayBorderCells
{
	border-color: #CCCCCC;
	border-width: 1px;
	border-style:  solid ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height :  20px;
		
}

.GrayBorderGrid
{
	border-color: #CCCCCC;
	border-width: 1px;	
	border-style:  solid ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.GrayBackgroundCell
{
	background-color: #eeeeee;
	font-weight:normal;
	border-color: #CCCCCC;
	border-width: 1px;	
	border-style:  solid ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height :  20px;
}

.GrayBackgroundTitleCell
{
	background-color: #eeeeee;
	font-weight:bold;
	border-color: #CCCCCC;
	border-width: 1px;	
	border-style:  solid ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height : 20px;
}

.GrayBackgroundCell a
{
	text-decoration: none;
	color: #395f9d;
}

.BlueBackgroundCell
{
	background-color: #395f9d;
}

.BlueBackgroundCell a
{
	text-decoration: none;
}

.BlueBackgroundCell a:hover
{
	text-decoration: none;
	font-weight:normal;
}

.LightBlueBackgroundCell
{
	background-color: #5a80af;
}

.LightBlueBackgroundCell a
{
	text-decoration: none;
}

.LightBlueBackgroundCell a:hover
{
	text-decoration: none;
	font-weight:normal;
}

.LighterBlueBackgroundCell
{
	background-color: #c3d0e1;
}





.H1Text
{
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma;
}



.LinkWhite .LinkWhite:active .LinkWhite:hover .LinkWhite:link .LinkWhite:visited
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
}

.LinkWhite:active
{
	color:Black;
}

.LinkWhite:hover
{
	color: White;
	font-weight: bold;
	
}

.LinkWhite:link
{
	color:White;
}

.LinkWhite:visited
{
	color:Gray;
}

.LinkBlue .LinkBlue:active .LinkBlue:hover .LinkBlue:link .LinkBlue:visited
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
}

.LinkBlue:active
{
	color:Black;
}

.LinkBlue:hover
{
	color:Blue;
	font-weight: bold;
	
}

lue:visited
{
	color:Gray;
}

.LabelBlue
{
	font-family: Arial, Verdana, Tahoma;
	font-size: 12px;
	color:Blue;
	font-weight:bold;
}

.Whitebody
{
	font-family: Arial, Verdana, Tahoma;
	color:White;
	font-size: 12px;
}

.WhiteGridTitle
{
	font-family: Arial, Verdana, Tahoma;
	color:gray;
	font-size: 14px;
	/*background-color: #395f9d;*/
	/*background-color: #DDDDDD;*/
	background-color: #DFDCDC;
	
}



.popupControl{
	border: thin solid DarkBlue;
        background-color:White;
	    position:absolute;
	    /*visibility:hidden;*/
	     top: 719px;
        left: 80px;
        width: 212px;
    }
    
    
    /********************************Custum Styles for Netsoft**********************************/

.label
{
	background-color: #eeeeee;
	font-weight:normal;
	border-color: #CCCCCC;
	border-width: 1px;	
	border-style:  solid ;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height :  20px;
}