﻿/* ----------------- 4sure CSS  -----------------  */
html { 
font-size:100.01%; 
height:100.1%; 
overflow-y:scroll; 
overflow: -moz-scrollbars-vertical; 
} 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #5b5b5b;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
img {
	border:0px
}
/* ----------------- DEFAULT LINK STYLE  -----------------  */ 

/*a:link {
	color:#ed1c24;
	text-decoration: none;
}
a:visited {
	color:#ed1c24;
	text-decoration: none;
}
a:hover {
	color:#757474;
	text-decoration: none;
}
a:active { 
	color:#ed1c24;
	text-decoration: none;
}*/ 


/* ------- HEADINGS -------------- */



.headingWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #FFFFFF;
	text-decoration: none
}
.headingGrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #757474;
	text-decoration: none
}
.headingRed {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 23px;
	color: #ed1c24;
	text-decoration: none
}

/* ------- TEXT -------------- */



/* ------- DIV TAGS -------------- */

#div_container{
	width: 987px;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Verdana, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#div_bar1 {
	width: 960px;
	height: 18px;
	background-image: url(../images/bar_1.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #757474;
	text-align: right;
	font-size: 10px;
	margin: 0px;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#div_bar1 A, #div_bar1 A:LINK, #div_bar1 A:VISITED, #div_bar1 A:ACTIVE  {
	color: #757474;
	font-size: 10px;
	text-decoration: none;
}
#div_bar1 A:HOVER {
	color: #FFFFFF;
	text-decoration: none;
}
#div_bar2 {
	width: 562px;
	height: 22px;
	background-image: url(../images/bar_2.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 14px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	font-size: 10px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 425px;
}
#div_bar2 A, #div_bar2 A:LINK, #div_bar2 A:VISITED, #div_bar2 A:ACTIVE  {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
#div_bar2 A:HOVER {
	color: #757474;
	text-decoration: none;
}
#div_nav{
	width: 972px;
	height: 34px;
	background-image: url(../images/bar_nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 36px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#div_StoreNav{
	width: 972px;
	height: 34px;
	background-image: url(../images/bar_nav.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#div_main{
	width: 979px;
	height: 233px;
	background-image: url(../images/bar_main.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#div_content{
	width: 958px;
	background-image: url(../images/cnt_cntArea_BG.png);
	background-repeat: repeat-y;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5b5b5b;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 17px;	
}
#div_content.quickorder-bg {
	background-image: url(../images/cnt_cntArea_bg-wide.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#div_contentTop{
	width: 987px;
	background-image: url(../images/cnt_cntArea_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 15px;
}
#div_contentTop.quickorder-top {
	background-image: url(../images/cnt_cntArea_top-wide.png);
	background-repeat: no-repeat;
	background-position: left top;

}
#div_contentBot{
	width: 987px;
	background-image: url(../images/cnt_cntArea_bot.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 15px;
}
#div_specials1{
	width: 979px;
	height: 178px;
	background-image: url(../images/bar_specials.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#div_specials2{
	width: 979px;
	height: 178px;
	background-image: url(../images/bar_specials.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 7px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}
#div_brands{
	width: 979px;
	height: 64px;
	background-image: url(../images/bar_brands.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#div_footer{
	width: 979px;
	height: 45px;
	background-image: url(../images/bar_foot.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	vertical-align: top;
}
#div_footer A, #div_footer A:LINK, #div_footer A:VISITED, #div_footer A:ACTIVE  {
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
}
#div_footer A:HOVER {
	color: #CCCCCC;
	text-decoration: none;
}

/* ------- DIV TAGS -------------- */

.search {
	position:absolute;
	margin-top: 40px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 815px;
}
.flashBanner {
	position:absolute;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	height: 216px;
	width: 616px;
}
.news_home {
	position:absolute;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 631px;
	height: 216px;
	width: 336px;
}
.breadcrumbs {
	position:absolute;
	margin-top: 150px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	width: 696px;
	height: 23px;
	background-color: #f3f3f3;
	padding-top: 6px;
	padding-right: 17px;
	padding-left: 17px;
	color: #5b5b5b;
}
.breadcrumbs A, .breadcrumbs A:LINK, .breadcrumbs A:VISITED, .breadcrumbs A:ACTIVE  {
	color: #5b5b5b;
	font-size: 10px;
	text-decoration: none;
}
.breadcrumbs A:HOVER {
	color: #ed1c24;
	text-decoration: none;
}
.td_specialsDescription {
	padding-top: 4px;
	padding-right: 17px;
	padding-bottom: 2px;
	padding-left: 0px;
}
.td_specialsDescription_last {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom:2px;
	padding-left: 0px;
}
.td_contentArea {
	padding-top: 34px;
	padding-right: 34px;
	padding-bottom:0px;
	padding-left: 0px;
}
.td_contentArea.quickorder-wide {
	padding-right: 0px;
}

.td_contentRightCol {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom:0px;
	padding-left: 12px;
	color: #FFFFFF;
}

/* ------- CSS FROM OLD SITE -------------- */

.imageborder {
	border: 1px solid #E5E5E5;
}
.bullet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	color: #5b5b5b;
	text-decoration: none;
	list-style-position: inherit;
	list-style-type: square;
	list-style-image: url(../images/bullet.gif);
	margin: 12px;
	width: 450px;
	padding: 0px;
	margin-left: 45px;
}

/* ------- FORM OBJECTS -------------- */

.textField {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #2a2a2a;
	text-decoration: none;
	border: 1px solid #383839;
	background-color: #555555;
}
.formButton {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #3E3E3E;
	text-decoration: none;
	background-color: #CCCCCC;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

.formBorder {  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}

/* ------- NEWS -------------- */

#div_news {
	width: 274px;
	font-size: 11px;
	margin-left: 14px;
	margin-right: 14px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #e7e7e7;
}
.newsItem {
	margin-top:0px;
	padding-bottom:9px;
	border-bottom:1px dotted #1c1c1c;
	margin-bottom: 9px;
}
/*#div_news A, #div_news A:LINK, #div_news A:VISITED, #div_news A:ACTIVE  {
	font-size: 11px;
	color: #595959;
	text-decoration: none;
}
#div_news A:HOVER {
	color: #2A567D;
	text-decoration: none;
}*/

.news_title {
	font-size: 11px;
	color: #757474;
	text-decoration: none;
	font-weight: bold;
}
.news_title A, .news_title A:LINK, .news_title A:VISITED, .news_title A:ACTIVE  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #757474;
	text-decoration: none;
}
.news_title A:HOVER {
	font-size: 11px;
	color: #cccccc;
	text-decoration: none;
}
.news_shortDesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}
.news_shortDesc A, .news_shortDesc A:LINK, .news_shortDesc A:VISITED, .news_shortDesc A:ACTIVE  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
}
.news_shortDesc A:HOVER {
	font-size: 11px;
	color: #cccccc;
	text-decoration: underline;
}
.news_date {
	font-size: 10px;
	color: #8f8f8f;
	text-decoration: none;
	font-weight: normal;
}
.news_date A, .news_date A:LINK, .news_date A:VISITED, .news_date A:ACTIVE  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #8f8f8f;
	text-decoration: none;
}
.news_date A:HOVER {
	font-size: 10px;
	color: #575757;
	text-decoration: none;
}
.news_readMore {
	font-size: 11px;
	color: #ed1c24;
	text-decoration: none;
}
.news_readMore A, .news_readMore A:LINK, .news_readMore A:VISITED, .news_readMore A:ACTIVE  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ed1c24;
	text-decoration: none;
}
.news_readMore A:HOVER {
	color: #575757;
	text-decoration: none;
}
/* ------- NEWS DETAILS PAGE -------------- */
/*#div_news h4 {
	font-size: 11px;
	color: #656452;
}
#div_news h4 A, #div_news h4 A:LINK, #div_news h4 A:VISITED, #div_news h4 A:ACTIVE  {
	font-size: 11px;
	color: #656452;
	text-decoration: underline;
}
#div_news h4 A:HOVER {
	color: #CCCCCC;
	text-decoration: none;
}*/
.newsDetails_title {
	font-size: 14px;
	color: #ed1c24;
	text-decoration: none;
	font-weight: bold;
}
.news_author {
	color: #ed1c24;
	text-decoration: none;
}
.newsDetails_date {
	font-size: 11px;
	color: #757474;
	text-decoration: none;
	font-weight: bold;
}


/* ----------------- Original eCMS CSS  -----------------  */

/*a { color: #3E009A; font-family: arial, helvetica, verdana; font-size: 11px; text-decoration: underline; }
a:hover { color: #3E009A; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 11px; }
a:visited { color: #3E009A; font-family: arial, helvetica, verdana; font-size: 11px; text-decoration: underline; }
a:active { color: #3E009A; font-family: arial, helvetica, verdana; font-size: 11px; text-decoration: underline; }
a:link { color: #3E009A; font-family: arial, helvetica, verdana; font-size: 11px; text-decoration: underline; }

A.navlink:hover { color: #518393; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px;}
A.navlink:visited { color: #6F6F6F; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px;}
A.navlink:link { color: #6F6F6F; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px;}
A.navlink:active { color: #518393; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px;}

A.tutoriallink:hover { color: #394656; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 11px; line-height:15px;}
A.tutoriallink:visited { color: #394656; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 11px; line-height:15px;}
A.tutoriallink:link { color: #394656; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 11px; line-height:15px;}
A.tutoriallink:active { color: #394656; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 11px; line-height:15px;}

A.innerLink:hover { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px; line-height:17px;}
A.innerLink:visited { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px; line-height:17px;}
A.innerLink:link { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px; line-height:17px;}
A.innerLink:active { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px; line-height:17px;}

A.footerLink:hover { color: #C2C3BA; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 9px; }
A.footerLink:visited { color: #C2C3BA; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 9px; }
A.footerLink:link { color: #C2C3BA; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 9px; }
A.footerLink:active { color: #C2C3BA; font-family: arial, helvetica, verdana; text-decoration: underline; font-size: 9px; }

td { color: #5b5b5b; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 11px; line-height:13px;}
.bodyText { color: #5b5b5b; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 11px; line-height:13px;}
.bodyTextBlue { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 10px; line-height:13px;}
.dividerText { color: #B5B5B5; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 11px;} 
.whiteText { color: #FFFFFF; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 11px; line-height:13px;}
.footerText { color: #C2C3BA; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 9px; line-height:13px;}

.headingBlue { color: #205269; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 14px; line-height:12px; font-weight: bold;}
.headingBeige { color: #EFE4D5; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 12px; line-height:12px; font-weight: bold;}
.headingGray { color: #817B72; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 12px; line-height:12px; font-weight: bold;}

.footerText2 { color: #FFFFFF; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 9px; line-height:12px;}
.formText { color: #000000; font-family: arial, helvetica, verdana; text-decoration: none; font-size: 11px; line-height:13px; font-weight: bold;}
*/
.forms { font-family: arial, helvetica, verdana; color: #000000; font-size: 9px; background-color: #FFFFFF; font-weight: normal; line-height: normal; }

form { display: inline; }

#faqs li { line-height:17px; }


/* Language Specific CSS */
.langSelect {
  font-size: 9pt;
  color: #5b5b5b;
}
table.langTable { 
	font: 80% Verdana, Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #666666;
	padding: .75em;
	width: 200px;
}
tr.langHead {
	background-color: #CCCCCC;
	padding: .75em;
	font-weight: bold;
}
tr.langRow1 {
	background-color: #FFFFFF;
}
tr.langRow2 {
	background-color: #EBF3FF;
	text-decoration: none;
}
.langCell {
  padding: .75em;
}
.langCellB {
	border-left: 1px solid #dadada;
	padding: .75em;
}
.langCellH {
  padding: .75em;
}
a.langSel:link, a.langSel:visited {
	color: #000000;
	text-decoration: none;
}
tr.langRow1:hover, tr.langRow2:hover {
	background-color: #3D80DF;
	color: #FFFFFF;
}
tr.langRow1:hover a, tr.langRow2:hover a {
	color: #FFFFFF;
}
tr.langRow2:hover a {
	color: #FFFFFF;
}
/* Language Specific CSS */


/* Calendar Layout */
#calendar { border:1px solid #999; }
#calendar th { height:25px; vertical-align:top; text-align:middle; }
#calendar .dayName { background-color:#346db0; color:#fff; height:15px; font-weight:bold; padding:5px; }
#calendar .dateCell { background-color:#f6f6f6; height:80px; width:14%; vertical-align:top; text-align:left; border-color:#999; border-style: solid; border-width: 0 1px 1px 0; }
#calendar .dayNameWeekend { background-color:#275385; color:#fff; height:15px; font-weight:bold; padding:5px;}
#calendar .date { height:15px; background-color:#ddd; color:#333; font-weight:bold; padding:2px; }
#calendar .currentDay { background-color:#ffcccc; }
#calendar .weekend { background-color:#eee; width:300px; }
#calendar .dayOutside { background-color:#f9f9f9; color:#ccc; font-weight:bold; padding:2px; }
#calendar a:link { color:#333; }

/* Mini Calendar */
#calendar .dateCellMini { background-color:#f6f6f6; height:10px; width:14%; vertical-align:top; text-align:left; border-color:#999; border-style: solid; border-width: 0 1px 1px 0; }

/* Mini Calendar */
#calendar .dateCell { background-color:#f6f6f6; height:10px; width:14%; vertical-align:top; text-align:left; border-color:#999; border-style: solid; border-width: 0 1px 1px 0; }


/* Rollover DIV styles */
#calendarView { background-color:#fff; position:absolute; z-index:3; width:300px; visibility:hidden; border:1px solid #666; }
#calendarView td { width:300px; }
#calendarView .eventDate { background-color:#999; font-weight:bold; color:#fff; }

/* Pop up window styles */
#calendarViewWin { background-color:#fff; width:300px; border:1px solid #666; }
#calendarViewWin td { width:300px; }
#calendarViewWin .eventDate { background-color:#999; font-weight:bold; color:#fff; }



#membershipSignup table { width:650px; }

#div_brands img {
	margin-right: 20px;
}

