/* CSS Document */

/* ------------------------------------------------------ page style -------------------------------*/
*
	{
	margin: 0px;
	padding: 0px;
	}

html
	{

	}

body
	{
	font-size: 62.5%;
	background: #87c9df url(../images/bg_08.gif) repeat;
	font-family:Arial, Helvetica, sans-serif;
	}

a
	{
	text-decoration: none;
	}

a:hover
	{
	text-decoration: underline;
	}
	
.clearBoth
{
	clear: both;
}

/* ------------------------------------------------------ general -------------------------------*/



img
	{
	
	}

p
	{
	
	}

h1
	{
	font-size:19px;
	font-weight:bold;
	color:#00b1d2;
	margin-bottom:10px;
	}

h2
	{
	
	}

h3
	{
	
	}

h4
	{
	
	}

h5
	{
	
	}	


/* ------------------------------------------------------ container -------------------------------*/



#containerTop
	{
	width: 100%;
	height: 98px;
	background:url(../images/top-bar_01.gif) repeat-x top;
	}
	
#containerMiddle
	{
	width:974px;
	margin:0 auto;
	background:url(../images/main-body_05.gif) repeat-y center top; 
	height:auto !important;
	min-height:600px;
	}

#header
	{
	width: 974px;
	margin:0 auto;
	position: relative;
	height: 98px;
	background:url(../images/main-body_03.gif) no-repeat center bottom;
	}


#logo
	{
	position:relative;
	top:17px;
	}
	
#tagline
	{
	margin-left:40px;
	position:absolute;
	top:40px;
	}
	
	
ul#topNav
	{
	position:absolute;
	top:10px;
	left:685px;
	}
	
ul#topNav li

{
	float: left;
	display: inline;
	padding: 0px 10px;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #8b7d79;
}

ul#topNav li a

{
	color: #8b7d79;
}



ul#topNav li a:hover

{
	color: #d8d4d2;
	text-decoration:none;
}
	


#mainNavSearch
	{
	height:34px;
	}

ul#nav
	{
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	}
ul#nav li
	{
	float: left;
	}
ul#nav li a
	{
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
ul#nav li a:hover
	{
	background-position: 0 -24px;
	}
ul#nav li a#home
	{
	width: 60px;
	height: 24px;
	background-image:url(../images/main_03.gif);
	}
ul#nav li a#girls
	{
	width: 71px;
	height: 24px;
	background-image:url(../images/main_04.gif);
	}
ul#nav li a#boys
	{
	width: 68px;
	height: 24px;
	background-image:url(../images/main_05.gif);
	}
ul#nav li a#baby
	{
	width: 75px;
	height: 24px;
	background-image:url(../images/main_06.gif);
	}
ul#nav li a#moms
	{
	width: 81px;
	height: 24px;
	background-image:url(../images/main_07.gif);
	}
ul#nav li a#our_monograms
	{
	width: 151px;
	height: 24px;
	background-image:url(../images/main_08.gif);
	}
	
ul#nav li a#our_story
	{
	width: 102px;
	height: 24px;
	background-image:url(../images/main_09.gif);
	}

#SearchHolder
	{
	float:right;
	margin-right:35px;
	}
#SearchHolder #border
	{
	width:291px;
	height:22px;
	border:2px solid #e0dedd;
	}

#SearchHolder #border #searchBar
	{
	float:left;
	width:264px;
	}
	
#SearchHolder #border #searchButton
	{
	float:right;
	}
	
#navBar
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar #Home
{ background: url(../images/mainNavBar_Home_19.gif) no-repeat;}

#navBar4
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar4 #Home
{ background: url(../images/mainNavBar_Girls_19.gif) no-repeat;}

#navBar5
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar5 #Home
{ background: url(../images/mainNavBar_boysd_19.gif) no-repeat;}

#navBar6
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar6 #Home
{ background: url(../images/mainNavBar_baby_19.gif) no-repeat;}

#navBar7
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar7 #Home
{ background: url(../images/mainNavBar_moms_19.gif) no-repeat;}

#navBar2
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar2 #Home
{ background: url(../images/mainNavBar_monograms_19.gif) no-repeat;}

#navBar1
{ width:912px; height:2px; position:relative; left:22px; top:8px;}
#navBar1 #Home
{ background: url(../images/mainNavBar_ourStory_19.gif) no-repeat;}

#navBarc1
{ width:713px; height:70px; position:relative; left:0px; top:10px;}
#navBarc1 #Home
{ background: url(/images/TopNavOurStory.jpg) no-repeat;}

#navBarc2
{ width:713px; height:70px; position:relative; left:0px; top:10px;}
#navBarc2 #Home
{ background: url(/images/TopNavMon.jpg) no-repeat;}

#SearchHolder #searchBar input#search
	{
	width:260px;
	background:url(../images/main_11.gif) repeat-x top;
	border:none;
	border-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	padding:2px;
	}
	
#mainMrktg
	{
	height:324px;
	}
	
#mainMrktg #flashMktg
	{
	background:url(../images/main_16.gif) no-repeat top;
	height:314px;
	width:608px;
	position:relative;
	text-align:center;
	float:left;
	padding-top:6px;
	left:28px;
	top:12px;
	}

#mainMrktg #rtMktg
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#9d9689;
	font-weight:normal;
	height:312px;
	width:295px;
	float:left;
	position:relative;
	top:12px;
	margin-left:35px;
	
	}

#mainMrktg #rtMktg #featGifts
	{
	width:295px;
	height:152px;
	background:url(../images/main_18.jpg) no-repeat top;
	}
	
#mainMrktg #rtMktg #featGifts .mktgPad
	{
	padding:61px 140px 0px 17px;
	}
	
#mainMrktg #rtMktg #featGifts #bttns
	{
	position:relative;
	top:20px;
	margin-left:17px;
	display:inline;
	}

#mainMrktg #rtMktg #featGifts #bttns img
	{
	margin-right:5px;
	}
	
#mainMrktg #rtMktg #ourMonograms #bttns
	{
	position:relative;
	top:10px;
	margin-left:17px;
	display:inline;
	}

#mainMrktg #rtMktg #ourMonograms #bttns img
	{
	margin-right:5px;
	}
	
#mainMrktg #rtMktg #ourMonograms .mktgPad
	{
	padding:71px 140px 0px 17px;
	}

#mainMrktg #rtMktg #ourMonograms
	{
	margin-top:10px;
	width:295px;
	height:150px;
	background:url(../images/main_21.jpg) no-repeat top;
	}


#mainBttm
	{
	clear:both;
	}

#mainBttm #welcome
	{
	background:url(../images/welcome.gif) no-repeat 0px 10px;
	color:#86796f;
	font-size:12px;
	line-height:16px;
	margin-left:30px;
	float:left;
	margin-top:15px;
	width:600px;
	}
	
#mainBttm #welcome #ourStoryBttn
	{
	text-align:right;
	}
	
#mainBttm #welcome p
	{
	padding-top:50px;
	}
	
#mainBttm #products
	{
	height:145px;
	background:url(../images/fav-bg_42.gif) no-repeat top;
	width:290px;
	float:left;
	position:relative;
	left:20px;
	top:12px;
	padding-top:28px;
	}

#mainBttm #products ul#ProdsCat
	{
	margin:0px;
	padding:0px;
	}
	
#mainBttm #products ul#ProdsCat li
	{
	font-size:12px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#86796f;
	list-style:none;
	background:url(../images/main_27.gif) no-repeat 0px 12px;
	float:left;
	width:110px;
	padding:10px 10px 15px 12px;
	}
	
#mainBttm #products ul#ProdsCat li a
	{
	color:#86796f;
	text-decoration:none;
	}
	
#mainBttm #products ul#ProdsCat li a:hover
	{
	color:#1bb2d3;
	text-decoration:none;
	}


#footer
	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#76aebf;
	margin:0 auto;
	clear:both;
	background-color:#e8f7fb;
	width:940px;
	height:20px;
	padding:6px 4px 3px 4px;
	}
	
#footer a
	{
	color:#76aebf;
	text-decoration:none;
	}
	
#footer a:hover
	{
	color:#147a98;
	text-decoration:none;
	}
	
#footer .left
	{
	float:left;
	width:48%;
	}
#footer .right
	{
	text-align:right;
	float:right;
	width:48%;
	}
	
#mainFooterBttm
	{
	clear:both;
	height:17px;
	width:974px;
	margin:0 auto;
	position: relative;
	background:url(../images/main-body_07.gif) no-repeat center;
	}

#mainSec
	{
	width: 100%;
	margin:0px;
	padding:0px;
	margin-top:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#adadad;
	}
	
#mainSec #leftColumn
	{
	padding-top:0px;
	width: 206px;
	height: 100%; /* <----------------------------------------------------------------------for placement only. can take out when content is in. */
	float: left;
	margin: 0px;
	display: inline;
	background-color:#dff3fa;
	margin-left:22px;
	border-top:4px solid #0dc5e7;
	padding-bottom:10px;
	margin-bottom:20px;
	}
	
#subnav {
}
#subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	color:#847861;
}
#subnav li { margin: 0 0 0 0;
	display: inline; 
	}
#subnav a {
display: block;
padding: 8px 5px 7px 23px;
color: #3d2911;
background-color:#dff3fa;
background-image:url(../images/sec_06.gif);
background-repeat:no-repeat;
background-position:center;
text-decoration: none;
font-weight:bold;
font-size:12px;
margin: 0 0 0 0;
border-top:1px solid #f0fafc;
border-bottom:1px solid #aedee8;
}
#subnav a:hover {
color: #1db2d3;
text-decoration: none;
background-image:url(../images/sec_06-2.gif);
ackground-color:#dff3fa;
}
#subnav a:active {
background-image:url(../images/sec_10.gif);
background-color:#dff3fa;
color: #ffffff;
text-decoration: none;
}




#subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
}
#subnav li { margin: 0 0 0 0;
	display: inline; 
	}
#subnav ul ul a {
display: block;
padding: 6px 5px 8px 35px;
color: #267289;
background-image:url(../images/sec_19.gif);
background-repeat:no-repeat;
background-position:center;
text-decoration: none;
font-size:10px;
margin: 0 0 0 0;

}
#subnav ul ul a:hover {
color: #74613d;
text-decoration: none;
background-image:url(../images/sec_19.gif);
}
#subnav ul ul a:active {
color: #4f4f4f;
text-decoration: none;
}

#mktgLeftSec
	{
	text-align:center;
	}
#mktgLeftSec img
	{
	margin-top:10px;
	}
#mainSec #rightColumn
	{
	float:left;
	margin-left:6px;
	position:relative;
	width:713px;
	}
	
#detailHolder
	{
	margin:0px;
	padding:0px;
	margin-top:20px;
	}
#detailHolder #leftCol
	{
	float:left;
	padding-left:20px;
	width:50%;
	position:relative;
	}
#detailHolder #rightCol
	{
	float:left;
	margin-left:28px;
	width:40%;
	position:relative;
	}
#sku
	{
	font-size:10px;
	margin:10px 0px;
	}
	
#sku span
	{
	color:#512d2a;
	font-weight:bold;
	}
#divider
	{
	clear:both;
	background:url(../images/sec_22.gif) no-repeat top;
	height:5px;
	margin:10px 0px;
	}
	
#dividerLarge
	{
	clear:both;
	background:url(../images/divider_long_07.gif) no-repeat bottom;
	height:10px;
	margin:20px 0px 0px 0px;
	
	}
	
#priceSec
	{
	}
#priceSec #_lft
	{
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:10px;
	color:#266d97;
	float:left;
	width:48%;
	position:relative;
	padding-bottom:5px;
	}
#priceSec #_lft span
	{
	font-size:21px;
	color:#22bbd8;
	}
	
#priceSec #_rgt
	{
	text-align:right;
	float:right;
	width:48%;
	position:relative;
	padding-top:5px;
	}
	
#mainSec #rightColumn #detailImage
	{
	
	}
#mainSec #rightColumn #detailImage img
	{
	border:4px solid #abebf7;
	}
#mainSec #rightColumn #bttnLarger
	{
	margin-top:5px;
	text-align:right;
	}
#thirdRow input
	{
	font-size:10px;
	color:#333;
	padding:2px;
	width:20px;
	margin-left:8px;
	}
#prodDesc
	{
	}
#prodDesc #title
	{
	color:#512d2a;
	font-size:12px;
	font-weight:bold;
	margin-bottom:8px;
	}
#prodDesc #body
	{
	}
#suggestedProds
	{
	width:94%;
	margin:0 auto;
	clear:both;
	}
#suggestedProds #title
	{
	padding:15px 0px;
	font-size:13px;
	color:#512d2a;
	font-weight:bold;
	}
	
#prodsTable
	{
	width:100%;
	margin-bottom:18px;
	}
#prodsTable td
	{
	width:25%;
	text-align:center;
	}
#prodsTable td img
	{
	border:3px solid #abebf7;
	}
#prodsTable .noBorder img
	{
	border:none;
	}
#prodsTable td.desc
	{
	font-weight:bold;
	padding:10px 0px;
	color:#008ca6;
	}
	
