@media screen {
	/* BEGIN: Main Styles ============== */
	.MerkatisContent {
	}
	#AtcUserGreeting1_pnlUserGreeting {
		margin:0 0 14px 0
	}
	#emptyCart {
		background:#DDE0E3 url(/images/shipInfoSideImgTop.gif) no-repeat center right;
		border:1px solid #96BDF2;
		padding:50px 20px;
		width:886px;
	}
	.clear {
		clear:both;
	}
	th{
		width:120px;
		text-align:right;
		padding:10px;
	}
	.desc ul{
		margin:10px 0;
	}
	.desc li{
		background:url(/Images/arrowListRightGray.gif) no-repeat 0 3px;
		padding-left:10px;
		margin-bottom:4px;
	}		
	/* BEGIN: Messages ================== */
	.ErrorMessages{
		padding:10px;
		color:#f00;
		font-weight:bold;
		margin-bottom:15px;
		display:block;
		}
	.ShipmentErrorMessages{
		padding:0px;
		color:#f00;
		font-weight:bold;
		margin-bottom:15px;
		margin-top:10px;	
		display:block;
		width:225px;
		overflow:auto;
		}	
	.TopErrorMessages {
		border:1px solid #f00;
		background:#FFEFEF;
		padding:10px;
		color:#f00;
		font-weight:bold;
		font-size:12px;
		margin-bottom:15px;
		display:block;
	}
	.Message {
		padding:10px;
		border:1px solid #92cf00;
		background:#f6ffe0;
		color:#7caf00;
		font-weight:bold;
		margin-bottom:15px;
		display:block;
	}
	table.TopErrorMessages {
		margin-bottom:10px;
	}
	table.TopErrorMessages td {
		padding:10px;
		background-color:#c00;
	}
	.TopErrorMessages ul {
		margin:10px 0 0 0;
		font-weight:bold;
	}
	.TopErrorMessages ul li {
		list-style-type:disc;
		margin:0 0 5px 16px;
		padding:0;
		background:0
	}
	.ErrorSite {
		background:#fff;
		border:1px solid #F00;
		margin:100px auto;
		width:500px;
		padding:10px;
		color:#F00;
		font-weight:bold;
	}
	/* END: Messages ================== */

	ol {
		margin-bottom:15px;
	}
	ol li {
		list-style-type:decimal;
		margin:0 0 4px 25px;
	}
	.LastMenuItem {
		border-right:none !important;
	}
	/* END: Main Styles ============== */

	/* BEGIN: Product Details ============== */
	.full-image{
		display:block;
		margin-bottom: 15px;
	}
	
	.full-image img{
		width:100%;
	}
	
	.full-image:hover{
	    border:0px solid #ddd
	}
	
	.thumbnails{
		/* margin:auto;  */
	}
	.thumbnail{
	    float:left;
	    margin:10px 10px 0 0;
	    padding:6px;
	    border:2px solid #eee
	}
	
	.thumbnail:hover{
	    border:2px solid #ddd !important
	}
	
	#flashZoom {
		border:1px solid #ddd;
		width:380px;
		margin:0 auto
	}

	#find-a-distributor{
		padding:15px 0;
	}
	#find-a-distributor > span{
		margin-bottom:20px;
	}
	#find-a-distributor .btn{
		background:#9a0000;
	}
	#find-a-distributor .btn .fa{
		background:transparent;
	}
	#find-a-distributor a:hover{
		background:#cb0000;
	}
	
	#product-reviews{
	    position:relative
	}
	
	#product-reviews h2{
	    margin:0;
	    background:#222;
	    color:#fff;
	    padding:15px 0 0 15px;
	}
	
	#rating-summary{
	    margin:0;
	    padding:5px 0 15px 15px;
	    color:#ccc;
	    background:#222;
		height:35px;
	}
	
	#create-review{
	    position:absolute;
	    right:20px;
	    top:14px;
	}
	
	.postedBy{
		display:inline-block;
		line-height:1.8em;
		margin:0 0 .8em;
	    font-size:10px;
	    color:#aaa
	}
	
	.company-response{
		width:75%;
		margin:15px 15px 20px;
		padding:10px;
		background:#f5f9fc;
		border:1px solid #888;
		border-radius:8px;
		box-sizing:border-box
	}
	
	.altReview .company-response{
	}
	
	.company-response h3{
		margin:0;
		font-size:14px
	}
		
	
	#related-products h2{
	    background:#222;
	    color:#fff;
	    padding:15px
	}
	
	#product-long-description{
	    font-size:12px;
	    margin:20px 0 0;
	    padding:20px 0 0;
	    border-top:1px solid #333
	}
	
	#productDetails {
		float:left;
		width:360px
	}
	.closeup {
		margin:10px 0 0 0;
	}
	#btnAddToOrder {
		margin:11px 0
	}
	.CatImages {
		cursor:pointer;
		float:left;
		margin-right:15px;
	}
	#productDetails img {
		padding:0;
	}
	.grdAttribute {
		margin:14px 0 0 !important;
		padding:0;
		width:280px;
	}
	.grdAttribute strong {
		margin-bottom:3px;
	}
	.grdAttribute table {
		margin:0;
	}
	.grdAttribute td div {
		padding:8px;
	}
	.AttributeLabel{
		display:block;
		margin-bottom:3px;
		}
	.AttributeLabel a{
		font-size:9px;
	}
	.tabCust {
		position:relative;
		top:14px;
		height:24px;
	}
	.HelpButton {
		position:relative;
		top:3px;
	}
	.volPricing {
		color:#4281DB;
		margin:5px 0;
	}
	.volPricing td {
		padding:0 0 5px 0;
		font-weight:bold;
	}
	/* END: Product Details ============== */
	
    /* Customer Reviews */
	.productReview, .altReview{
		border-bottom:1px solid #999;
		padding:25px 15px;
		}
	.productReview strong, .altReview p{
		}
	.productReview p, .altReview p{
		color:#666;
		font-size:14px;
		line-height:20px;
	}
	.altReview{
		background:#f7f7f7;
		}


	/* BEGIN: Customer Pages ============== */

    .BoxHeading {
	    font:bold 15px arial;
	    margin:0;
	    padding:4px 10px;
	    position:relative;
    }
    .BoxHeading span{
	    font:bold 15px arial;
    }
    .BoxedSections .BoxHeading{
        margin:-10px -10px 15px !important
    }
	.required {
		color:#fff;
		display:block;
		margin-bottom:5px;
		right:15px;
		top:8px;
		position:absolute;
		text-transform:none;
		font:bold 10px arial !important;
		z-index:1
	}
	.note{
		background:#1554AF; 
		padding:10px;
		margin-bottom:15px;
		border-bottom:1px solid #fff; 
		color:#4281DB;
		border:1px solid #4281DB;
		background:#fff;
		}
	.note a{
		font-weight:bold;
		margin-left:8px
		}
	.small{
		font-size:10px;
		line-height:14px;
		margin:0 0 10px 0;
	}
	#OrderDetails th {
		text-align:right
	}
	.BorderLeftRight, .BorderLeftRight td {
		border-left:1px solid #fff;
		border-right:1px solid #fff
	}
	#centeredWidth {
		margin:auto;
	}
	.BoxedSections {
		padding:10px;
		margin-bottom:15px;
		display:block;
		position:relative
	}
	.ShipInfo{
        background:url(/images/shipInfoSideImgTop.gif) no-repeat right bottom
	}
	.BoxedSections li{
		background:url(/Images/arrowListRight.gif) no-repeat 0 3px;
		padding-left:10px;
		margin-bottom:4px;
	}
	.BoxedSections:after {
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden
	}
	.BoxedSections h3{
		margin-bottom:8px;
	}
	.BoxedSections table tr th, .BoxedSections table tr td{
		padding-bottom:10px;
	}
	.BoxedSections .emailFriend .TextBox, .BoxedSections .emailWishList .TextBox{
		width:200px;
	}
	.orSeparator{
		padding:0 0 0 80px;
		height:40px;
		}
	.alignLeft{
		clear:none;
		float:left;
		width:430px;
		margin-right:20px;
		}
	.alignRight{
		clear:none;
		float:left;
		width:430px;
		}
	.StepBoxes {
		position:relative;
		padding:10px 10px 10px 40px;
		margin:16px 20px 16px 20px;
	}
	.StepBoxes div {
		margin-top:10px;
	}
	.StepNumbers {
		position:absolute;
		left:-20px;
		top:20px
	}
	#SameAsShipping {
		background:#DDE0E3; /* url(/images/shipInfoSideImgBottom.gif) no-repeat right top;*/
		border:1px solid #96BDF2;
		padding:10px
	}
	.TextBox {
		padding:2px;
		border:1px solid #999;
		width:200px;
	}
	.TextArea {
		padding:4px;
		border:1px solid #999;
		width:196px;
		height:65px;
	}
	.TextBoxContact {
		width:240px
	}
	.TextAreaContact {
		width:500px;
		height:100px;
		padding:4px;
	}
	.SelectBox {
		width:164px;
		_width:166px
	}
	.th {
		font-weight:bold;
	}
	.th a {
		color:#fff
	}
	.thBoxed {
		font-weight:bold;
		background:#4281db;
		color:#fff;
	}
	.td {
		background:#fff;
		color:#333;
	}
	.alt {
		background:#EFFCFF;
		color:#333;
	}
	.tblSmall {
		margin:15px 0 0 0;
		border:1px solid #9AC600;
		width:100%;
		font-size:10px;
	}
	.tblSmall th, .tblSmall td {
		padding:5px !important;
		text-align:left;
	}
	.tblSelect {
		width:100%;
	}
	.tblSelect th, .tblSelect td {
		padding:3px 8px;
		color:#666;
		height:30px;
		vertical-align:middle;
	}
	.tblSelect .alt {
		background:#DFEEFF
	}
	.alt {
		background:#EFFCFF;
		color:#333;
	}
	.floatingButtons {
		float:right;
		margin:14px 0;
	}
	.floatingButtonsNoMargin{
		float:right;
	}
	.floatingButtonsNoMarginTop{
		float:right;
		margin-top:-5px;
	}
	.EvenRows {
		background:#E1F4F9
	}
	.EvenRows2 {
		background:#fff
	}
	.notTooImportant {
		color:#4281DB;
		font-size:10px
	}
	.shipCarrierMessage
	{
		color:#4281DB;
		font-size:10px; 
		margin:5px 0 0 0; 
		display:block
	}
	.leftColumns {
		width:490px;
		padding:0 25px 0 20px;
		margin:15px 0 15px 0;
		border-right:1px solid #96BDF2;
		float:left;
	}
	.rightColumns {
		width:290px;
		padding:0 20px 0 25px;
		margin:15px 0;
		float:left;
		border-left:1px solid #96BDF2;
		position:relative;
		left:-1px;
	}
	.EachProductSection {
		padding:0 0 14px 0;
		border-bottom:1px solid #ccc;
		margin-bottom:10px;
	}
	.CarrierLogos {
		float:left
	}
	#PaymentMethod div, #LastOrderSummary div {
		width:200px;
		float:right;
	}
	#PaymentMethod h6, #LastOrderSummary h6, h6.sp {
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		color:#4281DB;
	}
	#PaymentMethod th, #PaymentMethod td, #LastOrderSummary th, #LastOrderSummary td {
		text-align:right;
		font-weight:normal;
		padding:2px 4px;
	}
	#PaymentMethod {
		background-image:url(/images/paymentMethodSideImage.jpg);
		background-position:left bottom;
		background-repeat:no-repeat;
	}
	.adjustVertically {
		margin-top:6px
	}
	.form-control{
		border-radius:0;
	}
	.chkOffset *, .radioOffset td *, .radioOffset *, .vAlign * {
		vertical-align:middle;
	}
	.chkOffset label, .radioOffset label{
		margin:0 5px 0 3px;
		}
	.radioOffset td{
		padding:2px 3px;
		}
	.checkout {
		text-align:right;
		padding:10px 0;
		clear:both
	}
	.SubmitButton {
		position:relative;
		top:6px;
		_top:4px;
	}
	.formItem {
		clear:both;
		margin-bottom:10px;
	}
	.formItem * {
		vertical-align:middle
	}
	.formField {
		float:left
	}
	.formItem label {
		font-weight:bold;
		width:160px;
		text-align:right;
		padding-right:5px;
		display:block;
		float:left
	}
	.formLabel {
		float:left;
		font-weight:bold;
		width:150px;
		text-align:right;
		padding-right:5px;
	}
	.btnMultiple{
		background:url(/Images/imgMultipleShipping.gif) no-repeat;
		display:block;
		width:225px;
		height:131px;
		text-indent:-9999px;
		position:absolute;
		top:100px;
		right:20px;
		}
	.btnGiftCard{
		background:url(/Images/imgGiftCard.gif) no-repeat;
		display:block;
		width:232px;
		height:47px;
		text-indent:-9999px;
		}
	.alignButtons *{
		vertical-align:middle;
		}

	/* END: Customer Pages ============== */


	/* BEGIN: CustSignIn.aspx ============== */
	.SignIn{
		padding:5px 0;
	}
	.SignIn *{
		vertical-align:middle;
		}
	.SignIn img{
		margin-right:10px;
		}
	.lnkSignOut{
		position:absolute;
		top:8px;
		left:100px;
		width:100px;
		background:url(/Images/arrowListRight.gif) no-repeat 0 3px;
		padding-left:10px;
		}
	.lnkPrintPage{
	    font:normal 11px Verdana;
		position:absolute;
		top:5px;
		right:15px;
		}
	.CheckoutNoSignUp{
		float:left;
		width:460px;
	}
	.CheckoutSignUp {
		float:left;
		width:380px;
	}
	.CheckoutNoSignUp p {
		width:215px;
		margin-top:15px;
		}
	.CheckoutNoSignUp .TextBox, .CheckoutSignUp .TextBox{
		width:200px;
		}
	.CheckoutNoSignUp table tr td, .CheckoutNoSignUp table tr th, .CheckoutSignUp table tr td, .CheckoutSignUp table tr th{
		padding-bottom:8px;
	}
	.imgSignInText{
		display:block;
		margin-bottom:10px;
		}
	.title{
	margin-bottom:15px;
		}
	h4 span {
		color:#555;
	}
	h4 select, h4 input {
		font-weight:normal;
	}

	#orSeparator {
		float:left;
		margin:0 15px 0 15px
	}
	/* END: CustSignIn.aspx ============== */

	/* BEGIN: ViewCart.aspx, SavedCart.aspx, OrderHistory.aspx ============== */
	.item-grid{
	    padding:1px;
	    margin-bottom:10px;
	}
	#grdCart {
		width:100%;
	}
	#tblTotals .th {
		padding:0 5px;
		width:93%;
		background:#4281db;
	}
	.thTotal {
		background:#4281db;
		color:#fff;
		vertical-align:middle;
		height:25px;
	}
	#tblTotals td {
		padding:3px 6px;
		text-align:right
	}
	#grdCart td {
		padding:6px
	}
	.gridFooter, tr.gridHeader td {
		font-weight:bold;
		padding:6px;
	}	
	.gridItem td, .EvenRows td, .EvenRows2 td{
		padding:10px !important;
		}
	.CartProductImage {
		float:left;
		margin-right:8px;
		padding:1px;
		border:1px solid #4281DB;
	}
	.CartProductDescription {
		float:left;
		width:400px
	}
	.subtotal {
		color:#fff;
		font-weight:bold;
		text-align:right
	}
	.important {
		color:#BC2734;
		font-weight:bold;
		background-color:transparent;
	}
	.tabStrip{
		border:1px solid #bbb; 
		margin:0 0 15px 0; 
		padding:20px;
		}
	.tabStrip li{
		background:url(/Images/arrowListRightGray.gif) no-repeat 0 3px;
		padding-left:10px;
		margin-bottom:4px;
	}
	.tabStrip table{
		width:100% !important
	}
	.tabStrip td{
		padding:5px;
		white-space:nowrap
	}
	.tabStrip td span{
		font-size:12px !important;
	}
	.tabStrip td a{
		color:#000;
		text-decoration:underline;
	}
	.tabStrip td p
	{
	    padding:2px;
	}

	/* END: ViewCart.aspx, SavedCart.aspx, OrderHistory.aspx ============== */

	#imgProduct {
		border:solid 1px #000
	}
	.GridPageNumber {
	}
	.GridPageNumberSelected {
		text-decoration:none;
	}
	/* BEGIN: SearchResult.aspx ============== */
	
	/* Sub Categories - /secure/controls/categorybranch.ascx */
	.subcategories{
	    width:100%;
		text-transform:uppercase;
	}
	
	.subcategories td{
	    width:33%;
	    padding:0 20px 40px;
	    text-align:center;
	    vertical-align:top
	}
	
	.cat-main-img{
	    float:left;
	    margin:0 20px 32px 0;
	}
	
	.cat-main-description{
	    margin:0 0 36px
	}
	
	.subcategories td img{
	    margin:0 0 12px;
	    border:1px solid #ccc
	}
	
	.resultsTable {
		width:100%;
	}
	
	
	.resultsTable tr + tr td{
        border-top:1px solid #ccc
    }

	.resultsTable td{
	    text-align:left
	}
	
	.resultsTable .ProductImage, .resultsTable .EachProduct > div{
	    display:inline-block;
	}
	
	.resultsTable .EachProduct > div{
	    width:790px
	}
	
	.resultsTable .ProductImage{
	    margin-right:8px
	}
	
	.resultsTable .EachProduct{
	   height:50px;
	   padding:3px 0
	}
	
	.resultsTable .EachProduct p{
	    margin:0
	    
	}
	
	.resultsTable .EachProduct a{
	    text-decoration:none
	}
	
	.resultsTable .EachProduct *{
	    vertical-align:middle
	}
	.resultsTable td div .viewButtons {
		display:none;
	}
	
	
	/*
	.resultsTable td {
		vertical-align:top;
		padding:0 15px 40px;
		width:25%;
	}
	.resultsTable td div{
	    width:220px;
	    margin:auto;
	}
	.resultsTable td div p {
		margin:4px 0
	} */
	
	/* BEGIN ADVANCED SEARCH */
	.sort-by{
	    float:right;
	    margin-top:-21px;
	}
	
	.sort-by select{
	    max-width:150px;
		color:#333;
		padding:6px;
	}
	
    .advanced-results tr + tr td{
        border-top:1px solid #ccc
    }

	.advanced-results td{
	    text-align:left
	}
	
	.advanced-results .ProductImage, .advanced-results .EachProduct > div{
	    display:inline-block;
	}
	
	.advanced-results .EachProduct > div{
	    width:500px
	}
	
	.advanced-results .ProductImage{
	    margin-right:8px
	}
	
	.advanced-results .EachProduct{
	   height:50px;
	   padding:3px 0
	}
	
	.advanced-results .EachProduct a{
	    text-decoration:none
	}
	
	.advanced-results .EachProduct *{
	    vertical-align:middle
	}
	
	.adv-result-heading{
	    padding:10px; 
	    color:#fff; 
	    background:#333
	}
	
	.adv-result-heading h4{
	    margin:0
	}
	
	.adv-result-container, .adv-product-container{
	    border:1px solid #333; 
	    padding:10px 25px; 
	    margin:0 0 25px
	}
	
	.adv-product-container{
	    padding:0 25px
	}
	
	.adv-result-container{
	    overflow-y:scroll; 
	    height:250px;
    }
	
	.noresults{
	    padding:20px 0;
	    border:1px solid #333;
	    border-width:1px 0;
	    font-size:1.5em
	}
	
	a.GridPageNumberSelected, a.GridPageNumberSelected:hover {
		text-decoration:none !important;
		background:#316EEB;
		padding:2px 4px;
		color:#fff !important;
	}
	.tblAdvanced{
		font-size:1.2em;
		}
	.tblAdvanced th{
	    width:200px
	}
	.tblAdvanced td{
		padding:0 10px 0px 0px;
		}
	/* END: SearchResult.aspx ============== */
	
	/* BEGIN: ContactUs.aspx ============== */
	
	#tblContact.BoxedSections{
	    padding:0;
	}

	#tblContact th {
		text-align:left;
		padding:15px;
		width:auto;
		text-transform:uppercase;
	}
	#tblContact td {
		background:#EAEAEA;
		padding:15px 6px;
		vertical-align:top;
	}
	
	#tblContact fieldset p{
	    float:left;
	    width:50%;
	}
	
	#tblContact fieldset p *{
	    vertical-align:middle
	}
	
	#tblContact fieldset label{
	    display:block;
	    float:left;
	    width:145px;
	    margin:2px 10px 0 0;
	    text-align:right
	}
	
	#tblContact fieldset label em{
		font-style:normal
	}
	
	#tblContact fieldset .TextBoxContact{
	    width:310px
	}

    #tblContact fieldset .SelectContact {
        width: 310px;
        margin-bottom:5px;
    }
	
	#tblContact th span {
		font-weight:normal;
	}
	label{
		margin:0;
		font-weight:normal;
	}
	input[type=checkbox], input[type=radio]{
		margin-top:0;
	}
	.label {
		text-align:right;
	}
	.multi {
		vertical-align:top;
	}
	.pager {
		font-size:11px;
		padding:10px;
		text-align:left;
		background:#DDE0E3;
		margin:15px 0;
		color:#000;
	}
	.line {
		border-bottom:1px solid #999;
		height:1px;
		overflow:hidden;
		margin:15px 0;
	}
	.tdAdjust td {
		width:25%;
	}
	.tdShippingInfo {
		margin:0;
	}
	.tdShippingInfo td {
		padding:0;
	}
	/* END: ContactUs.aspx ============== */

	/* BEGIN:  CSS Menu ============================= */
	/* First level menu*/

	/* All <ul> tags in the menu including the first level */
	.menulist {
		margin:15px;
	}
	.menulist, .menulist ul {
		margin: 0;
		padding: 0;
		list-style: none !important;
		z-index:1;
	}
	/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
	.menulist ul {
        visibility:hidden;
        position: absolute;
        top: 1.0em; margin-top: 44px; /* I'm using ems and px to allow people to zoom their font */
        left: 1px;
        width: 180px;
    }

	.menulist ul ul {
		visibility: hidden;
		position: absolute;
		top: 0;
		left:215px;
	}
	.menulist span {
		font-weight:normal;
		font-size:10px;
		position:relative;
		top:-1px;
		left:-2px;
		color:#aaa
	}
	/*
	 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
	 They have borders that are slightly overlaid on one another to avoid doubling up.
	*/

	.menulist li {
		float:left;
		position: relative;
		margin:0;
		padding:0;
		z-index:1;
		border:0;
		background:0
	}
	.menulist ul {
		padding:0 15px;
		border:1px solid #ccc;
		background:#FBFBFC;
	}
	.menulist ul li{
	     float: none;
	     display:block !important;
         margin-bottom: -1px;
         background:url(/images/bg-dot-gray.png) repeat-x bottom
	}
	.menulist ul>li:last-child {
		margin-bottom: 1px;
		background:0
	}
	/* Links inside the menu */
	.menulist a {
		border:none;
		padding:0;
	}
	.menulist ul li a {
	    display:block;
        padding:10px 6px;
		font-size:12px;
		color:#295a82;
		text-decoration:none
	}
	/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
	.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
		color: #9c0000;
		text-decoration: none
	}
	.menulist ul a:hover {
		color: #9c0000;
		text-decoration: none;
	}
	.menulist a.highlighted {
		color: #9c0000;
	}
	.menulist a.highlighted span {
		color: #9c0000
	}
	/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
	.menulist a .subind {
		position:absolute;
		right:2px;
		top:4px;
	}
	.LastMenuItem {
	}
	/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
	* html .menulist li {
		float: left;
		height: 1%;
	}
	* html .menulist a {
		height: 1%;
	}
	/* End Hack */
	/* END:  CSS Menu ============================= */


/* HORIZONTAL CSS MENU LAYOUT */


/* All <ul> tags in the menu including the first level */

.menu-horizontal, .menu-horizontal ul,
.menu-horizontal-header, .menu-horizontal-header ul,
.menu-horizontal-footer, .menu-horizontal-footer ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menu-horizontal ul,
.menu-horizontal-header ul,
.menu-horizontal-footer ul {
 visibility:hidden;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
}

.menu-horizontal ul,
.menu-horizontal-header ul,
.menu-horizontal-footer ul {
	padding:10px;
	width:210px;
	border:1px solid #ccc;
	background:#FBFBFC;
}


/* Second and third etc. level submenus - position across from parent instead */
.menu-horizontal ul ul,
.menu-horizontal-header ul ul,
.menu-horizontal-footer ul ul {
 top: -1px; margin-top: 0;
 left: 219px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menu-horizontal li,
.menu-horizontal-header li {
 float: left;
 display: block;
 position: relative;
 margin-right: -1px;
}
.menu-horizontal-footer li {
 display: inline;
 position: relative;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menu-horizontal ul li,
.menu-horizontal-header ul li,
.menu-horizontal-footer ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menu-horizontal ul>li:last-child,
.menu-horizontal-header ul>li:last-child,
.menu-horizontal-footer ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* NORMAL HORIZONTAL MENU LINK STYLING */
/* Links inside the menu */
.menu-horizontal a {
 display: block;
 padding: 3px 8px;
 color: #333;
 font-size:13px;
 text-decoration: none;
}

.menu-horizontal ul li a,
.menu-horizontal-header ul li a,
.menu-horizontal-footer ul li a {
	font-weight:normal;
	margin-bottom:7px;
	padding: 0 0 7px;
	border-bottom:1px solid #666;
	color:#666
}


/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menu-horizontal a:hover, .menu-horizontal a.highlighted:hover, .menu-horizontal a:focus {
    text-decoration:underline   
}
.menu-horizontal a.highlighted {
    text-decoration:underline
}

/* HORIZONTAL MENU HEADER LINK STYLING */
/* Links inside the menu */
.menu-horizontal-header{
    float:left;
    width:100%;
    padding: 3px 7px; 
    background: #A6AABA;
}
.menu-horizontal-header a {
 display: block;
 padding: 3px 8px;
 color: #fff;
 font-size:13px;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menu-horizontal-header a:hover, .menu-horizontal-header a.highlighted:hover, .menu-horizontal-header a:focus {
    color:#9AC600;
    background:#fff;
    text-decoration:underline   
}
.menu-horizontal-header a.highlighted {
    color:#9AC600;
    background:#fff;
    text-decoration:underline
}

/* HORIZONTAL MENU FOOTER LINK STYLING */
/* Links inside the menu */
.menu-horizontal-footer{
    text-align:center
}
.menu-horizontal-footer a {
 padding: 0 8px;
 border-right:1px solid #333;
 color: #333;
 font-size:11px;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menu-horizontal-footer a:hover, .menu-horizontal-footer a.highlighted:hover, .menu-horizontal-footer a:focus {
    text-decoration:underline   
}
.menu-horizontal-footer a.highlighted {
    text-decoration:underline
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menu-horizontal a .subind,
.menu-horizontal-header a .subind,
.menu-horizontal-footer a .subind {
 display: none;
}
.menu-horizontal ul a .subind,
.menu-horizontal-header ul a .subind,
.menu-horizontal-footer ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menu-horizontal a {
 float: left;
}
.menu-horizontal ul a {
 float: none;
}
/* \*/
.menu-horizontal a {
 float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menu-horizontal ul li {
 float: left;
 width: 100%;
}

* html .menu-horizontal ul li {
 float: left;
 height: 1%;
}
* html .menu-horizontal ul a {
 height: 1%;
}
/* End Hacks */

/* VERTICAL CSS MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menu-vertical, .menu-vertical ul {
 margin: 1px 10px;
 padding: 0;
 list-style: none;
 z-index:1
}

/*
 Submenus (<ul> tags) are hidden and absolutely positioned across from their parent.
 They don't *have* to touch their parent menus, but is' a good idea as CSS-only fallback
 mode requires menus to touch/overlap (when JS is disabled in the browser).
*/
.menu-vertical ul {
    margin:0 !important;
	visibility: hidden;
	position: absolute;
	top: 0;
	left:145px;
}
.menu-vertical ul ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left:215px;
}

/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/
.menu-vertical li {
 position: relative;
 margin-bottom: -1px;
}
.menu-vertical ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

.menu-vertical ul {
	padding:10px;
	width:210px;
	border:1px solid #ccc;
	background:#FBFBFC;
}

/* Links inside the menu */
.menu-vertical ul li a {
	font-weight:normal;
	margin-bottom:7px;
	padding:0 0 7px;
	border-bottom:1px solid #666;
}

.menu-vertical a {
 display: block;
 padding: 4px 8px;
 font-size:12px;
 color: #333;
 text-decoration: none;
}

/*
 Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.
*/
.menu-vertical a:hover, .menu-vertical a.highlighted:hover, .menu-vertical a:focus {
 color: #FFF;
 background-color: #A6AABA;
}
.menu-vertical a.highlighted {
 color: #FFF;
 background-color: #A6AABA;
}

.menu-vertical ul a:hover, .menu-vertical ul a.highlighted:hover, .menu-vertical ul a:focus {
 color: #9AC600;
 background:0 !important;
}
.menu-vertical ul a.highlighted {
 color: #9AC600;
 background:0 !important;
}


/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menu-vertical a .subind {
 float: right;
}

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
\*/
*:first-child+html .menu-vertical li {
 float: left;
 width: 100%;
}

* html .menu-vertical li {
 float: left;
 height: 1%;
}
* html .menu-vertical a {
 height: 1%;
}
/* End Hacks */



	.modalBackground {
		background-color:#555;
		filter:alpha(opacity=70);
		opacity:0.7;
	}
	.modalPopup {
		background:#fff;
		border:3px solid #A6AABA;
	}
	/* BEGIN:  Tabstrip ============================= 


	*/
	/* END: Tabstrip ============================= */

    /* Contact Us Message */
    #contact-content{
        margin:0 0 20px
    }
    
    #contact-content > div{
        float:left;
        width:50%
    }
    
    #contact-content > div > div, 
    #contact-content > div > address{
        margin:0 0 15px
    }
    
    #contact-content address{
        font-style:normal
    }

}


#toggle, .hide{
    display:none
}