/* START com.artifextech.merkatis.web.stylesMerkatis.css */
@media screen {
	/* BEGIN: Main Styles ============== */
	.MerkatisContent {
		margin:0 !important;
		width:926px !important;
		float:none !important;
		
		background:#fff;
		border:0 !important;
		padding:20px !important;
		
	}
	.MerkatisContent .H1 {
		margin:-19px -21px 0 -19px;
	}
	.MerkatisContent h6 {
		margin:0 0 5px 0;
	}
	#AtcUserGreeting1_pnlUserGreeting {
		margin:0 0 14px 0
	}
	#emptyCart {
		background:#EFF6FF 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:0 4px;
	}
	.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 {
		background:#f00;
		padding:10px;
		color:#fff;
		font-weight:bold;
		margin-bottom:15px;
		display:block;
	}
	.Message {
		padding:10px;
		border:1px solid #92cf00;
		background:#f6ffe0;
		color:#7caf00;
		font-weight:bold;
		margin-bottom:15px;
		display:block;
	}
	.TopErrorMessages *, .TopErrorMessages font {
		color:#fff !important
	}
	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;
	}
	.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 ============== */
	#leftSide {
		float:left;
		width:340px;
		margin-right:10px;
	}
	#flashZoom {
		border:1px solid #ddd;
		width:380px;
		margin:0 auto
	}
	.Thumbs {
		cursor:pointer;
		border:6px solid red;
		cursor:pointer;
		padding:1px 5px 1px 1px;
	}
	#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 !important;
		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;
	}
	.HelpButton {
		position:relative;
		top:3px;
	}
	.volPricing {
		color:#4281DB;
		margin:5px 0;
	}
	.volPricing td {
		padding:0 0 5px 0;
		font-weight:bold;
	}
	/* END: Product Details ============== */

	/* 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 
    }
	.required {
		color:#F9FCFF;
		display:block;
		margin-bottom:5px;
		right:7px;
		top:7px;
		position:absolute;
		text-transform:none;
		font:bold 10px arial !important;
	}
	.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:#EFF6FF; /* 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 dotted #ccc;
		margin-bottom:10px;
	}
	.CarrierLogos {
		float:left
	}
	#PaymentMethod div, #LastOrderSummary div {
		width:200px;
		float:right;
	}
	#PaymentMethod h6, #LastOrderSummary h6, h6.sp {
		border-bottom:1px dotted #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
	}
	.chkOffset *, .radioOffset td *, .radioOffset *, .vAlign * {
		vertical-align:middle;
	}
	.chkOffset label, .radioOffset label{
		margin-left: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{
		position:absolute;
		top:8px;
		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:-1px 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:710px !important;
	}
	.tabStrip td{
		padding:5px;
	}

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

	#imgProduct {
		border:solid 1px #000
	}
	.GridPageNumber {
	}
	.GridPageNumberSelected {
		text-decoration:none;
	}
	/* BEGIN: SearchResult.aspx ============== */
	.resultsTable {
		width:100%;
	}
	.resultsTable td {
		vertical-align:top;
		padding:0 15px 15px 15px;
		width:25%;
	}
	.resultsTable td div p {
		margin:4px 0
	}
	.resultsTable td div .viewButtons {
		display:block;
	}
	a.GridPageNumberSelected, a.GridPageNumberSelected:hover {
		text-decoration:none !important;
		background:#316EEB;
		padding:2px 4px;
		color:#fff !important;
	}
	.tblAdvanced{
		margin-bottom:15px;
		}
	.tblAdvanced td{
		padding:5px 0;
		}
	/* END: SearchResult.aspx ============== *//* BEGIN: ContactUs.aspx ============== */

	#tblContact th {
		text-align:left;
		padding:3px 6px;
		width:auto;
	}
	#tblContact td {
		background:#EFF6FF;
		padding:3px 6px;
	}
	#tblContact th span {
		font-weight:normal;
	}
	.label {
		text-align:right;
	}
	.multi {
		vertical-align:top;
	}
	.pager {
		font-size:11px;
		padding:7px 10px;
		background:#EFF6FF;
		margin:15px 0;
		color:#000;
	}
	.sale {
		font-weight:bold;
		color:#f60
	}
	.line {
		border-bottom:1px dotted #999;
		height:1px;
		overflow:hidden;
		margin:15px 0;
	}
	.tdAdjust td {
		width:25%;
	}
	.tdShippingInfo {
		margin:0;
	}
	.tdShippingInfo td {
		padding:0;
	}
	/* END: ContactUs.aspx ============== */

	/* BEGIN: FLASH Replacement ============== */
	/* These are standard sIFR styles... do not modify */

	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	.sIFR-replaced {
		visibility: visible !important;
	}
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
	.sIFR-hasFlash h1 {
		visibility: hidden;
		height:20px;
	}
	/* END: FLASH Replacement ============== */

	/* 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: 0;
		left:145px;
	}
	.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 {
		position: relative;
		padding:0;
		margin-bottom: -2px !important;
		z-index:1;
	}
	.menulist li {
		border:0
	}
	.menulist ul {
		padding:10px;
		width:210px;
		border:1px solid #ccc;
		background:#FBFBFC;
	}
	.menulist ul>li:last-child {
		margin-bottom: 1px;
	}
	/* Links inside the menu */
	.navBrowse .menulist a {
		display:block;
		width:140px;
		padding-bottom:5px;
		border-bottom:1px dotted #666;
		color:#666;
		text-decoration:none;
		font-weight:bold;
		margin-bottom:5px;
	}
	.navBrowse .menulist ul li a {
		font-weight:normal;
		margin-bottom:7px;
		padding-bottom:7px;
		width:210px;
	}
	#nav .menulist a {
		border:none;
		padding:0 3px;
	}
	/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
	.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
		color: #9AC600;
		text-decoration: none
	}
	.menulist ul a:hover {
		color: #9AC600;
		text-decoration: none;
	}
	.menulist a.highlighted {
		color: #9AC600;
	}
	.menulist a.highlighted span {
		color: #9AC600
	}
	/* '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 dotted #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 dotted #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 ============================= */

}
/* END com.artifextech.merkatis.web.stylesMerkatis.css */
/* START com.artifextech.merkatis.web.Styles.css */
@media screen {
	* {
		font-size:10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		list-style:none
	}
	p, address {
		margin:0 0 16px 0;
		font-size:12px;
		line-height:17px;

	}
	q {
		display:block;
		margin:6px 0
	}
	cite {
		display:block;
		margin:6px 0
	}
	div:after {/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
		content: ".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden
	}
	img {
		border:0
	}
   
	p{
		margin:0 0 15px 0;
		color:#333;
		}
	p *{
		font-size:12px;
		color:#333;
	}
   
	/* BEGIN: Headings ================== */
	h1 {
		font-size:18px;
	}
	h2 {
		font-size:15px;
		margin:10px 0 4px 0
	}
	h3 {
		font-size:14px;
		margin-bottom:4px;
		color:#666;
	}
	h3 span{
		font-size:12px;
	}
	h4, h4 span {
		font-size:13px;
		margin-bottom:15px;
	}
	h5 {
		font-size:12px
	}
	h6 {
		font-size:11px;
		color:#4281DB;
	}
	
	/* ======= Affiliate Typography and Colors Default Styles ================ */
	    
	    /* Site wide Styles */
        body{
            background-color:#fff;
            background-image:0;
            background-position:top left;
            background-repeat:no-repeat;
            color:#7d828f;
        }

        a           { color:#000 }
        /*a:visited   { color:#666 }*/
        a:hover     { color:#9AC600 }
        /*a:active    { color:#FE6E25 }*/

        /* Merkatis System Pages - Checkout process, my account pages */
        .BoxHeading {
            color:#fff;
            background-color:#4281db;
            border-bottom:6px solid #1554AF;
        }
        .BoxedSections { 
            background-color:#EFF6FF;
            border:1px solid #96BDF2;
        }
        
        /* Tables - Shopping Cart, Track Orders */
 
        /* Border width, style and color around tables */
        .item-grid{
            border:1px solid #96BDF2
        }
        /* Table Header Row Styling */
        tr.gridHeader td,  th.th{
            background-color:#4281DB;
            color:#FFFFFF;
        }
        tr.gridHeader a {
            color:#fff;
        }
        /* normal item row styling */
        .gridItem {
            background:#EFF6FF;
        }
        /* alternating row styling */
        .EvenRows {
            background:#DFEEFF
        }
        /* Table Footer Row Styling */
        .gridFooter{
            background-color:#4281DB;
            color:#FFFFFF;
        }

	/* ==================== END Affiliate Styles ============================= */
	
	/* END: Headings ================== */
	td{
		vertical-align:top;
		}

	/* BEGIN: Forms ================== */
	fieldset {
		padding:10px;
		margin:20px 0
	}
	legend {
		padding:0 10px;
		font-weight:bold
	}
	option {
		padding:0 3px
	}
	input, textarea {
		padding:1px 2px
	}
	/* END: Forms ================== */

	#main {
		margin:auto;
		width:970px;
	}
	#header {
		height:100px;
	}
	#inner{
		border:1px solid #e5e5e5;
		width:968px;
		background:url(/Images/bgLeft.gif) no-repeat bottom left;
		}
	.logo {
		float:left
	}
	#cartNav {
		float:left;
		width:616px;
		text-align:right;
		padding:16px 0 0;
	}
	#cartSummary {
		margin-bottom:10px;
	}
	#cartSummary span {
		position:relative;
		top:-7px;
	}
	#cartSummary strong {
		color:#4281db;
	}
	#nav {
	    width:625px;
		position:relative;
		}
	#nav ul {
		position:absolute;
		right:295px;
		top:3px;
	}
	#nav li{
		display:inline;
		text-align:right;
	}
	#search * {
		vertical-align:middle;
	}
	#search{
		margin-top:2px;
	}
	#search input {
		height:14px;
		background:#EFF6FF;
		border:1px solid #96BDF2;
		padding:3px;
		margin-top:4px;
		width:164px;
	}
	.lnkAdv {
		display:block;
		margin-top:3px;
	}
	#userGreeting {
		padding:5px 7px;
		clear:both;
		background:#a6aaba;
		color:#fff;
		margin:3px 0 1px 0;
		height:14px;
	}
	#userGreeting a {
		color:#fff
	}
	#userGreeting span{
		float:right;
		}
	#navContainer {
		width:168px;
		padding:1px;
		float:left;
	}
	#content {
		width:609px;
		min-height:504px;
		padding:1px;
		float:left;
		border-left:1px solid #e5e5e5;
	}
	#content.wide {
		width:756px;
		padding:20px;
		float:left;
	}
	#content.wide .H1 {
		margin:-19px -21px 0 -19px;
	}

	#rightContainer {
		width:183px;
		padding:1px;
		float:left;
		border-left:1px solid #e5e5e5;
		background:#f4f9ff;
	}
	.myAccount{
		background:#DCEBFE url(/Images/bgMyAccount.gif) top no-repeat ;
		}
	.imgSignIn{
		}
	.myAccount p{
		margin:5px 4px 0 4px;
		color:#3F7FD8;
		}
	.emailSignUp {
		height:78px;
		background:url(/Images/bgSignUpNow.gif);
		padding:38px 15px 0 15px;
		margin-bottom:1px;
	}
	.emailSignUp input {
		border:0;
		padding:2px;
		margin-bottom:1px;
		width:130px;
		color:#999;
	}
	.emailSignUp img {
		margin-left:68px;
	}
	.navBrowse {
		padding:14px;
		margin-bottom:200px;
	}
	.H1{
		background:url(/Images/bgH1.gif) repeat-x;
		height:28px;
		padding:4px 0 0 12px;
		position:relative;
		}
	.printBottom{
		float:right;
		margin-right:1px;
	}
	.arrowH1{
		padding-left:20px;
		margin-bottom:10px;
		}
	.EachProduct {
		border-right:1px dotted #bfbfbf;
		}
	.EachProduct img{
		float:left;
		margin-right:8px;
	}
	.EachProduct div{
		float:left;
		width:70px;
	}
	.FeaturedProducts, .FeaturedProductsLastItem{
		border-right:1px dotted #bfbfbf;
		padding:0 15px;
		}
	.FeaturedProducts p, .FeaturedProductsLastItem p{
		margin-bottom:5px;
		line-height:15px;
	}
	.FeaturedProducts p a, .FeaturedProductsLastItem p a{
		font-size:11px;
	}
	.FeaturedProducts span, .FeaturedProductsLastItem span{
		margin-top:8px;
		display:block;
		color:#4281db;
		font-weight:bold;
		font-size:11px;
	}
	.FeaturedProductsLastItem{
		border:none !important;
	}
	.ProductImages{
		margin-bottom:10px;
		}
	.btnView{
		float:right;
		margin-top:2px;
		}
	.ads{
		border-top:1px solid #E5E5E5;
		border-bottom:1px solid #E5E5E5;
		margin:20px 0;
		}
	#saleItems{
		margin-top:15px;
		}
	#saleItemsGrid{
		width:511px;
		float:left;
		padding:20px 10px;
		overflow:hidden;
		}
	.EachSaleProduct, .EachRelatedProduct{
		padding:0 10px;
		width:153px;
		}
	.EachRelatedProduct{
		border-right:1px dotted #bfbfbf; 
	}
	.EachSaleProduct img, .EachRelatedProduct img{
		float:left;
		margin-right:8px;
	}
	.EachSaleProduct div, .EachRelatedProduct div{
		float:left;
		width:70px;
	}
	.EachSaleProduct img{
		float:left;
		margin-right:8px;
	}
	.EachSaleProduct div{
		float:left;
	}
	.EachSaleProduct .price{
		display:block;
		font-size:11px;
		margin:5px 0;
	}
	.newItems{
		padding:0 15px;
		}
	.EachNewProduct{
		width:153px;
		border-bottom:1px dotted #bfbfbf; 
		padding-bottom:15px;
		margin-bottom:10px;
		}
	.EachNewProduct img{
		float:left;
		margin-right:8px;
		padding:1px;
		border:1px solid #ccc;
	}
	.EachNewProduct div{
		float:left;
		width:70px;
	}
	.price{
		display:block;
		margin:5px 0;
		color:#4281db;
		font-weight:bold;
		font-size:11px;
	}
	.btnViewAllNew{
		margin:0 15px;
		}
	.productReview{
		border-bottom:1px dotted #999;
		padding:15px 10px;
		}
	.productReview strong{
		color:#666;
		}
	.productReview p{
		color:#666;
		font-size:11px;
		line-height:16px;
	}
	.altReview{
		border-bottom:1px dotted #999;
		padding:15px 10px;
		background:#f7f7f7;
		}
	.btnCreateReview{
		float:right;
		}
	.postedOn{
		float:right;
		}
	.postedBy{
		display:block;
		font-style:italic;
		margin:5px 0 10px 0;
		font-size:10px;
		}
	.foundHelpful{
		display:block;
		margin:0 0 5px 0;
		font-size:10px;
		}
	#footer{
		margin:10px 0;
		text-align:center;
		}
	#footer div{
		margin-bottom:5px;
	}

	/*Textbox Watermark*/

	.unwatermarked {
		height:18px;
		width:148px;
	}

	.watermarked {
		height:20px;
		width:150px;
		padding:2px 0 0 2px;
		border:1px solid #BEBEBE;
		background-color:#F0F8FF;
		color:gray;
	}

	.emailSignUp input
	{
		height:13px;
	}

	.UpsTrackSummary
	{
		margin-bottom:10px;
	}
	.UpsTrackSummaryField
	{
		margin-bottom:-5px;
	}
	.UpsTrackSummaryLabel
	{
		float:left;
		font-weight:bold;
		margin-right:10px;
		text-align:right;
		width:100px;
	}
	.UpsTrackSummaryData
	{
		float:left;
		font-weight:normal;
	}
	.UpsTrackDetailHidden
	{
		display:none;
	}
	.UpsTrackDetailVisible
	{
		display:block;
	}

	.UpsTrackDetail
	{
		margin-left:100px;
		margin-top:10px;
		width:500px;
	}

	.UpsTrackDetailHeader td
	{
		background-color:#DBDBDB;
		font-weight:bold;
		padding:5px;
	}

	.UpsTrackDetailItem td
	{
		padding:5px;
		border:1px solid #DBDBDB;
	}

	/* product detail page */
	.Detail_AttributeTextBox
	{
		width:250px;
		height:50px;
	}
	.Detail_AttributeElement
	{
		width:250px;
	}


	#SpellCheckContainer
	{
		margin-bottom:60px;
	}
	.SpellCheckLabel
	{
		float:left;
		font-style:italic;
	}
	.SpellCheckString
	{
		float:left;
		margin-top:-3px;
	}
	.SpellCheckString .SearchTermSelect
	{
		float:left;
		margin-left:3px;
	}
	.SpellCheckString .SearchTermSpan
	{
		float:left;
		margin-left:3px;
		margin-top:3px;
	}

	.SpellCheckButton
	{
		float:left;
		margin-left:5px;
		margin-top:-3px;
	}

	.NoReorder
	{
		font-style:italic;
		margin-top:10px;
	}
}
/* END com.artifextech.merkatis.web.Styles.css */
/* START com.artifextech.merkatis.web.print.css */
@media print {
	/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
	.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
		display: none !important;
		height: 0;
		width: 0;
		position: absolute;
		overflow: hidden
	}

	span.sIFR-alternate {
		visibility: visible !important;
		display: block !important;
		position: static !important;
		left: auto !important;
		top: auto !important
	}

	/* BEGIN: General Print Styles =========== */
	body{
		font:normal 10pt verdana, sans-serif;
	}

	#header, #footer, #nav, #navContainer, #copyright, #topNotice, #LastOrderSummary h6, #userGreeting, .arrowH1, .pager, .tabCust, #productDetails p, #productDetails a, .closeup, .H1 a, .printBottom{
		display:none;
	}

	#content{
		margin:0;
		padding:0;
		width:auto;
	}

	img{
		border:none;
	}

	table, th, td{
		width:auto;
	}
	.EachProduct, .EachRelatedProduct{
		width:180px;
	}
	.EachProduct div a, .EachRelatedProduct div a{
		display:block;
	}
	.EachProduct div a img, .EachRelatedProduct div a img{
		display:none;
	}
	.resultsTable{
		width:auto !important;
	}
	.resultsTable td{
		padding:0 0 0 5px;
		width:160px;	
	}
	div.tabStrip{
		margin-bottom:20px;
	}
	div.tabStrip div{
		display:block !important;
		width:600px !important;	
	}
	div.tabStrip table{
		width:600px !important
	}
	div.tabStrip table td{
		border:solid 1px #ccc;
	}
	.RadTabStrip_Default li a, .RadTabStrip_Default li a.selected .innerWrap{
		color:#000 !important;
		font-size:12px !important;
		padding:0 !important;
		margin:0 0 15px 0 !important;
		text-decoration:underline !important;
	}
	.tblSmall{
		width:400px;
		margin:10px 0;
	}
	.tblSmall .th td{
		font-weight:bold;
	}
	#LastOrderSummary th{
		text-align:right;
		}
	h1{
		margin-top:0;
	}	
	h2{
		margin:13pt 0 7pt 0;
		border-top:2pt solid #555;
		padding-top:10pt;
	}
	h4{
		margin:0;
	}
	h6{
		font:bold 10pt verdana, sans-serif;
		margin:5pt 0 0 0;
	}
	/* END: General Print Styles =========== */
}
/* END com.artifextech.merkatis.web.print.css */