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


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

/* reset all margins and padding for all tags and selectors */
*
	{
	margin:0px;
	padding:0px;
	}
	
body 
	{
	font:12px Arial, Helvetica, sans-serif;
	background:#666666;
	}
	
hr
	{
	display:none;
	}


/* Links
--------------------------------------------------------------------------------*/

a
	{
	color:#000000;
	text-decoration:none;
	}

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


/* Container
--------------------------------------------------------------------------------*/

.windowDiv
	{
	width:100%;
	}

.frameDiv
	{
	width:820px;
	margin:15px auto;
	background:#ffffff;
	}
	
	
/* Master styles
--------------------------------------------------------------------------------*/
	
#masterHeader
	{
	text-align:left;
	background:#ffffff;
	}

#headerbg
    {
    float:right;
    position:relative;
    width:800px;
    height:193px;
    background:url(../images/stockmens_headerbg.gif) no-repeat;
    }

.masterContent
	{
	float:left;
	width:100%;
	clear:both;
	text-align:left;
	background:#ffffff;
	}

.masterCartDisplayDiv
	{
	padding:0px 10px 0px 0px;
	text-align:left;
	font:bold 10px Tahoma, Arial, Helvetica, sans-serif;
	height: 45px;
	}

.masterMenuDiv
	{
	height: 0px;
	margin:0px 3px 0px 0px;
	text-align:left;
	}

.masterMenuItem
	{
	float:left;
	display:block;
	margin:0px;
	padding:3px 5px 0px 0px;
	color:#ffffff;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	}

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

.masterMenuItemSelected
	{
	float:left;
	display:block;
	margin:0px;
	padding:3px 5px 0px 0px;
	color:#000000;
	font-weight:bold;
	}

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

.masterPhoneNumber
	{
	position:absolute; 
	top:135px; 
	left:10px;
	font:bold italic 18px Tahoma, Arial, Helvetica, sans-serif;
	}

.masterCatSelection
	{
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;  
	}


/* Content
--------------------------------------------------------------------------------*/

.hr
	{
	width:100%;
	height:1px;
	margin:0px 0px 1.4em 0px;
	padding:0px;
	background:#000000;
	}

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

input[type="submit"]
	{
	padding:1px;
	}
	
#mainContentDiv
	{
	float:left;
	width:650px;
	min-height:343px; 
	margin:0px 0px 0px 0px;
	background-color:#ffffff;
	}

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

.contentArea
	{
	margin:5px 0px 10px 15px;
	padding:0px;
	}
	
.contentArea_og
	{
	padding: 5px 10px 10px;
	}

.contentArea p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:12px Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
.contentArea ol
	{
	margin:0px 0px 1.4em 25px;
	padding:0px;
	line-height:1.4em;
	}
	
#products
	{
	
	width:505px;
	margin:0px;
	padding:0px;
	}

.products_row
	{
	float:left;
	width:505px;
	margin:0px;
	padding:0px;
	}
	
.products_cell
	{
	float:left;
	margin:0px;
	padding:0px;
	}
	
.products_cell img
	{
	border:none;
	}
	
.products_cell_tr
	{
	float:left;
	height:127px;
	margin:19px 0px 0px 0px;
	padding:0px;
	}
	
.products_cell_tr img
	{
	border:none;
	}
	
.products_footer
	{
	float:left;
	width:504px;
	margin:0px;
	padding:0px;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	}
	
.products_footer p
	{
	margin:0px;
	padding:10px;
	text-align:center;
	}
	
#about_sidepane
	{
	float:right;
	width:252px;
	margin:0px 0px 1.4em 1.4em;
	padding:10px;
	border:1px solid #000000;
	}

#about_office
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	}
	
#about_office p
	{
	margin:0px 0px 0.7em 0px;
	padding:0px;
	font:10px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1em;
	text-align:center;
	}
	
#about_office img
	{
	margin:0px 0px 0.7em 0px;
	padding:0px;
	border:none;
	}
	
#about_services
	{
	width:252px;
	margin:0px;
	padding:0px;
	}
	
#about_services ul
	{
	margin:0px 0px 0px 15px;
	padding:0px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
#about_services li ul
	{
	margin:0px 0px 0px 15px;
	padding:0px;
	}
	
#about_services_images
	{
	float:right;
	width:62px;
	margin:0px 0px 0px 0.7em;
	padding:0px;
	}
	
#about_services_images img
	{
	margin:0px 0px 0.7em 0px;
	padding:0px;
	}
	
#about_Mandan
	{
	float:left;
	width:257px;
	margin:0px;
	padding:0px;
	}
	
#about_Mandan img
	{
	margin:0px;
	padding:0px 0em 0px 0px;
	}
	
#about_Mandan p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	}
	
#about_WestFargo
	{
	float:left;
	width:257px;
	margin:0px;
	padding:0px;
	}
	
#about_WestFargo img
	{
	margin:0px;
	padding:0px 0em 0px 0px;
	}
	
#about_WestFargo p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	}
	
.about_heading
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold italic 14px Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}

#shipping_cc
	{
	float:right;
	width:266px;
	margin:0px 0px 1.4em 1.4em;
	padding:5px;
	border:1px solid #000000;
	}
	
#shipping_cc p
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	line-height:1.4em;
	color:#ea1d25;
	}

.shipping_heading
	{
	margin:0px 0px 1.4em 0px;
	padding:0px;
	font:bold italic 14px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	color:#ea1d25;
	}


/* Page header bar
--------------------------------------------------------------------------------*/

.pageHeader
	{
	width:100%;
	height:29px;
	margin:0px 0px 10px 0px;	
	background:url(../images/stockmens_topbar_mainbg.gif) repeat-x;
	}
	
.pageHeader_og
	{
	width:100%;
	height:29px;
	font-weight: bold;
	font-size: 12px;
	margin:0px 0px 10px 0px;
	background:url(../images/stockmens_topbar_mainbg.gif) repeat-x;
	}

.pageHeaderLeft
	{
	float:left;
	width:14px;
	height:29px;
	background:url(../images/stockmens_topbar_leftbg.gif) no-repeat;
	}

.pageHeaderContent
	{
	float:left;
	padding:2px 0px 0px 0px;
	height:27px;
	font:bold 14px Tahoma, Arial, Helvetica, sans-serif;
	}

.pageHeaderRight
	{
	float:right;
	width:21px;
	height:29px;
	background:url(../images/stockmens_topbar_rightbg.gif) no-repeat;
	}


/* Navbar
--------------------------------------------------------------------------------*/

.masterNavBar
	{
	float:right; 
	width:151px;
	height:420px;
	}

.masterNavBarMiddle
	{
	padding:0px 8px;
	background:url(../images/stockmens_navbar_mainbg.gif) repeat-y;
	}

.masterNavButton
	{
	width:135px;
	height:33px;
	margin-bottom:0px;
	padding:13px 0 3px;
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
	background:url(../images/stockmens_buttonbg.gif) no-repeat;
	}

.masterNavBarBottom
	{
	width:151px;
	height:5px;
	background:url(../images/stockmens_navbar_bottombg.gif) no-repeat;
	}
	

/* Sidepane - left
--------------------------------------------------------------------------------*/

#sidepane
	{
	float:left;
	width:120px;
	margin:0px;
	padding:0px;
	}
	
#imagerotator
	{
	width:113px;
	height:348px;
	margin:0px 0px 1.4em 5px;
	padding:0px;
	border:1px solid #000000;
	}
	
#moreinfo
	{
	width:113px;
	margin:0px 0px 0px 6px;
	padding:0px;
	border-right:1px solid #000000;
	}
	
#moreinfo p
	{
	margin:0px 0px 0px 5px;
	padding:0px 0px 1.4em 0px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}
	
#moreinfo ul
	{
	margin:0px 0px 0px 25px;
	padding:0px;
	font:12px Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.4em;
	}


/* Footer
--------------------------------------------------------------------------------*/

#footerDiv
	{
	float:left;
	clear:left;
	width:650px;
	margin:0px 0px 0px 10px;
	padding:20px 0px 0px 0px;
	vertical-align:top;
	background:#ffffff;
	}

* html #footerDiv
	{
	float:left;
	margin:0px 0px 0px 5px;
	}

#footerDiv #footerLeftDiv
	{
	margin:0px 0px 0px 50px;
	}

* html #footerDiv #footerLeftDiv
	{
	margin:0px 0px 0px 25px;
	}


/* Category Bar
----------------------------------------------------------------------------------*/

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

/* Products Master
----------------------------------------------------------------------------------*/

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

/* Subnavigation Bar */
.subnav
{
    width: 176px; 
    margin: 5px 3px 3px 0;
    float: left;
}

* html .subnav
{
    
}
.subnavheader
{
    
    text-align: center; 
    background: url(../images/stockmens_leftbox_topbg.gif) no-repeat;
    height: 58px;
    font-size: 14px; 
    color: #fff;
}

.subnavmiddle
{
    background: url(../images/stockmens_leftbox_mainbg.gif) repeat-y;
    min-height: 333px; 
}

.subnavpanel
{
    padding: 5px 30px 5px 25px; 
    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;
}

.subnavfooter
{
    background: url(../images/stockmens_leftbox_bottombg.gif) no-repeat;
    height: 64px;
}

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

/* Default Home page */
#defaultHomeContentArea
{
    float: left;
    width: 530px;
}

/* Featured Products */
.featuredProduct1
{
    vertical-align: top;
    padding: 10px;
    border-right: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}
.featuredProduct1Last
{
    vertical-align: top;
    border-right: 1px solid #dddddd;
    padding: 10px;
}
.featuredProduct
{
    vertical-align: top;
    padding: 10px 11px 10px 10px;
    border-bottom: 1px solid #dddddd;
}
.featuredProductLast
{
    vertical-align: top;
    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: #e4e9f9;
} 

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

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

.productListerHeader td
{
    background-color: #7faede;
    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: #fff;
    padding: 3px 4px;
}

.productListerItemAlt td
{
    background-color: #e4e9f9;
    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: #7faede;
    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;
}

/* Bubble ToolTip */
#bubble_tooltip{
    position:absolute;
    display:none;
    z-index:5;
}
#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;
        padding-left:7px;
        padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
        position:relative;
        top: 8px;
        font-family:Arial, Helvetica, sans-serif;
        font-size: 11px;
}
#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;
        z-index:5;
}

#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;
}*/
        
/* DataGrid controls */
.dataGrid
{
    margin: 15px 5px;
    border-color: #aaa;
}

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

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

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

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

/* Sub Account Section */
.subAccountButton
	{
	float:right;
	margin-right:20px;
	}
	
/* Dialog */
.dialogTable
{
    border: 1px solid #000;
    width: 500px;
    background-color: #fdfbf4;
    margin: auto;    
}

.dialogTableHeader
{
    background-color: #7faede;
    border-bottom: 1px solid #000;
    padding: 2px 5px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

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

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

.dialogFooter
{
    padding: 20px 20px 5px;
    height: 25px;
}