/* inside.css
-----------------------------------------------
2006 Nomad Rugs

Author:			Eric Eaton, www.deliberate-design.com
Contributor:	Carter Stowell, www.figrig.com
Version:  17 May 2006
----------------------------------------------- */

/* color ref
------------------------
brown			=	A74D1A
drk red			=	A53122
lt red lines 	=	D97669
logo red		=	D33C21
drk blue		=	161B1E
yellow			=	EEC272
charcoal gray	=	393A3C
gray lines 		=	838383
light gray type	=	DDE0E7

*/




/* Imported Styles
----------------------------------------------- */
@import url("base.css");





/* --------------------------------------------
MAIN STYLES
-----------------------------------------------  */


dt { font-weight: bold; margin-top: 15px; }
dd { margin-top: 5px; }
dd.toplink { text-align: right; }



/* LAYOUT
-------------------------------- */
#branding {}

#mainContentWrapper {
	position:absolute;
	top:94px; left:226px;
	width: 735px; /* was 67% */
/*	border: 1px solid #FFF; */
}
* html #mainContentWrapper { /* IE hack */
	width:62%; /* was 60% */
}
body#pid-31 #mainContentWrapper { /* for pop-up Glossary */
 	width:67%;
}

#mainContentWrapper a, #mainContentWrapper a:visited {
	color:#EEC272; text-decoration:underline;
}

#mainContentWrapper a:hover {
	color:#FFFFFF;
}


#mainContentWrapper h1 {
	margin:0 0 1em 0;
	font-size: 170%;
	font-weight:normal; letter-spacing:.1em;
	font-family:georgia, times, serif;
	color:#CCCCCC;
}



/* Buckets with rounded corners
--------------------------------- */

.bucketWrapper {
	position: relative;
	width: 600px;
	color:#000000;
	margin-bottom:2em;
}

.bucketWrapper, .bucketWrapper div, .bucketWrapper p .bucketWrapper p {
	color:#000000; 
}


.cornersTop {
	position: relative; height:9px; background: url(/images/top_left.gif) 0 0 no-repeat;
}

.cornersBottom {
	position: relative; height:9px; background: url(/images/bottom_left.gif) 0 0 no-repeat;
}

.bucketContent {
	position: relative;
	padding:0 10px 0 10px;
	border-style:solid;
	border-color:#838383;
	border-width:0 1px 0 1px;
}
* html .bucketContent { /* hack. fixes IE/Win peek-a-boo bug */
	line-height: 120%;
}

/* New Inventory boxes on Store Front */
.sfntNewItem { 	position: relative; margin: 10px 0 7px 0; }
.bucketContent .sfntNewItem p { margin-left: 172px; }


.cornerGif {
	position:absolute; right:0;
}


.bucketContent h1, .bucketContent h2, .bucketContent h3, .bucketContent h4,
 .bucketContent h5 {
	margin:0; height:auto; color:#DDE0E7;
}

.bucketContent p, .bucketContent ul {
	margin:0; height:auto; color:#FFFFFF;
}



#browseStyle {
	position:relative;
	float:left;
	width:275px;
	border: 1px solid #EEC272;
	border-width: 0 1px 0 0;
	border-top: none;
	margin:0 10px 20px 0;
}


#browseStyle li {
	border:1px solid #393A3C;
	border-width:1px 0 1px 0;
	line-height:2.5em;
}

#browseStyle li a,
#browseStyle li a:visited,
#browseSize li a,
#browseSize li a:visited {
	text-decoration:none;
}

#browseStyle li a:hover {
	font-weight:bold; text-decoration:none;
}

#browseSize li a:hover {
	text-decoration:underline;
}

#browseSize {
	position:relative;
	float:left;
	border:1px solid #EEC272;
	border-width:0 0 0 1px;
	margin:0 10px 20px 0;
}


#browseStyle li span { 
	display:block;
	height:36px;
	padding:0 0 0 76px;
}

.bucketWrapper li a { 
	text-decoration:none;
}

#browseSize li span { 
	height:auto;
	padding:0 0 0 0;
}

#browseSize li { 
	height:auto;
	padding:0 0 0 1em;
	line-height:2em;
}

#browseAntiques span	{
	background: url(/images/browse_antiques_off.jpg) 0 0 no-repeat;
}

#browseAntiques a:hover span	{
	background: url(/images/browse_antiques_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}


#browseKilims span	{
	background: url(/images/browse_kilims_off.jpg) 0 0 no-repeat;
}

#browseKilims a:hover span	{
	background: url(/images/browse_kilims_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}

#browseLebaab span	{
	background: url(/images/browse_lebaab_off.jpg) 0 0 no-repeat;
}

#browseLebaab a:hover span	{
	background: url(/images/browse_lebaab_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}

#browsePersian span	{
	background: url(/images/browse_persian_off.jpg) 0 0 no-repeat;
}

#browsePersian a:hover span	{
	background: url(/images/browse_persian_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}

#browseContemporary span	{
	background: url(/images/browse_contemporary_off.jpg) 0 0 no-repeat;
}

#browseContemporary a:hover span	{
	background: url(/images/browse_contemporary_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}


#browseTribal span	{
	background: url(/images/browse_tribal_off.jpg) 0 0 no-repeat;
}

#browseTribal a:hover span	{
	background: url(/images/browse_tribal_on.jpg) 0 0 no-repeat;
	color:#FFFFFF;
}


.bucketBottom, #browseStyle .bucketBottom	{
	border:1px solid #EEC272; border-width:1px 0 0 0;
}
* html .bucketBottom,
* html #browseStyle .bucketBottom	{ /* Win/IE hack hides border bug */
	border: none;
}

#browseSize li.heading {height:0; }

.heading	{
	border:1px solid #EEC272; border-width:0 0 1px 0; 
	padding:0 0 0 1em;
	font-family:Georgia, times, serif; line-height:2em; font-weight:normal;
}

#browseStyle .heading	{
	padding:0 0 0 76px;
}

.bucketWrapper h3 {
	font-family:Georgia, times, serif; font-weight:normal;
}


.bucketWrapper ul {
	margin-top:.5em;
}


/* NAV
-------------------------------- */


#leftColPatch {
	height:130px;
	background-color:#A74D1A; 
	border-width:0 4px 0 0;
	z-index:2;
}


#rightBar {
	position:absolute;
	right:0;
	width:5%;
	height:200%;
	top:130px;
	background-color:#494F50; 
	z-index:1;
}

/* custom - image
-------------------------------- */

#portrait { float: right; margin:0; padding: 0 0 0 12px;}
#portrait dt { margin: 0; padding: 0; text-align: center; }
#portrait dd {  margin: 0; padding: 0; text-align: center; font-size: 80%; font-weight: bold; }

#photocap { float: left; margin:0; padding: 0 12px 7px 0;}
#photocap.righto { float: right; padding: 0 0 7px 12px;}
#photocap dt { margin: 0; padding: 0; text-align: center; }
#photocap dd {  margin: 0; padding: 0; text-align: center; font-size: 80%; font-weight: bold; }


/* custom - page-level
-------------------------------- */
body#glossarypop {
	background-image: none;
	background: #393A3C;
}
#glossarypop #mainContentWrapper { position: relative; top: 0; left: 0; margin-left: 15px; width: 90%; }

table.tbl-searchopt { padding: 0; margin: 12px 0 8px 10px; }
table.tbl-searchopt td { padding: 2px; }
table.tbl-searchopt td select { width: 120px; margin: 4px 0 3px 0; }
table.tbl-searchopt td.search_opt_col1 {}
table.tbl-searchopt td.search_opt_col2 { padding-left: 20px;}



/* frame images w/ 1 pixel black box (except bucket corners)
-------------------------------- */
#mainContentWrapper img { border: 1px solid #000000; }
#mainContentWrapper .cornersTop img,
#mainContentWrapper .cornersBottom img { border: none; }

/* Category Template */
.catdesc { color: #EEC272;}

/* Basket template */
#tbl-basket {
	width: 100%;
}
#tbl-basket th {
	font-size: 80%;
}
#tbl-basket tr.nr_cartprodrow td {
	background: #494F50;
	padding: 3px 0;
	border-top: 1px solid #393A3C;
}
#tbl-basket td {
	border-top: 1px solid #494F50;
}
#mainContentWrapper.basket h4.button-checkout {
	height: 16px;
	padding: 4px 0;
	float: right;
	text-transform: uppercase;
	background: #901D0E;
	border: 1px solid #FFF;
	border-color:#B66B61 #4E1008 #4E1008 #B66B61;
	letter-spacing:1pt;
}
#mainContentWrapper.basket h4.button-checkout a,
#mainContentWrapper.basket h4.button-checkout a.visited {
	color:#F6B0A7;
	text-decoration: none;
	padding: 0 12px;
}
#mainContentWrapper.basket h4.button-checkout a:hover {
	color: #FFF;
}


#roundbox {
	width: 549px;
	background: transparent url(/wp/wp-content/themes/oriental-rugs/images/roundbox-top.gif) top left no-repeat;
}
#roundbox p {
	padding-left: 12px;
}
#roundbox .righty {}
#roundbox-bottom {
	background: #393A3C url(/wp/wp-content/themes/oriental-rugs/images/roundbox-bottom.gif) bottom left no-repeat;
}
#footer {}

/* BLOG */
#blognav { 
	float: right;
	width: 234px;
	background: transparent url(/images/blognav_bg_top2.gif) left top no-repeat;
	margin-bottom: 16px;
}
#blognavBottom {
	height: 19px;
	background: #393A3C url(/images/blognav_bg_bottom2.gif) left bottom no-repeat;
}
#blognav ul { 
	margin-left: 25px;
	padding-top: 15px;
	list-style: none;
}
#blognav ul ul { 
	margin-left: 10px;
	padding-top: 0;
}
* html #blognav ul { margin-top: 15px; } /* IE Hack */
* html #blognav ul ul { margin-top: 0; } /* IE Hack */

#blognav h2 { 
	font-size: 115%;
	font-family:georgia, times, serif;
	color:#CCCCCC;
}
#blognav h2 a { 
	font-size: 100%;
	font-weight: normal;
}
p.postmetadata {
	clear: both;
	padding-bottom: 26px;
	border-bottom: 1px solid #ccc;
}