/*
 
Copyright (c) Enigma Interactive 2004

SOM2
Project:		Rowlands
Filename:		layout_home.css
Description:	Site-wide layout elements
     
History
ver date  		who     	comment
-----------------------------------------------------------------------------
2	21Jul07		CT			Updated areaA
1	04Apr07		CT			Created

*/

h1 {
	margin: 0px 0px 5px 0px;
}

#siteMain #mainPanel #bodyText #bodyPadder {
	width: 760px;
	margin: 0px 10px 10px 15px;
}

#siteMain #mainPanel #bodyText #bodyPadder h1,
#siteMain #mainPanel #bodyText #bodyPadder h2 {
	font: normal 1.6em Century Gothic,verdana,arial,sans-serif;
	margin: 0px 0px 2px 0px;
	color: #433d37;
}

#flash {
	width: 760px;
	float: left;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}



.appContainer .collection {
	width: 160px;
	height: auto;
	float: left;
	padding: 5px 16px !important;
	margin-bottom: 0px;
	overflow: hidden;
}


.appContainer .underline_title,
.appContainer .intro {
	padding: 0px 20px 0px 8px;
	width: 740px !important;
}


/* search colour panel */
#homeSearch {
	clear: both;
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 20px;
	height: 47px;;
}

#searchPanelTop {
	background: url("/images/home/searchTabTop.gif");
	width: 734px;
	height: 10px;
}

#searchPanelBottom {
	background: url("/images/home/searchTabBottom.gif");
	width: 734px;
	height: 10px;
}

#searchPanelMid {
	padding-top: 5px;
	padding-left: 5px;
	background: #e0e0e0;
	width: 729px;
	display: block;
	overflow: hidden;
	position: relative;
}

#searchColourPanelHome {
	position: absolute;
	top: 3px;
	left: 177px;
}

#searchform {
	height: auto;
}

#homeSearch img.titleImage {
	padding-left: 16px;
}

#searchColourPanelHome ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display : block;
}

#searchColourPanelHome.inputrow {
	float: left;
	width: 600px !important;
	display :block;
}

#searchColourPanelHome .searchcolourbutton {
	margin: 0;
}

#searchColourPanelHome li {
	width: 45px;
	height: 19px;
	overflow: hidden;
	display: block;
	float:left;
	cursor: pointer;
}

#searchColourPanelHome img {
	height : 19px;
	width : 45px;	
}

#searchColourPanelHome .white				{ background: url(/res/coShopSearch/images/home/white.gif) 0px 0px; }
#searchColourPanelHome .white:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .white.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .black				{ background: url(/res/coShopSearch/images/home/black.gif) 0px 0px; }
#searchColourPanelHome .black:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .black.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .grey				{ background: url(/res/coShopSearch/images/home/grey.gif) 0px 0px; }
#searchColourPanelHome .grey:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .grey.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .blue				{ background: url(/res/coShopSearch/images/home/blue.gif) 0px 0px; }
#searchColourPanelHome .blue:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .blue.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .purple				{ background: url(/res/coShopSearch/images/home/purple.gif) 0px 0px; }
#searchColourPanelHome .purple:hover		{ background-position: 0px -19px; }
#searchColourPanelHome .purple.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .pink				{ background: url(/res/coShopSearch/images/home/pink.gif) 0px 0px; }
#searchColourPanelHome .pink:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .pink.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .red					{ background: url(/res/coShopSearch/images/home/red.gif) 0px 0px; }
#searchColourPanelHome .red:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .red.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .orange				{ background: url(/res/coShopSearch/images/home/orange.gif) 0px 0px; }
#searchColourPanelHome .orange:hover		{ background-position: 0px -19px; }
#searchColourPanelHome .orange.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .yellow				{ background: url(/res/coShopSearch/images/home/yellow.gif) 0px 0px; }
#searchColourPanelHome .yellow:hover		{ background-position: 0px -19px; }
#searchColourPanelHome .yellow.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .green				{ background: url(/res/coShopSearch/images/home/green.gif) 0px 0px; }
#searchColourPanelHome .green:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .green.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .brown				{ background: url(/res/coShopSearch/images/home/brown.gif) 0px 0px; }
#searchColourPanelHome .brown:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .brown.ui-selected 	{ background-position: 0px -19px; }
#searchColourPanelHome .beige				{ background: url(/res/coShopSearch/images/home/beige.gif) 0px 0px; }
#searchColourPanelHome .beige:hover			{ background-position: 0px -19px; }
#searchColourPanelHome .beige.ui-selected 	{ background-position: 0px -19px; }





#searchColourPanel {
	display: none;
}