/**************************************************\
  Style Sheet for controlling front-end design of 
  The Gourmet Shopping Network
\**************************************************/


/****************************\
 Background (outside the site)
\****************************/
body {
	background-image: url("/tmd_graphics/back_stripe.jpg");
}

/***************************\
 Default Link Colors
\***************************/
a:link {
	color:#535353;
}
a:visited {
	color:#5c9331;
}
a:active {
	color:#535353;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	font-family: sans-serif;
	font-size: 16px;
	color: #848484;
	width:100%;
	text-align:center;
	
}
/******************************\
   Containers
   These control the general
   flow and design of the site
\******************************/
div.container {
	vertical-align:top;
	position:relative;
	width:1082px;
	heigh:100%;
	background-color:white;
	background-image:url('/tmd_graphics/left-border.gif');
	background-repeat: repeat-y;
	margin:25px auto 25px auto;
	border-right: 3px solid #dddddd;
	border-top: 3px solid #dddddd;
	border-bottom: 3px solid #dddddd;
	display:block;
}
div.topContainer {
	position:relative;
	display:block;
	padding-bottom:15px;
}
div.middlePaneContainer {
	position: relative;
	display: table;
	left:165px;
	border: 0px solid blue;
	width:780px;
}
div.leftnavContainer {
	border: 0px solid red;
	position: relative;
	display: table-cell;
	width:190px;
}
div.contentContainer {
	position:relative;
	top:0px;
	vertical-align:top;
	height:100%;
	border: 0px solid black;
	display:table-cell;
	padding-left:5px;
	width:570px;
}

/******************************\
    Top Banner (Picture)
\******************************/
div.topbanner {
	position: relative;
	left:165px;
	width:767px;
	height:145px;
	background-image:url('/tmd_graphics/top-banner.jpg');
}


/******************************\
   Top Navigation
\******************************/
#div.topnav {
	position: relative;
	border:0px solid red;
}
#topnav table {
	width:100%;
	padding-left:5px;

}

#topnav td {
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}

#topnav a {
	font-family: serif;
	font-size: 9pt;
	font-color: #5c9331;
	text-align: center;
}

div.topnavLocation {
	border: 3px solid #dddddd;
	position:relative;
	left:165px;
	width:767px;
	height:30px;
	display:block;
}
td.topNavSpacer {
	padding: 5px;
}

/***************************\
    Left Navigation
\***************************/

div.leftnav {
	vertical-align:top;
	position:relative;
	width:185px;
	height:417px;
	color: #848484;
	font-size: 8pt;
	text-decoration: underline;
	line-height: 1.5;
	border: 3px solid #dddddd;
}


div.navheading {
	position:relative;
	background-color: #8ebe68;
	font-size: 14px;
	color: white;
	text-align:center;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
	text-decoration: none;
	padding-top:5px;
	padding-bottom:5px;

}
div.tableContainer {
	display: table;
}

div.organicNav {
	border: 3px solid #dddddd;
	position:relative;
	width:185px;
	height:54px;
	color: #848484;
	font-size: 8pt;
	text-decoration: underline;
	line-height: 1.5;
	border: 3px solid #dddddd;
}

div.snackbarNav {
	border: 3px solid #dddddd;
	position:relative;
	width:185px;
	height:54px;
	color: #848484;
	font-size: 8pt;
	text-decoration: underline;
	line-height: 1.5;
	border: 3px solid #dddddd;
}


div.pantryNav {
	position:relative;
	width:185px;
	height:200px;
	color: #848484;
	font-size: 8pt;
	text-decoration: underline;
	line-height: 1.5;
	border: 3px solid #dddddd;
	background-image: url('/tmd_graphics/gsn_pantry.jpg');
}
img.pantryLink {
	display:block;
	width:183px;
	height:198px;
	border:0px solid blue;
	background-color:transparent;
	text-decoration:none;
}

div.Nav {
	position:relative;
	width:190px;
	height:28px;
	border:0px;
	display:block;
}
div.askUsHowNav {
	position:relative;
	width:185px;
	height:50px;
	color: #214601;
	font-size: 10pt;
	font-style: italic;
	text-decoration: none;
	line-height: 1;
	border: 3px solid #dddddd;
	font-family: Arial,sans-serif;
	text-align:center;
	vertical-align:middle;
	padding-top: 10px;
}
a.askUsHowNav{
	color: #214601;
}
div.gsnmediacenterNav {
	position:relative;
	width:185px;
	height:227px;
	color: #848484;
	font-size: 8pt;
	text-decoration: underline;
	line-height: 1.5;
	border: 3px solid #dddddd;
	background-image: url('/tmd_graphics/gsnMediaCenter.jpg');
}

/***************************\
   Footer 
\***************************/
div.footerContainer {
	position:relative;
	left: 171px;

	width:766px;
}

div#footerTable{
	position:relative;
	width:760px;
	height: 93px;
	display: block;
	text-align:center;
	border: 3px solid #dddddd;
}
#footerTable a{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 10px;
	color: #848484;
	border: 0px solid black;
	margin:5px;
	text-decoration:none;
}
#footerTable table {
	width:750px;
	height:93px;
	border: 0px solid blue;


}
#footerTable td {
	text-align: left;
	padding:2px;
}
div.footerText {
	padding-top: 15px;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 8pt;
	color: #848484;
	border: 0px solid black;
	margin:5px;
	text-decoration:none;
	text-align:center;
}

/************************\
   View Product Pages						 
\************************/
div.productContainer {
	position:relative;
	width:100%;
	font-family: sans-serif;
	font-size: 10px;
	color: #848484;
	padding: 5px;
	display:table;
	border: 0px solid blue;

}
.productImageContainer {
	display:table-cell;
	border: 0px solid yellow;
	verticle-align:top;

}
.productDescriptionContainer {
	display:table-cell;
	border: 0px solid lime;
	vertical-align:top;
}
.productIngredientsContainer {
	position:relative;
	display:block;
	border: 0px solid red;
}
.productThumbnail {
	position:relative;
	border: 0px solid black;
}
.productCode {
	display:table-cell;
	color: #848484;
	font-weight:bold;
}
.productPrice {
	display:table-cell;
}
.productShipping {
	color: #848484;
	font-weight:bold;
	padding:5px;
	display:table-cell;
}
.productAddToCart {
	display:table-cell;
}
.productDescription {
	display:block;
	/*border-top: 1px dashed #848484;
	border-bottom: 1px dashed #848484;*/
	padding:5px;
}
.productIngredients {
	position: relative;
	font-weight:bold;
	color: #848484;
	border: 0px solid purple;
	width:70%;
	left:40px;
	font-size:8pt;
	
}
.productName {
	display:table-cell;
	padding-left:10px;
	padding-right:10px;
	font-weight:bold;
}
.noborders {
	border: 0px solid transparent;
}
.productDivision {
	border-bottom: 3px solid #dddddd;
	padding:5px;
}
/************************\
   Content Specific						
\************************/
#normalContent {
	font-family: sans-serif;
	font-size: 10px;
	color: #848484;
}
#normalContent div {
	padding-left:15px;
}
#normalContent h2 {
	font-size: 15px;
	font-weight: bold;
	text-align:left;
}
.contentParagraph{
	border-bottom :1px dashed #848484;
	padding-top:15px;
	padding-bottom: 15px;
}

/******************************************\
Flash Cells (migrated for IE compatibility
\******************************************/
.leftSquare {
	position:relative;
	width:284px;
	height:293px;
	display:table-cell;
}
.rightSquare {
	position:relative;
	width:284px;
	height:293px;
	display:tabel-cell;
}


/*******************************************\
    Recipies 
\*******************************************/
table#recipieMain {
	border:0px solid black;
	vertical-align:top;
	width:100%;
}
td.recipieCells {
	border:0px dashed lime;
}
table#recipeCon {
	border:0px solid orange;
	vertical-align:top;
}
table.recipiePages {
	border:0px solid blue;
	padding:20px 20px 20px 20px;
}	
td#recipieBanner {
	border:0px dashed red;
}
table#recipieTab {
	border:0px solid orange;
	vertical-align:top;
}
td#recipeChef {
	vertical-align:top;
}
td.recipieInfo {
	border:4px outset black;
	width:350px;
	height:350px;
	padding:20px 20px 20px 20px;
	vertical-align:top;
	font-size:9pt;
}
td.recipieInfo h1 {
	font-size:10pt;
}
h1#title01{
	color:red;
}
h1#title02{
	color:#a57139;
}
h1#title03{
	color:#b45a03;
}
h1#title04{
	color:#2b0d00;
}
h1#title05{
	color:#b45a03;
}
h1#title06 {
	color:#336d9f;
}
h1#title07 {
	color:#135a09;
}
h1#title08 {
	color:#006301;
}
h1#title09 {
	color:#93b935;
}
h1#title10 {
	color:#a12600;
}
h1#title11 {
	color:#aa0000;
}
img.recipieImg {
	border:0px solid lime;
}
td.recipieBinder {
	border:0px dashed green;
	width:40px;
	margin:20px 0px 20px 0px;
	background-image:url("/graphics/gsn/gsn_recipie_binder.jpg");
	background-repeat:repeat-y;
	background-position:top;
}




/*******************************************\
    Occasions Links
\*******************************************/
div.envelope{
width: 180px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
position: relative;
float: left;
text-align: left;
}
a.envelope {
	font-family: sans-serif;
	font-size: 10pt;
}


/*******************************************\
   The Pantry											
\*******************************************/
div#pantrycontent {
color: black;;
font-size:10pt;
}

div#pantrycontent h1{
color: blac;;
font-size:10pt;
font-weight: bold;
}