/********************************************************************************
* 
* © 2007 Ecliptic Technologies, Inc. - All Rights Reserved
* Unauthorized use or reproduction of this product is strictly prohibited by law.
* Website: www.ecliptictech.com
* Email: info@ecliptictech.com
*
* Name: midwest_supply.css
* Description: Master CSS file for the entire Midwest Supply website
*
*********************************************************************************/


/* Body 
--------------------------------------------------------------------------------*/

body
	{
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	text-align: center;
	background-color: #666666;
	margin: 0;
	}

h1
	{
	margin:0px;
	padding:0px 0px 0.4em 0px;
	font:bold 2em Tahoma, Arial, Helvetica, sans-serif;
	}

h2
	{
	margin:0px;
	padding:0px 0px 0.6em 0px;
	font:bold 1.8em Tahoma, Arial, Helvetica, sans-serif;
	}

h3
	{
	margin:0px;
	padding:0px 0px 0.8em 0px;
	font:bold 1.6em Tahoma, Arial, Helvetica, sans-serif;
	}

h4
	{
	margin:0px;
	padding:0px 0px 1em 0px;
	font:bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
	}

h5
	{
	margin:0px;
	padding:0px 0px 1.2em 0px;
	font:bold 1.2em Tahoma, Arial, Helvetica, sans-serif;
	}

h6
	{
	margin:0px;
	padding:0px 0px 1.4em 0px;
	font:bold 1em Tahoma, Arial, Helvetica, sans-serif;
	}

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

.windowDiv
{
    width: 100%;
}

.frameDiv
{
    width: 800px;
    margin: 15px auto 0 auto;
}

/* General */
a
{
    color: #000;
    text-decoration: none;
}

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

input, select
{
    font-size: 12px;
}

input[type="submit"]
{
    padding: 1px;
}

.contentArea
{
   padding: 5px 10px 10px;
}

.pageHeader
{
   background-color: #f7be2b;
   border: 1px solid #000;
   font-weight: bold;
   font-size: 14px;
   margin: 0 0 10px;
   padding-left: 5px;
   text-align: left;
}

#imagerotator
	{
	text-align: center;
	width:619px;
	height:90px;
	padding:0px;
	margin: 3px 11px 0px 11px;
	border:1px solid #000000;
	}

.shipping_header01
	{
	height:21px;
	margin:0px 0px 1.4em 0px;
	background:url(../images/mws_shipping_heading01.jpg) no-repeat;
	}

.shipping_header01 h4
	{
	position:absolute;
	left:-999em;
	font:bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
	}

.shipping_header02
	{
	height:21px;
	margin:0px 0px 1.4em 0px;
	background:url(../images/mws_shipping_heading02.jpg) no-repeat;
	}

.shipping_header02 h4
	{
	position:absolute;
	left:-999em;
	font:bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
	}

.shipping_header03
	{
	height:21px;
	margin:0px 0px 1.4em 0px;
	background:url(../images/mws_shipping_heading03.jpg) no-repeat;
	}

.shipping_header03 h4
	{
	position:absolute;
	left:-999em;
	font:bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
	}

.shipping_header04
	{
	height:21px;
	margin:0px 0px 1.4em 0px;
	background:url(../images/mws_shipping_heading04.jpg) no-repeat;
	}

.shipping_header04 h4
	{
	position:absolute;
	left:-999em;
	font:bold 1.4em Tahoma, Arial, Helvetica, sans-serif;
	}

.shipping_rightbox
	{
	float:right;
	padding:0px 0px 1.4em 1.4em;
	}

/* Master Page */
.masterHeader
{
    background-color: #f7be2b;
    text-align: left;
}

.masterContent
{
    background-color: #393b69;
    clear: both;
}

.masterMenuDiv
{
    text-align: left;
    margin: 0 3px 0 0;
    height: 40px;
    border-bottom: 2px solid #615e59;
}

.masterMenu
{
    margin: 0px 2px 0 0;
    padding: 2px;
}

.masterMenuItem
{
    float: left;
    margin: 0;
    color: #f7be2b;
    font-weight: bold;
    border: 1px solid transparent;
    padding: 3px;
    display: block;
}

.masterMenuItemHover
{
    border: 1px solid #f7be2b; 
}

.masterMenuItem a:hover
{
    color: #f7be2b;
    text-decoration: none; 
}

.masterMenuItemSelected
{
    float: left;
    margin: 0;
    color: #000;
    font-weight: bold;
    border: 1px solid #f7be2b;
    background-color: #f7be2b;
    padding: 3px;
    display: block;
}

.masterMenuItemSelected a:hover
{
    color: #000;
}

.masterCartDisplayDiv
    {
    float:right;
    text-align:right;
    width:100px;
    padding:0px 10px 10px 0px;
    margin-top:3px;
    color:#ffffff;
    clear:both;
    }

.masterCartDisplayDiv a
    {
    color: #fff;
    }

#product_search
    {
    float:right;
    width:320px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    font-weight:bold;
    }

#product_search-heading
    {
    float:left;  
    clear:right;
    padding:0 0 6px 0;
    }

#product_search-heading span
    {
    padding:0 0 0 10px;
    }

#product_search-searchfield
    {
    float:left;
    width:100%;
    padding:6px 0 0 0;
    clear:left;
    }

#product_search-searchfield label
    {
    float:left;
    padding:0 6px 0 0;
    }

#ctl00_txtSearchValue
    {
    float:left;
    width:160px;
    margin:0 6px 0 0;
    }

#ctl00_btnSearchGo
    {
    float:left;
    }

#product_search-dropdown
    {
    float:left;
    width:100%;
    padding:6px 0;
    clear:left;
    }

#product_search-dropdown label
    {
    float:left;
    padding:0 6px 0 0;
    }

#product_search-dropdown select
    {
    float:left;
    width:259px;
    }


/* Main background
--------------------------------------------------------------------------------*/

#main
    {
    float:left;
    width:100%;
    padding:5px 0 0 0;
    }


/* Sidepane - right
--------------------------------------------------------------------------------*/

#sidepane-right
    {
    float:right;
    width:106px;
    }


/* Sub navigation 
--------------------------------------------------------------------------------*/

#subnav
    {
    width:104px;
    margin-right:2px;
    }


/* Main content
--------------------------------------------------------------------------------*/

#mainContentDiv
    {
    float:left;
    min-height:343px;
    width:645px; 
    margin-left:40px;
    background-color:#ffffff;
    border-left:3px solid #000;
    border-right:3px solid #000;
    }

* html #mainContentDiv
    {
    margin-left:20px;
    height:343px;
    }

#mainContentDiv ul
	{
	margin:0px 0px 1.4em 25px;
	font:1em Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}

#footerDiv
{
    clear: left;
    float: left;
    width: 645px;
    margin-left: 40px;
    padding-top: 20px;
    vertical-align: top;
    background-color: #fff;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
}

* html #footerDiv
{
    margin-left: 20px;
}

#categoryBarDiv
{
    float: right;
    width: 104px;
}

.BuyTodayImage
{
    background: url(../images/mws_buybutton01.gif);
    display: block;
    width: 193px;
    height: 43px;
}

/* Products Master Page */
.productMasterContentArea
{
    text-align: left; 
    width: 485px; 
    float: right;
}
* html .productMasterContentArea
{
    width: 480px;
}

/* Subnavigation Bar */
.subnav
{
    width: 150px; 
    min-height: 333px; 
    margin: 5px 3px 3px; 
    background-color: #f6e1a8; 
    float: left;
    border: 1px solid black;    
}

* html .subnav
{
    
}
.subnavheader
{
    text-align: left; 
    background-color: #f7be2b; 
    border-bottom: 1px solid black;
    font-size: 14px;   
}

.subnavpanel
{
    padding: 5px 2px 5px 15px; 
    text-align: left;
}

.subnavpanel a
{
    line-height: 1.5em;
    font-size: 0.9em;
}

.subnavclassitem
{
    color: #000;
}

.subnavclassitemselected
{
    color: #880000;
}

.subnavclassitemdiv
{
    text-indent: -10px;
    margin-bottom: 3px;
}

/* Breadcrumb */
.breadcrumb
{
    margin-top: 5px; 
}

/* Featured Products */
.featuredProduct1
{
    padding: 10px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.featuredProduct1Last
{
    border-right: 1px solid #dddddd;
    padding: 10px;
}
.featuredProduct
{
    padding: 10px 11px 10px 10px;
    border-bottom: 1px solid #dddddd;
}
.featuredProductLast
{
    padding: 10px 11px 10px 10px;
}

/* Product Listing */
.productlisting
{
    border-bottom: solid black 1px;
     min-height: 50px;
}

* html .productlisting
{
    height: 50px;
}

.leftItem
{
    float: left;
    margin: 5px 10px 1px 0px;
}
.rightItem
{
    float: right;
    margin: 5px;
}

.productlisting_evenrow
{
    background-color: #fff;
}

.productlisting_oddrow
{
    background-color: #f3ecda;
} 

/* Product Lister */
.productLister
{
    border-color: #ccc;   
}
.productLister td
{
    border-color: #ccc;
}

.productListerTitle
{
    background-color: #f7be2b;
    min-height: 25px;
    text-align: left;
    margin: 0;
}

.productListerHeader td
{
    background-color: #f7be2b;
    height: 20px;
    text-align: center;
}

.productListerExpander
{
    font-size: 16px; 
    font-family: Arial Black; 
    color: #ff0000;
    padding: 0 5px;
    width: 15px;
}

.productListerPriceDiscount
{
    font-family: Arial;
    color: #ff0000; 
    font-style: italic;
}

.productListerItem td
{
    background-color: #fff9ea;
    padding: 3px 4px;
}

.productListerItemAlt td
{
    background-color: #f3ecda;
    padding: 3px 4px;
}

.productListerPager
{
    color: Red;
    font-size: 16px;
    text-align: right;
}

/* Product Detail */
.productdetailtitle
{
    font-weight: bold;
    font-size: 14px;
}

.productDetailMSDS
{
    float: right;
    text-align: center;
    margin: 5px 0; 
}

.productDetailMSDS a
{
    color: #fff;
    font-weight: bold;
}

.productDetailPriceDiscount
{
     color: #ff0000; 
     font-style: italic;
}

.priceitemtable tr td
{
    text-align: right;
    font: 12px normal Tahoma, Arial, Helvetica;
}

/* Shopping Cart */
.shoppingcarttotal
{
    margin: 10px 0 0 0;
    border-top: 1px solid #000;
    text-align: right;
}

.shoppingcarttotal td
{
    width: 80px;   
}

.shoppingcarttotal td:first-child
{
    width: 100px;  
}

/* Customer Login */
.customerLoginTable
{
    border: 3px double #000;
    width: 400px;
    background-color: #fdfbf4;
    margin: auto;
}

.customerLoginHeader, .customerRegisterHeader
{
    background-color: #f7be2b;
    border-bottom: 1px solid #000;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

.customerLoginField
{
    padding: 10px 20px 0 0;
}

.customerLoginFooter, .customerRegisterFooter
{
    padding: 20px 12px 5px;
}

/* Dialog */
.dialogTable
{
    border: 3px double #000;
    width: 500px;
    background-color: #fdfbf4;
    margin: auto;    
}

.dialogFieldLabel
{
    text-align: right;
    padding: 5px 15px 0;
}

.dialogField
{
    padding: 5px 20px 0 0;
}

/* Order Summary Page */
.orderSummaryEditButton
{
    font-size: 10px;
    width: 40px;
}

.orderSummaryCCInfo td
{
    font-size: 11px;
    white-space: nowrap;
    padding-right: 15px;
}

/* Terms of Use */
.SubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #003366;
}

/* Default Page */
.marquee
{
	height:48px;
	margin: 10px 0 5px 40px;
	padding: 0;
	color: #f7be2b;
	font: bold 14px Tahoma, Arial, Helvetica, sans-serif;
	background:url(../images/mws_marquee_mainbg.gif) repeat-x;
}

.marqueeLeftCap
	{
	float:left;
	width:13px;
	height:48px;
	margin: 0px;
	padding: 0px;
	background:url(../images/mws_marquee_leftcapbg.gif) no-repeat;
}

.HomePageProducts
{
   margin-left: 40px; 
}

/* Bubble ToolTip */
#bubble_tooltip{
    position:absolute;
    display:none;
    z-index: 999;
}
#bubble_tooltip .bubble_top{
        background: url(/images/bubble_top.gif) no-repeat;
        float: left;
        height:147px;
        width: 16px;	
}
#bubble_tooltip .bubble_middle{
        background: url(/images/bubble_middle.gif) repeat-x bottom left;
        float: left;
        height: 147px;
        width: 100px;
        text-align: left;
        padding-left:7px;
        padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
        position:relative;
        top: 8px;
        text-align: left;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
}
#bubble_tooltip .bubble_middle span ul
{
    margin: 0;
    padding: 0;   
}
#bubble_tooltip .bubble_bottom{
        background: url(/images/bubble_bottom.gif) no-repeat;	
        float: left;
        height:147px;
        width: 44px;
        position:relative;
        top:-0px;
}


/* Bubble Tool Tip 2 */
#bubble_tooltip2{
        position:absolute;
        display:none;
}

#bubble_tooltip2 .bubble_top{
        background: url(../images/bubble_top2.gif);
        float: left;
        height:120px;
        width: 12px;	
}

#bubble_tooltip2 .bubble_middle{
        background: url(../images/bubble_middle2.gif) repeat-x bottom left;
        float: left;
        height: 120px;
        width: 252px;
        padding-left:7px;
        padding-right:7px;
}

#bubble_tooltip2 .bubble_middle span{
        position:relative;
        top: 8px;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
}

#bubble_tooltip2 .bubble_bottom{
        background: url(../images/bubble_bottom2.gif) no-repeat;	
        float: left;
        height:120px;
        width: 36px;
        position:relative;
        top:-0px;
}



/*#bubble_tooltip2 .bubble_top_left{
        background-image: url(../images/bubble_top_left.gif);
        background-repeat:no-repeat;
        background-position:top right;
        height:15px;
        width:23px;
}
#bubble_tooltip2 .bubble_top_middle{
        background-image: url(../images/bubble_top_middle.gif);
        background-repeat:repeat-x;	
        background-position:top;
        height:15px;	                
}
#bubble_tooltip2 .bubble_top_right{
        background-image: url(../images/bubble_top_right.gif);
        background-repeat:no-repeat;
        background-position:top left;
        height:15px;	
        width:23px;
}
#bubble_tooltip2 .bubble_middle_left{
        background-image: url(../images/bubble_middle_left.gif);
        background-repeat:repeat-y;
        width:23px;
}
#bubble_tooltip2 .bubble_middle_right{
        background-image: url(../images/bubble_middle_right.gif);
        background-repeat:repeat-y;	
        width:23px;
}
#bubble_tooltip2 .bubble_middle{
        background-color: white;
        font-family:Arial, Helvetica, sans-serif
        font-size:11px;
}
#bubble_tooltip2 .bubble_bottom_left{
        background-image: url(../images/bubble_bottom_left.gif);
        background-repeat:no-repeat;
        background-repeat:no-repeat;
        background-position:top right;
        width:23px;
        height:45px;
}
#bubble_tooltip2 .bubble_bottom_middle_left{
        background-image: url(../images/bubble_bottom_middle_left.gif);
        background-repeat:repeat-x;
        background-position:top left;
        
}
#bubble_tooltip2 .bubble_bottom_right{
        background-image: url(../images/bubble_bottom_right.gif);
        background-repeat:no-repeat;
        background-position:top right;
        width:23px;
}*/


/* Buy Today Page */
.BuyTodayDeliveryList, .BuyTodayCarrierList
{
    list-style: none;
    padding: 0; 
    margin: 0;
}

.BuyTodayDeliveryList li
{
    text-indent: -12px;
    padding-left: 12px;
    margin: 0 0 10px; 
    text-align: left;
}

.BuyTodayCarrierList li
{
    text-indent: -12px;
    margin: 10px 0 0 0; 
    text-align: left;
    font-style: italic;
}

/* DataGrid controls */
.dataGrid
{
    margin: 15px 5px;
    border-color: #aaa;
}

.dataGridHeaders td
{
    background-color: #f7be2b;
    font-weight: bold;
    font-size: 12px;
    padding: 3px;  
}

.dataGridItem td
{
    background-color: #fff9ea;
    padding: 3px;
}

.dataGridAltItem td
{
    background-color: #f3ecda;
    padding: 3px;   
}

.dataGridPager td
{
    padding: 10px 5px 5px;
    color: #0000ff;
    font-size: 1.3em;
    text-align: center;
}