/* @override http://www.dianejameshome.com/assets/css/styles.css */

a {
color:gray;
text-decoration:none;
}

a:hover {
color:#dedede;
text-decoration:none;
}

a img {
	border:none;
}

.crumbs {
font-family:garamond;
font-size:24px;
color:#465760
}

#prod {
padding:30px;
margin-top:30px
}

#prod-left {
position:relative; 
width:250px; 
float:left; 
padding-left:10px
}

#prod-right {
position:relative; 
width:360px; 
float:right
}



#otherProd {
margin-left:0px;
margin-top:0px;
width:668px;
list-style:none;
padding:0px;
}

#otherProd li {
width:151px;
height:70px;
float:left;
padding:5px;
padding-top:10px;
margin:2px;
border:1px solid #d3d3d3;
}

#otherProd li:hover {
border:1px solid #465760
}

#otherProd li a {
font-family:garamond;
font-size:14px;
color:#d3d3d3
}

#otherProd li a:hover {
color:#465760;
}




img.thumb {
border-color:white;
padding-left:10px;
padding-right:10px;
}

body {
margin:0;
background-color:white;
text-align:center;
font-family:arial;
font-size:12px;
}

#container {
position: relative;
width:950px;
border-style:solid;
border-color:#9CA0A3;
border-width:0px;
border-top-width:1px;
margin:auto;
}

#main {
position:relative;
overflow:hidden;
width: 950px;
min-height:570px;
}

#home-main {
position:relative;
overflow:hidden;
width: 950px;
height:570px;
background-image: url(/assets/images/boxes_summer10.jpg);
background-repeat: no-repeat;
}

#header {
position:relative;
height: 100px;
width: 100%;
}

#header a#logo {
	position: relative;
	display: block;
	height: 98px;
	width: 250px;
	background: url(/assets/css/images/logo.png) no-repeat center center;
	float: left;
}

#header #mainnav {
	position: absolute;
	right: 20px;
	margin-top: 40px;
}

#header #mainnav li {
	float: left;
	list-style-type: none;
	margin: 0 20px;
	display: inline;
}

#header #mainnav li a {
	font: 12px "Adobe Garamond Pro", "Adobe Garamond", Georgia, "Times New Roman", Times, serif;
}

#footer {
	clear: both;
	text-align:right;
	font-size:11px;
}

#shop_menu {
position:absolute;
top:0px;
left:0px;
width:160px;
margin-top:20px;
margin-left:20px;
z-index:15;
color:#656565;
text-align:left;
font-family:garamond;
font-size:12px;
letter-spacing:1px;
}

#shop_menu a {
color:#656565;
}

#shop_menu a:hover {
color:#dedede;
}

#prod_layout {
position:relative;
width:950px;
background-color:white;
border-style:solid;
border-color:gray;
border-width:1px;
}

input.field {
font-size:12px;
font-family:garamond;
letter-spacing:1px;
color:#656565;
width:150px;
height:13px;
border:1px solid #8b8e33;
padding:2px;
padding-top:4px;
padding-bottom:4px;
}

input.gobutton {
margin-top:2px;
display:inline;
border:0px solid white; 
background-color:#8b8e33; 
color: white;
font-family:arial; 
font-size:14px;
line-height:16px;  
padding:3px;
padding-top:2px;
padding-bottom:4px;
margin-left:1px
}

h1.prodName{
letter-spacing:1px;
font: normal 32px "Adobe Garamond Pro", "Adobe Garamond", Georgia, "Times New Roman", Times, serif;
padding:0px;
margin:0px;
line-height:36px;
}

span.prodNameSearch{
font-family:garamond;
font-size:18px;
letter-spacing:1px;
}

span.prodDesc{
font-family:garamond;
font-size:14px;
line-height:18px;
letter-spacing:1px;
}

#price{
font-size:14px;
line-height:20px;
font-weight:bold;
}

#mlist {
position:absolute;
left:265px;
top:110px;
width:350px;
padding:20px;
background-color:#a3a3a3;
z-index:1000;
text-align:left;
font-family:garamond;
font-size:13px;
color:white;
opacity:.95;
filter:alpha(opacity=95);
}

#listthanks {
position:absolute;
background-color:#a3a3a3;
left:265px;
top:110px;
width:350px;
height:250px;
opacity:.95;
filter:alpha(opacity=95);
padding:20px;
text-align:left;
font-family:garamond;
letter-spacing:1px;
font-size:14px;
font-weight:bold;
line-height:18px;
color:white;
z-index:1000;
}

#listwait{
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
height:100%; 
text-align:center; 
font-size:16px; 
letter-spacing:1px; 
font-weight:bold; 
background-color:#656565; 
color:white; 
opacity:.95;
filter:alpha(opacity=95);
}

#friend {
position:absolute;
left:265px;
top:110px;
width:350px;
padding:20px;
background-color:#a3a3a3;
z-index:1000;
text-align:left;
font-family:garamond;
color:white;
opacity:.95;
filter:alpha(opacity=95);
}

#thanks {
position:absolute;
background-color:#a3a3a3;
left:265px;
top:110px;
width:350px;
height:150px;
opacity:.95;
filter:alpha(opacity=95);
padding:20px;
text-align:left;
font-family:garamond;
letter-spacing:1px;
font-size:14px;
font-weight:bold;
line-height:18px;
color:white;
z-index:1000;
}

#wait{
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
height:100%; 
text-align:center; 
font-size:16px; 
letter-spacing:1px; 
font-weight:bold; 
background-color:#656565; 
color:white; 
opacity:.95;
filter:alpha(opacity=95);
}

td.prodMenu {
width:200px;
color:white;
text-align:left;
background-color:#f9f9f9;
}

td.main {
width:750px;
color:black;
text-align:left;
background-color:white;
padding-top:10px;
padding-bottom:20px;
}

input.main_button {
border-color:#eeeeee;
border-style:solid;
border-width:1px;
background-color:white;
font-size:10px;
font-family:arial;
color:gray;
height:21px;
padding-top:0px;
}

input.friend {
width:146px;
height:20px;
border:1px solid #656565;
background-color:white;
font-family:garamond;
font-size:10px;
color:#656565;
padding-bottom:2px;
padding-left:0px;
text-align:left;
letter-spacing:.5px
}

button.main_button {
border-color:#eeeeee;
border-style:solid;
border-width:1px;
background-color:white;
font-size:10px;
font-family:arial;
color:gray;
height:21px;
padding-top:0px;
}


div.pageContent {
background-color:#fcfcfc;
width:948px;
font-family:garamond;
font-size:13px;
letter-spacing:1px;
text-align:left;
color:#656565;
line-height:16px;
border:1px solid gray;
}

a.menu:link { color:#656565; text-decoration:none }
a.menu:active { color:#dedede; text-decoration:none }
a.menu:visited { color:#656565; text-decoration:none }
a.menu:hover { color:#dedede; text-decoration:none }

.validation_message {
color:#FF0000;
font-weight:bold;
margin:0pt 0pt 0pt 5px;
}

#contact label {
display:block;
float:left;
font-size:12px;
font-style:normal;
font-weight:normal;
letter-spacing:1px;
line-height:20px;
width:100px;
}
#contact span {
display:block;
margin:5px 0px 2px 2pt;
padding:10px 20px;
}
#contact input, #contact textarea {
border:1px solid gray;
font-family:garamond;
font-size:12px;
padding:5px;
height:14px;
width:220px;
}
#contact input:focus, #contact textarea:focus {
background-color:#eeeeee;
}
#contact textarea {
height:120px;
width:280px;
}
#contact #submit {
margin-left:190px;
width:100px;
height: 21px;
padding: 2px;
font-family:garamond;
}

#hold {
position:relative;
width:544px;
height:90px;
overflow:hidden;
}

#wn {
width: 544px;
position:absolute;
top:0px;
height:90px; 
}

#lt_arrow {
width:20px;
text-align:left;
}

#rt_arrow {
width:20px;
text-align:right;
}

#rs-button {
	position: absolute;
	z-index: 900;
	top: 500px;
	left: 730px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 14px;
}

#nav a.top {
	display: block;
	width: 118px;
	padding-left:12px;
	line-height: 19px;
}

#nav a {
	display: block;
	width: 60px;
}

#nav li { /* all list items */
	float: left;
	width: 130px;
	border:1px solid #eeeeee;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 130px;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	width:130px;
}

.mag_article {
position:absolute; 
top:0px; 
left:0px; 
border:1px solid #dedede; 
width:430px; 
height:600px; 
overflow-y:scroll; 
overflow-x:hidden; 
line-height:18px; 
visibility:hidden; 
text-align:left
}


ul.blog-list {
text-align:left;
list-style:none;
margin:0px;
padding:0px;
padding-left:16px;
padding-top:10px;
font-family:arial;
font-size:12px;
}

ul.blog-list li a:hover {
color:black;
}

a.boxLink:link { color:#465760; text-decoration:none }
a.boxLink:active { color:white; text-decoration:none }
a.boxLink:visited { color:#465760; text-decoration:none }
a.boxLink:hover { color:black; text-decoration:none }

#home-shop-box {
margin-top:10px;
height:135px
}

#home-feature-box {
margin-top:35px;
padding-left:18px;
height:110px;
text-align:left;
font-family:garamond;
color:#465760
}

#home-blog-box {
margin-top:10px;
height:135px;
font-family:garamond;
color:#465760
}

#home-follow-box {
margin-top:20px;
height:115px;
font-family:garamond;
color:#465760;
text-align:center
}

#store-box {
position:relative;
width:207px;
padding:10px;
padding-top:5px;
padding-left:20px;
font-family:garamond;
font-size:24px;
letter-spacing:1px;
color: #8b8e33;
background-color:#f9f9f9;
}

#store-box.on {
background-color:#465760;
color:#f9f9f9;
}

#store-box.on:hover {
background-color:#465760;
color:#f9f9f9;
}

#store-box:hover {
background-color:#d3d3d3;
color:white;
}

#store-box ul {
margin:0px;
margin-top:5px;
padding:0px;
list-style:none;
}

#store-box ul li {
float:left;
width:103px;
}

#store-box ul li ul {
margin:0px;
padding:0px;
list-style:none;
}

#store-box ul li ul li {
float:none;
font-size:14px;
line-height:18px;
}

#store-box a {
color:#465760;
font-weight:normal;
}

#store-box a:hover {
color:white;
}

#store-box.on a {
color: #d3d3d3;
}

#store-box.on a:hover {
color: white;
}




#shop_choices {
padding:5px;
padding-bottom:10px;
background-color:#465760;
color:#f9f9f9;
text-align:center;
font-size:11px;
}

#shop_choices a {
color:#f9f9f9;
text-decoration:none;
}

#shop_choices a:hover {
color:#dedede;
}

.clear {
clear:both;
}