/*the-saucepan/site/css/css.css 2007 09 13 (after the-frying pan 2007 09 13)

/* T O   D O ...............................................................
underlining of admin links...


Thank you page - content and styling
Search input is too white...
Style blog taster and blog pages...
Banner as img not background img???
REvmove undeline on hover...???
Copy style sheet to skeleton
classes brand filter should float more neatly in the way that class="locations" does which is styled in the template.
picture captions to align centre - gallery are ok
double borders around pics in gallery - ok or not?
Img n/a image
gradient2 too dark in small areas eg checkout???
Replace URLs as necessary
... */

/* C O L O U R S ...............................................................
cheese	#ffcf57
purple	#803ef3
deep purple	#2f1759

... */

/* L A Y O U T .   TAKE CARE WITH PADDING AND WIDTHS...Use secondary divs to pad content. ...............................................................*/
body                		{margin:0; padding-bottom:4px;}
div                 		{margin:0; padding:0; /*border:1px solid black;*/}
div.float_aligner   		{clear:both;}
div#container       		{margin:0 auto 0 auto; width:868px;}/*Set for browser-centred display*/
#site_title 				{margin-bottom:6px;}
/*div#byline					{margin-left:50%; text-align:right;}*/
div#site_title_text_holder 	{float:right; width:460px;  }
div#site_title h1				{margin:0; padding:0;}
div#banner					{height:104px; min-height:104px;}
div#subhead					{margin:6px 0 10px 0;}
div#main_content    		{float:right; width:647px; } /*ex 607*/
div#main_menu       		{margin:0 0 10px 0; width:210px; padding:0;  } /*ex 250*/
div#additional_menu     	{margin:0 0 10px 0; width:210px; padding:0;}
div#footer          		{margin:12px 0 0 0; }
div#siteinfo_container  	{margin-left:0;}
div#siteinfo_links      	{margin:8px 0 8px 0;}
div#signoff             	{margin:8px 0 8px 0;}
div#copyright           	{float:left; width:50%; }
div.supplement				{float:right; width:135px; margin-left:20px; margin-bottom:20px; padding:4px;}

/* S T Y L I N G  S T A N D A R D   H T M L   C O M P O N E N T S -----------------------------------------------------------------------------------*/
body						{background-image:url(../images/gradient.jpg); background-repeat:repeat-x; border-top:1px solid #ffcf57; border-right:2px solid #2f1759; border-bottom:2px solid #2f1759; border-left:1px solid #ffcf57;}
body, td, p, td p, th, th p, input, td input, select, td select, textarea, td textarea 
							{font-family:Verdana,Arial,sans-serif; font-size:11px; color:#2f1759; }
p, h1, h2, h3, h4, h5, h6	{margin: 0 0 10px 0;}/*inter-browser consistency*/
blockquote 					{margin-bottom:10px;}/*inter-browser consistency; blockquote uses margin left to indent itself*/
ul, ol 						{margin-bottom:10px;}/*inter-browser consistency; ul ol use margin left to indent themselves and display li images*/
h1,h2,h3,h4,h5,h6           {font-family:'Times New Roman', Times, serif; font-style:italic; font-weight:bold; font-weight:600; letter-spacing:2px; word-spacing:1px;}
h2,h3,h4,h5,h6              {font-weight:bold;}
h1                          {font-size:180%;}
h2                          {font-size:140%;}
h3, h4, h5, h6              {font-size:130%;}
ul                          {list-style-type:circle;}
ul ul                       {list-style-type:disc;}
ul ul ul                    {list-style-type:square;}
img 						{border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;
							 padding:2px 3px 3px 2px;}
a							{color:#803ef3; }							 
a:link						{color:#803ef3; text-decoration:none;}
a:visited					{color:#803ef3;}
a:hover						{color:#803ef3; text-decoration:underline;}
a:active					{color:#803ef3;}
form						{margin:0 0 0 10px; padding:0;}

/* S T Y L I N G  O U R   S T A N D A R D   C O M P O N E N T S ---------------------------------------------------------------------------------------------------------*/
td.shim img, img.shim		{border:none; background-image:none; padding:0; margin:0;}
.number_right_align, .number_right_align input {text-align:right;}
.text_left_align			{text-align:left;}
.center_align				{text-align:center;}
div.errormessage			{font-size:13px; text-align:center; color:red; background-color:#803ef3; padding:8px; border:3px double red; margin-bottom:10px;}

/* Main_Menu---------------------------------------------------*/
div#main_menu 				{}
div#menu_rptsection 		{}
div#collectionlinks, div#brandlinks, div.globalnav	{}
div.classgroup				{}
p#main_menu_header, p#collectionheader, p#brandheader, p#globalheader	{display:block; padding:10px 0 4px 0; margin:0; font-variant:small-caps;}
div#main_menu a 			{border-bottom:1px solid #803ef3; display:block; font-size:90%; color:#803ef3; padding:2px 4px 4px 0; width:93%; /*width % <100% needed to hold display*/}
div#main_menu a:link, div#main_menu a:visited { text-decoration:none; }
div#main_menu a:hover		{border-bottom:1px solid #2f1759; /*color:#2f1759;*/ }
div#subcollectionlinks a:link, div#subcollectionlinks a:visited	{color:#803ef3; text-align:right;}
div#main_menu a#classdisplayingsubclasses	{border-bottom:1px solid #2f1759;}

/* Form controls and links styled as buttons --------------------------------------------------------------------------------- */
.input_box					{margin:0; padding:2px; font-size:10px; 
border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57; /*wont work with just border: etc*/  /*select border not affected ie*/}
.button						{margin:0; font-size:9px; border:3px double #2f1759; background-color:#d5d5d5; font-weight:normal;}
input.button 				{padding:1px; margin-bottom:0px;}/*makes the real button size to the pseudo button and line up with it*/
a.button					{padding:2px 7px 2px 7px; text-decoration:none;/*color:#2f1759;*/ font-weight:normal;/*need to repeat colour*/}
a.button:visited 			{/*color:#2f1759;*/font-weight:normal;}
a.button:hover				{ background-color:#d5d5d5;}


/* Search widget (form) --------------------------------------------------------------------------------- */
div#search						{/*margin-top:10px;  width:93%; padding:2px; padding-left:0px; border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;*/}
#search							{/*padding: 0px; text-align:left;*/}
#search form					{/*text-align:left;*/}
#search form input.input_box	{/*padding-right:0px; margin-left:-7px;*/}
#search form input.button		{/*margin-left:5px; padding:0px;*/}

/* Minicart widget --------------------------------------------------------------------------------- */
div.minicart					{/*margin-top:10px; padding:2px; width:92%; border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;*/}
div#main_menu div.minicart a	{/*display:inline; border-bottom:none;*/}
div#main_menu .minicart a:hover	{/*border-bottom:none; */}
.cartsummary					{}
.minicart img 					{/*border:none;*/}

/* Footer / site info -----------------------------------------*/
div#footer					{border-top:1px solid #ffcf57; margin:6px 0 0 0; text-align:center; }
div#footer a				{}
div#siteinfo_container		{}
div#today					{text-align:right;}
div#signoff					{ text-align:left;}

/* User data-entry Table --------------------------------------------------------------------------------- */
table.entry_table			{ background-image:url(../images/gradient2.jpg); background-repeat:repeat-x; /*background-color:#9f9f9f;*/ 
border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;}
table.entry_table td		{padding:3px;  vertical-align:top;}
table.entry_table th		{background-color:#1a1a1a; padding:5px; color:#f1f1f1;}
table.entry_table .label	{font-weight:bold;}

/* Display Table --------------------------------------------------------------------------------- */
table.styled_table			{border-top:1px solid #ffcf57; border-right:1px solid #2f1759; /*border-bottom:1px solid #2f1759;*/ border-left:1px solid #ffcf57; background-image:url(../images/gradient2.jpg); background-repeat:repeat-x;
/*  background-color:#9f9f9f;*/}
table.styled_table th, table.styled_table td
							{padding:4px;}
table.styled_table th		{background-color:#1a1a1a; padding:5px; color:#f1f1f1;}
table.styled_table th td, table.styled_table th td a	
							{color:#f1f1f1;}
table.styled_table td 		{border-bottom:1px solid #ffcf57; vertical-align:top;}
table.styled_table .label	{font-weight:bold;}

/* Associated products --------------------------------------------------------------------------------- */
.associated_selected 		{background-color:#fbfcfb;}
.associated_hover 			{background-color:#FFFFB9;}
.associated_additional_price {}
.associated_options input 	{}
.associated_selected input 	{}

/* filtercontrolpanel------------------------------------------*/
div.filtercontrolpanel		{border-top:1px solid #803ef3; border-bottom:1px solid #f4d6c5; padding:5px 0 5px 0; margin-bottom:8px;}
div.filtercontrolpanel, div.filtercontrolpanel p, div.filtercontrolpanel td, div.filtercontrolpanel	td p, div.filtercontrolpanel th, div.filtercontrolpanel	th p
							{font-size:90%;}

/* Cart / checkout -------------------------------------------*/
div.checkout_section		{background-color:#9f9f9f; margin-bottom:10px; border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;}
div.checkout_section table.entry_table, div.checkout_section table.styled_table {border:none;}
div.checkout_section table.entry_table td.label	{width:150px;}
p.checkout_section_heading	{background-color:#1a1a1a; padding:5px; margin-bottom:0; color:#f1f1f1;}

/* MultiLevelTitle -------------------------------------------*/
span#multileveltitle a:link, span#multileveltitle a:visited {text-decoration:underline;}
span#multileveltitle #level0          {display:block; margin-left:0px}
span#multileveltitle #level1          {display:block; margin-left:10px;}
span#multileveltitle #level2          {display:block; margin-left:20px;}
span#multileveltitle #level3          {display:block; margin-left:30px;}
span#multileveltitle #level4          {display:block; margin-left:40px;}
span#multileveltitle #level5          {display:block; margin-left:50px;}
span#multileveltitle #level6          {display:block; margin-left:60px;}
span#multileveltitle #level7          {display:block; margin-left:70px;}
span#multileveltitle #level8          {display:block; margin-left:80px;}
span#multileveltitle #level9          {display:block; margin-left:90px;}
span#multileveltitle #level10         {display:block; margin-left:100px;}
span#multileveltitle .mlimage         {border: none; background-image:none;}

/* Gallery/Picture --------------------------------------------*/
div.picture_widget					{ padding:4px; border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;}
div.gallery							{}
.gallery .gallerycontrol									{margin-bottom:5px;}
.gallery .gallerycontrol .pagination						{width:100%;}
.gallery .gallerycontrol .pagination table					{width:100%;}
.gallery .gallerycontrol .pagination table td				{padding:0px;}
.gallery .gallerycontrol .pagination_previous,
.gallery .gallerycontrol .pagination_first					{text-align:left; width:30%;}
.gallery .gallerycontrol .pagination_pages					{text-align:center; width:40%;}
.gallery .gallerycontrol .pagination_next,
.gallery .gallerycontrol .pagination_last					{text-align:right; width:30%;}
.gallery .gallerycontrol .pagination_pagedisplay			{font-weight:normal; font-size:90%;}
.gallery .shim												{padding:0px; margin:0px;}
.PictureWidget2 .gallery .gallerycontrol					{padding:3px 0px 3px 0px; border-bottom: solid 1px #803ef3; border-top: solid 1px #803ef3;}
.PictureWidget2 .gallery .gallerycontrol a:link, .PictureWidget2 .gallery .gallerycontrol a:visited, .PictureWidget2 .gallery .gallerycontrol a:active
															{color:#803ef3;}
.gallery .imgcaption_top			{}
.gallery .imgcaption_bottom			{ text-align:center;}

/* Thawte --------------------------------------------------------------------------------- */
div.thawte							{margin-bottom:10px;}
div.thawte img						{}

/* Google adword tracking --------------------------------------------------------------------------------- */
div#GoogleAdwordTracking,div#GoogleAdwordTracking iframe {width:120px;} /* Constrain width - Google default is 200px */
div#googleadwordtracking			{margin-bottom:10px;}

/* Locations --------------------------------------------------------------------------------- */
div.locations	{ padding:4px;	border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;}
div.productfamilylocations	{}

/* Supplement -------------------------------------------------------------------------------- */
div.supplement				{border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;}

/*classes brand filter*/
div.productfamilyclass div.brand_links	{top:0px; float:right; width:300px; padding:6px; padding-right:6px; padding-left:8px; margin: 0px 0px 10px 10px; 
font-weight:normal;
border-top:1px solid #ffcf57; border-right:1px solid #2f1759; border-bottom:1px solid #2f1759; border-left:1px solid #ffcf57;
background-image:url(../images/gradient2.jpg); background-repeat:repeat-x;}

/* Pagination Controls --------------------------------------------------------------------------------- */
div.pagination_pagedisplay	{}
div.pagination table td	{border-bottom:none;}

/* S T Y L I N G  O F  S I T E  S P E C I F I C   C O M P O N E N T S ----------------------------------------------------------------------------------------------------*/
div#site_title, div#site_title td, div#subhead, div#subhead td	{ color:#2f1759; font-weight:bold;}
div#banner	{background-image:url(../images/banner.jpg); background-repeat:repeat-x;}
#site_title h1						{color:#2f1759; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:250%; font-weight:100; letter-spacing:5px; word-spacing:5px; font-style:italic;}
div#subhead a	{ }
div#subhead a:hover	{}
div#displaycontainer				{margin-bottom:10px; }

/* Site messages --------------------------------------------------------------------------------- */

#SiteMessage		{ border:1px solid #2F1759; width:191px; padding:3px; margin-bottom:12px; }
#SiteMessage .SiteMessageItem h2		{  }
#SiteMessage .SiteMessageItem h3		{  }
#SiteMessage .SiteMessageItem p			{  }
#SiteMessage .SiteMessageItem			{ margin-bottom:5px; }