/*
Title:      		Urban Fab Street Products
Author:     		Amarjit ©2005 http://www.silentflute.co.uk
Updated:    		15 November 2005
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80.5%;
	background:#fff;
	color:#000;
	margin:0; padding:0;
}


/*############################################################
#
# LAYOUT WRAPPER
#
##############################################################*/

.wrap {
	margin-left:auto;
	margin-right:auto;
	width: 770px;
	margin-top:1em;
}

/*############################################################
#
# HEADER AND LOGO
#
##############################################################*/

#header {
	background-image:url(../images/phone-number.gif);
	background-repeat:no-repeat;
	background-position:100% 4%;

}
#adminheader {
	background-image:url(../images/admin-head.png);
	background-repeat:no-repeat;
	background-position:100% 4%;

}

#logo h1 {
	margin:0; padding:0;
	/*
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	text-indent:-6000px;
	height: 105px;
	*/
	width:175px;
	float:left;
}

/*############################################################
#
# CONTENT
#
##############################################################*/

#content_container {
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}

#content {
	float:left;
	width: 425px;
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
	
}

#content p {
	line-height:1.5em;
}

#content h2 {
	color: #000066;
/*	color: #7BCA26; */
	font-size:1.5em;
}

#content ul li {
	margin-bottom:0.5em;
}

/*############################################################
#
# PRODUCTS
#
##############################################################*/

/* just the same as content, but without the width */
#products {
	margin-top:1em;
	margin-left:1em;
	margin-right:1em;
}
#products h2 {
	color: #000066;
/* 	color: #7BCA26; */ /*<= green*/
	font-size:1.5em;
}

#products h3 {
	color: #039;
}

/* ====================================== */
/* Individual Product Description/Details */
/* ====================================== */

.prod_cont {
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:2px dotted #ccc;
}

.prod_pic {
	float:left;
	width: 110px;
}

.prod_detail {
	float:left;
	width: 330px;
}

.prod_detail p, .prod_detail h4, .prod_detail h5, #product-detail h3, #product-detail h4, #product-detail h5, #product-detail p {
	margin-top:0; padding-top:0;
	
}

.prod_detail h5 {
	margin-bottom:0;
}

.prod_detail ul {
	margin-left:0;
	padding-left:0;
	margin-left:1em;
}

.bubble {
	background: #FFFF99;
	padding:1em;
	font-size:1em;
}

.readmore p{
font-size: 9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#003366;
clear: both;
text-align:right;
} 
.readmore hr{
color: #aaa;
background-color: #aaa;
height: 2px;
border-bottom:2px dotted #aaa;
}


/* ====================================== */
/* PRODUCT LIST */
/* ====================================== */

#product-menu {
	float:left;
	width:220px;
}

#product-detail {
	float:left;
	width: 460px;
}

#product-detail img{
	float:left;
	
}

#product-list {
	width:150px;
	margin:0;padding:0;
	font-size:11px;
	margin-left:1em;
}

#product-list li {
	margin-bottom:0.5em;
}

#product-list li a.active {
	text-decoration:none; border-bottom:1px solid #69c; font-weight:bold;
}

/*############################################################
#
# Front page Sidebar (hangs on the right-hand side)
#
##############################################################*/


#rh_col {
	background: #FFFF99 url(../images/peach-sidebar-top.gif) no-repeat left top;
	float:right;
	width:237px;
	margin-top:1.2em;
	
}

.rh_col_contents {
	margin:0.5em;
}

#rh_col p, #rh_col ul li {
	line-height:1.5em;
}

#rh_col h3 {
	color:#003366;
	margin-top:0.5em;
	line-height:0.5em;
	font-size:14px;
}

#rh_col h2 {
	color:#003366;
	margin-top:0.5em;
	line-height:0.5em;
	font-size:16px;
}

#rh_col h1 {
	color:#003366;
	margin-top:0.5em;
	line-height:0.5em;
	font-size:26px;
}

#rh_col ul {
	margin:0;
	padding:0;
	padding-left:1.5em;
}

#rh_col ul li {
	margin-bottom:0.5em;
}

#rh_col ul li a {
	color: navy;
}

.bottom {
	height: 20px;background: url(../images/peach-sidebar-bottom.gif) no-repeat left bottom; margin:0; padding:0;
}

/*############################################################
#
# FOOTER
#
##############################################################*/

#footer {
	border-top: 1px solid #ccc;
	padding-top:0.5em;
	font-size:x-small;
}

#footer_left {
	width: 60%;
	float:left;
}

#footer_right {
	float:right;
	text-align:right;
}

p.fe_footer {
	font-family: 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	font-size:x-small;
	text-align:right;
	padding-top:0;margin-top:0;
	padding-bottom:1em;
}

/*############################################################
#
# BANNER
#
##############################################################*/

.banner {
	background-image:url(../images/banner2.jpg);
	background-repeat:no-repeat;
	height:182px;
}

/*############################################################
#
# MENU CONTAINER
#
##############################################################*/


#navcontainer
{
	float:right;
	margin: 0; padding: 0;
	margin-left:1em;
	margin-top:4em;
	list-style-type: none;
	background: #fff;
	font-size:15px;
}

/* IE HACK */
* html #navcontainer {
	margin-top: 5em;
}

#navlist li
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
	display: block;
}

#navlist li a, #navlist li a:link
{
	background: #fff;
	color: #555;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	display: block;
}

#navlist li a:hover
{
	color: #039;
	border-bottom: 3px solid #bbb;
	cursor: pointer;
	background: #eee;
}

#navlist li a#current, #navlist li a#current:link
{
	color: #000;
	cursor: default;
	font-weight: bold;
	border-bottom: 3px solid #999;
}

#navlist li a#current:hover
{
	border-bottom: 3px solid #0F0E5E;
	background: #eee;
}

/*############################################################
#
# LINK TYPOGRAPHY
#
##############################################################*/

a, a:link {
	color: #3366cc;
}

/*############################################################
#
# FLUSH
#
##############################################################*/

.flush {
	clear:both;
	height:1%;
	line-height:1%;
}

* html .flush {
	margin-top:-1%;
}

/*############################################################
#
# Breadcrumb
#
##############################################################*/

.breadcrumb {
	font-size: x-small;
	text-transform:lowercase;
	color: #555;
}
/*############################################################
#
# News Item
#
##############################################################*/

#item  {
	font-size: x-small;
	text-transform:lowercase;
	color: #fff;
	float:right;
	width:200px;
}
#item h3{
background-color:#FF0000;
font-weight:bold;
}

/*############################################################
#
# Other Typography
#
##############################################################*/

address {
	font-style:normal;
}

.bold, .strong {
	font-weight:bold;
}

.italic, .olique {
	font-style:oblique;
}

.underline {
	text-decoration:underline;
}

img, a img {
	border:none;
}

hr {
	background-color: #eee;
	color: #eee;
}

.text-align-right {
	text-align:right;
}

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

.float-left {
	float:left;
}
table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102);
	border-collapse: collapse;
	background-color: white;
}
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102);
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 3px 3px 3px 3px;
	border-style: dotted dotted dotted dotted;
	border-color: rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102) rgb(0, 51, 102);
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;
}