/* CSS Document */


body {
background-color: #FFF;
margin: 0;
}

img { behavior: url("gfx/pngbehavior.htc"); border: 0px; }

.imgHeader {
margin: 0 !important;
margin: 15px 0 10px 0;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
 font-weight: bold;
color: #132C88;
margin: 0;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
 font-weight: bold;
color: #132C88;
margin-bottom: 0 !important;
margin-bottom: -15px;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
 font-weight: bold;
color:#E20A16;
margin: 0;
}


.error {
	color: #ff0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#mainContainer {
width: 800px;
height: auto;
margin: 0 auto;
}


#mainHeader {
float: left;
width: 800px;
height: 103px;
border-bottom: 1px solid #FFF;
}


/*------LEFTSIDE------*/



#mainLeftSide {
width: 269px;
height: auto;
float: left;
margin-top: 0 !important;
margin-top: -5px;
}

#leftopOut {
width: 269px;
height: 377px;
_height: 376px;
background-color: #547FC4;
float: left;
border-bottom: 1px solid #FFF;
margin-top: 0 !important;
margin-top: 5px;
}

#leftopIn {
margin: 5px !important;
margin: 2px;
width: 259px;
height: 367px;
background-color: #00467F;
float: left;
background-image: url(gfx/leftopIn_bg.jpg);
}

.leftopInCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
margin: 5px;
}
 
 
#lefttopProducts {
margin: 6px 0 0 -8px !important;
margin: -13px 0 0 -8px;
}

ul.leftopInProducts {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
list-style: none;
font-weight: bold;
line-height: 13px;
}

ul.leftopInProducts a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

ul.leftopInProducts a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
text-decoration: underline;
}

.productsYellow {
color: #F3C016;
}

.ordernow {
float: right;
margin: 10px 3px 0 0 !important;
margin: -3px 3px 0 0;
}

#lefbtmOut {
width: 269px;
height: 220px;
background-color: #547FC4;
float: left;
margin-top: 0;
}

#lefbtmIn {
margin: 5px!important;
margin: 5px 2px 2px 2px;
width: 259px;
height: 210px;
background-color: #00467F;
float: left;
/*background-image: url(gfx/lefbtmIn_bg.jpg); */
} 

#lefbtmIn img {padding-top:15px; }

/*
.learnmore {
float: right;
margin: 88px 6px 0 0;
}

*/

/*------RIGHTSIDE------*/

#mainRightSide {
width: 531px;
height: auto;
float: right;
margin-top: 0 
}
/*------HOMENAV------*/

ul.nav {
list-style: none;
display: inline;

}

ul.nav li {
display: inline;
float: left;
border-left: 1px solid #FFF;
}


#mainNav {
width: 531px;
height: 20px;
float: left;
margin-bottom: 0 !important;
margin-bottom: -5px;
border-bottom: 1px solid #FFF;
}

/*------ENDHOMENAV------*/


/*------SECONDARYNAV------*/

ul.nav {
list-style: none;
display: inline;

}

ul.nav li {
display: inline;
float: left;
border-left: 1px solid #FFF;
}


ul.nav li.contactSecNav {
border-right: 1px solid #FFF;
}

ul.nav li.homeSecNav {
border: none;
}



#secNav {
width: 800px;
height: 20px;
margin-bottom: 0 !important;
margin-bottom: -4px;
float: left;
background-image: url(gfx/secnav_bg.jpg);
background-repeat: repeat-x;
}




/*------ENDSECONDARYNAV------*/



/*------HOMEPAGECONTENT------*/


#mainImage {
float: left;
width: 530px;
height: 356px;
/* background-image: url(gfx/moviegathering.jpg); */
border-left: 1px solid #FFF;
}

.mainImageCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
font-weight: bold;
line-height: 15px;
margin: 305px 10px 5px 10px;
}


#btmrightCallout {
	float: left;
	width: 530px;
	height: 220px;
	background-image: url(gfx/bottomright_bg3.jpg);
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	
}

h1.btmrightHeader { margin: 10px 5px; padding: 0; }

.btmrightCalloutCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
line-height: 14px;
margin: 0 10px 5px 10px;
}

.btmFootnote { 
font-family: Arial, Helvetica, sans-serif;
font-size: 10px; 
line-height: 12px;
margin: 8px 10px;
}

.btmFootnote_small { 
font-family: Arial, Helvetica, sans-serif;
font-size: 9px; 
line-height: 12px;
margin: 8px 10px;
}

#btmrightCallout li {
margin: 0px;
}

.reordernowbtn { margin-right: 10px; }

#btmrightCallout ul {
margin: 0 0 0 25px;
padding: 0;

}

.home_header { margin: 5px 15px; }



/*------ENDHOMEPAGECONTENT------*/




/*------SECPAGECONTENT------*/


#contentwrapper {
float: left;
width: 798px;
height: auto;
border-left: 1px solid #547FC4;
border-right: 1px solid #547FC4;
}

#content {
width: 758px;
float: left;
height: auto;
margin:20px !important;
margin: 10px;
}

.mainCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
font-weight: bold;
}

.mainCopyDark {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
font-weight: bold;
}

.redCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
font-weight: bold;
}


.mainCopy a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
text-decoration: underline;
}

.mainCopy a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
text-decoration: none;
}

.contactCopySmall {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
font-weight: bold;
}


.contactCopySmall a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
text-decoration: underline;
}

.contactCopySmall a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
text-decoration: none;
}


.contactCopySmallDark {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
font-weight: bold;
}


.contactCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666;
font-weight: bold;
}


.contactCopy a {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #E20A16;
font-weight: bold;
text-decoration: underline;
}

.contactCopy a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #E20A16;
font-weight: bold;
text-decoration: none;
}

.contactCopyDark {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #333;
font-weight: bold;
}


.letuscontactyou {
margin: 0 0 10px 15px;
}


#letusContactYou {
width: 315px;
height: auto;
float: left;
margin-left: 15px;
}

.contactLeft {
height: auto;
width: 100px;
float: left;
text-align: right;
margin: 0 5px 5px 0;
}

.contactLeft h1 {
margin: 0;
}

.contactRight {
height: auto;
width: 205px;
float: left;
text-align: left;
margin: 0 5px 5px 0;
}

.contactCenter {
font-family: Arial, Helvetica, sans-serif;
height: auto;
width: 305px;
float: left;
text-align: left;
margin: 5px 100px;
}


/*------ENDSECPAGECONTENT------*/



/*------MINICARDS------*/


#minicardLeft {
width: 500px;
height: auto;
float: left;
}

#minicardRight {
width: 258px;
height: auto;
float: left;
}

.miniCardWrapper {
width: 462px;
height: 84px;
float: left;
}


.minicardImage {
width: 119px;
height: 84px;
float: left;
}


.minicardCopy {
width: 343px;
height: 84px;
float: left;
background-image: url(gfx/cards/minicardholder.jpg);
background-repeat: no-repeat;
}


.minicardText {
margin: 29px 0 0 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #E20A16;
}

.minicardText a {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #132C88;
text-decoration: underline;
}


.minicardText a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #132C88;
text-decoration: none;
}


#miniCardOrdering {
width: 462px;
height: auto;
margin-top: 20px;
float: left;
}

.EasyOrdering {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color:#E20A16;
font-weight: bold;
}


#quickFacts {
width:438px;
height: 136px;
float: left;
margin-top: 15px;
}


#quickFactsTop {
width: 438px;
height: 35px;
float: left;
margin: 0;
}

#quickFactsCopy {
background-image: url(gfx/quickfacts_bg.jpg);
background-repeat: no-repeat;
width: 438px;
height: 101px;
float: left;
margin: 0;
}


.quickFactsText {
margin: 10px 0 0 60px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFF;
}


#quickFacts123 {
width: 438px;
height: auto;
margin-top: 15px;
float: left;
}

.quickFacts123Text {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: bold;


}

.ordernowMini {
margin: 0 0 10px 35px;
}



/*------ENDMINICARDS------*/



/*------LARGECARDS------*/

.largeCardWrapper {
width: 687px;
height: 220px;
float: left;
margin-top: 15px;
}


.largecardImage {
width: 198px;
height: 220px;
float: left;
}


.largecardCopy {
width: 489px;
height: 220px;
float: left;
background-image: url(gfx/cards/incentivebg_1.jpg);
background-repeat: no-repeat;
}

.largeCardWrapperMid {
width: 693px;
height: 293px;
float: left;
margin-top: 15px;
}


.largecardImageMid {
width: 237px;
height: 293px;
float: left;
}


.largecardCopyMid {
width: 456px;
height: 293px;
float: left;
background-image: url(gfx/cards/incentivebg_2.jpg);
background-repeat: no-repeat;
}

li.largecardText {
margin-bottom: 10px !important;
margin-bottom: -20px;
}

.largecardTop {
margin-top: 3px !important;
margin-top: 20px;
float: left;
}


.largecardMid {
margin-top: 10px !important;
margin-top: 30px;
float: left;
}


.largecardBtm {
margin-top: 10px !important;
margin-top: 30px;
float: left;
}

.largecardText {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #E20A16;
font-weight: bold;
margin: 20px 20px 0 0 !important;
margin: 30px 20px 0 0;
}

.largecardText a {
color: #132C88;
text-decoration: underline;
}

.largecardText a:hover {
color: #132C88;
text-decoration: none;
}


#fulfillment {
width: 650px;
height: auto;
float: left;
margin: 15px 0 0 50px !important;
margin: 15px 0 0 30px;
}

.featuredcard {
margin: 15px 0 0 15px;
}

.intromoviemeal {
margin: 15px 0 0  45px;

}


/*------ENDLARGECARDS------*/




/*------MOVIEMEALCARD------*/



#moviemealcard {
width: 251px;
height: auto;
float: left;
text-align: center;
}


#moviemealcardIntro {
width: 313px;
height: 50px;
float: left;
margin: 0 0 10px 40px;
text-align: center;
}



#moviemealcardBox {
width: 313px;
height: 411px;
float: left;
background-image: url(gfx/moviemeal_bg.jpg);
background-repeat: no-repeat;
margin-left: 40px;
}


#moviemealCopyWrap {
float: left;
margin: 30px 10px 10px 10px;
}

#moviemealCopyWrap ul {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000
}



.moviemealCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000;
}


.moviemealCaption {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}

#movielmealOffers {
width: 605px;
height: auto;
float: left;
}




/*------ENDMOVIEMEALCARD------*/




/*------ORDERCARDS------*/


#promo {
width: 450px;
height: auto;
float: left;

}

#promoform {
float: left;
width: 195px;
height: auto;
margin: 15px 0 0 20px;
}

#orderLeft {
width: 500px;
float: left;
height: auto;
}

#orderRight {
width: 225px;
float: left;
height: auto;
margin-left: 20px;
}

.orderRightCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666;
margin-top: 10px;
}

.orderRightCopyRed {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E20A16;
margin: 0;
}


.orderRightCopyRed a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E20A16;
margin: 0;
text-decoration: underline;
}


.orderRightCopyRed a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #E20A16;
margin: 0;
text-decoration: none;

}

/*---------TABLECSS---------*/


.orderTableTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
width: 500px;
height: 20px;
float: left;
background-image: url(gfx/tabletitle_bg.jpg);
background-repeat: repeat-x;
}





.orderTableCat {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
font-weight: bold;
float: left;
background-color: #FFF;
}

.catLeftContent {
padding-left: 5px;
}


.TableContainer {
border-left: 1px solid #132C88;
border-right: 1px solid #132C88;
border-bottom: 1px solid #132C88;
}

.tableBorderRight {
border-right: 1px solid #132C88;
border-bottom: 1px solid #132C88;
}

.tableBorderBtm {
border-bottom: 1px solid #132C88;
}

#orderLeft input {
margin: 5px;

}



/*---------ENDTABLECSS---------*/



.orderPreviewTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
width: 250px;
height: 18px;
background-image: url(gfx/tabletitle_bg.jpg);
background-repeat: repeat-x;
}

.orderShippingTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
width: 390px;
height: 20px;
float: left;
background-image: url(gfx/tabletitle_bg.jpg);
background-repeat: repeat-x;
}

.orderPayTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
width: 450px;
height: 20px;
background-image: url(gfx/tabletitle_bg.jpg);
background-repeat: repeat-x;
}

.editlink {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
text-decoration: underline;
font-weight: bold;
}

a.editlink:Hover {
text-decoration: none;
}

.orderShippingCat {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
font-weight: bold;
width: 390px;
background-color: #FFF;
}
.orderPayCat {
width: 450px;
padding-top: 3px;
padding-left: 10px;
}
.Shipping1H {
float: left;
width: 130px;
text-align: center;
padding-top: 3px;
}
.Shipping2H {
float: left;
width: 130px;
text-align: center;
padding-top: 3px;
}

.Shipping3H {
float: left;
width: 130px;
text-align: center;
padding-top: 3px;
}

.orderTitle {
float: left;
width: 340px;
text-align: center;
padding-top: 3px;
}

.orderQty {
float: left;
width: 81px;
text-align: center;
padding-top: 3px;
}

.orderTotal {
float: left;
width: 78px;
text-align: center;
padding-top: 3px;
}


#orderStore {
width: 745px;
height: auto;
margin: 0 auto;
float: left;
}

.detailCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
padding: 10px;
}



.storeTableTitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFF;
font-weight: bold;
width: 500px;
height: 20px;
background-image: url(gfx/tabletitle_bg.jpg);
background-repeat: repeat-x;
background-color: #547FC4;
}


.storeBorderRight {
border-right: 1px solid #132C88;

}


.orderCat {
float: left;
width: 335px;
text-align: left;
padding: 8px 0 0 5px;
height: 20px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderCatMulti {
float: left;
width: 285px;
text-align: left;
padding: 8px 0 0 5px;
height: 30px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderQtyType {
float: left;
width: 80px;
height: 25px;
text-align: center;
padding-top: 3px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderQtyType2 {
float: left;
width: 80px;
height: 20px;
text-align: center;
padding-top: 8px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderQtyTypeMulti {
float: left;
width: 80px;
height: 30px;
text-align: center;
padding-top: 8px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderTotalType {
height: 20px;
float: left;
width: 75px;
text-align: center;
padding-top: 8px;
border-left: 1px solid  #132C88;
border-right: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.orderTotalTypeMulti {
height: 30px;
float: left;
width: 75px;
text-align: center;
padding-top: 8px;
border-left: 1px solid  #132C88;
border-right: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
}

.Shipping1 {
float: left;
width: 129px;
height: 23px;
padding: 6px 0 0 0;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
text-align: center;
}
.Shipping2 {
float: left;
width: 128px;
height: 23px;
padding: 6px 0 0 0;
border-left: 1px solid  #132C88;
border-right: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
text-align: center;
}
.Shipping3 {
float: left;
width: 129px;
height: 23px;
padding: 6px 0 0 0;
border-right: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
text-align: center;
}
.Totals {
float: left;
width: 335px;
padding: 8px 5px 0 0;
height: 20px;
border-left: 1px solid  #132C88;
border-bottom: 1px solid  #132C88;
text-align: right;
}


.salesBtns {
margin-top: 20px;
width: 450px;
height: 100px;
float: left;

}

.sales {
float: left;
width: 325px;
height: auto;

}

.Btns {
float: left;
width: 110px;
height: auto;
margin-left: 15px;
}

.Btns p {
margin: 0 0 10px 0;
}


.orderCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #666;
font-weight: bold;
}
.orderCopy2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
font-weight: bold;
}
.orderCopy3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
font-weight: bold;
}

.orderRedCopy {
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #E20A16;
font-weight: bold;
}


#orderCards1 {
width: 300px;
height: auto;
float: left;
margin-left: 50px;
}

#orderCards1Content{
width: 275px;
float: left;
height: auto;
}

#orderCards1BtnLeft {
width: 125px;
float: left;
height: auto;
text-align: left;
margin-top: 10px;
}


#orderCards1BtnRight {
float: left;
width: 125px;
height: auto;
text-align: right;
margin-top: 10px;
}

.orderCardsFrame {
float: left;
width: 725px;
margin-top: 20px;
}


.orderBlueHeader {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
 font-weight: bold;
color: #132C88;
margin: 20px 0 15px 15px;
}

.orderCardsStraightTabs {
width: 725px;
height: auto;
float: left;
}

.orderCardsStraightText {
width: 210px;
height: auto;
float: left;
}

.orderCardsStraightBtn {
width: 110px;
height: auto;
float: left;
}

#companyNameNumberZip {
width:725px;
float: left;
}

.companyZipText {
margin: 5px 0 0  190px;
}


#NewCustomer {
width: 725px;
height: auto;
float: left;
margin-left: 15px;
}

.NewCustomerLeft {
height: auto;
width: 225px;
float: left;
text-align: right;
margin: 2px 5px 5px 0;
}

.NewCustomerLeft h1 {
margin: 0;
}

.NewCustomerRight {
height: auto;
width: 440px;
float: left;
text-align: left;
margin: 2px 5px 5px 0;
}




/*------ENDORDERCARDS------*/


/*------SOLUTIONS------*/


#subscribeLeft {
width: 300px;
height: auto;
float: left;
}


#subscribeRight {
width: 332px;
height: auto;
float: left;
margin-left: 20px;
}


.subscribeBlue {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #132C88;
}



#solutionsFrame {
width: 315px;
height: auto;
float: left;
margin-left: 15px;
}


#solutionsSubscribeFrame {
width: 400px;
height: auto;
float: left;
margin-left: 15px;
}

.solutionsFullLeft {
width: 20px;
height: auto;
float: left;

}

.solutionsFullRight {
width: 275px;
height: auto;
float: left;
margin-left: 10px;

}

.solutionsFormLeft {
height: auto;
width: 100px;
float: left;
text-align: right;
margin: 0 5px 5px 0;
}

.solutionsFormLeft h1 {
margin: 0;
}

.solutionsFormRight {
height: auto;
width: 205px;
float: left;
text-align: left;
margin: 0 5px 5px 0;
}


.solutionsFormRightLong {
height: auto;
width: 275px;
float: left;
text-align: left;
margin: 0 5px 5px 0;
}


/*------ENDSOLUTIONS------*/



/*------FOOTERHOME------*/


#mainFooter {
background-image: url(gfx/footer.jpg);
width: 800px;
height: 30px;
border-top: 1px solid #FFF;
float: left;
}

.footer {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: center;
margin-top: 8px;
}


.footer a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: center;
margin-top: 8px;
text-decoration: underline;
}

.footer a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFF;
text-align: center;
margin-top: 8px;
text-decoration: none;
}

/*------ENDFOOTERHOME------*/



/*------FOOTERSEC------*/


#secFooter {
background-image: url(gfx/footer.jpg);
width: 800px;
height: 30px;
float: left;
}

/*------ENDSECFOOTERHOME------*/