/*wesco-bin/site/css/css.css 2007 08 14

/* T O   D O ...............................................................
Is productclass using the wrong template?? should it be same as picnic? should it have a filtercontrolpanel?
Complete the styling of the Mini cart ...
Should the links in the Found In be made more obviously links?
Make background to wesco logo transparent?
style A blog...
style A blog taster on home page
Tell me if templates are changed...
Site Map page and skeleton page should have a heading

Replace URLs as necessary
[terms and conditions are exact copy of picnic]
[When you change browsers things disappear from your cart...]
... */

/* C O L O U R S ...............................................................
Base red -
#990000
#b65e5d #D9B2B3 = lighter in gradient
Text -
#fbfcfb
#350000
Borders -
#ff9900 (#FFCC80 = LIGHTER)
#940ff0
Button
#dddddd
... */

/* 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:768px;}/*Set for browser-centred display*/
#site_title 				{margin:0 0 15px 0; }
div#site_title_text_holder 	{float:right; width:460px;  }
#site_title h1				{margin:40px 0 0 0; }
div#subhead					{margin:38px 0 0 0; }
div.main_content    		{float:right; width:607px; }
div#main_menu       		{margin:0 0 10px 0; width:150px; padding:0;  }
div#additional_menu     	{margin:0 0 10px 0; width:150px; 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%; }

/* 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:2px solid #ff9900; border-right:2px solid #940550; border-bottom:2px solid #940550; border-left:2px solid #ff9900;}
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:#350000;}
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 #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;
							 padding:2px 3px 3px 2px;}
a:link						{color:#350000;}
a:visited					{color:#350000;}
a:hover						{color:#990000;}
a:active					{}
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:#350000; 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:6px 0 4px 0; margin:0; font-variant:small-caps;}
div#main_menu a 			{border-bottom:1px solid #350000; display:block; font-size:90%; color:#350000; 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 #990000; color:#990000;}
div#subcollectionlinks a:link, div#subcollectionlinks a:visited	{color:#350000; text-align:right; font-weight:bold;}
/* Form controls and links styled as buttons --------------------------------------------------------------------------------- */
.input_box					{margin:0; padding:2px; font-size:10px; 
border-top:1px solid #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900; /*wont work with just border: etc*/  /*select border not affected ie*/}
.button						{margin:0; font-size:9px; border:3px double #940550; background-color:#dddddd; 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:#940550; font-weight:normal;/*need to repeat colour*/}
a:visited.button 			{color:#940550;font-weight:normal;}
/* Search widget (form) --------------------------------------------------------------------------------- */
div#search						{margin-top:10px;  width:93%; padding:2px; padding-left:0px; border-top:1px solid #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
#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 #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
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					{}
div#footer a				{}
div#siteinfo_container		{}
div#today					{text-align:right;}

/* User data-entry Table --------------------------------------------------------------------------------- */
table.entry_table			{background-color:#D9B2B3;border-top:1px solid #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
table.entry_table td		{padding:3px;  vertical-align:top;}
table.entry_table th		{background-color:#FFCC80; padding:5px;}
table.entry_table .label	{font-weight:bold;}

/* Display Table --------------------------------------------------------------------------------- */
table.styled_table			{border-top:1px solid #ff9900; border-right:1px solid #940550; /*border-bottom:1px solid #940550;*/ border-left:1px solid #ff9900; background-color:#D9B2B3;}
table.styled_table th, table.styled_table td
							{padding:4px;}
table.styled_table th		{background-color:#FFCC80; padding:5px;}
table.styled_table td 		{border-bottom:1px solid #ff9900; 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 #350000; 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:#D9B2B3; margin-bottom:10px; border-top:1px solid #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
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:#ffcc80; padding:5px; margin-bottom:0;}

/* 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 #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
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 #350000; border-top: solid 1px #350000;}
.PictureWidget2 .gallery .gallerycontrol a:link, .PictureWidget2 .gallery .gallerycontrol a:visited, .PictureWidget2 .gallery .gallerycontrol a:active
															{color:#350000;}
.gallery .imgcaption_top			{}
.gallery .imgcaption_bottom			{}

/* 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 #ff9900; border-right:1px solid #940550; border-bottom:1px solid #940550; border-left:1px solid #ff9900;}
div.productfamilylocations	{}

/* 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 						{background-image:url(../images/redbin2.jpg); background-repeat:no-repeat;text-align:right;}
div#site_title_text_holder, div#site_title_text_holder p, div#site_title_text_holder a 	
									{color:#fbfcfb; }
div#site_title_text_holder h1		{color:#ff9900;}									
div#subhead 						{text-align:right; }
#site_title h1						{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:250%; font-weight:100; letter-spacing:5px; word-spacing:5px; font-style:italic;}
div#wescologo						{margin-bottom:10px;}
div#displaycontainer				{margin-bottom:10px; }

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

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