/* CSS Document */

body  {
	font-family: Arial;
	font-size: 12px;
	background-color:#280303;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #4c4c4c;

}

img{ border:0;}
a{color:#901e1e; text-decoration:none;}
a:hover{color:#e14d4d;}
object{margin:0; padding:0;}
embed{margin:0; padding:0;}

/*MAIN ITEMS */
.OuterContainer{background-image:url(../images/background.png); background-repeat:repeat-x; background-color:#550100;}
.MainContainer{ width:843px; margin:0 auto; padding:0 0 10px 0; text-align:left; }
.logo{float:left; margin:0 0 0 15px; padding:0; background-image:url(../images/logo.png); height:74px; color:#dddddd; background-repeat:no-repeat; }
.logo #logotext{padding:55px 0 0 82px;}

.footer{ text-align:center; background-image:url(../images/background_footer.png); height: 60px; margin:10px 0 0 0; font-size:11px;}
.lastText{color:#280303;}


/*menu*/
.mainTop2{width:843px; background-image:url(../images/box_main_top2.png); height:91px;}

.menu{float:left; background-image:url(../images/menu.png); width:471px; height:36px; margin:44px 0 0 55px; 
	color:#ffffff; padding:0;}
.headerMenu {text-align:left; margin:10px 0 0 25px; padding:0; font-family:Arial; font-size:12px;}
.headerMenu li {display:inline;padding:0; margin:0;}
.headerMenu li a{color:#ffffff;}
.headerMenu li a:hover{color:#fae498;}
.menuDivider{margin:0 26px 0 26px; vertical-align:middle;}


/*menu categories */
.menuCat{ float:left;}
.menuCat ul {}
.menuCat ul li {padding:0; margin:0;}
.menuCat ul li a{color:#780303;}
.menuCat ul li a:hover{color:#e14d4d;}

.menuItemTitle{margin:20px 0 0 0; font-size:16px; color:#290203;}
.menuItemDesc{}
.menuItemSizes{color:#930200;}

.menuItemsTitle{text-align:center; width:805px; font-size:20px; margin:20px 0 0 0; color:#780303;}
.menuItemsTitleSub{text-align:center; width:805px; font-size:11px; margin:0; font-weight:bold;}

.menuItemsBox{float:left; width:380px; margin:0 0 0 20px;}

.menuBanners2{text-align:center; margin:10px 0 10px 20px;}

.menuBanner{ float:left; width:590px; margin:0 0 0 20px; text-align:right;}

.menuPaging { text-align:center; padding:20px 0 30px 0; font-size:18px;}
.menuNextPage{padding-left:30px;}
.menuPrevPage{}

/*main box */
.mainBox #top{}
.mainBox #middle{width:843px; background-image:url(../images/box_main_middle_repeat.png);  background-color:#f7fbc8;}
.mainBox #middle #container{padding:0 17px 0 17px; background-image:url(../images/box_main_middle.png);  background-repeat:no-repeat;}
.mainBox #bottom{}



/*footer*/
.headerFooter {margin:10px 0 0 25px; padding:0; font-family:Arial;}
.headerFooter li {display:inline;padding:0; margin:0;}
.headerFooter li a{color:#ffffff;}
.headerFooter li a:hover{color:#fae498;}



/*CONTENT ITEMS*/
.header1{ font-family:Century Gothic; font-size:22px;}
.header2{ font-family:Century Gothic; font-size:18px;}

.storeText{ text-align:center; margin:3px 0 3px 0; font-size:11px; color:#6f0100;}

.viewMore{ text-align:right; margin:15px 0 0 0;}
.viewMore a{ color:#901e1e;}
.viewMore a:hover{ color:#e14d4d;}
.viewMoreIcon {margin:0 10px 0 5px;}


/* LOCATIONS */
.loc_pic{float:left; margin:20px 0 0 0;}
.loc_text_container{float:left; width:240px; margin:20px 0 0 20px;}
.textSpacer{padding-left:10px;}
.textCSS{ font-size:12px; font-family:Arial;}