/*	CSS Document for (The Skin Service)
	Designed by Ginzola
	Designer name : (Steve)

/*	Colors used on site : 

brown 1: #25110b
brown 2: #69371d
brown 3: #ab6cd49
brown 4: #bf8366
brown 5: #e3c0aa

headings : #796359 - brown
text : #522e19 - brown

footer line #584938


*/

/*------------------------------
			GLOBAL
-------------------------------*/
body {
	background-color:#FFFFFF;
	font-family: Verdana, sans-serif;
	font-family:Myriad Pro, Tahoma, Arial;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
	color:#000000;
}

#container {

}

img {
	border: none;
}

:focus
{
  -moz-outline-style: none;
}

/*------------------------------
			LAYOUT
-------------------------------*/

table {
	
}

#colour1 {
	float: left;
	width: 200px;
	height: 22px;
	background: #25110b;
}

#colour2 {
	float: left;
	width: 50%;
	height: 22px;
	background: #ab6cd4 url(/templates/resources/skinservice/bar.gif) center;
	max-width: 600px;
}

#colour3 {
	position: relative;
	float: left;
	width: 240px;
	height: 22px;
	background: #bf8366;
	color: #ffffcc;
	margin-top:0px;
	padding-top:0px;
	font-size: 1.4em;
}


#banner {
	clear: both;
	float: left;
	width: 100%;
	height: 200px;
	text-align: left;
	padding: 0;
	margin: 0;
}

#logo {
	position: absolute;
	width: 240px;
	height: 104px;
	right: 0%;
	top: 22px;
	background: url(/templates/resources/skinservice/logo.png) no-repeat;
}




* html #logo {
      background: url(/templates/resources/skinservice/logosquare.jpg) no-repeat;
      width: 200px;
}


#navcontainer {
	float: left;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(/templates/resources/skinservice/navbg.jpg) repeat-x;
}

#side1 {
	font-size:80%;
	float: left;
	width: 200px;
	text-align: left;
	margin-bottom:150px;
	
}

#inner {
	padding-left: 18px;
	
}

#content {
	float: left;
	width: 49%;
	text-align: left;
	max-width: 580px;
	border-right: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	padding-left: 10px;
	
	
	
}

#contentwide {
	
	float:left;
	max-width:80%;
	width: 70%;
	text-align: left;
	border-left: 1px solid #e4e4e4;
	padding-left:10px;
	padding-bottom:20px;
	

}

#side2 {
	float: left;
	width: 240px;
	padding-left: 10px;
	text-align: left;
}



 
/*content box*/

.panel h2 {
	background: url(/templates/resources/skinservice/panel2_top.jpg) no-repeat left top;
}

.panel {
	position: relative;
	width: 434px;
	background: url(/templates/resources/skinservice/panel2_bottom.jpg) no-repeat left bottom;
}




#footer {
	float: left;
	width: 100%;
	height: 240px;
	background: #402F23;
	text-align: left;
	padding: 0;
	margin: 0;
	font-size: 70%;
}

/*------------------------------
			NAVIGATION
-------------------------------*/

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	


}




#navcontainer ul li {
	margin: 0;
	padding: 0;
	float: left;
	
}


#navcontainer ul a {
	font-weight:normal;
	float: left;
	
	width:auto;
	color: #ffffcc;
	text-decoration: none;
	line-height: 2.5;
	text-align: center;
	font-size:14px;
	
	padding-left:25px;
	padding-right:15px;
	padding-bottom: 40px;
	
}


#navcontainer ul a:hover, #navcontainer ul .hilite {
	background: url(/templates/resources/skinservice/navhoverbgwide.jpg) no-repeat top left;
	
	color: #000;
}


/*------------------------------
			TEXT
-------------------------------*/


#content p, #side1 p, #contentwide p, .formattedtable {
		color: #522e19;
	padding-right: 20px;
}



 

.panel p {
	
	color: #522e19;
	
	padding: 0 10px 60px 20px;
	width: 200px;
}

#footer p {
	float: left;
	font-size: 1.3em;
	color: #ffffcc;
	padding-left: 20px;
	text-align: right;
	width: 160px;
	border-right: 1px solid #584938;
	padding-right: 20px;
	line-height: 1.7;
}

/*------------------------------
			LISTS
-------------------------------*/

#content ul {
	font-size: 1.4em;
	line-height: 1.9;
	color: #522e19;
}


#side1 ul {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
}

#side1 ul li {
	list-style: none;
	padding: 3px 0;
}



#side1 ul li a {
	
	color: #25110b;
	font-weight: normal;
}


#footer ul {
	float: left;
	padding-left: 20px;
	padding-top: 2px;
}

#footer ul li {
	list-style: none;
	line-height: 1.7;
}

#footer ul li a {
	font-size: 1.3em;
	font-weight: normal;
	color: #ffffcc;
}



/*------------------------------
			LINKS
-------------------------------*/

a { 
color: #522e19;
font-weight: bold;
}


a:link {
	color: #522e19;
	
}

a:visited {

	
}

a:hover {
	color: #000;
	text-decoration:underline;
	
}

a:active {
	

	
}

.boxbutton {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 108px;
	height: 16px;
	font-size: 1.2em;
	xbackground: url(/templates/resources/skinservice/button2.gif) top left;
	text-align: center;
	text-decoration: none;
}


.button1 {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 100px;
	height: 35px;
	
	line-height: 2.0;
	padding-left: 1.5em;
	text-align: left;
	text-decoration: none;
	
}


.button2 {
	position: absolute;
	bottom: 20px;
	left: 140px;
	width: 100px;
	height: 35px;
	
	line-height: 2.0;
	padding-left: 1.5em;
	text-align: left;
	text-decoration: none;
	
}



.panel a:link, .panel a:visited {
color: #ffffcc;
	background: url(/templates/resources/skinservice/button_cart.jpg) bottom left;
	width:90px;
}

.panel a:hover {
	color: #ffffcc;
	background: url(/templates/resources/skinservice/button_cart.jpg) bottom left;
}

/*------------------------------
			HEADINGS
-------------------------------*/

h1 {
	font-size: 1.8em;
	font-weight: normal;
	color: #796359;
}

h2 {
	font-size: 1.7em;
	font-weight: normal;
	color: #796359;
}

h3 {
	font-size: 1.6em;
	font-weight: normal;
	color: #796359;
}

h4 {
	font-size: 1.4em;
	font-weight: normal;
	color: #796359;
}




.panel h2 {
	color: #796359;
	padding-left: 20px;
	padding-top: 20px;
}


.headingstyle {
	font-style: italic;
}


/*------------------------------
			IMAGES
-------------------------------*/

.panel img {
	float: right;
	padding: 0;
	margin: 0;
	margin-top: 45px;
	padding-right: 20px;
	
}




/*------------------------------
			FORMS
-------------------------------*/


/*------------------------------
			TABLES
-------------------------------*/


/*------------------------------
			MISC
-------------------------------*/

.rightfloat {
float:right;
margin-left:15px;
margin-bottom:15px;
}
.leftfloat {
float:left;
margin-right:15px;
margin-bottom:15px;
}

#side1 img {
border:1px solid #796359;
padding:5px;
}

/*------------------------------
		BOX
-------------------------------*/

.box {
	color:#000000;
	position: relative;
	width: 240px;
	background: url(/templates/resources/skinservice/panel1_bottom.jpg) no-repeat left bottom;
	font-size:80%;
	
	padding-bottom:20px;
}

.box table {
	margin:5px;
	margin-top:0px;
}

.box table tr td {
	padding:5px;
}


.box h2 {
	background: url(/templates/resources/skinservice/panel1_top.jpg) no-repeat left top;
}

.box p {	
	padding: 0 10px 0px 10px;
}

.box dt {
	width: 40px;
	height: 40px;
	padding: 0 8px 0 8px;
	float: left;
	clear:both;
	margin-bottom:10px;
	text-align:center;
	
}


.box dl {
	
}

.box dd {
	padding: 0;
	padding-left: 10px;
		padding-right: 10px;height: 50px;
		
		
		
}





.box h2 {
	color: #ffffcc;
	padding-left: 10px;
	line-height:2em;
}

.box  img {
border:#fff 1px solid;
clear:both;
}

/*------------------------------
			FORMS
-------------------------------*/
form {
margin-right:20px;
padding:0px;
	
}

form h2 {
padding:0px;
margin:0px;
}

form p {
font-size:9px;
}

fieldset {
	border: 1px solid #ddd;
	padding:5px;
}

form dl {
	margin-left: 20px;
	padding-top: 20px;
	padding-bottom: 10px;
	
}

form dd {
	margin: 0;
	padding: 0px 0 0px 0;
	
}

form dt {
	font-size: 1.3em;
}

input {
	
	
	
	
}

select {
	xwidth: 50px;
	xcolor: #fff;
	xbackground-color: #3e4143;
	xborder: 0px;
}

textarea {
	font-size: 1.4em;
	xwidth: 200px;
	height: 100px;
	xcolor: #fff;
	xbackground-color: #3e4143;
	xborder: 0px;	
}

input.btn {
	xwidth: 100px;

	font-weight: lighter;	
}