/********************************************************
*		CSS Screen styles for Tones Barber Shop
*********************************************************/

body {
	margin: 0;
	padding:0;
	background: #ECE9D8 url(../images/bg_grad.jpg) fixed;
	color: #790000;
	text-align: center;
	scrollbar-base-color: #990033; 
	scrollbar-arrow-color: white;
	scrollbar-track-color: white;
	
 }
h1{
	font-size: 24px;
	font-style: normal;
	color: #990033;
	font-weight: bold;
	padding-top: 5px;
	width: 80%;

}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #990033;
	display: inline;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #990033;
	padding-left: 10px;
}

input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	border: 1px solid #990033;
	font-size: 10px;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	border: 1px solid #990033;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #990033;
	border: 1px solid #990033;
	font-size: 10px;
}





a:link, a:visited{
	color: #990033;
	text-decoration: none;
	font-weight: bold;
}
hr {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #660066;
	width: 95%;
}
.hozLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #660066;
	margin-top: 10px;
	margin-bottom: 10px;
}
li {
	list-style-type: square;
}

 
h4 {
 margin:0; 
 padding: 5px 0;
 }


pre {
 text-align:left;
 margin:0;
 padding:20px 0;
 }
 
 .img {
	border: thin solid #670369;
}

/***************************** Banner ************************/
#logo {
	position: relative;
	background-color: #FFFFFF;
	height: 120px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border-top-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #990033;
	border-right-color: #990033;
	border-left-color: #990033;
	border-right-width: 2px;
	border-left-width: 2px;
	margin-top: 10px;
	width: 760px;
	z-index: 210;
	margin-right: auto;
	margin-left: auto;
 }
#logo #pName {
	z-index: 100;
	position: absolute;
	left: 1px;
	top: 100px;
}

#logo h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	display: inline;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/************************** Menu bar ************************/
#bar-top {
	color: #FFFFFF;
	position: relative;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	width: 760px;
	z-index: 200;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
}

.button{
	background-image:  url(../images/button_02.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height: 20px;
	border-top-style: none;
	border-bottom-style: none;
	border-right-color: #666666;
	border-left-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	width: 125px;
	color: #FFFFFF;
	
}


.subMenu{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #990033;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #990033;
	border-left-color: #990033;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #990033;
	position: absolute;
	width: 150px;
	top: 20px;
	padding-bottom: 5px;
	background-color: #FFFFFF;
	right: 2px;
	z-index: 10;	
	text-decoration: none;

}

 .subButton, .subButton a:link, .subButton a:visited{
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	height: 20px;
	font-size: 10px;
	background-color: #FFFFFF;
	display: block;
	background-image: url(../images/bullet.gif);
	background-position: left;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 6px;
	font-weight: bold;
	

}


/**************** Main page area *******************/
#content {
	background: #FFFFFF;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-right: 2px solid #990033;
	border-left: 2px solid #990033;
	font-weight: normal;
	width: 760px;
	z-index: 1;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 20px;
 }
 #content .header {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	background-color: #FFFFFF;
}
#leftMenu {
	float: left;
	width: 590px;
	padding-left: 10px;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #990033;
	text-align: left;
	list-style-type: square;
	background-image: url(images/shaveSets/group.jpg);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #990033;
	left: 0px;
	line-height: 120%;
	top: 3px;
}
#quickMButt {
	position: absolute;
	z-index: 100;
	height: 20px;
	width: 100px;
	top: 5px;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	right: 25px;
	text-align: right;
	color: #990033;
}

.list {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFF1C6;
	vertical-align: top;
}
.total {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	margin-left: auto;
	margin-right: auto;
}

.listHead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #CCCCCC;
	font-weight: bold;
}



#leftMenu h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990033;
	padding-left: 5px;
	padding-bottom: 5px;
}

#leftMenu img {
	/* border: 1px solid #990033; */
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990033;
	text-align: center;
}

#content #leftMenu a {
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
#main {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0099FF;
	overflow: auto;
}
#main p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #990033;
	text-align: center;
	overflow: auto;
}

#main img {
	border: 1px solid #990033;
	text-align: center;
}

.r1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #660000;
	background-color: #FFFFCC;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}
.r2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #660000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}


.imgLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	cursor: default;
}

#content #main li {
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.product {
}
.product .inf {
	font-size: 9px;
	font-style: italic;
	color: #660000;
	text-align: center;
	padding-top: 5px;
}
.product img {
	border: 1px solid #660000;
	cursor: pointer;
}

.product td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.product h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	background-color: #FFF5B7;
}
.flashLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660000;
	background-color: #FBD79D;
	text-align: center;
}

#copy {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
}


/* News/Info Box Styles */	

.news {
	
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
}

.infoBox {

	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
}
#content .info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: italic;
	font-weight: normal;
}

/************************* Footer **************************/
#bar-bottom {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	background-color: #990033;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #990033;
	border-left-color: #990033;
	padding-top: 10px;
 }
#bar-bottom td {
	text-align: center;
	white-space: nowrap;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#bar-bottom a {
	color: #FFFFFF;
}


.bText a:link, .bText a:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	padding-top: 1px;
	font-weight: bold;
}
.bText a:hover{
	text-decoration: none;
	color: #CC9900;
}	
.subText a:link, .subText a:visited {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #660066;
	text-align: left;
	text-indent: 5px;
	padding-top: 3px;
}
.pointer {
	cursor: pointer;
}
.box {
	font-size: 10px;
	background-color: #FFF1c6;
	border: 1px solid #990033;

	height: 280px;
	width: 170px;
	overflow: auto;
}
/* Content management ++++++++++++++++++*/
.rteBody {
	/*font-size: 12px;
	line-height: 1.6em;*/
	
	padding-left: 5px;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;

}

.rteImage {
	/**/
	/*border: 1px solid #D3D3D3;*/
	padding:1px;
	margin-right:1px;
	border:none;
	border: 
	
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	/*background: #D3D3D3;*/
	margin-right:1px;
	border: 1px solid;
	border-color: #FF3300;
	background-color:#FF9900;
	padding:0px;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	/*background: #D3D3D3;*/
	margin-right:1px;
	border: 1px inset;
	padding:0px;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background-image:url(../admin/images/menuBar.jpg);
	background-repeat:repeat-x
	/*background: #D3D3D3;*/
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	/*background: #D3D3D3;*/
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
	text-align:left
}
.rteBar {
	margin-bottom:10px;
	margin-top:10px;
	background-color: #663300;
	color:#FFFFFF;
	font-weight:bold;
	height:25px;
}
/* tool tip */
/* * {margin:0; padding:0} */
 body {font:11px/1.5 Verdana, Arial, Helvetica, sans-serif; background:#FFF}
#text {margin:50px auto; width:500px;font:11px }
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(/admin/images/tt_left.gif) top left no-repeat; z-index:2}
#tttop {display:block; height:5px; margin-left:5px; background:url(/admin/images/tt_top.gif) top right no-repeat; overflow:hidden; z-index:2}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF; font-size:11px; z-index:2}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/admin/images/tt_bottom.gif) top right no-repeat; overflow:hidden; z-index:2}