﻿/*Browser CSS Reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/*End Browser CSS Reset*/

/*Primary Page Layout*/
body {font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:#e1dfdf;}
#page {width:916px; margin:0px auto 0px auto; height:auto;}
#content {width:900px; float:left; height:auto; background-color:White;}
#left_shadow {width: 8px; float:left; height:465px; background:url('/images/left_shadow.gif') no-repeat;}
#right_shadow {width:8px; float:left; height:465px; background:url('/images/right_shadow.gif') no-repeat;}
a {color:#0b3174; text-decoration:none;}
h3 {font-family:Arial,Helvetica,sans-serif; font-size:150%;}
h4 {font-family: Arial,Helvetica,sans-serif; font-size:130%;}
h5 {font-family: Arial,Helvetica,sans-serif; font-size:110%;}
.header {height:105px; background:url('/Images/banner.gif') no-repeat;}
.btnHomeHeader {position:relative; left:584px;}
.footer {width:900px; color:#8f8f8f; font-size:10px; height:60px; background-color:white; float:left; border-top:solid 1px #cccccc; clear:both;}
.footer .copyright {margin-top:20px; padding-left:30px; float:left;}
.footer .site_credits {padding-right:30px; margin-top:20px; float:right;}
.footer .TermsAndConditions {margin-right:270px; margin-top:20px; float:right;}
.BannerImage {width:584px; height:165px; float:left; clear:both; background:url('/Images/milsco_building.gif') no-repeat;}
.StandardButton 
{
    color:White; 
    border:none; 
    background:#0b3174 url('/Images/gradiant1_sm.gif') repeat-x;
}
.StandardButton:hover 
{
    background:#5986e8 url('/Images/gradiant2_sm.gif'); 
}
.main {clear:both; margin:0px 20px 30px 20px; overflow:hidden;padding-top:10px;}
.Text {line-height: 160%; vertical-align:top;}
.TextBox {border:solid 1px #5986e8;}
.ImageInfoBox {overflow:hidden; float:left; width:800px; clear:both;}
/*End Primary Page Layout*/


/*Modal Popup Styling*/
.modalBackground {background-color:Gray;  -ms-filter: alpha(opacity=70); -ms-opacity:0.7;}
.modalPopup {background-color:#ffffdd; border-width:3px; border-style:solid; border-color:Gray; padding:3px; width:250px;}
/*End Modal Popup Styling*/

/*Login Panel Styling*/
.LoginPanelContent {margin:20px 0px 0px 20px;}
.LoginPanelContent a {text-decoration:none; color:White;}
.LoginPanelContent a:hover {text-decoration:underline; color:White;}
/*End Login Panel Styling*/

/*Main Menu Layout*/
.MainMenu {width:584px; float:left; height:206px;}
.MainMenu ul {list-style-type:none; margin:none; padding:none; display:inline;}
.MainMenu li {display:inline; margin:none; padding:none;}
.MainMenuButton {position:relative;z-index:5;color:White; width:145px; height:15px; padding:3px 0px 1px 0px; text-align:center; text-decoration:none; float:left; border:solid 1px white; border-left:none; background:#0c3174 url('/Images/gradiant1_sm.gif') repeat-x;}
.MainMenuButton:hover {z-index:10;background:#5986e8 url('/Images/gradiant2_sm.gif'); padding:4px 0px 0px 0px;}
.MainMenuButtonSelected {background:#5986e8 url('/Images/gradiant2_sm.gif') !important; padding:4px 0px 0px 0px;}
.MainMenuButton span.callout{display: none}
.MainMenuButton:hover span.callout {display:block; position:absolute; top:2em;  left:6em; width:242px; background-color:Transparent; color:#000000; text-align: center; height:auto;}
.MainMenuButton .calloutTop {display:block; width:242px; background:url('/Images/callout_top.gif') no-repeat; height:33px;}
.MainMenuButton .calloutMiddle {display:block; width:242px; background:White url('/Images/callout_middle.gif') repeat-y; height:auto; font-size:110%; font-weight:bold;}
.MainMenuButton .calloutBottom {display:block; width:242px; background:url('/Images/callout_bottom.gif') no-repeat; height:6px;}
/*End Main Menu Layout*/

/*Search Styling*/
.SearchOptionsPanel {color:#0b3174; background-color:#e1dfdf; float:left; width:190px; overflow:hidden; padding:10px;}
.SearchPager {float:right; margin:60px 60px 0px 0px;}
.SearchOptionsTitle {font-weight:bolder;text-decoration:underline;}
.SearchOptionsTitle a {font-weight:bolder; text-decoration:underline;}
.SearchResults {width:630px; float:left; margin-left:20px; overflow:hidden;}
.SearchResultsItem {text-align:center; width:150px; height:200px; border:solid 5px #e1dfdf; margin:0px 30px 30px 0px; float:left; overflow:hidden; padding:10px;}
.SearchResultsItem a {color:#0b3174; text-decoration:none;}
/*End Search Styling*/

/*Product Page Styling*/
.ProductImageDiv {text-align:center; clear:left; float:left; width:300px;}
.ProductImagesDiv {float:left; width:450px; clear:left;}
.ProductInfoDiv {float:left; width:500px; margin-left:50px;}
.ProductInfoDiv ul {list-style-position:inside; list-style-type:disc;}
.ProductInfoDiv ul li {list-style-position:inside; list-style-type:disc;}
.ProductNameDiv {width:860px; text-align:center; font-weight:bolder; background:#0b3174 url('/Images/gradiant1_sm.gif') repeat-x; color:White; padding:2px 0px 2px 0px; clear:both; overflow:hidden; float:left;}
/*End Product Page Styling*/

/*Header Accordian Styling*/
.HeaderAccordian {color:White; width:316px; height:206px; float:left; background-color:Black;}
.HeaderAccordianHeader {width:100%; border:none; border-top:solid 1px white; float:none;}
.HeaderAccordianContent {width:100%; height:165px; background-image:url('/Images/sky.gif'); float:left; border-top:solid 1px white;}
/*End Header Accordian Styling*/

/*Gridview Styling*/
.GridView {border:solid 1px black;}
.GridViewHeader {background-color:#1d429b; color:White;}
.GridViewHeader th {padding:5px; background-image:url('/Images/gradiant1_sm.gif'); background-repeat:repeat-x; border:solid 1px #1d429b;}
.GridViewHeader a {color:White;}
.GridViewRow td {padding:5px; border:solid 1px #1d429b; background-color:White;}
.GridViewAlternatingRow td { padding:5px; background-color:#e6edff; border:solid 1px #1d429b;}
.GridViewSelectedRow {}
.GridViewSelectedRow td {padding:5px; background-color:#d6ddef; border:solid 1px #1d429b; font-weight:bold;}
.GridViewFooter td {text-align:right; padding:5px; border:solid 1px #1d429b; background-color:#1d429b; color:White;}
.GridView .TenDayBreak {background-color:Yellow;}
/*End Gridview Styling*/

/*TreeView Styling*/
.TreeView a {font-weight:bold; text-decoration:none; color:#0b3174; margin:10px;}
.TreeView a:hover {font-weight:bold; text-decoration:none; color:#5986e8;}
.TVNode {}
.TVSelectedNode a {text-decoration:underline; color:#5986e8;}
.TVSelectedNode a:hover {text-decoration:underline; color:#5986e8;}
/*End TreeView Styling*/

/* Style for Form Input areas*/
.FormArea {border: 1px solid Black; padding:20px 10px 10px 10px; margin-bottom:20px; float:left; width:400px;}
.FormArea legend {color:White; background: #1d429b; border: 1px solid Black; padding: 2px 6px 2px 6px; margin-bottom:5px; background-image:url('/Images/gradiant1_sm.gif'); background-repeat:repeat-x;} 
.FormItem {margin-top:5px; clear:both;}
.FormLabel {width:40%; float: left; text-align: right; margin-right: 0.5em; display: block}
.FormInput {color: #781351; background: #dfdfdf; border: 1px solid Black;}
.EmailForm
{
    width:600px;
}
.EmailForm .FormLabel {width:20%; float: left; text-align: right; margin-right: 0.5em; display: block}

/* End Style for Form Input areas*/

/*Edit Product Page Styling*/
.ButtonMenu
{
    clear:both;
}

.AreaItemListing
{
    width:65em;
}

.AreaProductHierarchy
{
	width:200px;
	clear:none;
}

.AreaFeatures
{
    clear:left;
}

.AreaNonFeatures
{
	margin-left:15px;
}

.AreaOptions
{
    clear:left;
}

.AreaNonOptions
{
	margin-left:15px;
}

.DataEntry
{
	border: 1px solid Black;
	padding:20px 10px 10px 10px;
	margin-right:2em;
	width:32em;
	float:left;
    background-color:#e6edff;
    margin-top:-10px;
    margin-bottom:30px;
}

.DataEntry legend 
{
	color:White;
	background: #1d429b;
	border: 1px solid Black;
	padding: 2px 6px 2px 6px;
	margin-bottom:5px;
    background-image:url('/Images/gradiant1_sm.gif');
    background-repeat:repeat-x;
}

.DataEntry label
{
    float:left;
    display:block;
    text-align:right;
    width:14em;
}

.DataEntry ul
{
    padding: 1em 1em 0 1em;  
    list-style: none;
}

.DataEntry li 
{
    padding-bottom: .5em;
}

.DateSelection
{
    clear:both;
}

.DateSelection .TextBox
{
    width:14em;
}

.Calendar
{
    width:450px;
    border-top:solid 1px black;
}

.CartText
{
    
}
.ContactForm
{
    width:600px;
    
   
}
.ContactForm td
{   padding:5px;
    vertical-align:top;
}
.ContactFrom th
{
    padding:5px;
    text-align:right;
    vertical-align:top;
    
}