@charset "UTF-8";
/* CSS Document */

body{
	font-size:11px;
	color:#7d7d7d;
}
a{
	color:#ef2e25;
}
a:hover{
	color:#666666;
}

#mainWrapper{
	position:relative;
	width:/*1000*/950px;
	margin:auto;
}
#navWrapper{
	width:211px;
	height:175px;
	background:url(../images/main_nav_bg.jpg) no-repeat;
	position:absolute;
	top:150px;
	left:-35px;
}
#navWrapper ul{
	position:relative;
	top:60px;
	left:65px;
}
#navWrapper ul li{
	padding-bottom:5px;
}
#contentWrapper{
	padding:35px 0px 35px 0px;
	margin-left:/*150*/185px;
	position:relative;s
}
#footerWrapper{
	background:url(../images/main_footer_line.jpg) no-repeat;
	text-align:center;
	margin-left:50px;
	padding-top:5px;
	font-size:11px;
	color:#7d7d7d;
}
#footerWrapper a{
	font-size:11px;
	color:#7d7d7d;
	
}
#footerWrapper a:hover{
	color:#ef2e25;
}
.btnOver{display:none;}
#homeLogo{
	padding:75px 0px 5px /*35px 175*/125px;
	
}
#homeBtnsList{
	height:190px;
	padding-left:/*75*/30px;
}
#homeBtnsList li{
	float:left;
	padding-left:10px;
}
#showSpecials{
	position:absolute;
	top:415px;
	left:210px;
}
#monthlySpecials{
	position:absolute;
	top:413px;
	left:210px;
	text-align:center;
}
#monthlySpecials img{
	position:relative;
	top:2px;
}
a.latestSpecial{font-weight:bold;}
.orderForms{
	position:absolute;
	top:470px;
	left:210px;
}
#promoWrapper{
	padding:10px 0px 0px 60px;
}
#logoWrapper{
	width:100%;
	text-align:center;
	margin-left:-50px;
}
.pageContent{
	margin-top:12px/*35px*/;
	width:750px;
	/*margin:35px 0px 30px 35px;
	width:775px;*/
}

/*************** about ********************/
#aboutBgWrapper{
	width:819px;
	height:445px;
	background:url(../images/about_bg.jpg) no-repeat;
	position:relative;
	margin-top:0px/*20px*/;
	left:-60px;
}
#aboutLeftArrow{
	position:absolute;
	left:-32px;
	top:275px;
}
#aboutRightArrow{
	position:absolute;
	right:-29px;
	top:275px;
}
#rotating-divs{
	position:relative;
	top:10px;
	left:14px;
}
#slideLinks{
	padding:10px 0px 10px;
	margin-left:-45px;
	text-align:center;
}
#slideLinks a{
	text-transform:uppercase;
	
	color:#7d7d7d;
	line-height:200%;
}
#slideLinks a:hover{
	color:#ef2e25;
}

/*************** brands ********************/
#brandsHeader{
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:10px 0px;
	width:100%;		
}
#brandsHeader span{ float:right; font-size:11px;}
#logoList{width:770px; padding-top:15px; }
#logoList li{
	float:left;
	/*padding:15px 22px 0px 0px;*/
	padding:40px 22px 0px 0px;

}
#alphabetizedList{ padding:50px 0px 0px 50px;}
#alphabetizedList a{font-size:12px;}
#alphabetizedList li{padding-bottom:15px;}
#listCol1, #listCol2, #listCol3{
	float:left;
	padding-right:100px;
}
.selected{color:#7d7d7d;}
.selected:hover{color:#7d7d7d;}
.unselected{color:#ef2e25;}
.unselected:hover{color:#7d7d7d;}

.spacer{height:40px;}

/*************** orderforms ********************/


#formsList{width:770px; padding-top:15px; }
#formsList li{
	float:left;
	padding:10px 15px 0px 0px;

}
	

/*************** login ********************/
#loginHeader{
	border-top:1px solid #b4b4b4;
	border-bottom:1px solid #b4b4b4;
	padding:10px 0px;
	width:100%;
}

/*************** contact ********************/

#postcard{
	width:725px;
	height:475px;
	background:url(../images/contact_postCard3.jpg) no-repeat;
	position:relative;
	top:10px/*20px*/;
	left:-25px;
	margin-bottom:30px;
}
#contactFormWrapper{
	position:absolute;
	top:105px;
	left:60px;
	width:250px;
}
#contactFormWrapper label{
	font-size:10px;
	display:block;
}
#contactFormWrapper input, #contactFormWrapper textarea{
	width:100%;
}
#contactFormWrapper textarea{
	height:80px;
	padding:2px;
}
#contactFormWrapper input#contactSubmit{
	padding-top:20px;
	width:auto;
	height:auto;
}

#contactInfo{
	position:absolute;
	top:205px;
	left:407px;
	width:200px;
	line-height:normal;
	color:#666666;
	font-size:12px;
}
#contactInfo span{
	font-weight:bold;
	font-size:14px;
	
}
#contactInfo a{
	line-height:200%;
}
#contactInfo .info1{
	color:#ef2e25;
	font-weight:bold;
}
#contactInfo .info2{
	position:absolute;
	top:32px;
	left:0px;
	
}
#contactInfo .info3{
	position:absolute;
	top:100px;
	left:0px;
}

/************* GENERAL POPUP STYLES ******************************/

#popup-underlay {
    position: absolute;
    left: 0px;
    top: 0px;
    background: Black;
    /*z-index: 10;*/
	z-index:100;
    opacity: 0.33;
    filter: alpha(opacity=60);
	display:none;
}

.popup {
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    background: transparent;
    z-index: 100;
}

.popup .title-bar {
    position: relative;
    height: 70px;
	margin-right:20px;
    background: transparent url('../images/popup_bg_left.gif') no-repeat;
}

.popup .title-bar .bg-right {
    display: block;
    float: right;
	position:relative;
	right:-20px;
    width: 20px;
    height: 70px;
    background: url('../images/popup_bg_right.gif') no-repeat;
}
.popup .title-bar h3{
	color:#444;
	font-size:24px;
	font-weight:normal;
	position:absolute;
	top:25px;
	left:30px;
}

.popup .title-bar .close-popup-button {
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 34px;
    height: 34px;
    margin: 16px 0px 0px 0px;
    background: url('../images/popup_close.jpg') no-repeat;
}
.popup .content {
    background: White;
}

.popup .base-bar {
    position: relative;
    height: 20px;
	margin-right:20px;
    background: transparent url('../images/popup_bg_base_left.gif') no-repeat;
}

.popup .base-bar .bg-base-right {
    display: block;
    float: right;
	position:relative;
	right:-20px;
    width: 20px;
    height: 20px;
    background: url('../images/popup_bg_base_right.gif') no-repeat;
}

/******************************** POPUP: LOGIN *******************************/

#loginPopup {
    width: 450px;
}

#loginPopup .content {
    
    padding: 30px;
}
#loginPopup .content label{
	display:block;
}
#loginPopup .content input{
	width:300px;
}


/************************* Karl's Addition ***********************/
/*
.promowrapper {
	color: #7D7D7D;
	font-size: 11px;
	margin-left: 50px;
	padding-top: 5px;
	text-align: center;
}

.imgWithPadding {
	padding:0px 0px 38px 0px;
}

.imgspecial {
border:none;
}
*/