﻿/*-----------------------------*/
/* Common Elements             */
/*-----------------------------*/

body
{
    width: 750px;
    margin: 20px auto 0px auto; 
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 10px;
    color: #666666;
}
/* For the header and maincontent */
#OuterFrame
{
	padding: 4px 4px 4px 4px;
	display: block;
	border-right: #e8e8e8 1px solid;
	border-top: #e8e8e8 1px solid;
	border-left: #e8e8e8 1px solid;
	border-bottom: #e8e8e8 0px solid;
}
img
{
    border: none;
}

/* Side Nav Off, Visited, and Over colors */
a:link {
	color: #666666;
	text-decoration: none;
}
a:visited {
	color: #666666;
	text-decoration: none;
}
a:hover {
	color: #d00000;
	text-decoration: none;
}


/* Small text box and drop downs */
.ddlists
{
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

/* Header Template Style */

#Header
{
    width: 740px; 
    background-color: #D00000; 
    height: 86px;
    border-bottom: solid 1px #eb9392;
}

/* Top Nav Template Style */
#TopNav
{
    clear: both; 
    height: 21px; 
    width:740px;
    background-color: #D00000;
}

/* Bottom Template links */
.bottomLinksDefault
{
	font-size: 10px;
	float: left; 
	padding: 12px; 
	text-align: center;
	width:726px;
}

.bottomLinksDefault a
{
	margin: 0 10px;
}

.bottomLinksDefault a:link
{
	color: #666666;
	text-decoration: none;
}

.bottomLinksDefault a:visited
{
	color: #666666;
	text-decoration: none;
}

.bottomLinksDefault a:active
{
	color: #666666;
	text-decoration: none;
}

.bottomLinksDefault a:hover
{
	color: #330000;
	text-decoration: none;
}

/* Copyright Template Style */
#Copyright
{
    clear: left; 
    text-align: center;
    color: #999999;
    font-size:9px;
}


/*-----------------------------*/
/* Bread Crumb settings        */
/*-----------------------------*/

.BreadCrumb
{
    clear: both;
	height: 17px;
	width: 726px;
	color: #666666;
	background-color: #CCCCCC;
	padding-top: 3px;
	padding-left:14px;
}

.BreadCrumb a {color: #666666;}

.BreadCrumb a:hover {color: #000000;}



/*-----------------------------*/
/* Refinement Expand settings  */
/*-----------------------------*/

.showstate
{
    margin-top: 2px;
    float: right;
    margin-right: 3px;
}

.headers
{
    font-size: 12px;
    text-align: right;
}

.switchcontent
{
    border-top-width: 0px;
}

/*********End Refinements********/


/*-----------------------------*/
/* Product User Control        */
/*-----------------------------*/

.Product
{
	height: 220px;
	width: 144px;
	color: #666666;
	vertical-align: top;
}

.Product a {color: #000000;}

.Product a:hover {color: #000000;}

.Product ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

.ProductBorder
{
    border: none 1px #CCCCCC;
    height: 155px;
    width: 115px;
}

.Productdetial ul
{
	padding-left:1em;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    list-style-type: disc;
}
/*-----------------------------*/
/* Pager settings and sorting  */
/*-----------------------------*/

.Pager
{
    height: 17px;
	padding-top: 3px;
	color: #666666;
}

.Pager a {color: #666666;}

.Pager a:hover {color: #000000;}

.SortDDL {font-size: 10px;}

/*-----------------------------*/
/* Form Alignment:             */
/* LeftLabel and RightField    */
/*-----------------------------*/
.LeftLabel
{
	font-weight: bold;
	text-align: right;
	float: left;
	width: 100px;
	padding: 6px 10px 6px 0px;
}

.LeftLabelNotBold
{
	text-align: right;
	float: left;
	width: 100px;
	padding: 6px 10px 6px 0px;
}

.FormMarginTop
{
    margin-top: 5px;
}

.LabelFormat
{
    color: #666666;
    font-size: 14px;
    position: relative;
    top: 4px;
}

/*-----------------------------*/
/* Shopping bag and checkout   */
/*-----------------------------*/

.Checkout {color: #666666;}

.Checkout a {color: #666666;}

.Checkout a:hover {color: #000000;}

.CheckoutHeaders
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-transform: lowercase;
	color: #000000;
}

.ThankYou
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.LeftLabelCheckout
{
	font-weight: bold;
	text-align: right;
	float: left;
	width: 80px;
	padding: 6px 10px 6px 0px;
}

.LeftLabelCheckoutNotBold
{
	text-align: right;
	float: left;
	width: 80px;
	padding: 6px 10px 6px 0px;
}

.SignInHorizontalRule
{
	height: 1px;
	width: 242px;
	float: left;
	margin: 13px 0px 13px 0px;
	border-bottom: solid 1px #EBEBEB;
}

/*-----------------------------*/
/* Error Message Color         */
/*-----------------------------*/
.Error
{
    color: #FF0000;
}

/*-----------------------------*/
/* Main Content                */
/*-----------------------------*/
.MainContent
{
	float: left;
	background-color: #ffffff;
	width: 740px;
	display:block;
	padding: 0px 4px 4px 4px;
	border-right: #e8e8e8 1px solid;
	border-top: #e8e8e8 0px solid;
	border-left: #e8e8e8 1px solid;
	border-bottom: #e8e8e8 1px solid;
}
.SideContent
{
	border: #ffffff 1px solid;
	padding-right: 14px;
	padding-left: 14px;
	margin-left: 5px;
	margin-right: 10px;
	padding-top: 15px;
	width: 242px;
	float: left;
	font-size:11px;
}
.SideContent a:link {color: #000000}
.SideContent a:visited {color: #000000}

.SideContentTitle
{
 color:#d00000;
 font-size:16px;	
}

.SideContentButton
{
	width:220px;
	text-align:right;
	display:block;
}

.SideContentForm
{
display:block;margin-top:2px;width:350;float:left;
}
.MainContent a:hover {color: #d00000;}

/*-----------------------------*/
/* Main Content no padding     */
/*-----------------------------*/
.MainContentNoPadding
{
	float: left;
	background-color: #ffffff;
	width: 740px;
}

/*-----------------------------*/
/*Customer Care, Privacy, Terms*/
/*-----------------------------*/
.boldlabels
{
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: lowercase;
	line-height: 15px;
}

.boldlabelsNormal
{
	font-size: 11px;
	font-weight: bold;
}

.labels
{
	font-size: 11px;
	font-variant: normal;
	text-transform: none;
}

.AccountMenu a 
{
    font-size:14px;
    color:#000000;
}
.AccountMenu a:hover
{
    font-size:14px;
    color:#d00000;
}
.RegisterInfoNext{padding-left:280px; text-align:right;display:block}
.RegisterPrefPrev{float:left;padding-left:180px;clear:left}
.RegisterPrefNext{float:left;padding-left:20px;text-align:right}
.RegisterLoginSubmit{float:left;padding-left:20px;padding-right:40px;text-align:right}


.customercare_nav a{color:#d00000; font-size:10px}
.customercare_nav a:hover{color:#000000; font-size:10px}
.header
{
	font-size: 24px;
	text-transform: lowercase;
	color: #999999;
}

.labelsuppercase
{
	font-size: 11px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
}

/*-----------------------------*/
/* Mercado sidenav fonts       */
/*-----------------------------*/
#ctl00_MainContent_CategoriesRepeater_ctl00_CategoryFilter_FilterName
{
	font-size: 11px;
	font-weight: bold;
	color: #D00000;
	margin-right: 9px;
}
.topLevel 
{
	font-size:10px;
}
.bottomLevel 
{
	font-size:10px;
}

a.bottomLevelOn
{
	font-size:10px;
	color:#D00000;
}

.mainCellHeader
{
	padding: 3px 3px;
	font-size: 12px;
	font-weight: bold;
	color: #d00000;
}

/* browse refinement fonts */
.topLevelRefine
{
	font-size: 10px;
	font-weight: bold;
}

.bottomLevelRefine
{
	font-size:10px;
}


/******************************
*  Email Preferences alignment*
******************************/

div.prefLabel
{
	clear: left;
	float: left;
	width: 120px;
	padding-top: 6px;
}

div.prefField
{
	float: left;
	padding-top: 2px;
}

/* email preferences tabs min. height */
.ajax__tab_body 
{
	min-height: 422px;
	height: auto !important;
	height: 422px;
}

.Initial_form_labels
{
    margin-top: 5px;
    height: 21px;
}

/*******************/
/*   Modal Popup   */
/*******************/
.modalBackground {
	background-color: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup 
{
	background-color: #FFF;
	border-width: 4px;
	border-style: solid;
	border-color: #666;
	width: 240px;
	min-height: 205px;
	height: auto !important;
	height: 205px;
	padding: 15px 15px;
	overflow:auto;
}



.ModalFont
{
    font-size: x-small;
 	font-family: arial;
    color: #666;
}

.PanelModalGiftCardBackground
{
	background-color: #FFF;
	border-width: 4px;
	border-style: solid;
	border-color: #666;
	width: 220px;
	min-height: 120px;
	height: auto !important;
	height: 120px;
	font-size: x-small;
 	font-family: Verdana;
    color: #666;
    padding: 10px 10px;
}

.PopupEmailMessage
{
    color: #FF0000;
}
