/**********************************************************
Name:			main.css
Description:	Global CSS definitions for Sirdar site.
				These styles define the base layout of
				every page.
Date:			23/05/2007
Author:			Andrei Vais
**********************************************************/


/*	Re-define HTML elements	*/
body
{
	background: #ffffff;
	color: #9E9E9E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	margin:  0 10px;
	padding:  0;
}

a
{
	background: #FFFFFF;
	color: #9999CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	text-decoration: none;
}

a:hover
{
	background: #FFFFFF;
	color: #7F7FA1;
}

ol, ul
{
	/*border: 1px solid red;*/
	float: left;
	list-style: none;
	margin: 23px 0 18px 0;
	padding: 0;
}

ol li, ul li
{
	float: left;
	margin: 0;
	padding: 0;
}
/*	End of HTML redefinitons	*/

/*	Generic classes	*/
.hideItem
{
	visibility: hidden;
}

.rightFloat
{
	float: right;
}

/*	End of generic classes	*/

/*	Define the basic style for all block level elements 	*/
#Sirdar
{
	/*border: 1px solid blue;*/
	background: #FFFFFF;
	clear: both;
	margin: 0 auto;
	/*max-width: 948px;
	min-width: 724px;*/
	padding: 0;
	width: 948px;		/*	Fixed for 1024x768px layout	*/
}

/*	This container is used by the CSS exression to calculate the width for IE6 	*/
#em
{
  width: 1.1em;
  height: 0;
  overflow: hidden;
}

#header, #TopNav, #homepage, #BottomNav, #footer
{
	clear: both;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}

/*	End of basic level definitons for all block level elements	*/

/*	Define header block and its elements 	*/
#header
{
	margin-top: 28px;
}

#header img
{
	border: 0px solid #FFFFFF;
	float: left;
	margin: 0;
	padding: 0;
}

#siteUtilities
{
	float: right;
	margin: 0;
	padding: 0;
	width: 425px;
}

#siteUtilities #basketlink, #siteUtilities #loginlinks
{
	float: left;
	margin: 0;
	padding: 0;
	width: auto;
}

#siteUtilities #basketlink
{
	display: inline;
	line-height: 140%;
	padding-right: 15px;
}

#siteUtilities #basketlink a
{
	text-transform: none;
}

#siteUtilities #loginlinks li
{
	display: inline;
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: auto;
}

#header #siteUtilities ul.LoggedIn
{
	width: 182px;
}

#siteUtilities #loginlinks a
{
	text-transform: uppercase;
}

#siteUtilities #siteSearch, #siteSearch_searchresults, #siteUtilities #UserLogin
{
	float: right;
	margin: 0;
	padding: 0;
}

#siteUtilities #basketlink, #siteUtilities #siteSearch
{
	margin-bottom: 10px;
}

#siteUtilities #basketlink
{
	margin-bottom: 7px;
	padding-left: 0;
}

#siteUtilities #loginlinks
{
	padding-top: 4px;
	padding-bottom: 1px;
}

#siteUtilities #userloggedin
{
	font-size: 85%;
	float: left;
	margin: 2px 0 0 10px;
	width: auto;
}

#siteSearch_searchresults
{
	float: left;
	margin-bottom: 15px;
}

#siteSearch fieldset, #siteSearch_searchresults fieldset, #UserLogin fieldset
{
	border: 0;
	float: left;
	margin: 0;
	padding: 0;
}


#siteUtilities form legend, #siteSearch_searchresults fieldset legend, #UserLogin fieldset legend
{
	display: none;
}

#siteSearch_searchresults span
{
	float: left;
	margin-right: 10px;
}

#q, #q_searchresults, #username, #password
{
	clear: both;
	background-color: #E0E0F0;
	border: 0;
	color: #666666;
	float: left;
	font-size: 85%;
	margin: 0 0 0 0;
	padding: 2px 10px 2px 7px;
	width: 145px;
}

#username
{
	display: inline;
	margin-right: 10px;
	width: 59px;
}

#password
{
	clear: none;
	width: 59px;
}

#siteSearch fieldset input.siteButton, #product_details fieldset input.siteButton, #UserLogin fieldset input.siteButton, #siteSearch_searchresults fieldset input.siteButton
{
	background-color: #A7A7D3;
	border: 0;
	color: #FFFFFF;
	font-size: 85%;
	font-weight: bold;
	margin: 0;
	padding: 1px 7px;
	text-transform: uppercase;
}

#UserLogin fieldset input.siteButton
{
	display: inline;
	padding: 1px 13px;
}

#siteSearch_searchresults
{
	/*clear: none;*/
	width: 100%;
}


#siteSearch_searchresults fieldset {float: none;}

#q_searchresults
{
	clear: none;
}

#siteSearch_searchresults p a
{
	text-transform: lowercase;
}

#siteUtilities ul
{
	float: right;
	margin: 5px 0 0 0;
	width: auto;
}

#siteUtilities li
{
	display: inline;
	float: left;
	margin: 0 0 0 15px;
	padding: 0;
	width: auto;
}

#siteUtilities li.last
{
	margin-right: 0;
}

#siteUtilities a
{
	color: #A7A7D3;
	float: left;
	font-size: 85%;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
	width: auto;
}

#siteUtilities a:hover, #siteUtilities a.currentPage
{
	color: #7F7FA1;
}
/*	End of header block and its elements definitons	*/

/*	Define top and bottom main navigation 	*/
#TopNav, #BottomNav
{
	margin: 0;
	padding: 20px 0 16px 0;
	list-style: none;
	width: 100%;
}

#BottomNav
{
	padding: 7px 0 16px 0;
}

#TopNav li, #BottomNav li
{
	float: left;
	margin: 0;
	padding: 0;
}

#TopNav a, #BottomNav a
{
	/*background-color: red;*/
	display: block;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	width: auto;
}

#TopNav a:hover, #TopNav a.currentPage, #BottomNav a:hover, #BottomNav a.currentPage
{
	color: #737399;
}

/*	topNav links	*/
#TopNav #home {margin-right: 17.2%; width: 3.2%;}
#TopNav #designs {margin-right: 17.2%; width: 5.2%;}
#TopNav #yarns {margin-right: 17.2%; width: 4.4%;}
#TopNav #whatsnew {margin-right: 0; width: 8%;}
#TopNav #storelocator {float: right; width: 99px;}		/* Last item of the nav will always a fix size and float to the right to align with the rest of the page elements*/

/*	#bottomNav links	*/
#BottomNav #links {margin-right: 23.6%; width: 3.3%;}
#BottomNav #learntoknit {margin-right: 23.5%; width: 9.2%;}
#bBottomNav #ourcompany {margin-right: 0; width: 9.1%;}
#BottomNav #contactus {float: right; width: 74px;}		/* Last item of the nav will always a fix size and float to the right to align with the rest of the page elements*/

/*	End of top and bottom main navigation definitions 	*/

#contentpage
{
	color: #555555;
	float: left;
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
}

#Sirdar .AdjustContentForNoSecondaryNav 
{
	float: right;
	margin: 0 0 30px 0;
	padding: 0;
	width: 81%;
}

#Sirdar .SecondaryNavReplacement
{
	/*border: 1px solid red;
	float: left;
	height: 660px;
	width: 48%;
	background: url(../images/babycardigans.jpg) no-repeat 40% 0;*/
}

#contentpage h3.FirstParagraph, #contentpage p.FirstParagraph
{
	margin-top: 0;
}

#contentpage p.Instructions
{
	font-size: 85%;
}

/*	Define footer block and its elements 	*/
#footer
{
	padding-bottom: 28px;
}

#footer p
{
	float: left;
	font-size: 85%;
	margin: 0 0 0 3px;
	padding: 0;
}

#footer ul
{
	float: right;
	margin: -2px 0 0 3px;
	padding: 0;
}

#footer ul li
{
	margin: 0 0 0 21px;
	padding: 0;
}

#footer ul li + li + li		/*	readjust the margin for the last footer link	*/
{
	margin: 0 3px 0 21px;
}

#footer ul a
{	
	color: #9E9E9E;
	font-size: 85%;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

#footer ul a:hover, #footer ul a.currentPage
{
	color: #808080;
}
/*	End of header footer and its elements definitons	*/

/* Set colours for when the user hovers over one particular table row */
#contentpage table tr.highlight td, #contentpage table tr.highlight td a
{
  background-color: #ACACE5;
  color: #222233;
}

#contentpage table tr.highlight td label
{
  color: #222233;
}

#contentpage table tr.highlight td input
{
  background-color: #FFFFFF;
  color: #222233;
}

#contentpage table tr.highlight td input.siteButton
{
  background-color: #777777;
  color: #FFFFFF;
}
/* end specifying colour for when the user hovers over one particular table row */