/* CSS Document for Orange Styles */

/* Background */
html, body { background:#FCB134; }

h1, h2, h3, h4, h5 { color:#FFFFFF; }



/* Layout */
#top-section { background:url(../images/shadows/homepage_topshadow.gif) no-repeat bottom left; }
#bottom-section { background:url(../images/generic/bg_02.gif) no-repeat top left; }

#top-section-left { background:url(../images/generic/bg_04.gif) no-repeat top left; }
#content { background:url(../images/generic/bg_01.gif) repeat-y top left; }



/* Navigation */
#primary-nav ul li#our-menu a { background:url(../images/generic/b_01.gif) no-repeat top left; }
#primary-nav ul li#our-menu a:hover { background:url(../images/generic/b_01_on.gif) no-repeat top left; }
#primary-nav ul li#deliveries a { background:url(../images/generic/b_02.gif) no-repeat top left; }
#primary-nav ul li#deliveries a:hover { background:url(../images/generic/b_02_on.gif) no-repeat top left; }
#primary-nav ul li#store-locator a { background:url(../images/generic/b_03.gif) no-repeat top left; }
#primary-nav ul li#store-locator a:hover { background:url(../images/generic/b_03_on.gif) no-repeat top left; }
#primary-nav ul li#about-us a { background:url(../images/generic/b_04.gif) no-repeat top left; width:118px; }
#primary-nav ul li#about-us a:hover { background:url(../images/generic/b_04_on.gif) no-repeat top left; }
#primary-nav ul li#about-us a.nav-on { background:url(../images/generic/b_04_on.gif) no-repeat top left; }

#primary-sub-nav { width:473px; height:15px; padding:8px 0px 0px 9px; bottom:0px; right:0px; background:url(../images/about-us/secondnav_orange.gif) no-repeat top left; }
/*\*/ * html #primary-sub-nav { height:14px; } /**/

#primary-sub-nav ul { float:right; padding-right:12px; }

#secondary-nav ul li a { background:url(../images/generic/b_y.gif) no-repeat right center; }

#tertiary-nav ul li a { background:url(../images/generic/b_y.gif) no-repeat left center; }



/* Content DIVs */

.large-orange-bg { width:418px; height:241px; min-height:241px; background:#FCB134; padding:18px 0px 0px 17px; position:relative; }
#right-content-npl .large-orange-bg { margin-left:11px; }

.large-orange-bg-full { width:418px; height:241px; min-height:241px; position:relative; margin-left:11px; width:435px; background:#FCB134; }

.large-orange-bg-left { width:185px; height:auto !important; height:223px; min-height:223px; background:#FCB134; padding:18px 0px 0px 15px; position:relative; float:left; font-size:95%; color:#FFFFFF; }
#right-content-npl .large-orange-bg-left { margin-left:11px; display:inline; }
.large-orange-bg-left form { margin:30px 0px 0px 0px; }
.large-orange-bg-left input { float:right; width:100px; margin-right:15px; margin-bottom:18px; }
.large-orange-bg-left label { float:left; margin-top:2px; }

.large-orange-bg-right { width:185px; height:auto !important; height:223px; min-height:223px; background:#FCB134; padding:18px 0px 0px 15px; position:relative; float:right; }
#right-content-npl .large-orange-bg-right { margin-right:19px; display:inline; }
.large-orange-bg-right #credit-card-holder { text-align:center; padding-top:30px; }
.large-orange-bg-right #credit-card-holder a img { border:none; }
.large-orange-bg-right #credit-card-holder #img1 { float:left; margin-left:3px; margin-right:10px; }
.large-orange-bg-right #credit-card-holder #img2 { float:left; }
.large-orange-bg-right #credit-card-holder #img3 { float:right; margin-right:14px; }

.small-orange-bg-img { /*background:url(../images/generic/bg_05.gif) repeat-x top left;*/ height:114px; width:420px; position:relative; background:#FF7F0D; padding:22px 0px 0px 15px; float:left; }
#right-content-npl .small-orange-bg-img { margin:16px 0px 0px 11px; display:inline; }

.medium-orange-bg { width:418px; background:#FCB134; padding:18px 0px 0px 17px; position:relative; color:#FFFFFF; margin-bottom:10px; float:left; }
.medium-orange-bg p { color:#FFFFFF; }
.medium-orange-bg h3, .medium-orange-bg h4 { color:#FFFFFF; }


.orange-bg { background:#FE7F0C; padding:20px 13px 15px 13px; width:408px; color:#FFFFFF; }
#content .orange-bg a { color:#FFFFFF; text-decoration:none; font-weight:bold; }
#content .orange-bg p a { text-decoration:underline; }

#content ul li { background:url(../images/about-us/b_9.gif) no-repeat 0px 3px; color:#FCB134; }
#content a { color:#FCB134; }

.orange-text { color:#FCB134; }
.phone-fax-email { color:#FCB134; width:45px; display:block; float:left; color:#FFFFFF; }

.two-column-holder { padding:23px 0px 23px 0px; }
.two-columns { width:100%; background:url(../images/about-us/2-columns.gif) repeat-y center top; color:#FFFFFF; position:relative; float:left; }
.two-columns .content-half-width { padding:0px 30px 20px 18px; width:387px; }
.two-columns .button { right:38px; }


table.work-for-us { }
table.work-for-us td { vertical-align:middle; text-align:right; color:#FFFFFF; padding-bottom:12px; line-height:13px; }
table.work-for-us td.col-2 { width:248px; padding-left:15px; }
table.work-for-us td.col-2 input { width:248px; }
table.work-for-us td.col-2 textarea { width:248px; max-width:248px; }


#contact-us-wrapper { padding:5px 0px 10px 0px; float:left; clear:both; width:401px; }
#contact-us-wrapper div { float:left; }
#contact-us-wrapper div a { color:#FFFFFF; }
#contact-us-wrapper div.clear { float:none; }
.head-office { width:100px; }
.contact_address { width:150px; float:left; padding:0 40px 0 0; }



/* Imagery */
#deliveries-img { float:left; padding:45px 0px 0px 10px; }
#platter-img { position:absolute; top:-14px; right:-25px; z-index:0; }
#platter-img-2 { z-index:1; position:absolute; left:15px; top:22px; }




/* Buttons */
#right-content-npl .small-orange-bg-img .button { bottom:20px; bottom:8px; }