/* CSS Document */

body { margin: 1% 0 1% 0; height: 100%; text-align: center; background: #DBDBDB url("../../Images/boxed-bg.gif") repeat scroll left top; }	
#OuterContainer { width: 980px; height: 100%; margin: 0 auto; text-align: left; }
#InnerContainer { font-family: Verdana, Helvetica, Arial, Sans-Serif; color: #333333; font-size: 0.75em; background: #FFFFFF; line-height: 150%; padding: 0 10px 0 10px; }
#Header { margin: 0 0 10px 0 }
#HeaderLinks { float: right; padding: 25px 0 10px 0;}
#HeaderLogo { padding: 0 0 10px 0; }
#LeftNav { width: 200px; padding: 10px 6px 10px 6px; vertical-align: top; }
#MainContent { padding: 10px 6px 10px 6px; width: auto; vertical-align: top; }
#BreadcrumbOuter { padding: 5px 6px 5px 6px; }
#Breadcrumb { line-height: 100%; }
#Footer { clear: both; padding: 20px 0 12px 0; margin: 0 6px 0 6px; text-align: center; border-top: solid 1px #CCCCCC;}

/* The following properties are specific to the Horizontal menu */
.MainMenu { width: 100%; height: 36px; background: transparent url("../../Images/SkinGray/nav-bg.gif") repeat-x top left; padding: 0 0 0 0; vertical-align: top; }
.MainMenu .AspNet-Menu-Horizontal { height: 36px; position: relative; left: 0; top: 0; z-index: 300; background: transparent url("../../Images/SkinGray/nav-bg-l.gif") no-repeat top left; }
/* All menu items*/
.MainMenu ul.AspNet-Menu { text-align: center; font-size: 12px; font-weight: bold; margin: 0 0 0 10px; }
.MainMenu ul.AspNet-Menu li a, 
.MainMenu ul.AspNet-Menu li span { color: #FFFFFF; }

/* TOP TIER properties. We will override these with more specific rules (below) */
/* for all menu items from the second tier downward in the menu. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu { height: 36px; width: auto; background: transparent url("../../Images/SkinGray/nav-bg-r.gif") no-repeat top right; }
/* 
BLUE hover: background: #9FB9E2;
GRAY hover: background: #B5B5B5;
*/
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li:hover, 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li.AspNet-Menu-Hover
{ background: #B5B5B5; }

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li { width: auto; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a { padding: 9px 10px 8px 10px; background-image: url("../../Images/SkinGray/nav2-div.gif"); background-position: top right; background-repeat: no-repeat; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:active { text-decoration: underline; } 
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li a:hover { text-decoration: underline; }

/* This rule effectively says: style all tiers EXCEPT THE TOP TIER in the menu this way... */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul { left: 0; top: 100%; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { top: 0em; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul { }

/* SECOND AND THIRD TIERS. These properties allow the top tier menu items */
/* to be narrower, for example, than the sub-menu items. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li { text-align: left; width: 14.0em; background: #919191; background-image: none; border-bottom: solid 1px #FFFFFF; line-height: 150%; font-size: 90%; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a { background-image: none; padding: 5px 10px 5px 10px; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:hover { background: #B5B5B5; text-decoration: none; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul li a:active { background: #B5B5B5; text-decoration: none; }

.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li { width: 15.0em; background: #919191; background-image: none; border-bottom: solid 1px #FFFFFF; line-height: 150%; font-size: 90%; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li a { background-image: none; padding: 5px 10px 5px 10px;}
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li a:hover { background: #B5B5B5; text-decoration: none; }
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu ul ul li a:active { background: #B5B5B5; text-decoration: none; }

/* Third tier menus have to be positioned differently than second (or top) tier menu items because */
/* they drop to the side, not below, their parent menu item. This is done by setting the last margin */
/* value (which is equal to margin-left) to a value that is slightly smaller than the WIDTH of the */
/* menu item. So, if you modify the rule above, then you should modify this (below) rule, too. */
.MainMenu .AspNet-Menu-Horizontal ul.AspNet-Menu li ul li ul { margin: 0 0 0 14.85em; }

div.Button { padding: 0 0 0 0; height: 36px; background: transparent url("../../Images/SkinOrange/nav-bg.gif") repeat-x top left; vertical-align: top; }
div.ButtonLeft { height: 36px; background: transparent url("../../Images/SkinOrange/nav-bg-l.gif") no-repeat top left; }
div.ButtonRight { height: 36px; background: transparent url("../../Images/SkinOrange/nav-bg-r.gif") no-repeat top right; }
div.Button span a { padding: 8px 0 8px 0; display: block; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; text-decoration: none; }

span.btnBuyNow a {
    font-weight: normal; 
    color: #0B0BFF;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #EEEEEE; 
    border: solid 1px #CCCCCC;
    text-align: center;
    margin: 0 0 0 0px; 
    padding: 0.3em 1.0em 0.3em 1.0em;
    display: inline; 
	}

span.btnBuyNow a:hover {
    font-weight: normal; 
    color: #DB2929;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FBE9E9;
    border: solid 1px #F1A9A9;
	}

/*.box { background-color: #F2EAFA; border: solid 1px #CCCCCC; padding: 3px; margin: 5px 0 5px 0; }*/
.box { background: transparent url("../../Images/SkinOrange/nav-bg.gif") repeat top left; padding: 5px; color: #FFFFFF; font-weight: bold; }
.box a { color: #FFFFFF; }
.clear { clear: both; }
.clearBox { font-size: 1px; height: 1px; margin: 0 0 15px 0; }
.colgridx { padding: 3px 7px 3px 0px; text-align: left; vertical-align: top; font-weight: bold; }
.colgridy { padding: 3px 7px 3px 7px; text-align: left; vertical-align: top; }

.dg			{ font-size: 100%;} 
table.dg 	{ border: #CCCCCC solid 1px; border-collapse: collapse;} 
table.dg td { border: #CCCCCC solid 1px;}
table.dg th { border: #CCCCCC solid 1px;}

.FieldFormatHelp { font-size: 90%; }
.Green { color: #008000; }
.none { display: none; }
.NoWrap { white-space: nowrap; }
.Price1 { color: inherit; }
.Price2 { color: inherit; font-weight: bold; }
.Price3 { color: Red; font-weight: bold; }
.Saving1 { color: inherit; }
.Saving2 { color: inherit; }
.Saving3 { color: #008000; }
.SearchBox { background-color: #DBDBDB; }
.TdLabel { text-align: left; vertical-align: top; }
.TdField { text-align: left; vertical-align: top; } 

.td1 { text-align: left; vertical-align: top; padding: 3px 15px 3px 0;}
.td2 { text-align: left; vertical-align: top; padding: 3px 15px 3px 0;}

.warning { font-style: normal; font-weight: normal; color: #FF3333; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
p { }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; color: #333333; }
h1 { font-size: 1.8em; margin: 0px 0 15px 0; }
h2 { margin-top: 15px; font-size: 1.3em; border-bottom: 1px solid #CCCCCC; padding-bottom: 0.17em; }
h3 { font-size: 1.1em; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
hr { color: #CCCCCC; background-color: #CCCCCC; height: 1px; border: 0; }
img { border: 0; }
li { line-height: 150%; }
th { color: #FFFFFF; background: transparent url("../../Images/SkinOrange/nav-bg.gif") repeat-x top left; font-weight: bold; }
ul { list-style: square; }
a:link		{ text-decoration: underline; }                    
a:visited	{ text-decoration: underline; }                 
a:active	{ text-decoration: underline; }                     
a:hover		{ text-decoration: underline; } 

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    
    HOME PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.SellerListHome div.AspNet-DataList table { width: 100%; }
div.SellerListHome div.AspNet-DataList table td { width: 33%; vertical-align: top; padding: 3px 0 3px 0;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	ROUNDED BORDERS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/   
.box-t {background: url("../../Images/box-t.gif") 0 0 repeat-x; width: auto;  }
.box-t_ie {background: url("../../Images/box-t.gif") 0 0 repeat-x; width: auto; padding-bottom:5px; }
.box-b {background: url("../../Images/box-b.gif") 0 100% repeat-x;}
.box-l {background: url("../../Images/box-l.gif") 0 0 repeat-y;}
.box-r {background: url("../../Images/box-r.gif") 100% 0 repeat-y;}
.box-bl {background: url("../../Images/box-bl.gif") 0 100% no-repeat;}
.box-br {background: url("../../Images/box-br.gif") 100% 100% no-repeat;}
.box-tl {background: url("../../Images/box-tl.gif") 0 0 no-repeat;}
.box-tr {background: url("../../Images/box-tr.gif") 100% 0 no-repeat; padding: 10px;}

.t {background: url("../../Images/dot_grey.gif") 0 0 repeat-x; width: auto;  }
.t_ie {background: url("../../Images/dot_grey.gif") 0 0 repeat-x; width: auto; padding-bottom:5px; }
.b {background: url("../../Images/dot_grey.gif") 0 100% repeat-x;}
.l {background: url("../../Images/dot_grey.gif") 0 0 repeat-y;}
.r {background: url("../../Images/dot_grey.gif") 100% 0 repeat-y;}
.bl {background: url("../../Images/bl_grey.gif") 0 100% no-repeat;}
.br {background: url("../../Images/br_grey.gif") 100% 100% no-repeat;}
.tl {background: url("../../Images/tl_grey.gif") 0 0 no-repeat;}
.tr {background: url("../../Images/tr_grey.gif") 100% 0 no-repeat; padding:10px;}

.t_fill {background: url("../../") 0 0 repeat-x #CCCCCC; width: auto; }
.t_fill_ie {background: url("../../") 0 0 repeat-x #CCCCCC; width: auto; padding-bottom:5px;}
.bl_fill {background: url("../../Images/bl_fill.gif") 0 100% no-repeat;}
.br_fill {background: url("../../Images/br_fill.gif") 100% 100% no-repeat;}
.tl_fill {background: url("../../Images/tl_fill.gif") 0 0 no-repeat;}
.tr_fill {background: url("../../Images/tr_fill.gif") 100% 0 no-repeat; padding:10px;}
.clearBox {font-size: 1px; height: 1px; margin: 0 0 15px 0;}

.t_grey {background: url("../../Images/dot_grey.gif") 0 0 repeat-x; width: auto; position: relative; }
.t_grey_ie {background: url("../../Images/dot_grey.gif") 0 0 repeat-x; width: auto; padding-bottom:5px; position: relative;}
.b_grey {background: url("../../Images/dot_grey.gif") 0 100% repeat-x; position: relative;}
.l_grey {background: url("../../Images/dot_grey.gif") 0 0 repeat-y; position: relative;}
.r_grey {background: url("../../Images/dot_grey.gif") 100% 0 repeat-y; position: relative;}
.bl_grey {background: url("../../Images/bl_grey.gif") 0 100% no-repeat; position: relative;}
.br_grey {background: url("../../Images/br_grey.gif") 100% 100% no-repeat; position: relative;}
.tl_grey {background: url("../../Images/tl_grey.gif") 0 0 no-repeat; position: relative;}
.tr_grey {background: url("../../Images/tr_grey.gif") 100% 0 no-repeat; padding:10px; position: relative;}

.t_IE_Fix { padding-bottom: 5px; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    
    PRINT SETTINGS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
@media print {
#OuterContainer { width: 100%; }
#MainMenu-container { display:none; }
#LeftNav { display:none; }
.advertisement { display:none; }
.none { display:none; }
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~    
    MOVING BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#wrapper { position: relative; width: 616px; margin: 15px 0 15px 35px; }
#wrapper #intro { padding-bottom: 10px; }
#wrapper #slider { width: 616px; margin: 0 auto; position: relative; border: 4px solid #CCCCCC; }
#wrapper .scroll { overflow: hidden; width: 616px; margin: 0 auto; position: relative; }
#wrapper .scrollContainer { position: relative; }
#wrapper .scrollContainer div.panel { padding: 10px; width: 260px; height: 220px; }

#wrapper #left-shadow { 
    position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	bottom: 0;
	background: url(../../images/leftshadow.png) repeat-y;
}

#wrapper #right-shadow 
{ position: absolute; top: 0; right: 0; width: 12px; bottom: 0; background: url(../../images/rightshadow.png) repeat-y;}
#wrapper .inside { padding: 10px; border-width: 1px; border-style: solid; border-color: #999999; height: 88%; }
#wrapper .inside div { text-align: center; }
#wrapper .inside img { /*display: block;*/ margin: 0 0 10px 0; }
#wrapper .inside h2 { font-weight: normal; color: #333333; font-size: 15px; margin: 0 0 8px 0; }
#wrapper .inside p { font-size: 11px; color: #333333; }
#wrapper div.logo a { color: #333333; text-decoration: none; border-bottom: 1px dotted #CCCCCC; }
#wrapper .scrollButtons { position: absolute; top: 97px; cursor: pointer; } 
#wrapper .scrollButtons.left { left: -45px; } 
#wrapper .scrollButtons.right { right: -45px; } 
#wrapper .hide { display: none; }