/* GLOBAL SETUP */

html, body, form { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica; font-size: 12px;color:#353535;background:url(../Images/site-bg.gif) repeat-x #FFFFFF;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.fontBrown {color:#A84D0F;}
img {border:0;}
a {color:#A84D0F;}

/* MASTERPAGE */
.wrapperTop {width:100%;margin:auto; background:url(../Images/site-bg-span.gif) repeat-y center;}
.wrapperTop2 {width:100%;margin:auto; background:url(../Images/site-bg-span-top.gif) no-repeat center top;}
.wrapperBottom {height:130px;background:url(../Images/site-bg-bottom.gif) no-repeat center;}

.siteHeader {height:68px;background:url(../Images/site-header.gif) no-repeat;}
.siteHeader .topNav {height:29px;color:#11A423;font-size:11px;}
.siteHeader .topNav a {color:#11A423;font-size:11px;}
.siteHeader .navSpacer {height:12px;font-size:0.1em;line-height:0.1em;}
.siteHeader .topMenu {height:27px;}

.siteContent {width:870px;background:#FFFFFF;}
.contentContainer {width:870px;height:300px;background:url(../Images/content-connector.gif) no-repeat top;}

.siteFooter {height:130px;background:url(../Images/site-footer.gif) no-repeat top center;}
.siteFooter .links {width:870px;margin-top:17px;text-align:center;color:#FFFFFF;font-size:11px;}
.siteFooter .links a {color:#FFFFFF;font-size:11px;}
.siteFooter .copyright {width:870px;margin-top:20px;text-align:center;color:#888888;font-size:11px;}

/* HOMEPAGE */
.homePhoto {line-height:0.1em;font-size:0.1em;}
.homeProduct {width:109px;height:153px;margin:0 25px 15px 25px;text-align:center;line-height:13px;font-family:helvetica;background:url(../images/home-product-bg.gif) no-repeat;}
.homeProduct a {color:#A84D0F;font-weight:bold;text-decoration:none;}
.homeSpotlight1 {width:270px;height:225px;margin:0 7px 6px 7px;background:url(../images/home-spotlight-bg-1.gif) no-repeat;}
.homeSpotlight2 {width:270px;height:225px;margin:0 7px 6px 7px;background:url(../images/home-spotlight-bg-2.gif) no-repeat;}
.homeSpotlight3 {width:270px;height:225px;margin:0 7px 6px 7px;background:url(../images/home-spotlight-bg-3.gif) no-repeat;}
.homeSpotlightTop1 {width:240px;height:150px;padding:47px 15px 0 15px;}
.homeSpotlightBottom1 {width:240px;height:27px;padding:0 15px;text-align:right;}
.homeSpotlightTop2 {width:240px;height:180px;padding:0 15px;}
.homeSpotlightBottom2 {width:240px;height:45px;padding:0 14px;font-size:11px;color:#A84D0F;line-height:18px;}
.homeSpotlightTop3 {width:240px;height:197px;padding:0 14px;}
.homeSpotlightBottom3 {width:240px;height:27px;padding:0 14px;text-align:right;}
.homeNews {font-size:11px;margin-top:10px;}
.homeNews a {color:#3B87CC;font-weight:bold;}


/* FULL PAGE */
.fullPageHeader {width:100%;margin-bottom:15px;font-size:20px;font-family:helvetica;color:#353535;border-bottom:1px dotted #939393;}
.fullPageText {width:800px;text-align:left;}

.containerFiberFact {padding:15px;background:url(../Images/container-fiber-fact-span.gif) no-repeat bottom center;}

.boxLoginSpan {background:url(../Images/box-close.gif) no-repeat bottom center;}
.loginInputBox {width:150px;}

.boxTourSpan {background:url(../Images/box-tour-dates-span.gif) no-repeat bottom center;}
.tourDates {padding:0 5px 5px 5px;border-bottom:1px solid #353535;}

.miscFormInput {width:200px;}
.miscFormInputArea {width:200px;height:100px;}
.field {width:200px;}

.photoGallery img {border:1px solid #888888;}

/* NUTRITIONAL FACTS PAGE */
.nutFactsContainer {width:800px;}
.nutFactsContainer .top {height:8px;font-size:0.1em;line-height:0.1em;background:url(../Images/facts-bg-top.gif) no-repeat;}
.nutFactsContainer .span {background:url(../Images/facts-bg-span.gif) repeat-y}
.nutFactsContainer .span .stats {width:200px;margin:10px 18px 20px 18px;color:#FFFFFF;}
.nutFactsContainer .span .stats a {color:#FFFFFF;}
.nutFactsContainer .bottom {height:36px;font-size:0.1em;line-height:0.1em;background:url(../Images/facts-bg-bottom.gif) no-repeat;}

.factsListOpen {width:212px;height:11px;margin-top:2px;font-size:0.1em;line-height:0.1em;background:url(../Images/facts-list-open.gif) no-repeat;}
.factsList1 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-1.gif) no-repeat center;}
.factsList2 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-2.gif) no-repeat center;}
.factsList3 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-3.gif) no-repeat center;}
.factsList4 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-4.gif) no-repeat center;}
.factsList5 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-5.gif) no-repeat center;}
.factsList6 {width:175px;padding:4px 5px 4px 32px;background:url(../Images/facts-list-6.gif) no-repeat center;}
.factsListClose {width:212px;height:11px;font-size:0.1em;line-height:0.1em;background:url(../Images/facts-list-close.gif) no-repeat;}


/* CONTACT FORM */
.contact {width:390px;}
.contactInputBox {width:300px;}
.contactInputArea {width:300px;}
.contact .contactInputArea {width:300px;height:150px;display:block;}
.emailFriend .inputArea {width:220px;height:120px;}

/* CHECKOUT */
/* is used for all input fields */
input.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }
select.inputBox { width: 224px; font-family: Arial; font-size: 10pt; }
textarea.inputBox { width: 220px; font-family: Arial; font-size: 10pt; }

/* AJAX SEARCH FUNCTION */
.ajaxResult { width: 215px; max-height: 300px; height: auto !important; height: 300px; position: absolute; left: 0; top: 25px; border: 1px solid black; background-color: white;  }
.ajaxResult .close { text-align: right; background-color: #EEEEEE; font-size: 10pt; padding: 5px; }
.ajaxResult .close a { color: Blue; }
.ajaxResult .results { overflow: auto; width: 215px; max-height: 275px; height: auto !important; height: 275px; }
.ajaxResult .item { text-align: center; font-size: 9pt; padding: 10px; }
.ajaxResult .item img {  }

/* LEFT PRODUCT NAVIGATION */
.leftNavArea {width:200px;border-right:1px dashed #CCCCCC;}
.categoryName { border-bottom: 1px dotted Gray; font-family:helvetica;font-size:14px;margin: 10px 20px 2px 0; }
.productName {margin:4px 0 4px 4px;font-size:11px; }
.productName_selected { font-weight:bold;margin: 4px 0 4px 4px; font-size:11px;}
.productName a, .productName_selected a {text-decoration:none;color:#353535;}


/* PRODUCT VIEW PAGE */

.productSelect {margin:10px 0;border-top:1px dotted #D7D7D7;border-bottom:1px dotted #D7D7D7;}
.productSelect .label {color:#A84D0F;font-weight:bold;font-size:11px;}
.productSelect .customizationField {font-size:11px;}
.productSelect .quantity {font-size:11px;text-align:center;width:40px;}

.categoryTitle { font-size: 18px; font-weight: bold; font-family:Helvetica;color:#353535;}
.categorySubtitle { font-size: 14px; font-family:Helvetica;color:#353535;}

.largeImage { border: 1px solid #C9C9C9; }
.largeImage .enlarge {width:299px;margin:10px;font-size:9px;text-align:right;}
.largeImage .enlarge a {font-size:9px;color:#959595;text-decoration:none;}

.smallImage {width:105px;height:105px;border: 1px solid #C9C9C9;border-top:0;display:block;float:left;}

/*
.categoryList { width: 160px; }
.selected { font-weight: bold; }
.PropertyControl { padding: 0 0 10px 0; }
.PropertyControl select { width: 100px; }
.txtQuantity { width: 25px; text-align: center; }
*/

/* CATEGORY PAGE */

.product { padding: 10px; text-align: center; }
.product img { border: 1px solid Gray; }

/* CART PAGE */

.cartPage { width: 740px; }
.cartPageTop {width:740px;height:40px;background:url(../Images/cart-bg-top.gif) no-repeat;}
.cartPageSpan {width:740px;padding:0 30px;background:url(../Images/cart-bg-span.gif) repeat-y;}
.cartPageBottom {width:740px;height:15px;font-size:0.1em;line-height:0.1em;background:url(../Images/cart-bg-bottom.gif) no-repeat;}
.cartHeader { font-size: 16px; font-weight: bold; }
.cartControl {width:680px;}
.cartControl .removeColumn { width: 35px; text-align: center; }
.cartControl .quantityColumn { width: 60px;}
.cartControl .nameColumn { width: 350px; }
.cartControl .unitPriceColumn { width: 60px; text-align: right; }
.cartControl .totalPriceColumn { width: 60px; text-align: right; }

.promotionalCode {width:680px;border-top:1px solid #11A423;}
.enterDiscount { padding-top: 40px; }
.enterDiscount .discountBox { width: 100px; }
.keepShopping { position: absolute; top: 65px; left: 470px; }
.checkoutButton { position: absolute; top: 100px; left: 470px; }

.alignCenter {text-align:center;margin:auto;}

/* CHECKOUT PAGE */

.checkoutHeader { font-size: 16px; font-weight: bold; margin-bottom:10px;color:#A84D0F;border-bottom:1px solid #A84D0F;}
.checkoutSubHeader { font-size: 14px; font-weight: bold; margin-bottom:5px;color:#A84D0F;}
.checkoutChange a {font-size:10px;font-weight:normal;}

.checkoutArea .expDate { width: 100px; }
.checkoutArea .securityCode { width: 50px; }
.checkoutArea .cardError { color: Red; }
.checkoutArea .comments { width: 300px; }
.loginOption { padding: 15px;  }
.validation { padding-left: 15px; }
.blackTab { background-color: Black; color: White; padding: 2px 2px 2px 10px; width: 200px; }

.checkoutCartControl .cartBox { margin: 10px; padding: 5px; background-color: #EEEEEE; }
.checkoutCartControl .cartBox .productName { }
.checkoutCartControl .cartBox .properties { padding: 0px 0px 5px 95px; }
.checkoutCartControl .cartBox .discount { text-align: right; padding-right: 10px; color: Red; }
.checkoutCartControl .cartBox .cartTotal { text-align: right; border-top: 1px solid black; padding-right: 10px; }