@charset "utf-8";

/***\
| A | Aref's Oriental Rugs
\***/

	/***********************\
	| (c)2008 ecoaststudios llc |
	\***********************/
	
/********************************\
		Table of Contents

	A. Introduction
	B. Container Elements (wrapper, common  font styles, body, etc)
	C. Sub (top) menu
	D. Header
	E. Main Content
	F. Footer
	G. Form Crap
	H. Pagination
	
\*********************************/

/***\
| B | Container Elements
\***/

body { 	
	background: url(../v2.images/bg.gif) top repeat-x #fff; padding-bottom: 20px; 
	font-size: 10px;
	font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Console", Arial, Helvetica, sans-serif; 
}

.wrap { width: 800px; margin: 0px auto; overflow: hidden; }

a { text-decoration: none; color: #a23a6f; }
a:hover { color: #7e2050; }

/***\
| C | Sub (top) menu
\***/

#submenu { overflow: hidden; font-size: 1.1em; }
#submenu ul { float: right; background: url(../v2.images/bg.menu.sub.gif); overflow: hidden; width: 273px; height: 30px; }
#submenu ul li { float: left; background:url(../images/bg.menu.sub.border.gif) no-repeat center right; padding: 0px 10px; }
#submenu ul li.last, #submenu ul li.cart { background:none; }

#submenu ul li.cart { width: 70px; margin-right: 15px; text-align: left; background:url(../images/button.cart.gif) no-repeat center right; }
#submenu ul li.cart a { color: #d82f73; } #submenu ul li.cart a:hover { color: #983d5e; }

#submenu ul li a { font-size: 1.2em; color: #5a5f65;  line-height: 30px;  }
#submenu ul li a:hover { color: #404852; }

/***\
| D | Header
\***/


#header { margin-top: 13px; overflow: hidden; }
#header #logo { clear:both; float: none; display: block; width:100%; }

#header .mainmenu { float: left; margin-top: 20px; padding-bottom: 5px; padding-top: 39px;   }
#header .mainmenu#services { background:url(../v2.images/bg.menu.main.services.gif) no-repeat top left; }
#header .mainmenu#products { background:url(../v2.images/bg.menu.main.products.gif) no-repeat top left; }

#header .mainmenu li { float: left; }
#header .mainmenu li a { height: 40px; float: left; display: block; margin-left: 7px; background:url(../v2.images/menu.all.gif) no-repeat top; text-indent: -99999px; }
	/* Individual Styles */
		.mainmenu li#large a { width: 99px; margin-left: 0; background-position: 0px 0px; }
		.mainmenu li#medium a { width: 118px; background-position: -109px 0px; }
		.mainmenu li#small a { width: 90px; background-position: -237px 0px; }
		.mainmenu li#roundrunner a { width: 198px; background-position: -337px 0px; }
		.mainmenu li#cleaning a { width: 126px; background-position: -545px 0px; }
		.mainmenu li#appraisals a { width: 134px; background-position: -681px 0px; }
		
		/* Hover */
		.mainmenu li#large a:hover { background-position: 0px -112px; }
		.mainmenu li#medium a:hover { background-position: -109px -112px; }
		.mainmenu li#small a:hover { background-position: -237px -112px; }
		.mainmenu li#roundrunner a:hover { background-position: -337px -112px; }
		.mainmenu li#cleaning a:hover { background-position: -545px -112px; }
		.mainmenu li#appraisals a:hover { background-position: -681px -112px; }
		
		/* Active */
		.mainmenu li#large.active a { background-position: 0px -56px; }
		.mainmenu li#medium.active a { background-position: -109px -56px; }
		.mainmenu li#small.active a { background-position: -237px -56px; }
		.mainmenu li#roundrunner.active a { background-position: -337px -56px; }
		.mainmenu li#cleaning.active a { background-position: -545px -56px; }
		.mainmenu li#appraisals.active a { background-position: -681px -56px; }
		
				
#header .mainmenu li a { color: #5a5f65; font-size: 1.4em; font-weight: bold; }
#header .mainmenu li a:hover { color: #a23a6f; }

/***\
| E | Content
\***/

#content { overflow: hidden; }
#content .page { float: left; width: 500px; font-size: 1.3em; color: #363a3f; line-height: 1.8em; }
#content .page p { margin-bottom: 15px; margin-top: 5px; }
#content .page a:hover { text-decoration: underline; }

#content h1 {
	margin-bottom: 15px;
	padding-right: 10px;
	padding-bottom: 10px;
	display: block;
	clear: both;
}
h1 {
	font-size: 30px;
	font-weight: normal;
	color: #437da4;
	margin-top: 21px;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
}
h1 em { color: #123f5e; }
#content h2 { font-size: 1.5em; color: #123f5e; margin: 2px 0; }
#content h3 {
	color: #123F5E;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 8px;
}
strong { color: #437DA4; }
#content .sidebar {
	width: 230px;
	font-size: 11px;
	float: right;
	padding: 10px;
	border-bottom: #e0e6ed 5px solid;
	background: #f7fafb;
	margin-top: 70px;
}
#content .sidebar p { color: #676b70; line-height: 19px; margin-bottom: 10px; }
#content .sidebar p, #content .sidebar h3 {  padding: 0px 20px;  }

.price { color: #999; text-decoration: line-through; }
.tdivide {
	font-size: 12px;
	color: #333;
	border-top: 1px solid #dedede;
	font-weight: bold;
	line-height: 25px;
}
.cartz {
	font-size: 12px;
	font-weight: bold;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #7A878F;
}
.items {
	font-size: 12px;
	text-align: left;
	padding-top: 20px;
}

/***\
| F | Grid
\***/
	
#grid { margin: 0 !important; padding: 0 !important; width: 100% !important; width: 800px !important; overflow: hidden; border-top: dotted #898989 1px; }	

#grid table { width: auto !important; border:none !important; }

#grid td { background: url(../v2.images/bg.grid.jpg) no-repeat center; width: 136px; height: 191px; vertical-align: middle; border: 15px solid #fff; }
#grid td td { background: none; width: auto; height: auto; border: none; }
#grid img { border: 1px solid #b3cdd6; padding: 2px 5px 2px 5px; background: #fff; height: 135px; width: 95px; }

#grid .info { border-left: 1px solid #cddbe0; color: #414141; font-size: 10px; padding: 2px; padding-left: 1px; padding-right: 1px; line-height: 1.2em; margin-left: 2px; }
#grid .info a { color: #246591; text-decoration: underline; font-weight: bold; display: block; }

#grid .prices { color: #d82f73; font-size: 10px; font-weight: bold; text-align: right; padding: 2px; margin-right: 2px; display: block; padding-left: 8px; } 
#grid .price { font-size: 9px; }
#grid .price, #grid .sold { display: block; }

#gridmod { margin: 0 !important; padding: 0 !important; width: 100% !important; width: 800px !important; overflow: hidden; }	

#gridmod table { width: auto !important; border:none !important; }

#gridmod td { background: url(../v2.images/bg.grid.jpg) no-repeat center; width: 136px; height: 191px; vertical-align: middle; border: 15px solid #fff; }
#gridmod td td { background: none; width: auto; height: auto; border: none; }
#gridmod img { border: 1px solid #b3cdd6; padding: 2px 5px 2px 5px; background: #fff; height: 135px; width: 95px; }

#gridmod .info { border-left: 1px solid #cddbe0; color: #414141; font-size: 10px; padding: 2px; padding-left: 1px; padding-right: 1px; line-height: 1.2em; margin-left: 2px; }
#gridmod .info a { color: #246591; text-decoration: underline; font-weight: bold; display: block; }

#gridmod .prices { color: #d82f73; font-size: 10px; font-weight: bold; text-align: right; padding: 2px; margin-right: 2px; display: block; padding-left: 8px; } 
#gridmod .price { font-size: 9px; }
#gridmod .price, #grid .sold { display: block; }
/***\
| G | Footer 
\***/

#footer { padding: 0px; text-align: center; margin-top: 50px; color: #7a7e82; line-height: 1.5em; clear: both; }
#footer ul { text-align: center; overflow: hidden; }
#footer ul li { float: left; font-size: 11px; padding: 4px; /*background:url(../images/bg.menu.main.border.gif) no-repeat right;*/ }
#footer ul li.last { border: none; }
#footer ul li a { font-weight: bold; } 
#content .legal {
	float: left;
	width: 750px;
	font-size: 1.3em;
	color: #363a3f;
	line-height: 1.8em;
}

/***\
| G | Form Crap
\***/

#pagetwo li { float:left; margin-bottom: 15px; }
#pagetwo select { margin-right:23px; }
#pagetwo input { margin-right:15px; }
.submit { width:100px; text-align:left; }
#pagetwo label { color: #123F5E; font-size: 14px; font-weight:bold; margin-top: 20px; margin-bottom: 8px; }

/***\
| I | Pagination
\***/

#pagination-flickr { margin-top: 25px; }
#pagination-flickr li{
border:0; margin:0; padding:0;
font-size:11px;
list-style:none;

}
#pagination-flickr a{
border:solid 1px #DDDDDD;
margin-right:2px;
}
#pagination-flickr .previous-off,
#pagination-flickr .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-flickr .next a,
#pagination-flickr .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
} 
#pagination-flickr .active{
color:#ff0084;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-flickr a:link,
#pagination-flickr a:visited {
color:#0063e3;
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-flickr a:hover{
border:solid 1px #666666;
}