/* stylesheet for dejarnette new orleans */

html {text-align: center; /* IE5 hack */}

body, #logo, #navigationmain, #middle, #footer {width: 100%}

body {
        margin: 0 auto;
	background-image: url(graphics/01body_bg.gif);
	background-repeat: repeat;
	background-color: #b8d9dc;
	}


/* begin header 
---------------------------------------------------- */

#logo {
	text-align: center;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	}

#logo .logo {width: 214px; height: 120px; border: 0px;}

#navigationmain {
	text-align: center;
	padding-bottom: 10px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	}

/* styling specific to main navigation links at top of each page */
.navigationmain a:link {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigationmain a:visited {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigationmain a:active {color:#1a6b7b; font-weight: bold; text-decoration: none;}
.navigationmain a:hover {color:#1a6b7b; font-weight: bold; text-decoration: none;}

.flourishleft, .flourishright {width: 19px; height: 13px; border: 0px;}
.divider {font-size: 9px;}

/* ---------------------------------------------------
end header */



/* begin middle content 
----------------------------------------------------- */

#middle {
	overflow: hidden; /* keeps header, middle and footer together with no gap between */
	height: auto;
 	border-top: 2px solid #d9cfb0;
	border-bottom: 2px solid #d9cfb0;
  	background: #fffefa;
	padding: 10px 0px; margin: 0px;
	text-align: center;
	}

.content {
	width: 760px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	}

/* --- index page --- */

#index-sideone {
	vertical-align: top;
	float: left;
	border: 1px solid black;
	}

#index-sidetwo {
	vertical-align: top;
	float: right;
	border: 1px solid black;
	}

.index-newsletter {
	padding: 0px 0px 0px 0px; 
	text-align: center;
	}

.index-latestnews {
	text-align: right;
	padding: 0px 0px 0px 0px; 
	}

.indextitle {
  	background-color: #fffefa;
	background-image: url(shop/shop_itemtitle_bg.jpg);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	}

.index-newsletterdiv {
	width: 300px; 
	padding: 0px 0px 0px 0px; 
	text-align: center;
	vertical-align: top;
	}

.index-newslettertd, .index-latestnewstd {
	padding: 10px 5px 0px 5px; 
	text-align: center;
	vertical-align: top;
	}

.index-customizeitdiv, .index-latestdiv {
	width: 300px;
	padding: 10px 0px 0px 0px; 
	text-align: left; 
	vertical-align: top;
	}

.title-news-newsletter, .title-customizeit, .title-latest {
  	background-color: #fffefa;
	background-image: url(graphics/bg_title.jpg);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	}


/* --- category pages --- */

.thumbnail, .sale {
	text-align: center;
	width: 160px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 5px;
	}

.thumbnail-170 { 
	text-align: center;
	width: 185px;
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 5px;
	}

.thumbnail img, .thumbnail-170 img {
	border: 2px solid #d9cfb0;
	}


.thumbnail a:link {font-weight: 400;}
.thumbnail a:visited {font-weight: 400;}
.thumbnail a:hover {font-weight: 400;}
.thumbnail a:active {font-weight: 400;}

.sale img {
	border: 2px solid #d9cfb0;
	margin: 6px;
	margin-bottom: 10px;
	}

.feature {
	border: 0px solid violet;
	text-align: center;
	vertical-align: top;
	}

.feature p {
	text-align: center;
	}

.feature img {
	text-align: center;
	}

.itemtitle {
	font-family: Verdana, Helvetica, Arial; 
	}

.tns {
	width: auto;
	border: 0px solid blue;
	}

#abientot {
	text-align: center;
	vertical-align: top;
	margin-top: 30px;
	}

#abientot img {
	text-align: center;
	}


/* --- item pages --- */

.itemcontent {
	width: 560px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	text-align: center;
	}

#itemsold {
	text-align: center;
	padding: 5px;
	border-top: 2px dotted #9A8C73;
	border-bottom: 2px dotted #9A8C73;
	}

#itembackorder {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #9A8C73;
	border-top: 2px dotted #9A8C73;
	font-weight: 700;
	font-size: 12px;
	}

#itembackorder p a:link {
	font-weight: 700;
	}

.itemtitle {
  	background-color: #fffefa;
	background-image: url(shop/shop_itemtitle_bg.jpg);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	}

#itemdescription {
	width:280px; height: auto;
	vertical-align: top;
	float: right;
	padding-left: 30px;
	border: 0px solid red;
	}

.itemsaleprice {text-align: center; font-size: 12px;}
.itemsalepricewas {text-decoration: line-through;}
.itemsalepricenow {font-weight: 700; color: #1a6b7b;}

#itemaddtocart {
	border-top: 2px dotted #9A8C73;
  	padding-top: 7px;
  	font-weight: bold;
	text-align: center;
	}

.addtobagbutton {
	background: none;
	border: 0px;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-family: Verdana, Helvetica, Arial;
	font-size: 11px;
	font-weight: 700;
	color:#3a3232;
	}

.addtobagbutton:hover {
	color:#1a6b7b;
	}

#itemimage {
	width:250px; height: auto;
	vertical-align: top;
	text-align: center;
	float: left;
	border: 0px solid blue;
 	}

#itemimage .itemimage{
	text-align: center;
 	}

#itemimage .itemimage img {
	border: 0px solid #d9cfb0;
	}

.itempage_clear {clear: both;}

/* --- itempage may 2009 --- */

.content-ip {
	width: 900px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	}

#itemimage-main {
	width: 900px;
	height: 550px;
	position: relative; 
	font-size: 20px; 
	z-index: 1; 
	padding: 0;
	background-image: url(shop/imageloading-bg.gif);
	background-repeat: no-repeat;
 }

#itemsold-ip, #itembackorder-ip {
	width: 900px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	}
#itemsold-ip {
	text-align: center;
	padding: 5px;
	border-top: 2px dotted #9A8C73;
	border-bottom: 2px dotted #9A8C73;
	}
#itembackorder-ip {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 15px;
	border-bottom: 2px dotted #9A8C73;
	border-top: 2px dotted #9A8C73;
	font-weight: 700;
	font-size: 12px;
	}

#itembackorder p a:link {
	font-weight: 700;
	}

.itemcontent-ip {
	width: 900px;
	height: 550px;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	text-align: center;
	}

.itemtitle-ip {
	background-image: url(transparent.gif);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}

#itemdescription-ip {
	height: auto;
	vertical-align: top;
	padding-left: 0px;
	position: relative; 
	top: -485px; 
	left: 460px; 
	z-index: 2; 
	width: 320px; 
	padding: 20px 40px; 
	background: #fff; 
	opacity:0.90; 
	filter:alpha(opacity=90);
	}
.itemlist-ip {
	list-style-type: none;
	padding: 0; margin: 0; 
	}
.list-heading {
	text-transform: uppercase;	
	}
.itemlist-ip li {
	margin-bottom: 5px;
	}
.thumbnails-ip {
	text-align: left;
	margin-top:3px;
	}

#itemdescription-ip-whitebgpics {
	height: auto;
	vertical-align: top;
	padding-left: 0px;
	position: relative; 
	top: -485px; 
	left: 460px; 
	z-index: 2; 
	width: 320px; 
	padding: 20px 40px; 
	background: #b8d9dc; 
	opacity:0.90; 
	filter:alpha(opacity=90);
	}
.itemtitle-ip-whitebgpics {
	background-image: url(transparent.gif);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}


/* --- information pages --- */

.infotitle {
  	background-color: #fffefa;
	background-image: url(shop/shop_itemtitle_bg.jpg);
	background-repeat: repeat;
  	padding: 7px 5px;
	border-bottom: 2px dotted #9A8C73;
	font-size: 13px;
  	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	}

.infonavigation {
	width: 200px;
	height: auto;
	vertical-align: top;
	text-align: center;
	border: 0px solid orange;
	}

.infonavigation p {
	padding-left: 0px;
	}

.infocontent {
	width:550px; height: auto;
	vertical-align: top;
	text-align: center;
	border: 0px solid blue;
 	}

.infonews, .infonews_pic {
	padding: 10px;
	}

.newsletterform {
	background-image: url(graphics/newsletter_bg.gif);
	background-repeat: no-repeat;
	width: 190px;
	height: 175px;
	text-align: center;
	font-size: 9px;
	font-family: Courier, serif;
	border: 0px solid red;
	}

.emailinput {
	width: 162px;
	height: 17px;
	font-size: 12px;
	padding: 0px; margin: 115px 0px 0px 0px;
	border: solid 1px #593e3a;
	background: #fff;
	}

.joinbutton {
	margin: 3px 0px 0px 115px;
	}

	

.infofaqs {}
.question {color:#3a3232; font-weight: bold; text-decoration: none;}

#infostockists {width: 100%}
.storename {font-weight: bold;}
.stockist-listing {width: 33%; padding: 20px 10px; text-align: center; border: 1px solid #d9cfb0;}
.stockist-listing a {font-weight: bold;}


/* ---------------------------------------------------
end middle content */



.content1 {
	width: 450px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0px 15px 0px;
	border: 0px solid red;
	text-align: center;
	}

.content2 {
	width: 500px;
	height: auto;
	cellspacing: 0px;
	border-collapse: collapse;
	margin-right: auto;
	margin-left: auto;
	padding: 5px 0px 15px 0px;
	border: 0px solid red;
	}

.navigation {
	height: 20px; 
 	border: 0px; 
	padding: 0px; 
	margin: 0px 0px 20px 0px; 
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	font-family: Verdana, Helvetica, Arial; 
	font-size: 11px;
	}

.navigationcurrent {
	color: #1a6b7b; 
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial; 
	font-size: 11px;
	}

/* styling specific to main navigation links at top of each page */
.navigation a:link {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigation a:visited {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigation a:active {color:#1a6b7b; text-decoration: none;}
.navigation a:hover {color:#1a6b7b; text-decoration: none;}

.navigation2 {
	height: 20px; 
 	border: 0px; padding: 0px 15px 0px 0px; margin: 0px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: right;
	font-family: Verdana, Helvetica, Arial; 
	font-size: 11px;
	}

/* styling specific to navigation links at bottom of each page shop page */
.navigation2 a:link {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigation2 a:visited {color:#3a3232; font-weight: bold; text-decoration: none;}
.navigation2 a:active {color:#1a6b7b; text-decoration: none;}
.navigation2 a:hover {color:#1a6b7b; text-decoration: none;}


#footer {
	height: 50px; 
 	border: 0px; padding: 0px; margin: 0px;
	overflow: hidden; /* keeps header, content and footer together with no gap between */
	text-align: center;
	}

/* 'dejarnette new orleans' link at bottom of each page */
#mailto {
	position: absolute; left: 265px; 
	margin-top: 25px;
	width: 160px; height: 10px;
	}

/* 'site design by think pretty' link at the bottome of each page */
#designby {
	position: absolute; left: 600px; 
	margin-top: 25px;
	width: 80px; height: 10px;
	}

div.spacer {
    	clear:both;
	}

div.float {
  	float: left;
	margin: 0px 10px;
  	}
  
div.float p {
   	text-align: center;
	margin-top: 2px;
	font-family: Verdana, Helvetica, Arial; 
   	}

div, td, p, li {
	text-align: justify;
	font-style: normal; 
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	line-height: 15px;
	color: #333333;
	}

img.collection {
	border: 1px solid #748189;
	}

img.tn1 {
	border: 2px solid #d9cfb0;
	width: 145px; height: 120px;
	}

img.tn2 {
	border: 2px solid #d9cfb0;
	width: 220px; height: 140px;
	}

img.tn3 {
	border: 2px solid #d9cfb0;
	width: 300px; height: 140px;
	}


div, td, p, li {
	text-align: justify;
	font-style: normal; 
	font-weight: normal;
	font-size: 11px;
	font-family: Verdana, Helvetica, Arial;
	line-height: 15px;
	color: #3a3232;
	}

a:link {color:#3a3232; text-decoration: none;}
a:visited {color:#3a3232; text-decoration: none;}
a:active {color:#1a6b7b;}
a:hover {color:#1a6b7b;}