﻿/*Site Wide CSS*/
body { font-size: 11px; font-family: Verdana, Helvetica, Arial; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; line-height: normal;margin:0px; padding:0px; background-color:#F3F3F3; }

table, p { font-size: 11px; font-family: Verdana, Helvetica, Arial; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; line-height: normal; margin-bottom: 0; margin-top: 0; }

img { border-style:none; }

h1 { font-size: 15px; font-family: Verdana, Helvetica, Arial; font-weight: Bold; font-style: normal; text-decoration: none; color: #685742; line-height: normal; margin-bottom: 0; margin-top: 0; }
h2 { font-size: 11px; font-family: Verdana, Helvetica, Arial; font-weight: Bold; font-style: normal; text-decoration: none; color: #330033; line-height: 1.7em; margin-bottom: 0; margin-top: 0; }
h3 { font-size: 10px; font-family: Verdana, Helvetica, Arial; font-weight: Bold; font-style: normal; text-decoration: none; color: #666633; line-height: normal; margin-bottom: 0; margin-top: 0; }
h4 { font-size: 8px; font-family: Arial, Helvetica; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; line-height: normal; margin-bottom: 0; margin-top: 0; }

input, textarea { font-size: 11px; font-family: Verdana, Helvetica, Arial; font-weight: normal; font-style: normal; color: #000000; }

small { font-size: 10px; font-family: Arial, Helvetica; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; line-height: normal; margin-bottom: 0; margin-top: 0; }
.text2 { font-size: 11px; font-family: Arial, Helvetica; font-weight: bold; font-style: normal; text-decoration: none; color: #555555; line-height: 2.2em; margin-bottom: 1; margin-top: 1; }
.text3 { font-size: 16px; font-family: Arial, Helvetica; font-weight: normal; font-style: normal; text-decoration: none; color: #000000; line-height: 1.7em; margin-bottom: 0; margin-top: 0; }

A { color: #0000FF; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 11px; }
A:Hover { color: #0000FF; text-decoration: Underline; font-style: normal; font-weight: normal; }

.L1 { text-align: left; }
.L1 A { color: #333333; text-decoration: none; font-style: normal; font-weight: Bold; font-family: Verdana, Helvetica, Arial; font-size: 12px; }
.L1 A:Hover { text-decoration: none; font-style: normal; font-weight: Bold; color: #FF0000; }
.L1_Active { color: #FF0000; text-decoration: none; font-style: normal; font-weight: Bold; }

.L2 { text-align: left; }
.L2 A { color: #333333; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 11px; }
.L2 A:Hover { text-decoration: none; font-style: normal; font-weight: normal; color: #FF0000; }
.L2_Active { color: #FF0000; text-decoration: none; font-style: normal; font-weight: normal; }

.L3 { text-align: left; }
.L3 A { color: #333333; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 10px; }
.L3 A:Hover { text-decoration: none; font-style: normal; font-weight: normal; color: #FF0000; }
.L3_Active { color: #FF0000; text-decoration: none; font-style: normal; font-weight: normal; }

.L4 { text-align: left; }
.L4 A { color: #333333; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 11px; }
.L4 A:Hover { text-decoration: none; font-style: normal; font-weight: normal; color: #FF0000; }
.L4_Active { color: #FF0000; text-decoration: none; font-style: normal; font-weight: normal; }

.L5 { text-align: left; }
.L5 A { color: #333333; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 11px; }
.L5 A:Hover { text-decoration: none; font-style: normal; font-weight: normal; color: #FF0000; }
.L5_Active { color: #FF0000; text-decoration: none; font-style: normal; font-weight: normal; }

/*Top Page CSS*/
.bg_eee { background-color:#EEEEEE;margin:5px;padding:5px;color:#333333; }

/*Category Page CSS*/
.shopLink { padding: 2px 0 2px 13px; background:url(../Images/arrow_red.gif) no-repeat -0.4em; }
.shopListTitle { border-top: #ff4200 3px solid; padding-left: 10px; font-weight: bold; padding-top: 5px; border-bottom: #cccccc 1px dotted; height: 20px; background-color: #f1f1f1; text-align: left }
#shopTable {  }
#shopTable td { height:20px }

/*Shop Page CSS*/
.shopInfo { color:#666666; font-size:13px; font-weight:bold; border-bottom:3px #cccccc solid; margin-bottom:10px; width:500px; }
.greyLine { width:500px; border-bottom:2px #cccccc solid; margin-bottom:10px; }
.subImage { float:left; padding:5px; }
#storeTable { font-size:13px; line-height:160%; width:500px; }

/*Mobile*/
#mobile { font-family: Verdana, Helvetica, Arial; font-weight: normal; font-style: normal; text-decoration: none; color: #000000;width:190px; line-height:160%; font-size:12px; margin-left:2px; }
#mobile h1 { font-size: 15px; font-family: Verdana, Helvetica, Arial; font-weight: Bold; font-style: normal; text-decoration: none; color: #685742; line-height: normal; margin-bottom: 3; margin-top: 5; }
.shopInfoMobile { color:#666666; font-size:13px; font-weight:bold; border-bottom:3px #cccccc solid; margin-bottom:10px; width:190px; }
.greyLineMobile { width:190px; border-bottom:2px #cccccc solid; margin-bottom:10px; }
.mobileHeader { font-size:13px ;font-weight:bold; color:Gray; line-height:200%; }

/*Master Page CSS*/
#body { width:750px; padding:0px; text-align:center; margin-left: auto; margin-right: auto; background: url(GlobalImages/bg_750.gif) repeat-y; z-index:-1;  }
#bodyContainer { text-align:left; width:738px;  margin:0 6px 0 6px; }
#container { background: url(GlobalImages/nav_line.gif) repeat-y; width:100%; border-top:solid 1px #ccc3b6; }
#content { width:548px; float:right; }
#contentContainer { padding:10px; }
#footer { width:738px; background-color:#ccc3b6; }
#footerContainer { padding:10px; width:491px; }
#footerQrContainer { padding:3px; width:225px; }
#header { width:548px; height:52px; float:left; background-color:#ccc3b6;  }
#headerContainer { padding:5px 10px 0px 10px; }
#logo { width:190px; height:52px; float:left; background-color:#ccc3b6;  }
#navigation { width:190px; float:left; display:inline; margin-right:-1px; }
#navigationContainer { text-align:center; margin:auto; padding:2px 0px 2px 0; }
.navigationCenter { text-align:center; margin:auto; vertical-align:middle; }
.clearBoth { clear:both; }
.dottedLine { border-bottom: dotted 1px #CCCCCC; padding:2px 0 2px 0; height:15px; }
.headerWhiteRight { color:White; float:left; text-align:left }
.breadCrumb { float:left; text-align:left; padding-left:4px; vertical-align:middle; }
.printerRight { float:right; text-align:right; padding-right:10px; }
.headerRight { text-align:right; float:right; }
.white { color:White; }
.breadcrumbText { font-size: 10px; }

/*Navigation CSS*/
#naviList { padding-left:0px; margin-left:5px; line-height:25px; }
#naviList a { color:black; font-weight:bold; background:url(../Images/arrow.gif) no-repeat -0.4em; padding-left:20px; }
#naviList a:hover { color:Red; text-decoration:none; }
#naviList .active { color:Red; text-decoration:none; }
#naviList .storeActive { padding-left:0px; color:Red; text-decoration:none; background:none; font-size:10px; font-weight:normal; line-height:18px; }
#naviList .storeActiveBold { padding-left:0px; color:Red; text-decoration:none; background:none; font-size:10px; font-weight:bold; line-height:18px; }
#naviList .subActive { padding-left:0px; background:none; color:Red; text-decoration:none; }
#naviList .subMenu { padding-left:0px; background:none; }
#naviList .storeMenu { padding-left:0px; background:none; font-size:10px; font-weight:normal; line-height:18px; }
#naviList .storeMenuBold { padding-left:0px; background:none; font-size:10px; font-weight:bold; line-height:18px; }
.header_navigation { margin:10px 0 10px 0; padding:10px 0 3px 0; width:94%; border-bottom:solid 1px #CCCCCC; font-size: 12px; font-family: Verdana, Helvetica, Arial; font-weight: Bold; font-style: normal; text-decoration: none; color: #ae5642; line-height: normal; margin-bottom: 3; margin-top: 0; }

/*New Navigation CSS*/
#newNav { line-height:25px; margin:0 3px 0 3px; }
#newNav a { color:Black; font-weight:bold; background:url(../Images/arrow.gif) no-repeat -0.4em; padding-left:20px; display:inline-block; text-decoration:none; }
#newNav a:hover, a:active { color:Red; }
#newNav ul { list-style:none; margin:0px; padding:0px; }
#newNav ul li { padding:0; border-bottom:dotted 1px #CCCCCC; }
#newNav .cta { color:Red; }
#newNav .sta { color:Red; font-size:98%; font-weight:normal; background:none; }
#newNav .spa { color:Red; font-size:98%; background:none; background:url(../Images/star.gif) no-repeat 0.6em; }
#newNav .st { font-size:98%; font-weight:normal; background:none; }
#newNav .sp { font-size:98%; background:none; background:url(../Images/star.gif) no-repeat 0.6em; }
#newNav ul ul { line-height:20px; margin:3px; }
#newNav ul ul li { border-bottom:none; }
#newNav ul ul li a { background:none; color:Black; background:url(../Images/arrow2.gif) no-repeat 0.6em; padding-left:18px; }
#newNav ul ul ul { margin:3px; font-size:11px; }
#newNav ul ul ul li {  }
#newNav ul ul ul ul { margin:3px; font-size:10px; }
#newNav ul ul ul ul li {  }

/*Sub Category CSS*/
#categoryTable { border-collapse:collapse; width:100%; }
#categoryTable td { border:solid 1px #CCCCCC; padding:5px; }

/*Default List CSS*/
#defaultList { width:500px; }
#defaultList .listItem {  }
#defaultList .thumbNail { width:130px; float:left; padding:5px; }
#defaultList .content { width:350px; float:left; padding:5px; }
#defaultList .date { width:340px; color:#8c8c8c; }
#defaultList .title { width:340px; color:#000000; font-weight:bold; font-size:12px; }
#defaultList .title a { color:#000000; font-weight:bold; font-size:12px; text-decoration:none; }
#defaultList .title a:visited { color:#000000; font-weight:bold; font-size:12px; text-decoration:none; }
#defaultList .title a:hover { color:#000000; font-weight:bold; font-size:12px; text-decoration:none; }
#defaultList .description { width:340px; }
#defaultList .pageLink { width:170px; float:right; text-align:right; }
#defaultList .pageLink a { color:blue; font-weight:normal; font-size:12px; text-decoration:none; }
#defaultList .pageLink a:visited { color:blue; font-weight:normal; font-size:12px; text-decoration:none; }
#defaultList .pageLink a:hover { color:blue; font-size:12px; text-decoration:none; }
#defaultList .formLink { width:170px; float:right; text-align:right; }
#defaultList .formLink a { color:blue; font-weight:normal; font-size:12px; text-decoration:none; }
#defaultList .formLink a:visited { color:blue; font-weight:normal; font-size:12px; text-decoration:none; }
#defaultList .formLink a:hover { color:blue; font-size:12px; text-decoration:none; }

#calendarContainer { width:491px; border-top:solid 7px #c9dcfd; border-bottom:solid 7px #c9dcfd; border-left:solid 7px #c9dcfd; border-right:solid 3px #c9dcfd }
#calendarContainer .slider { width:491px; height:300px; position:relative; overflow: auto; overflow-y: scroll; overflow-x: hide; border-top:solid 1px #76a6ff; border-bottom:solid 1px #e9f6fe; border-left:solid 1px #76a6ff; }
#calendarContainer .sliderContent { position:relative; }
#calendarContainer ul { list-style:none; margin:0; padding:0; }
#calendarContainer ul li { border-bottom:solid 1px #CCCCCC; padding:5px 3px 5px 3px; }
#calendarContainer a { cursor:pointer; display:block; color:#ae5642; }
#calendarContainer .panel a { color: #0000FF; text-decoration: none; font-style: normal; font-weight: normal; font-family: Verdana, Helvetica, Arial; font-size: 11px; }
#calendarContainer .panel a:hover { color: #0000FF; text-decoration: Underline; font-style: normal; font-weight: normal; }

#search { clear:both; width:738px; height:20px; margin-right:auto; margin-left:auto; text-align:center; padding:0; margin-top:0; margin-bottom:0; display:block; }
#searchContainer { float:right; display:block; margin:0; padding:0; text-align:right; height:20px; }
#searchContainer form { margin:0; padding:0; }
