/*	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(/images/layout/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(/images/layout/logo.png) no-repeat;
}




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


#navcontainer {
	float: left;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/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(/images/layout/panel2_top.jpg) no-repeat left top;
}

.panel {
	position: relative;
	width: 434px;
	background: url(/images/layout/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
-------------------------------*/

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


}




#nav li {
	margin: 0;
	padding: 0;
	float: left;
	
}


#nav 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;
	
}


#nav a:hover, #nav .here {
	background: url(/images/layout/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;
}

.shoplinktable tr td {
vertical-align:top;
padding: 0px 5px 10px 0px;
}
.shoplinktable tr a img  {
display:block;
width:70px;
height:70px;
}



/*------------------------------
			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(/images/layout/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(/images/layout/button_cart.jpg) bottom left;
	width:90px;
}

.panel a:hover {
	color: #ffffcc;
	background: url(/images/layout/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;
}

.errormessage {
color:#FF0000;
font-size:medium;
}


.ginmessage {
font-size:large;
color:#00dd00;
background:url(/images/tick.png);
background-repeat:no-repeat;
height:100px;
padding-top:20px;
padding-left:80px;



}

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

.box {
	color:#000000;
	position: relative;
	width: 240px;
	background: url(/images/layout/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(/images/layout/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;	
}


/*cart styles */
.gincms-confirm-table tr {

}

.gincms-confirm-table tr td {
	padding:3px 15px 3px 15px;
	border-bottom:1px solid #eee;
	border-left:1px solid #eee;
	
	}

.ordersummary {
border-top:#ddd 1px solid;
border-left:#ddd 1px solid;
pading:0px;
margin:10px 0px 20px 0px;
font-size:13px;
}

.ordersummary .ordertitle {
	font-weight:bold;
	text-align:right;
	color:#666666;
}
.ordersummary tr {
	vertical-align:top;
}

.ordersummary tr td {
	vertical-align:top;
	padding:2px 5px 5px 5px;
	border-right:#ddd 1px solid;
	border-bottom:#ccc 1px solid;
}