﻿/* CSS RESET START */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }

a { text-decoration: none;}
a:link { color: #ffffff; }
a:visited { color: #ffffff}
a:hover { color: #d3aa6f}
a:active { color: #ffffff}

body {
	line-height: 1.15;
	color: #ffffff;;
	background: white;
	font-size: 10pt;
	font-family: "Century Gothic"
}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {quotes: "" "";}
p{text-align: left;}
/* CSS RESET END */

/* START INDEX PAGE */

body{background-color: #5d697c;}

#container{

	background-image: url('../images/border.png');
	margin: 0px auto 0px auto;
	padding: 0px 4px 0px 4px;
	text-align: center;
	overflow: auto;
	width: 792px;	
}

#header{
	background-image: url('../images/nolans-logo.jpg');
	background-repeat: no-repeat;
	height: 65px;
	margin: 30px auto 0px auto;
	text-align: center;
	width: 792px;
}

#topBorder{
	background-image: url('../images/borderTop.png');
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 792px;
}

#bottomBorder{
	background-image: url('../images/borderBottom.png');
	background-repeat: no-repeat;
	height: 5px;
	margin: 0px auto 0px auto;
	text-align: center;
	width: 792px;
}


#customerLogin{
	float: right;
	height: 100%;
	width: 250px;
}

#menu{
	float: left;
	background-image: url('../images/menu-bg-nolans.jpg');
	height: 37px;
	padding: 15px 0px 0px 0px;
	text-align: left;
	width: 792px;
}

#menu a{color: #ffffff;}
#menu a:hover { color: #d3aa6f;}

#menu ul {
	text-align: left;
	width: 765px;	
}
#menu ul li{
	color: #ffffff;
	display: inline;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12pt;
}

#homeMenu{margin-left: 35px; margin-right: 33px;}
#whyMenu{margin-right: 32px;}
#orderMenu{margin-right: 40px;}
#specialsMenu{margin-right: 40px;}
#adMenu{margin-right: 35px;}

#dynamicAds{
	background-image: url('../images/DynamicAd/DynamicAd.png');
	float: left;
	height: 247px;
	width: 193px;	
}

#mainPic{
	float: right;
	height: 247px;
	margin-left: 2px;
	width: 597px;
}

#indexMain{
	background-image: url('../images/index-fade-bg.jpg');

	float: right;
	margin-left: 2px;
	padding: 10px 10px 0px 10px;
	width: 577px;
}

#introText {
	color: #000000;
	font-size: 11pt;	
}
#indexMain img{margin-top: 5px;}

#indexMain div{
	float: left;

	margin-top: 15px;
	padding-left: 10px;
	text-align: left;
	width: 47%;
}

#indexMain div p{
	color: #ffffff;
	margin: 5px 0px 10px 0px;
}

#indexMain h1{
	color: #000000;
	font-family: Tahoma;
	font-size: 14pt;

}

#affiliates{
	background-color: #3e403f;
	font-family: Tahoma;
	font-size: 11pt;
	float: left;
	height: 195px;
	margin-top: 3px;
	padding: 10px 5px 0px 5px;
	text-align: left;
	width: 183px;
}

#affiliates h1{
	color: #d3aa6f;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 12px;
}


#affiliates ul{margin-top: 10px;}
#affiliates ul li{
	background-image: url('../images/icoArrow.jpg');
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 12px;
	padding-left: 25px;
	height: 15px;
}

#newsletter{
	background-color: #3e403f;
	color: #FFFFFF;
	float: left;
	height: 110px;
	margin-top: 3px;
	padding: 10px 5px 0px 5px;
	font-size: 13px;
	width: 183px;
}

#newsletter p {
	margin-bottom: 3px;
	margin-left: 8px;
}

#rebates{
	background-color: #888381;
	color: #000000;
	float: left;
	margin-top: 3px;
	padding: 0px 5px 0px 5px;
	width: 183px;
}

#rebates img {
	padding: 0px 0px 5px 0px;
}

#loginBox{
	background-color: #3e403f;
	font-family: Tahoma;
	font-size: 11pt;
	float: left;
	margin-top: 3px;
	height: 150px;
	padding: 10px 5px 0px 5px;
	text-align: left;
	width: 183px;
}


#loginBox h1{
	color: #d3aa6f;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: bold;
	margin-left: 10px;
	margin-bottom: 5px;
}


#loginBox ul{margin-top: 10px;}
#loginBox ul li{
	background-image: url('../images/icoArrow.jpg');
	background-repeat: no-repeat;
	margin-top: 15px;
	margin-left: 10px;
	padding-left: 25px;
	height: 15px;
}

#loginBox span {
	font-size: 10pt;
}

#loginBox form {
	 margin-left: 10px;
}

#loginButton {
	margin-top: 5px;
}

#usernameBox {
	margin-bottom: 5px;
} 
#footer{
	background-color: #3e403f;
	color: #ffffff;
	float: left;
	font-family: Verdana;
	font-size: 11pt;
	height: 22px;
	margin-top: 3px;
	padding-top: 5px;
	width: 792px;
}

#certifications{
	background-color: #4d4f4e;
	color: #ffffff;
	float: left;
	font-family: Verdana;
	font-size: 11pt;
	margin-top: 3px;
	height: 50px;
	padding-top: 10px;
	width: 792px;
}

#certifications img {
	margin-left: 3px;
	margin-right: 3px;
	
}

/* END INDEX PAGE */

/* START WHY NOLANS PAGE */

#whyNolansMain{
	background-image: url('../images/index-fade-bg.jpg');

	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#whyNolansMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#whyNolansMain p{
	color: #000000;
	font-size: 11pt;
	margin: 10px 0px 10px 0px;
}

#whyButtons{
	float: left;
	text-align: center;
	width: 192px;
}

#whyButtons img{
	display: block;
	padding-bottom: 2px;
}
	
#reasonText{
	float: right;
	width: 325px;
}

#openAccount{
	float: right;
	margin-top: 10px;
	width: 325px;
}

/* END WHY NOLANS PAGE */

/* START ORDER ENTRY PAGE */

#orderEntryMain{
	background-image: url('../images/index-fade-bg.jpg');
	height: 341px;
	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#orderEntryMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#orderEntryMain p{
	color: #000000;
	font-size: 11pt;
	margin: 10px 0px 20px 0px;
}

#orderEntryLogin{
	float: left;
	height: 100px;
	width: 49%;
	margin-bottom: 20px;
}

#orderEntryLogin span{
	display: block;
	float: left;
	font-size: 10pt;
	width: 75px;
}


#forgotPassword{
	padding: 10px 10px 5px 10px;
	background-image: url('../images/forgotPasswordBG.png');
	float: right;
	height: 85px;
	width: 225px;
	margin-bottom: 20px;
}

#forgotPassword img{
	float: left;
	margin-right: 5px;	
}

#forgotPassword p{
	font-family: Verdana;
	font-size: 9pt;
	margin: 0px 0px 13px 0px;
}

/* END ORDER ENTRY PAGE */	

/* START SPECIALS PAGE */

#specialsMain{
	background-image: url('../images/index-fade-bg.jpg');
	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#specialsMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#specialsMain p{
	color: #000000;
	font-size: 11pt;
	margin: 10px 0px 20px 0px;
}

#specialsList{
	float: left;
	width: 190px;
}

#specialsList ul{color: #000000;}
#specialsList ul li{
	background-image: url('../images/icoSpecialsArrow.png');
	background-repeat: no-repeat;
	font-family: Verdana;
	margin-bottom: 3px;
	padding-left: 20px;
}

#flyerInfo{
	float: right;
	width: 355px;
}

#flyerInfo img{float: left;}
#flyerInfo p{
	float: right;
	padding-left: 5px;
	margin-top: 0px;
	width: 193px;
	font-family: Verdana;
	font-size: 10pt;
}

#downloadBtn{
	float: right;
	width: 128px;
	background-image: url('../images/btnFlyerDownload.png');
	height: 44px;
	margin-right: 10px;
	padding-left: 50px;
	padding-top: 14px;
}

#downloadBtn span{
	color: #000000;
	font-size: 10pt;
	font-family: Verdana;
	padding: 0;
}

#downloadBtn a{color: #000000;}

#specialItems {
	text-align: center;
}

#specialItems a{
margin: 7px 7px 0px 0px;
}

/**************************************** Specials **************************************** */

.download {
	background-image:url('../images/specials/Download.png');
	width: 16px;
	height: 17px;
	float: right;
}

.special1 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image:url('../images/specials/keurig.jpg');
}

.special1:hover {
	background:url('../images/specials/keurig.jpg') bottom;
}

.special2 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/smartdeals.png');
}

.special2:hover {
	background:url('../images/specials/smartdeals.png') bottom;
}

.special3 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/greenmtn.jpg');
}

.special3:hover {
	background:url('../images/specials/greenmtn.jpg') bottom;
}

.special4 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/nestle.jpg');
}

.special4:hover {
	background:url('../images/specials/nestle.jpg') bottom;
}

.special5 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/tombo.jpg');
}

.special5:hover {
	background:url('../images/specials/tombo.jpg') bottom;
}

.special6 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/zipnotes.jpg');
}

.special6:hover {
	background:url('../images/specials/zipnotes.jpg') bottom;
}

.special7 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/paperpro.jpg');
}

.special7:hover {
	background:url('../images/specials/paperpro.jpg') bottom;
}
.special8 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/acme.jpg');
}

.special8:hover {
	background:url('../images/specials/acme.jpg') bottom;
}

.special9 {
	float: left;
	width: 176px;
	height: 92px;
	display: block;
	background-position: 0 0;
	overflow: hidden;
	background-image: url('../images/specials/smartdealsprint.png');
}

.special9:hover {
	background:url('../images/specials/smartdealsprint.png') bottom;
}

/**************************************** Specials End************************************* */

/* END SPECIALS PAGE */

/* START AD SPECIALTY PAGE */

#adSpecialtyMain{
	background-image: url('../images/index-fade-bg.jpg');

	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#adSpecialtyMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#adSpecialtyMain p{
	color: #000000;
	float: right;
	font-size: 11pt;
	margin: 10px 0px 20px 0px;
}

#adSpecialtyMain img{
	float: left;
	margin-right: 15px;
}

/* END AD SPECIALTY PAGE */

/* START CONTACT US PAGE */

#contactUsMain{
	background-image: url('../images/index-fade-bg.jpg');

	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#contactUsMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

.employeeList{
	float: left;
	width: 175px;
}

#contactUsMain h2{
	color: #000000;
	font-family: Verdana;
	margin-bottom: 2px;
	width: 155px;
}

#contactUsMain ul{
	width: 155px;
	margin-bottom: 5px;
}

#contactUsMain p{
	color: #000000;
	float: right;
	font-size: 11pt;
	margin: 10px 0px 20px 0px;
}

#companyInfo{
	float: right;
	width: 195px;
}

/* END CONTACT US PAGE */

/******************************** Start Rebates Page *****************************/

#rebatesMain{
	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 572px;
}

#rebatesMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#rebatesMain p{
	color: #000000;
	font-size: 11pt;
	margin: 10px 0px 20px 0px;
}
/******************************** End Rebates Page *******************************/

#TXMASMain{
	float: right;
	margin-left: 2px;
	padding: 20px 25px 0px 20px;
	text-align: left;
	width: 552px;
}

#TXMASMain h1{
	font-family: "Century Gothic";
	font-size: 14pt;
	font-weight: normal;
	margin-bottom: 15px;
}

#TXMASMain h2{
	color: #000000;
	font-family: Verdana;
	margin-bottom: 10px;
	margin-top: 10px;
	font-weight: bold;
	clear: both;
}

#TXMASMain ul{
	margin-bottom: 10px;
}

#TXMASMain p{
	color: #000000;
	float: right;
	font-size: 10pt;
	margin: 10px 0px 20px 0px;
}

#TXMASContactInfo {
	width: 500px;
	text-align: center;
}

#TXMASAddress {
	float: left;
}

#TXMAS Address li {
	border-bottom: 5px;
}
.contracts li {
	float:left;
	width: 175px;
	text-align: center;
	margin-bottom: 10px;
}

.contracts ul {
	margin-bottom: 10px;
	clear: both;
}

.contracts img {
	border: solid white 1px;
}

.contract li {

}

.contract ul {
	margin-bottom: 10px;
	clear: both;
}

.contract img {
	border: solid white 1px;
}

/******************************** Start TXMAS Page *******************************/

















/******************************** Start TXMAS Page *******************************/
