/* 
Touch Solutions
622design

Updated: Thursday February 14, 2008 @ 11:00 AM
Author: JR Zoleta

*/

/* ------------------------------------------------------ SPLASH --------------------------- */

#splashtitle {
	padding: 0 0 12px 12px;
	}

#splashtitle h1 {
	font-size: 2.8em;
	color: #FFFFFF;
	}

#splashtitle span {
	font-size: 1.6em;
	line-height: 2.4em;
	color: #F4F4F4;
	}
	
#splashtitle span a {
	color: #52BDF1;
	}

#splashtitle span a:hover {
	color: #FFFFFF;
	}

/* ------------------------------------------------------ BODY ----------------------------- */

#bottomhalf {
	width: 936px;
	margin-top: 18px;
	}

#bottomcenter {
	width: 632px;
	padding: 12px 24px 24px 0px;
	float: left;	
	}

#bottomright {
	width: 254px;
	padding: 12px 0 24px 24px;
	border-left: 2px solid #CCCCCC;
	float: left;
	}

#bottomcenter p {
	margin-top: 24px;
	margin-bottom: 24px;
	line-height: 1.8em;
	}

#bottomcenter img {
	border: 1px solid #CCCCCC;
	background: #EEEEEE;
	padding: 8px;
	}

#bottomcenter a img:hover {
	border: 1px solid #52BDF1;
	background: #EEEEEE;
	padding: 8px;
	}

#bottomcenter h2 {
	margin-bottom: 12px;
	}
	
#bottomright span {
	font-size: 1.2em;
	line-height: 1.8em;
	}

#bottomright hr {
	margin: 12px 0 12px 0;
	}

#bottomright h3 {
	font-size: 1.8em;
	margin-bottom: 12px;
	}

.field-field-main-image {
	margin-top: 24px;
	}

/* ------------------------------------------------------ FORM ------------------------------- */

.form-item {
	padding: 12px 0 12px 0;
	font-size: 1.2em;
	}

textarea {
	width: 360px;
	border: 1px solid #999999;
	padding: 3px;
	font-size: 1.1em;
	}

input, select {
	border: 1px solid #999999;
	padding: 3px;
	font-size: 1.1em;
	width: 240px;
	}

input.form-submit {
	color: #FFFFFF;
	background: #111111;
	width: 120px;
	padding: 12px;
	margin-left: 12.5em;
	}

label {
	width: 11em;
	float: left;
	text-align: left;
	margin-right: 0.5em;
	display: block
	}

.messages {
	padding: 12px;
	background: #F4F4F4;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin-bottom: 24px;
	}

#edit-file {
	width: 240px;
	}

/* ------------------------------------------------------ OTHERS ----------------------------- */

#productpage ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

#productpage ul li {
  margin: 0.4em 0 0.4em .5em;
  font-size: 12px;
}

#productpage ol {
  margin: 0.7em 0 2em 3em;
  padding: 0;
}

#productpage ol li {
  margin: 0.4em 0 0.4em .5em;
  font-size: 12px;
}

#bottomcenter ol {
  margin: 0.7em 0 2em 3em;
  padding: 0;
}

#bottomcenter ol li {
  margin: 0.4em 0 0.4em .5em;
  font-size: 12px;
}

#productpage ul.menu, #productpage.item-list ul {
  margin: 0.35em 0 0 -0.5em;
  padding: 0;
}

#productpage ul.menu ul, #productpage.item-list ul ul {
  margin-left: 0em;
}

#productpage ul li, #productpage ul.menu li, #productpage.item-list ul li, #productpage li.leaf {
  margin: 0.15em 0 0.15em .5em;
}

#productpage ul li, #productpage ul.menu li, #productpage.item-list ul li, #productpage li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
  background: transparent url(../images/menu-leaf.gif) no-repeat 1px .35em;
}

#productpage ul li.expanded {
  background: transparent url(../images/menu-expanded.gif) no-repeat 1px .35em;
}

#productpage ul li.collapsed {
  background: transparent url(../images/menu-collapsed.gif) no-repeat 0px .35em;
}

#productpage ul li.leaf a, #productpage ul li.expanded a, #productpage ul li.collapsed a {
  display: block;
}

/* -- PRODUCT MENU -- */

ul.menu li {
	list-style: none;
	display: inline;
	}

div.view-content-products ul li {
	list-style: none;
	display: block;
	margin-bottom: 24px;
	}

div.view-content-products ul li span {
	display: block;
	font-size: 1.8em;
	margin-bottom: 12px;
	font-weight: bold;
	}

#bottomright div.block {
	margin-bottom: 24px;
	}

#bottomright div.block h2 {
	margin-bottom: 12px;
	}

div.view-content-downloads ul li {
	list-style: none;
	margin-bottom: 12px;
	}
	
div.view-content-downloads span.view-data-node-title {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	}

ul.menu li {
	padding: 0 8px 0 8px;
	border-right: 2px solid #FFFFFF;
	}

ul.menu li.first {
	padding: 0 8px 0 0;
	}

ul.menu li.last {
	padding: 0 0 0 8px;
	border-right: none;
	}

div.view-content-previousnews ul li {
	list-style: none;
	display: block;
	margin-bottom: 12px;
	}

div.view-content-previousnews span.view-data-node-created {
	display: inline;
	margin-left: 6px;
	}