/* CSS Document */

body{
margin:0px;
background-color:none;
font-family:verdana,arial,helvetica,sans-serif;
color:#000000;
font-size:11px;
text-align:center;
}

a{
color:#006699;
text-decoration:underline;
cursor:pointer;
}

a:hover{
color:#BA0F3D;
text-decoration:underline;
cursor:pointer;
}

a:visited{

}

.outerskin-table{
width:810px;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
height:100%;
}

.outerskin-table-td{
padding-left:10px;
padding-right:10px;
padding-top:0px;
vertical-align:top !important;
}

.insideskin-table{
width:100%;
border:0px;
padding:0px !important;
text-align:left;
}

.header-table{
width:100%;
border:1px;
padding:0px !important;
text-align:left;
height:91px !important;
}

#logo{
position:absolute !important;
width:90px !important;
vertical-align:top;
padding:0px;
margin-left:11px;
margin-top:-37px;

}

.top-bar-td-home{
 background: url(site_images/topnav_bg.gif) repeat-x;
 height:37px;
 vertical-align:middle !important;
 font-size:14px;
 padding-left:15px;
 font-weight:bold;
 color:#FFFFFF;
 font-family:Tahoma, Verdana, Arial, Helvetica;

}

.top-bar-td{
 background: url(site_images/topnav_bg.gif) repeat-x;
 height:37px;
 vertical-align:middle !important;
 color:#FFFFFF;
 font-family:Tahoma, Verdana, Arial, Helvetica;

}

.top-bar-td2 {
	
	vertical-align: top;
}

a.topnav-link  {
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:6px;
	font-size:11px;
	border-right:solid 0px #ccc;
	border-bottom:solid 0px #ccc;
	border-top:solid 0px #ccc;
	vertical-align : middle;
	text-align: center;
	
}
a.topnav-link:hover {

color:#EEEEEE;
text-decoration:underline !important;

}
a.topnav-link:visited {
color:#FFFFFF;
}

.divider2{
color:#C97A90;
text-shadow:#000000 !important;

}


.topnav-link-focus  {
	text-decoration:none;
	color:#FFFFFF;
	padding:5px;
	font-size:11px;
	border-right:solid 0px #ccc;
	border-bottom:solid 0px #ccc;
	border-top:solid 0px #ccc;
	vertical-align : middle;
	text-align: center;
	font-weight: bolder;	
}


.display-table-small{
	vertical-align : top;
	border-top:solid 1px #B9BABC;
	border-right:solid 1px #B9BABC;
	background-color:#FFFFFF;
	width:auto;
	padding:0px;
	padding-right:7px !important;
	height:100%;
	width:250px;
	font-size:11px;
	text-align: left;	
}


 .display-table{
	vertical-align : top;
	border-top:solid 1px #B9BABC;
	border-right:solid 1px #B9BABC;
	background-color:#FFFFFF;
	width:100%;
	padding:0px;
	height:100%;
	font-size:11px;
	text-align: center;	
}
.display-table2{
	vertical-align : top;
	border-top:solid 1px #B9BABC;
	border-right:solid 1px #B9BABC;
	background-color:#FFFFFF;
	
	width:100%;
	height:100%;
	font-size:11px;
	text-align: left;	
}


.display-td{
	vertical-align : top;
	border-left:solid 1px #B9BABC;
	border-bottom:solid 1px #B9BABC;
	padding : 5px;
	
}

.display-td-special{
	background-color:#F7F5F6;
	vertical-align : top;
	border-left:solid 1px #B9BABC;
	border-bottom:solid 1px #B9BABC;
	padding : 5px;
	color:#999999;
	
}

.display-td2{
	vertical-align : left;
	border-left:solid 1px #B9BABC;
	border-bottom:solid 1px #B9BABC;
	padding : 5px;
	
}

.display-td-heading{
	vertical-align : middle;
	border-left:solid 1px #B9BABC;
	border-bottom:solid 1px #B9BABC;
	font-weight : bold;
	padding : 5px;
	font-size:11px;
	background-color: #DFDFDF;
}
.display-td-heading2{
	vertical-align : left;
	border-left:solid 1px #B9BABC;
	border-bottom:solid 1px #B9BABC;
	font-weight : bold;
	padding : 3px;
	font-size:9pt;
	background-color: #DFDFDF;
}



.mascot-body-td{
background-color:#ECECEC;
vertical-align:top;
height:450px;
}

.mascot-login-body-td{
background-color:#ECECEC;
vertical-align:middle;
text-align:center !important;
height:450px;
}

.mascot-body-td-products{
background-color:#ffffff;
vertical-align:top;
height:450px;
}

.mascot-homebody-td{
background-color:#ECECEC;
background-repeat:no-repeat;
background-image: url(site_images/homepage_image.gif);
vertical-align:top;
height:450px;
}

table.mascot-homenavigation{
	vertical-align : top;
	border-left:solid 0px #D2E9F2;
	border-right:solid 0px #D2E9F2;
	border-bottom:solid 0px #D2E9F2;
	width:195px;
	color:#ffffff;
	padding : 0px;
	
}

.mascot-homeform-td {
	
	color:#ffffff;
	padding:10px;
	padding-top:5px;
	padding-left:15px;
	background-image: url(site_images/home_nav_divider.gif);
	background-repeat:no-repeat;
	background-position:40% 100%;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}

a.mascot-homeform-nav-link {
	
	color:#ffffff;
	display:block;
	padding:10px;
	padding-left:15px;
	padding-top:5px;
	font-size:11px;
	text-align: left;
	text-decoration:none;
	background-image: url(site_images/home_nav_divider.gif);
	background-repeat:no-repeat;
	background-position:40% 100%;
	
}

a.mascot-homeform-nav-link:hover {
	
	color:#E5E5E5;
	
	text-decoration:none;
	
	
}

a.mascot-homeform-nav-link:visited {
	

	
	
}


.mascot-homeform-star {
	color:red;
	vertical-align: top;
}

.mascot-homeform-text-box {
	border:solid 0px #cccccc;
	color:#ffffff;
	padding:3px;
	padding-left:2px;
	font-size:11px;
	text-align: left;
	vertical-align: middle;
}

table.mascot-product-description{
	vertical-align : top;
	border-left:solid 0px #D2E9F2;
	border-right:solid 0px #D2E9F2;
	border-bottom:solid 0px #D2E9F2;
	width:100%;
	padding : 7px;
	
}

table.mascot-order-table{
	vertical-align : top;
	border-bottom:solid 1px #cccccc;
	width:100%;
	padding : 7px;
	
}

.mascot-order-heading{
	vertical-align : top;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding : 7px;
	
}


.mascot-order-td1{
	vertical-align : top;
	border-top:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	background-color:#EFEFEF;
	padding : 7px;
	
}

.mascot-order-td2{
	vertical-align : top;
	text-align:right;

	padding : 7px;
	
}

table.border-table{
border:solid 1px #cccccc;
padding:3px;
}

table.mascot-logintable{
	vertical-align:middle;
	text-align:left;
	border:solid 1px #cccccc;
	border-top:0px;
	background-color:#FFFFFF;
	width:auto;
	padding : 0px !important;
	
}
.mascot-login-text {
	
	color:#000000;
	padding:5px;
	padding-left:15px;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}

.mascot-login-text-box {
	border:solid 0px #cccccc;
	color:#000000;
	padding:5px;
	padding-left:2px;
	padding-right:15px;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}
.mascot-login-button-td {
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

table.mascot-formtable{
	vertical-align : top;
	border-left:solid 0px #D2E9F2;
	border-right:solid 0px #D2E9F2;
	border-bottom:solid 0px #D2E9F2;
	width:100%;
	padding : 0px;
	
}

.mascot-form-heading{
	vertical-align : top;
	font-size:12px;
	font-weight:bold;
	color:#666666;
	padding : 7px;
	background-color:#FFFFFF !important;
	border-bottom:solid 1px #cccccc;
	
}


.mascot-form-text {
	
	color:#000000;
	padding:5px;
	padding-left:15px;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}

.mascot-form-text-highlight {
	
	color:#000000;
	padding:5px;
	padding-left:15px;
	background-color:#F7F7F7;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}

.mascot-form-text-box-highlight {
	
	color:#000000;
	padding:5px;
	
	background-color:#F7F7F7;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}


.mascot-form-star {
	color:red;
	vertical-align: top;
}

.mascot-form-text-box {
	border:solid 0px #cccccc;
	color:#000000;
	padding:3px;
	padding-left:2px;
	font-size:11px;
	text-align: left;
	vertical-align: top;
}

table.right-header{
	width:100%;
	height:auto;
	border:0;
	vertical-align : top;
	padding: 1px;
	
}
.right-header-top{
	height:50%;
	vertical-align : top;
	text-align:right;
	color:#000000;
}

.right-header-role-caption{
	height:17px;
	vertical-align : bottom;
	text-align:right;
	color:#8C8C8C;
}
.right-header-bottom{
	height:50%;
	padding-top:5px;
	vertical-align : bottom;
	text-align:right;
	color:#666666;
	
	
}


table.help-logoff{
	vertical-align : top;
	padding-left : 1px;
	padding-top : 7px;
	padding-right : 2px;
	text-align: center;	
	color:#D31145;
	
}

.divider{
	vertical-align : middle;
	
	background-repeat:no-repeat;
	background-image: url(site_images/divider.gif);
	background-position: 90% 80%;
}

a.help-logoff{
	vertical-align : middle;
	text-decoration: none;	
	
	color:#D31145;
}

a.help-logoff:Hover{
	text-decoration:underline;	
	color:#000000 !important;
	
}
a.help-logoff:Visited{
	color:#D31145;
	
}

.textbox{
    color:#000000;
   font-size:11px;   
   border: 1px solid;
   border-top-color:#B9BABC;
   border-left-color:#B9BABC;
   border-right-color:#B9BABC;
   border-bottom-color:#B9BABC;
   
   vertical-align : middle;
   padding:1px;
   }
   
   textarea{
   color:#000000;
   font-size:11px; 
   font-family: Verdana, Geneva, Arial, helvetica, sans-serif;  
   background-color:#ffffff;
   padding:2px;
   border:1px solid #B9BABC;
   vertical-align : middle;
   }
   
   select{
   color:#000000;
   font-size:11px; 
   font-family: Verdana, Geneva, Arial, helvetica, sans-serif;  
   background-color:#ffffff;
   padding:0px;
   border:1px solid #B9BABC;
   vertical-align : middle;
   width:200px;
   
   }
   
   checkbox{
    color:#000000;
   font-size:11px;   

   
   vertical-align : middle;
   padding:0px;
   }
   
   .mascot-login-button{
	height:21px;
	
	
	padding-bottom:4px;
		padding-top:2px;
		padding-left:1px !important;
		padding-right:1px !important;
		margin:0px !important;
	background-color:#E5E5E5;
	text-decoration:none;
	font-size:11px !important;
	color:#FFFFFF;
	vertical-align : top;
	background-image: url(site_images/button_bg.gif);
	background-repeat:repeat-x;
	cursor:pointer;
	
	border:solid 1px #B9BABC;
	
	
}
.mascot-login-button[disabled]{
height:21px;
	
	
	padding-bottom:4px;
		padding-top:2px;
	background-color:#E5E5E5;
	text-decoration:none;
	font-size:11px !important;
	color:#898989;
	vertical-align : top;
	background-image: url(site_images/button_bg.gif);
	background-repeat:repeat-x;

	
	border:solid 1px #B9BABC;
	}

 .mascot-login-button:hover{
	height:21px;
	
	padding-bottom:4px;
	padding-top:2px;
	background-color:#E5E5E5;
	font-size:11px !important;
	color:#FFFFFF;
	vertical-align : top;
	background-image: url(site_images/button_bg.gif);
	background-repeat:repeat-x;
	
	border:solid 1px #B9BABC;

}

.color1{
background-color:red;
}
.color2{
background-color:white;
}
.color3{
background-color:black;
}
.color4{
background-color:#666666;
}
.color5{
background-color:#FF66CC;
}

.color-div{
background-color:#FF66CC;
width:50px;
height:20px;
}

.copy-right{
	padding:5px;
	font-size: 10px;
	color:#4C4C4C;
	vertical-align : middle;
	text-align: center;
} 

a.copy-right{
	color:#3C3C3C;
	text-decoration: none;	

} 
a.copy-right:hover{
	color:#ED5E32;

} 


/* left navigation classes  */

.mascot-leftnav-bg {
	border-left:solid 0px #DADADA;
	border-right:solid 0px #DADADA;
	border-bottom:solid 0px #B9BABC;
	background-image: url(site_images/left-nav-bg.gif);
	background-repeat:repeat-y;
	padding-top:2px;
	
	
}

.mascot-leftnav {
	border-left:solid 0px #E4E5E5;
	border-right:solid 0px #E4E5E5;
	border-bottom:solid 0px #B9BABC;
	font-size:8pt;
	vertical-align : middle;
}

a.mascot-leftnav-link  {
	display:block;
	background-image: url(site_images/line-separater.gif);
	background-repeat:no-repeat;
	background-position: 35% 100%;
	text-decoration:none;
	color:#000000;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align : middle;
}

a.mascot-leftnav-link:hover {
color:#383838;
border-left:solid 1px #E4E5E5;
border-right:solid 1px #E4E5E5;

background-image: none;
background-color:#000000;
text-decoration:none;
}

a.mascot-leftnav-link:visited {
text-decoration:none;
}

.mascot-leftnav-nonlink  {
	text-decoration:none;
	color:#5F5E5E;
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align : middle;
	font-weight: bold;	
}

.mascot-leftnav-current  {
	text-decoration:none;
	color:#000;
	background-image: url(site_images/left-nav-current-bg.gif);
	background-repeat:repeat-y;
	padding-left:35px;
	padding-top:6px;
	padding-bottom:6px;
	vertical-align : middle;
	font-weight: bold;	
}

.grid_table{
height:100px;
overflow: hidden; 
overflow-y: auto;
border-top::solid 1px #cccccc;
border-bottom:solid 1px #cccccc;

}




/* products body  */


DIV.productItem {
	MIN-HEIGHT: 190px; FLOAT: left; MARGIN: 0px 20px 10px 0px; WIDTH: 120px; TEXT-ALIGN: left
}
 HTML DIV.productItem {
	MARGIN: 0px 20px 10px 0px; TEXT-ALIGN: left
}
DIV.productItem IMG {
	BORDER: #BBBBBB 1px solid; PADDING: 0px;  DISPLAY: block;  MARGIN: 0px;  PADDING-TOP: 0px; 
}
DIV.productItem .priceDisplay {
	DISPLAY: block
}
DIV.productItem SPAN.priceDisplay SPAN.brandBreak {
	CLEAR: left; DISPLAY: block; WIDTH: 10px; LINE-HEIGHT: 1px; HEIGHT: 0px
}
 HTML DIV.productItem SPAN.priceDisplay SPAN.brandBreak {
	MARGIN-BOTTOM: -3px
}
DIV.productItem SPAN.mupSupMessage {
	CLEAR: both; DISPLAY: block; WIDTH: 120px
}
A.productItemName:link {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.productItemName:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.productItemName:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.productItemName:active {
	FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.productItemName:hover {
	TEXT-DECORATION: underline
}
A.productItemName SPAN.vendorName {
	
}
SPAN.productPricing {
	TEXT-ALIGN: left
}

.priceDisplay {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 0px; TEXT-DECORATION: none
}

.clear5 {
	CLEAR: both; OVERFLOW: hidden; HEIGHT: 5px
}

/* Products body end  */



/*------------Tabs Styles------------------------*/

#tabbg {
	width:100%;
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background:url(site_images/dot.gif)  repeat-x left bottom;
	margin:0;
	padding:0;
	font-size:11px;
	height:32px;
	 
      }
#tabsB { 
    
    float:left;
    width:100%;
    font-size:11px;
    line-height:normal;
	font-family:Arial, Helvetica, sans-serif;
	margin: 5px 0 0 2px;
	
}
#tabsB ul {

	margin:0;
	padding:0;
	list-style:none;
}
#tabsB li {

    display:inline;
    margin:0 ;
    padding:0;
}
#tabsB a {

	float:left;
	background:url(site_images/tableftB3.gif) no-repeat left top;
	margin:0 0 0 3px;
	padding:0 0 0 4px;
	text-decoration:none;
	display:block;

}
#tabsB a span {

	float:left;
	display:block;
	background:url(site_images/tabrightB3.gif) no-repeat right top;
	padding:6px 12px 6px 9px;
	color:#666;
	vertical-align:bottom;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span {
float:none;

}
    /* End IE5-Mac hack */
#tabsB a:hover span {
	color:#666;
}
#tabsB a:hover {
	background-position:0% -84px;
}
#tabsB a:hover span {
color:#D31145;
	background-position:100% -84px;
}
#tabsB #current a {
   background-position:0% -42px;
}
#tabsB #current a span {
color:#D31145;
	background-position:100% -42px;

}
/*================ Tabs Styles End =======================*/