/* structure.css - defines the layout of the site */

/* window properties */

body {
	border:0px none;
	text-align:center;
	background-color:#000000;
}

/* main stucture elements */

#wrapper {
	position:relative;
	margin:0px auto;
	width:955px; 
	text-align:left;
}

#header {
	clear:both;
	padding-right:20px;
	width:935px;
	height:36px;
	background-image:url(../images/global/topbar.gif);
	background-repeat:repeat-x;
	text-align:right;
}

#body {
	clear:both;
	width:955px;
}

#sidebar {
	float:left;
	width:190px;
	background-image:url(../images/global/edge_left.gif);
	background-repeat:repeat-y;
	text-align:right;
}

#content {
	float:left;
	width:765px;
}

#content.interior {
	background-image:url(../images/global/columns.gif);
	background-repeat:repeat-y;
}

#footer {
	clear:both;
	margin-left:22px;
	padding-top:15px;
	padding-right:20px;
	width:723px;
	height:22px;
	text-align:right;
	background-image:url(../images/global/footer.gif);
	background-repeat:repeat-x;
}

/* header elements */

span.searchLabel {
	margin-right:10px;
	line-height:0px;
}

span.searchField {
	margin-right:10px;
}

span.searchButton {}

#searchArea {
	width:240px;
	height:30px;
	padding-top:6px;
	float:right;
}

#searchLabel {
	float:left;
	padding-top:5px;
	padding-right:10px;
}

#searchField {
	float:left;
}

#searchButton {
	float:right;
	width:37px;
}

/* sidebar elements */

#logo {
	width:182px;
	height:105px;
	margin-left:8px;
}

div.nav {
	width:182px;
	height:37px;
	margin-left:8px;
}

#chipid {
	width:182px;
	height:202px;
	margin-left:8px;
}

#sidebarBtm {
	width:190px;
	height:8px;
	text-align:left;
}

/* content elements */

#main {
	width:765px;
	height:355px;
}

#jetblue {
	position:absolute;
	width:160px;
	height:85px;
	left:777px;
	top:56px;
}

/* For bike giveaway - can be deleted afterward */
#bikegiveaway {
	position:absolute;
	width:120px;
	height:120px;
	left:798px;
	top:170px;
}


#panels {
	width:765px;
	height:172px;
}

#panelMargin {
	float:left;
	width:22px;
	height:172px;
}

#panelLeft {
	float:left;
	width:263px;
	height:172px;
}

#panelCenter {
	float:left;
	width:240px;
	height:172px;
}

#panelRight {
	float:left;
	width:240px;
	height:172px;
}

/* interior content elements */

#centerColumn {
	float:left;
	width:525px;
	background-image:url(../images/global/bg_center.jpg);
	background-repeat:no-repeat;
}

#centerTop {
	width:525px;
	height:29px;
	padding-top:47px;
}

#centerHead {
	width:502px;
	height:78px;
	clear:both;
}

#centerHeadline {
	float:left;
	padding-top:18px;
	padding-left:50px;
	width:377px;
	height:60px;
}

#backBtn {
	float:left;
	margin-top:7px;
	width:75px;
	height:20px;
}

#centerMain {
	clear:both;
	margin-left:65px;
	width:395px;
}

#centerSubhead {
	width:437px;
	height:40px;
}

#breathingRoom {
	height:20px;
	clear:both;
}

/* subnav elements */

#subnav {
	margin-left:65px;
	width:437px;
	height:29px;
	background-image:url(../images/global/subnav.jpg);
	background-repeat:no-repeat;
}

#subnavLeft {
	width:95px;
	height:29px;
	float:left;
}

#subnavCenter {
	width:156px;
	height:29px;
	float:left;
}

#subnavRight {
	width:186px;
	height:29px;
	float:left;
}

#subnavDropLeft {
	float:left;
	width:250px;
	height:29px;
}

#subnavDropRight {
	float:left;
	width:187px;
	height:27px;
	padding-top:2px;
}

select.subnavSelect {
	width:180px;
}

/* right column elements */

#rightColumn {
	float:left;
	width:240px;
}

#rightTop {
	width:240px;
	height:76px;
	background-image:url(../images/global/rightcol_top.gif);
}

#rightTopTerraTalk {
	width:240px;
	height:76px;
	background-image:url(../images/global/terra_talk.gif);
}

#rightMain {
	width:240px;
	margin-bottom:200px;
}

#panelHorizon {
	clear:both;
}

#panel {
	position:absolute;
	margin-top:-172px;
	width:240px;
	height:172px;
	left:715px;
}

/* quote elements */

#quote {
	padding-top:10px;
	padding-left:50px;
	padding-right:30px;
	width:155px;
	background-image:url(../images/global/quote_open.gif);
	background-repeat:no-repeat;
}

#quoteText {
	width:155px;
	clear:both;
}

#quoteAuthor {
	clear:both;
	padding-top:20px;
	width:155px;
}

#closingQuote {
	clear:both;
	position:absolute;
	margin-top:-18px;
	left:920px;
}

/* product list elements */

div.productRow {
	width:420px;
/*	clear:both;  */
}

div.product {
	float:left;
	width:205px;
}

div.productImage {
	width:205px;
	height:95px;
}

div.productText {
	width:205px;
	text-align:center;
}

/* product family elements */

td.productFamilyItem {
/*	float:left;  */
	width:140px;
}

div.productFamilyImage {
	width:120px;
	height:170px;
}

div.productFamilyText {
	width:120px;
	text-align:center;
}

#clickDirection {
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
	width:400px;
	text-align:center;
}

/* product detail elements */

#productDetail {
	float:left;
	margin-right:5px;
	width:190px;
}

#productDetailImage {
	width:190px;
	height:265px;
}

#productDetailText {
	width:190px;
	text-align:center;
}

#productDescription {
	float:left;
	width:200px;
}

#productIngredients {
	clear:both;
}

/* popup styles */

body.popup {
	background-image:url(/images/products/popupbg.gif);
	background-repeat:no-repeat;
	color: #000;
}


#popupTop {
	width:600px;
	height:44px;
	text-align:right;
	clear:both;
}

#popupContent {
	width:600px;
	clear:both;
	text-align:left;
}

#popupLeft {
	float:left;
	padding-left:30px;
	width:297px;
}

#popupImage {
	width:270px;
	height:400px;
}

#popupText {
	width:270px;
	text-align:center;
}

#popupRight {
	float:left;
	width:244px;
}

#popupDisclaimer {
	width:540px;
	margin:0 auto 0 auto;
	padding-top:10px;
	clear:both;
	text-align:left;
}


/* recipe styles */

body.recipe {
	background-image:url("/images/recipes/recipesbg.jpg");
	background-repeat:repeat-y;
	text-align:left;
}

div.recipebg {
	background-image:url("/images/recipes/recipestop.jpg");
	background-repeat:no-repeat;
	text-align:left;
}

#recipeTop {
	width:600px;
	height:37px;
	clear:both;
}

#recipePrint {
	float:left;
	padding-left:340px;
	width:75px;
	height:37px;
}

#recipeClose {
	float:left;
	width:125px;
	height:37px;
}

#recipeContent {
	margin-left:105px;
	width:395px;
	clear:both;
	text-align:left;
}

#recipeHeader {
/*	height:35px;   */
	padding-top:30px;
	padding-left:20px;
}

#recipeDescription {}


/* common layout styles */

.photoLeft { float:left; margin-right:5px; margin-bottom:0px; }
.photoRight { float:right; margin-left:5px; margin-bottom:0px; }
.photoLeftLarge { float:left; margin-right:5px; margin-bottom:15px; }