@import url("buttons.css");

* {margin: 0; padding: 0;}
html { background: White; }
body { font-family: lucida grande, verdana, sans-serif; font-size: 11px; }
body a, body a:visited { text-decoration: none; }

#Container, .HeaderSub, #Tabs { width: 970px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#Wrapper { width: 100%; margin: 0px auto; }
#Container { position: relative; clear: right; margin: 0px auto; padding: 0px 0px 0px 0px; }
#footer { width: 950px; position: relative; clear: both; margin: 20px auto; padding: 6px 10px 6px 10px; border-top: 1px solid #424647; color:  #424647; font-size: 9px; }
#footer a, #footer a:visited { color: #424647; }

#Header { background: transparent url(./images/Header_BG.jpg) repeat-x; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #ccc; }
.HeaderSub { margin: 0px auto; padding: 0px 0px 0px 0px; height: 132px; }
.HeaderSub h1.SomcanLogo { background: transparent url(./images/somcanlogo_.png) no-repeat; height: 79px; margin: 0px auto; }
.HeaderSub h1.SomcanLogo span { display: none; }

#Header #Tabs { background: transparent url(./images/maintabs_navbar.png) repeat-x; margin: 5px auto; }
#Tabs { margin: 0px 0px 0px 0px; padding: 6px 0px 6px 0px; float: left; }
#Tabs ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#Tabs li { display: inline; list-style: none; border: none; }

#Tabs ul#MainTabs { float: left; width: 634px; }
#Tabs ul#MainTabs li { padding: 0px 0px 0px 0px; } 
#Tabs ul#MainTabs a:link, #Tabs ul#MainTabs a:visited { color: #fff; text-align:center; width:118px; float: left; font-size: 13px; font-weight: bold; margin: 0px 0px 0px 0px; padding: 1px 0px 8px 0px; }
/*#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current { margin: -3px 1px 0px 1px; padding: 12px 0px 14px 0px; background: #fff url(./images/currentbg.jpg) no-repeat;  color: #000; font-weight: bold; }*/

#Tabs ul#MainTabs a:link.current, #Tabs ul#MainTabs a:visited.current { margin: -7px 1px 0px 1px; padding: 12px 0px 14px 0px; background: transparent url(./images/current_navlink.png) no-repeat; color: #c60; font-weight: bold; }
#Tabs ul#MainTabs a:link.currentHome, #Tabs ul#MainTabs a:visited.currentHome { margin: 0px 0px 0px 0px; padding: 5px 11px 4px 11px; background: #fff; border-left: 1px solid #424647; border-top: 1px solid #424647; color: #c60; font-weight: bold; }
#Tabs ul#MainTabs a:hover{ background: transparent url(./images/hover_navlink.png) no-repeat; color: #c60; font-weight: bold; }



#Tabs ul#SearchTab { float: right; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 0px; width: 324px; }
#Tabs ul#SearchTab li { color: #fff; float: left; /* for IE6 */ padding: 0px 0px 0px 0px; width: 324px; }
#Tabs ul#SearchTab p.LeftTool { color: #fff; float: left; /* for IE6 */ padding-top: 1px; width: 240px; }
#Tabs ul#SearchTab p.RightTool { color: #fff; float: right; /* for IE6 */ padding: 0px 0px 0px 0px; width: 94px; }
#Tabs ul#SearchTab p.RightTool img { margin-right: 2px; }
#Tabs a:link, #Tabs a:visited { color: #fff; }

#TopTabs { width: 290px; float: right; margin: -89px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#TopTabs ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#TopTabs li { display: inline; list-style: none; border: none; }
#TopTabs ul#MainTopTabs { float: left; width: 240px; }
#TopTabs a:link, #TopTabs a:visited { color: #fff; }
#TopTabs ul#MainTopTabs li.Account a { float: left; /* for IE6 */ font-size: 10px; font-weight: bold; padding: 3px 10px 3px 20px; margin: 0px 0px 0px 0px; background: transparent url(icons/user_icon.gif) no-repeat 6px 3px; }
#TopTabs ul#MainTopTabs li.french a { float: left; /* for IE6 */ font-size: 10px; font-weight: bold; padding: 3px 10px 3px 26px; margin: 0px 0px 0px 0px; background: transparent url(icons/french.jpg) no-repeat 4px 4px; }
#TopTabs ul#MainTopTabs li.en a { float: left; /* for IE6 */ font-size: 10px; font-weight: bold; padding: 3px 10px 3px 26px; margin: 0px 0px 0px 0px; background: transparent url(icons/english.jpg) no-repeat 4px 4px; }
#TopTabs ul#MainTopTabs li.LogtheFOUt a { float: left; /* for IE6 */ font-size: 10px; font-weight: bold; padding: 3px 10px 3px 20px; margin: 0px 0px 0px 0px; background: transparent url(icons/dead_icon.gif) no-repeat 4px 2px; }
#TopTabs ul#MainTopTabs a:link.current, #TopTabs ul#MainTopTabs a:visited.current { font-weight: bold; color: #c60; }
#TopTabs ul#MainTopTabs a:hover{ color: #c60; font-weight: bold; }


#TopSpread { padding: 0px 0px 5px 0px; margin: 0px 0px 20px 0px; /*height: 220px;*/ width: 100%;  float: left; }


#brand_slider { overflow:hidden; /*border-bottom: 4px solid #424647;*/ margin-top:0px; height: 125px; width: 968px; float: left; }
#brand_slider img{ margin: 8px 6px 8px 6px; width:105px; height: 105px; border:0;}
#brand_slider img.arrow{ width:40px; height: 60px; border: 0px; }
#brand_slider ul li.leftmv_arrow { padding-left:9px; }
#brand_slider ul li.rightmv_arrow { padding-right:7px; }
#brand_slider ul{ list-style: none; float: left; width: 966px; padding: 4px 0px 0px 4px; }
#brand_slider ul li { display: inline; padding: 0px 0px 0px 0px; margin:0px;  } 


#featureimage { width: 100%;  float: left; padding:0px; margin:0px; }

#MainHeaderLeft { float: left; margin: 0px 327px 0px 0; }
#MainHeaderRight { float: right; width: 324px; }
#TopSpread h1 { padding: 0px 0px 3px 0px; margin: 10px 0px 0px 0px; color: #CC6600; font-size: 20px; font-weight: normal; }
#Main {  float: left; width: 970px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#mainpanel { float: left; width: 634px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#infopanels { float: left; width: 634px; padding: 0px 0px 14px 0px; margin: 0px 0px 16px 0px;  }

#rht_infopanel  { border:1px dashed #666; height: 158px; padding-bottom: 10px; float: right; width:310px; }
#lft_infopanel  { border:1px dashed #666; margin-right:10px; height: 158px; padding-bottom: 10px;  float: left; width:310px; }

#rht_infopanel img, #lft_infopanel  img { float:left; }
#infopanels  p { line-height: 20px; padding: 6px 0px 6px 0px;  }

#infopanels h1.aboutsomcan { font-weight:normal; width: 634px; padding-bottom: 6px; font-size: 16pt; }
#infopanels h2 { width: 634px; font-weight:normal; padding: 10px 0px 6px 0px; font-size: 14pt; }
#infopanels ul.content_list {list-style:none; float:left; width:100%; }
#infopanels ul.content_list li {float:left; width:100%; background: transparent url(icons/bluedot.gif) no-repeat 0px 6px; padding: 4px 0px 4px 18px; }

#lft_infopanel p.brands_title,#rht_infopanel p.client_title { width: 315px; padding: 0px 0px 0px 0px; font-size: 17pt; }		
				
	
	
#FrontFeatures ul.link_list { width:295px; float: left; }
#FrontFeatures ul.link_list li a, #FrontFeatures ul.link_list li a:visited { color: blue; float:left; width:100%; font-size: 10pt; font-family: arial, verdana, sans-serif;  background: transparent url(icons/bluedot.gif) no-repeat 0px 8px; padding: 4px 0px 4px 18px;  }
#FrontFeatures ul.link_list li a.current, #FrontFeatures ul.link_list li a.current:visited,#FrontFeatures ul.link_list li a:hover { font-weight:bold; color: #c60; padding: 4px 0px 4px 18px; float:left; width:234px; background: transparent url(./images/sidenav_current.png) no-repeat 0px 4px; margin-left: -8px;  }
#FrontFeatures ul.link_list li a.excel, #FrontFeatures ul.link_list li a.word:visited { background: transparent url(icons/baby_excel.jpg) no-repeat 0px 8px; }
#FrontFeatures ul.link_list li a.pdf, #FrontFeatures ul.link_list li a.pdf:visited { background: transparent url(icons/baby_adobe.jpg) no-repeat 0px 8px; }
	
#FrontFeatures ul.feature_section { float: left; width: 100%; margin-right: 10px; }
#FrontFeatures ul.feature_section a.small,#lft_infopanel a.small,#rht_infopanel a.small { font-size: 11px; background: transparent url(icons/bluedot.gif) no-repeat 0px 4px; padding: 2px 0px 2px 14px;} 
#FrontFeatures ul.feature_section  input { padding: 3px; }

#FrontFeatures ul.feature_section li.title  { padding-top: 6px; padding-bottom: 6px;  color: #424647; font-size: 14pt; font-family: arial, verdana, sans-serif; }
#FrontFeatures ul.feature_section li { width:100%; float:left; padding-bottom: 7px; }
#FrontFeatures ul.feature_section li p { width:235px; float:right; line-height: 16px; padding-left:6px; padding-right:6px;  }
#FrontFeatures ul.feature_section li img.lft_img { margin-top:3px; border:1px solid #C0C0C0; width:60px; float:left; }
#FrontFeatures ul.feature_section li img.sq_img { margin-top:3px; border:1px solid #C0C0C0; height:60px; width:60px; float:left; }			

#mainpanel h1.clr_title { height:122px; width:634px; background: transparent url(./images/clearance_header.jpg) no-repeat; }

#RightInfoPanel { background-color: #F2F2F2; padding: 10px 0px 15px 8px; float: right; width: 316px; margin: 0px 0px 0px 0px; }
#RightItems { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; width: 324px; }

#RightItems h1.search,#RightItems h1.wherearewe, #RightItems h1.associations, #RightItems h1.about,#RightItems h1.login, #RightItems h1.newsletter,#RightItems h1.feature { height:31px; width:324px; }
#RightItems h1.search span,#RightItems h1.wherearewe span, #mainpanel h1.clr_title span, #RightItems h1.associations span, #RightItems h1.login span,#RightItems h1.about span,#RightItems h1.newsletter span,#RightItems h1.feature span { display:none; }

#RightItems h1.login { background: transparent url(./images/login_header.jpg) no-repeat; }
#RightItems h1.feature { background: transparent url(./images/feature_header.jpg) no-repeat; }
#RightItems h1.newsletter { background: transparent url(./images/newsletter_header.jpg) no-repeat; }
#RightItems h1.associations  { background: transparent url(./images/associations_header.jpg) no-repeat; }
#RightItems h1.about  { background: transparent url(./images/about_header.jpg) no-repeat; }
#RightItems h1.wherearewe { background: transparent url(./images/wherearewe_header.jpg) no-repeat; }
#RightItems h1.search  { background: transparent url(./images/search_header.jpg) no-repeat; }


#FrontFeatures { padding:0px; margin:0px;  width: 310px; float: left; }
#FrontFeatures ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}


#MainSub { float: left;  width: 690px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

#Main h1, #MainSub h1 { float: right; padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px; font-weight: normal; }

#MainCat { float: left; width: 958px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#MainCat h1 { padding: 0px 0px 3px 0px; margin: 0px 0px 0px 0px; color: #1B57AA; font-size: 25px; font-weight: normal; border-bottom: 1px solid #E4E4E4; }
#MainCat sup { font-size: 8px; vertical-align: text-top; }
#SubPage h1 { padding: 5px 0px 3px 0px; margin: 0px 0px 8px 0px; color: #CC6600; font-size: 22px; font-weight: normal; border-bottom: 1px dashed #424647; }
#SubPage h2 { padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #CC6600; font-size: 18px; font-weight: normal; }
#SubPage p{ margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; line-height: 16px; }
#Rewards p { text-align: justify; }
#Catalogue p.Intro { margin: 0px 0px 0px 0px; padding: 0px 0px 3px 0px; line-height: 16px; }
#Catalogue h2 { padding: 0px 0px 2px 0px; margin: 5px 0px 3px 0px; color: #c60; font-size: 17px; font-weight: normal; width: 620px; border-bottom: 1px solid silver; }
#Catalogue h3, #SubPage h3 { padding: 0px 0px 0px 0px; margin: 15px 0px 3px 0px; color: #000; font-size: 15px; font-weight: bold; width: 620px; }
#Catalogue h4, #SubPage h4 { padding: 0px 0px 0px 0px; margin: 15px 0px 3px 0px; color: #000; font-size: 13px; font-weight: bold; font-style: italic; width: 620px; }
#BrowseByCategory  { padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; float: left; width: 290px; }
#BrowseByCategory ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; width: 290px; background-color: Fuchsia; }
#BrowseByCategory ul li { padding: 4px 0px 4px 2px; margin: 0px 0px 0px 0px; float: left; font-weight: bold; font-size: 13px; }
#BrowseByBrand  { padding: 0px 0px 15px 0px; margin: 0px 0px 0px 0px; float: right; width: 330px; }
#BrowseByBrand ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#BrowseByBrand ul li { padding: 0px 0px 0px 0px; margin: 0px 3px 2px 0px; float: left; width: 78px; height: 78px; }
#BrowseByBrand ul li img { width: 74px; height: 74px; padding: 1px 1px 1px 1px; border: 1px solid silver; text-align: center; }
#Features { width: 648px; padding: 0px 0px 0px 0px; margin: 8px 0px 0px 0px; float: left; }






table.tableHeader tr.tblMsgSubTotal { font-size: 13px; background: #FCFAE4; border-bottom: 1px solid silver; border-top: 1px solid silver;  margin: 0px; padding-top: 11px; padding-bottom: 10px; }
table.tableHeader tr.tblMsgInformation { background: #E4F4FC url(./icons/information_frame.png) no-repeat 8px 10px; } 
table.tableHeader tr.tblMsgError { background: #FDF1F1 url(./icons/cross_circle_frame.png) no-repeat 8px 10px; }
table.tableHeader tr.tblMsgWarning,table.activity  tr.tblMsgWarning { background: #FCFAE4 url(./icons/exclamation_frame.png) no-repeat 8px 10px; }

table.ProductInfoTable tr.tblMsgWarning { background: #FCFAE4 url(./icons/exclamation_frame.png) no-repeat 8px 10px; }
table.ProductInfoTable tr.tblMsgWarning td { font-weight: bold; padding: 11px 0px 10px 35px; border-right: 1px solid silver; }

table.tableHeader tr.tblMsgOK { background: #E6EFC2 url(./icons/tick_circle_frame.png) no-repeat 8px 10px; }
table.tableHeader tr.tblMsgInformation:hover { background: #FEFFE0 url(./icons/information_frame.png) no-repeat 8px 10px; } 
table.tableHeader tr.tblMsgError:hover  { background: #FEFFE0 url(./icons/cross_circle_frame.png) no-repeat 8px 10px; }
table.tableHeader tr.tblMsgWarning:hover { background: #FEFFE0 url(./icons/exclamation_frame.png) no-repeat 8px 10px; }
table.tableHeader tr.tblMsgOK:hover { background: #FEFFE0 url(./icons/tick_circle_frame.png) no-repeat 8px 10px; }

table.activity  tr.tblMsgWarning td { padding-left: 35px; }
table.activity  tr.tblMsgWarning,table.tableHeader tr.tblMsgError td, table.tableHeader tr.tblMsgInformation td, table.tableHeader tr.tblMsgWarning td, table.tableHeader tr.tblMsgOK td { border-bottom: 1px solid silver; border-top: 1px solid silver; font-weight: bold; text-align: left; padding-left: 32px; margin: 0px; padding-top: 11px; padding-bottom: 10px; }
table.activity  tr.tblMsgWarning,table.tableHeader tr.tblMsgError a, table.tableHeader tr.tblMsgInformation a, table.tableHeader tr.tblMsgWarning a, table.tableHeader tr.tblMsgOK a { text-decoration: none; }





table.tableOptionsRow tr.noHighlight:hover, table.tableTabsHeader tr.noHighlight:hover, table.tableHeader tr.noHighlight:hover, table.tableHeader tr.MainHeaderRow:hover { background: none; }

table.tableTabsHeader tr.noHighlight td, table.tableHeader tr.noHighlight td { border: none; }
table.tableHeader td.footerLeft { margin: 0px; padding: 0px; }

table.actions { float: left; width: 100%; padding: 0px; margin: 0px 0px 10px 0px; }
table.actions td.filter-actions { padding: 0px; margin: 0px; }

table.tableHeader td.footerMiddle { background: url('./imgs/table-footer-middle.gif') repeat-x top left; }
table.tableFooter td select { padding: 0; }

.ShowSubTable_Centre { text-align: center; background-color: #E9E9E9; }

.ImgUplButton{ height: 27px; font-weight: bold; }


table.grid td.ImgPreview { height: 40px; margin:0px; padding: 0px; }
p.smallfileinfo { padding-top: 6px; font-size: 11px; color: #666; float: left; width: 194px; }

table.tableHeader tr.SubTableView td.SubTableSpan { background-color: #E9E9E9; padding: 10px 10px 10px 10px; }
table.SubTable { background-color: #fff; border-bottom: 1px solid silver; width: 100%; border-top: 1px solid silver; margin: 0px auto; }
table.SubTable  td.SubRowTDCentre, .SubRowTDCentre:hover { text-align: center; padding-top: 9px; padding-bottom: 9px; }
table.SubTable p.PrdTitle,table.tableHeader p.PrdTitle { padding-left:8px; font-size: 14px; } 

table.SubTable p.FileInfo,table.tableHeader p.FileInfo  { padding-top: 4px; padding-left:8px; font-size: 12px; color: #666; }
p.FileInfo strong  { color: #424647;  }

table.SubTable p.FileInfoPadding,table.tableHeader p.FileInfoPadding  { float: left; padding-left: 4px; padding-top: 3px; padding-bottom:0px; font-size: 11px; color: #666; }
table.SubTable p.ExtendedInfo,table.tableHeader p.ExtendedInfo { text-align: justify; padding-left:8px; font-size: 11px; color: #000; }
table.SubTable  td.SubRowTDLeft, .SubRowTDLeft:hover { text-align: left; padding-left: 9px; padding-top: 9px; padding-bottom: 9px; }

table.SubTable img.ImgBorder,table.tableHeader  img.ImgBorder  { border: 1px solid #E9E9E9; width: 45px; height: 45px; }
img.ImgBorderSmall   { margin:0px; padding:0px; border: 1px solid silver; width: 40px; height: 40px; }
img.ImgBorderLarge  { margin-left: 4px; margin-top: 1px; border: 4px solid #c60; width: 82px; height: 82px; }

table.SubTable img.ImgBorderLarge,table.tableHeader  img.ImgBorderLarge { border: 1px solid #E9E9E9; width: 100px; height: 100px; }
table.SubTable tr.alt { background-color: red; }

table.tableHeader  td.InlineTDLabel, table.SubTable  td.InlineTDLabel  { font-weight: bold; text-align: right; padding-right: 8px;  }
table.tableHeader  td.InlineTDLabel a, table.SubTable  td.InlineTDLabel a  { color: #fff; }
table.tableHeader tr.InlineAddRow, table.tableHeader  tr.InlineAddRow:hover, table.SubTable  tr.InlineAddRow,table.SubTable  tr.InlineAddRow:hover  {  border: 0px; background-color: #666; }
																
table.tableHeader th { font-size: 12px; }
table.tableHeader { /*border-left: 1px solid #e9e9e9;*/ float: left; /*border-top: 1px solid #e9e9e9;*/ margin: 0px; }

table.tableHeader th.HeaderOptionsRow {  border: none; padding: 0px 0px 0px 0px; margin: 0px; }
table.activity th.HeaderOptionsRow td {  padding: 6px 0px 6px 0px; margin: 0px; }
table.tableOptionsRow { background: url('./imgs/table-footer-middle.gif') repeat-x bottom left;  padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }


.cellCenter { text-align: center; }
.cellLeft  { text-align: left; }
.cellRight  { text-align: right; }

table.tableHeader th.headerLeft span { color: #fff; text-align: center;}
table.tableHeader th.headerRight {
	background: url('./imgs/dark-green-table-head-right.gif') no-repeat top right;
	padding-right: 11px;
}
table.tableHeader th a {
	color: #42424c;
	text-decoration: none;
}
table.tableHeader th.dash {
	background: url('./imgs/dash-table-head.gif') repeat-x top left;
	padding: 11px 6px 10px 6px;
	font-size: 12px;
	color: #42424c;
}
table.tableHeader th.dashLeft {
	background: url('./imgs/dash-head-left.gif') no-repeat top left;
	padding-left: 11px;
}
table.tableHeader th.dashRight {
	background: url('./imgs/dash-head-right.gif') no-repeat top right;
	padding-right: 11px;
}
table.tableHeader th.dashLeft span {
	color: #77986d;
}
.bghighlight {
	background: #e7f2f7;
}
h3.sidebar {
	color: #484e54;
}


table.tableHeader a { text-decoration: none; }
table.tableHeader a:hover { text-decoration: underline; }
table.tableHeader tr.clistTitle th { margin-bottom: 6px; padding: 8px 8px 8px 8px; background: #E7F2F7; font-size: 12px; }
table.tableHeader tr.formItmRow td { border:0px; margin-bottom: 6px; padding: 8px 4px 8px 10px; }

table.tableHeader tr.MainHeaderRow th, table.activity tr.MainHeaderRow th { margin:0px; padding: 10px 6px 9px 6px; background-color:#2C2E23; color: #fff; }
table.tableHeader tr.SearchOptionRow th { padding: 8px 6px 7px 6px; background-color: #D5D7CA; border-bottom: 1px solid #666; }

table.tableHeader tr.MainLocation td { border-bottom:none; color: #fff; padding: 8px 5px; background-color: #666; font-size: 15px; font-weight: bold; }
table.tableHeader tr.SubLocation td { padding: 8px 5px; background-color: silver; font-size: 13px; font-weight: bold; }

table.tableHeader tr.MainHeaderRow th.headerLeft {
	padding-left: 11px;
	/*background: url('./imgs/dark-green-table-head-left.gif') no-repeat top left;*/
}
table.tableHeader th.headerLeftWithDropDown {
	background: url('./imgs/dark-table-head-left.gif') no-repeat top left;
	padding: 6px 6px 10px 11px;
}
table.tableHeader tr.MainHeaderRow th.headerRight {
	/*background: url('./imgs/dark-green-table-head-right.gif') no-repeat top right;*/
	padding-right: 11px;
}

table.activity tr.MainHeaderRow th a {
	color: #fff; text-decoration: none;
}

table.tableHeader th a { color: #636b75; text-decoration: none; }

table.tableHeader tr.alt { background-color: #F4F9FF; }

table.tableHeader tr.error { background-color: #FADEDE; }
table.tableHeader tr.information { background-color: #E8F2FE; }
table.tableHeader tr.ok{ background-color: #F2F8D8; /*#E6EFC2; */}
table.tableHeader tr.warning { background-color: #FEFFE0; }
table.tableHeader tr.duetodiewarning { background-color: #FFF0F5; }
table.tableHeader tr.bowarning { background-color: #FFE4C4; }

table.tableHeader tr:last-child td {
	border-bottom: none;
}
table.tableHeader tr.last td {
	border-bottom: none;
}
table.tableHeader tr.lastRow td {
	border-bottom: 5px solid #fff;
}
table.tableHeader tr:hover, table.subscriberStats tr:hover {
	background: #feffe0;
}


table.tableHeader tr.tabRowSelected {
	background: #fffbd4;
}

table.tableHeader td {
	padding: 10px 0px 10px 0px;
	color: #4c4c4c;
	font-size: 12px;
	
	border-bottom: 1px solid #e9e9e9;
}

table.tableHeader td.spacer {
	padding: 0px;
	font-size: 1px;
	background: #666;
}

table.tableHeader td p {
	font-size: 12px;
	padding: 1px 0;
}
table.tableHeader td span {
	color: #8d9095;
}

table.tableHeader td.rowLeft {
	padding-left: 11px;
}
table.tableHeader tr.big td.rowLeft span {
	color: #737373;
}
table.tableHeader td.rowRight {
	padding-right: 11px;
	/*border-right: 1px solid #e9e9e9;*/
}
table.tableHeader td a.light {
	color: #8e9195;
}

#CatalogueLeftItems h2,#CatalogueRightItems h2 { padding: 0px 0px 1px 0px; margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold; width: 248px; }
#CatalogueLeftItems { padding: 10px 8px 0px 8px; margin: 0px 0px 0px 0px; float: left; width: 360px; }
/*#CatalogueLeftItems h1 { padding: 0px 0px 1px 0px; margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold; border-bottom: 1px dashed #424647; width: 360px; }*/
#CatalogueLeftItems ul.Parent_Cats { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 360px; }
#CatalogueLeftItems ul li.Parent_Li { padding: 0px 0px 4px 15px; margin: 0px 0px 0px 0px; width: 348px; float: left; font-size: 14px; background: transparent url(icons/arrow_000_small.png) no-repeat 0px 0px; }
#CatalogueLeftItems ul.Sub_Cats { list-style: none; padding: 3px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 348px; }
#CatalogueLeftItems ul li.Sub_Li { padding: 0px 0px 4px 12px; margin: 0px 0px 0px 0px; width: 160px; float: left; font-size: 11px; background: transparent url(icons/breadArrow.gif) no-repeat 0px 2px; }
#CatalogueLeftItems ul li.Sub_Li a,  #CatalogueLeftItems ul li.Sub_Li a:visited { text-decoration: none; color: black; }
#CatalogueLeftItems ul li a, #CatalogueLeftItems ul li a:visited, #CatalogueRightItems a, #CatalogueRightItems a:visited { text-decoration: none; color: blue; }

#CatalogueRightItems { padding: 10px 0px 0px 0px; margin: 0px 0px 0px 380px; }
/*#CatalogueRightItems h1 { padding: 0px 0px 1px 0px; margin: 0px 0px 5px 0px; font-size: 14px; font-weight: bold; width: 248px; border-bottom: 1px dashed #424647; }*/
#CatalogueRightItems ul { list-style: none; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 100%; }
#CatalogueRightItems li { padding: 0px 0px 4px 12px; margin: 0px 0px 0px 0px; width: 42%; float: left; background: transparent url(icons/breadArrow.gif) no-repeat 0px 2px; }


/* ----- BUTTONS ----- */
.AlertExportModeMin  { border: 1px solid #F4E887; background: #FCFAE4 url(http://www.somcan.com/intranet/includes/css/icons/disks.png) no-repeat 12px 17px; }
.AlertExportMode  { border: 1px solid #F4E887; background: #FCFAE4 url(http://www.somcan.com/intranet/includes/css/icons/disks.png) no-repeat 12px 14px; }

.pageLvlInnerError  { border: 1px solid #FBC2C4; background: #FDF1F1 url(http://www.somcan.com/intranet/includes/css/icons/cross_circle_frame.png) no-repeat 12px 17px; }
.pageLvlInnerOK  { border: 1px solid #C6D880; background: #E6EFC2 url(http://www.somcan.com/intranet/includes/css/icons/tick_circle_frame.png) no-repeat 12px 17px;}
.pageLvlInnerWarning  { border: 1px solid #F4E887; background: #FCFAE4 url(http://www.somcan.com/intranet/includes/css/icons/exclamation_frame.png) no-repeat 12px 17px; }
.pageLvlInnerInformation  { border: 1px solid #C2E1EF; background: #E4F4FC url(http://www.somcan.com/intranet/includes/css/icons/information_frame.png) no-repeat 12px 17px; }



.alert { font: 12px; margin:0px 0px 10px 0px; float: left; width: 100%; }
.AlertExportModeMin , .AlertExportMode, .pageLvlInnerError, .pageLvlInnerOK , .pageLvlInnerWarning, .pageLvlInnerInformation { min-height: 30px; padding-right: 8px;  padding-top: 10px; padding-bottom: 9px; }
.alert p { line-height: 16px; padding: 0px 8px 8px 0px; margin-left: 40px; } 

.alert p.alertTitleShort { font-size: 16px; font-weight: bold; text-align: left; padding: 0px 0px 4px 0px; margin: 3px 0px 0px 40px; width: 50%; float:left; }
.alert p.alertTitle{ font-size: 16px; font-weight: bold; text-align: left; padding: 2px 0px 4px 0px; margin: 0px 0px 0px 40px; width: 100%;  }





#ItemList { width: 100%; margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; }
#ItemList ul.Items { list-style: none; }
#ItemList ul.Items li { float: left; margin: 0px 0px 10px 0px; padding: 15px 5px 5px 5px; width: 148px; height: 300px; overflow:hidden; }
#ItemList ul.Items li.alt { background-color: #F1EEE5; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
#ItemList ul.Items li.dead { background-color: #FFE4E1; }
#ItemList ul.Items li.alt_dead { background-color: #FFE4E1; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }
#ItemList ul.Items li.alt img.ProductView, #ItemList ul.Items li.alt_dead img.ProductView, #ItemList ul.Items li.dead  img.ProductView { border: 1px solid #CCCCCC; }
#ItemList ul.Items li img.ProductView { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; border: 0px; text-align: center; width: 142px; height: 132px; }
#ItemList ul.Items li p { padding: 4px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; text-align: left; width: 148px; }
#ItemList ul.Items li p.ModelNum a { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-weight: bold; color: #c60; }
#ItemList ul.Items li p.ModelNum input{ padding: 0px 0px 0px 0px; margin: 3px 0px 0px -3px; }


#page-head { border-top:1px solid #424647; border-bottom:1px solid #424647; background: #e6e6e6; float: left;  width: 100%; margin: 0px; padding: 0px; }
#page-head p { float: left; width: 380px; padding: 0px; margin: 0px; }
#sub_head { width: 100%; float: left; padding: 0px; margin: 0px; }

.PageOptions {  float: left; width: 180px; padding: 0px 8px 0px 8px; margin: 0px 0px 0px 0px; }

.Paginate {  float: right; text-align: center; padding: 0px 4px 4px 4px; margin: 0px 0px 0px 0px; width: 430px; }
.Paginate ul { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style: none;  }
.Paginate a { color: #fff; background-color: #424647; padding: 2px 5px 2px 5px; }
.Paginate a:visited { color: #fff; background-color: #5F5C55; padding: 2px 5px 2px 5px; }
.Paginate a:hover { text-decoration: none; color: #fff; background-color: #5D5557; padding: 2px 5px 3px 5px; }
.Paginate ul li { float: left; margin: 4px 0px 0px 5px; padding: 3px 1px 4px 1px; color: #000;  text-align: center;  background-color: #424647;  font-weight: bold;  }
.Paginate ul li.dots { background-color: #F1EEE5; border: 0px; }
.Paginate ul li.active {  background-color: #fff; color: #424647; padding: 2px 5px 3px 5px; border: 1px solid #424647; }
.Paginate ul li.move_active { background: #424647;	color: #fff; }
.Paginate ul li.move_dead { background: #BDB9B8; color: #424647; padding: 3px 4px 4px 4px; }
.Paginate ul li.move_active_rt { background: #424647; color: #fff; }
.Paginate ul li.move_dead_rt { background: #BDB9B8; color: #424647; padding: 3px 4px 4px 4px; }
.Paginate b { padding: 0px 3px 0px 3px; text-decoration: none; }


.AltImages { float:left; width: 302px;}
.AltImages p b { color:#666; padding-right: 5px;}
.AltImages p.Warning  { margin: 8px 0px 8px 0px; padding: 7px 8px 8px 35px; border: 1px solid #F4E887; background: #FCFAE4 url(../intranet/includes/css/icons/exclamation_frame.png) no-repeat 12px 8px; }
.AltImages p.newitemalt,.AltImages p.pricechangealt,.AltImages p.itemupdatealt,.AltImages p.itemoffboalt,.AltImages p.modelchangealt,.AltImages p.itemonboalt,.AltImages p.offclearancealt,.AltImages p.itemdisabledalt,.AltImages p.addtoclearancealt,.AltImages p.itemenabledalt,.AltImages p.addedalt,.AltImages p.arrowalt { background-color: #F4F9FF; border-bottom: 1px solid #eee; padding: 8px 6px 8px 30px; }
.AltImages p.newitem,.AltImages p.pricechange,.AltImages p.itemupdate,.AltImages p.itemoffbo,.AltImages p.itemonbo,.AltImages p.offclearance,.AltImages p.modelchange,.AltImages p.itemdisabled,.AltImages p.addtoclearance,.AltImages p.itemenabled,.AltImages p.added,.AltImages p.arrow { border-bottom: 1px solid #e9e9e9; padding: 8px 6px 8px 30px; }
.AltImages p.arrow,.AltImages p.arrowalt { background-image: url(./icons/images_arrow.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.pricechange,.AltImages p.pricechangealt,.AltImages p.itemonbo,.AltImages p.itemonboalt { background-image: url(./icons/exclamation_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.itemupdate,.AltImages p.itemupdatealt,.AltImages p.offclearance,.AltImages p.offclearancealt,.AltImages p.addtoclearance,.AltImages p.addtoclearancealt  { background-image: url(./icons/information_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.modelchange,.AltImages p.modelchangealt{ background-image: url(./icons/information_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.itemdisabled,.AltImages p.itemdisabledalt { background-image: url(./icons/cross_circle_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.itemenabled,.AltImages p.itemenabledalt,.AltImages p.itemoffbo,.AltImages p.itemoffboalt  { background-image: url(./icons/tick_circle_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }
.AltImages p.added,.AltImages p.addedalt,.AltImages p.newitem,.AltImages p.newitemalt { background-image: url(./icons/plus_circle_frame.png); background-position: 8px 8px; background-repeat: no-repeat; }		
.AltImages p.title  { margin-top: 6px; width: 296px; background: #424647; color: #fff; padding: 6px 0px 8px 6px; font-weight: bold; }
.AltImages p.cloud {font-size: 15px; padding-top: 5px; }
.AltImages img { float: left; margin-top: 6px; margin-right: 10px; border: 1px solid #eee; height: 92px; width:92px; }
.AltImages img.last { margin-right:0px;  float: right; }
.ProductInfoBox { float: left;}
.ProductInfoBox p  { padding: 10px 0px 1px 0px; font-size: 12px; }
.ProductInfoBox ul.features { list-style: none; padding-bottom: 20px; } 
.ProductInfoBox ul.features li { background: url('../intranet/includes/css/icons/arrow_000_small.png') no-repeat 0px 4px; padding: 4px 0px 4px 20px; }
.ProductInfoBox ul.features li p { padding: 0px; margin: 0px; }


.ImageAndInfo { padding: 0px 0px 0px 0px; margin: 6px 0px 0px 0px; float: left; width: 210px; }
.ImageAndInfo img { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; width: 200px; height: 200px; border: 1px solid #CCCCCC; }
.ImageAndInfo ul.Links {list-style:none; }

.CatImageAndInfo { padding: 0px 0px 0px 0px; margin: 6px 0px 0px 0px; float: left; width: 310px; }
.CatImageAndInfo img { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: left; border: 1px solid #CCCCCC; }
.CatImageAndInfo ul.Links {list-style:none; }

#BrandLinks { padding: 0px 0px 0px 0px; margin: 15px 0px 0px 0px; float: right; width: 640px; }
#BrandLinks p.LftLink { float: left; width: 235px; background: #e6e6e6 url(icons/Expand.jpg) no-repeat 0px 0px; border: 1px solid #CCCCCC; }
#BrandLinks p.LftLink  a, #BrandLinks p.LftLink  a:visited{ padding: 6px 0px 7px 33px; color: #424647; font-size: 11pt; font-weight: bold; font-family: arial, verdana, sans-serif; }
#BrandLinks p.LftLink  a:hover { color: #c60;}
#BrandLinks p.RhgtLink { float: right; width: 355px; padding: 1px 0px 3px 33px; background: #e6e6e6 url(icons/Expand.jpg) no-repeat 0px 0px; border: 1px solid #CCCCCC; }
.AllData { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; width: 400px; }
.AllData p { padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; line-height: 16px; width: 400px; }
.AllData p.Prices { padding: 5px 0px 5px 10px; margin: 0px 0px 0px 0px; }
.AllData p.Prices b { font-size: 14pt; font-weight: normal; }

.AllCatData { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; float: right; width: 640px; }
.AllCatData p { padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; line-height: 16px; width: 640px; }

#PrdDescription ul { padding: 2px 0px 10px 0px; width: 100%; list-style: disc; }
#PrdDescription ul li { width:100%; float: left; background: transparent url(images/grydot.gif) no-repeat 3px 3px; padding: 1px 0px 1px 22px; }
#PrdDescription blockquote { padding: 20px; }

#Features ul.FeaturedList { padding: 2px 0px 10px 0px; width: 640px; list-style: none; }
#Features ul.FeaturedList li.title { width:100%; /*float: left; width: 648px; font-weight: bold; font-size: 14px; */ padding: 0px 0px 2px 0px; margin: 5px 0px 3px 0px; color: #1B57AA; font-size: 18px; font-weight: normal; }
#Features ul.FeaturedList li { float: left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#Features ul.FeaturedList li p { float: left; background: transparent url(icons/bluedot.gif) no-repeat 5px 4px; padding: 1px 0px 1px 16px; }


#ItemDetails { float: right; width: 640px; padding: 0px 0px 0px 0px; margin: 8px 0px 8px 0px; }
#ItemDetails ul.LeftInfo { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; width: 640px; float: left; list-style: none; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#ItemDetails ul.LeftInfo li { float: left; width: 100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #CCCCCC; }
#ItemDetails ul.LeftInfo li p.label { float: left; text-align: right; width: 170px; padding: 4px 6px 4px 0px; background-color: #E7E7E7; border-right: 1px solid #CCCCCC; font-weight: bold; }
#ItemDetails ul.LeftInfo li p.data { float: right; width: 460px; padding: 4px 0px 4px 2px; }
#ItemDetails ul.LeftInfo li.title { float: left; font-weight: bold; width: 630px; padding: 4px 0px 4px 10px; background: #424647; color: #fff; }
#ItemDetails ul.RightInfo { padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; width: 400px; float: right; list-style: none; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
#ItemDetails ul.RightInfo p { width: 355px; padding: 0px 0px 0px 0px; margin: 0px 0px 6px 0px; }
#ItemDetails ul.RightInfo li.dims { float: left; width:350px; padding: 4px 0px 4px 10px; border-bottom: 1px solid #CCCCCC; font-size: 10pt; }
#ItemDetails ul.RightInfo li.title { float: left; font-weight: bold; width: 350px; padding: 4px 0px 4px 10px; background-color: #424647; border-bottom: 1px solid #CCCCCC; color: #fff; }
#ItemDetails ul.RightInfo li b { font-size: 7pt; }




input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

#username-not-uniq {
	margin: 3px 0 0px 0px;
	padding: 5px;
	background-color: #FF3300;
	color: #FFF;
	font-weight: bold;
}

.validation-advice { margin: 3px 0 0px 0px; padding: 8px; background-color: #FF3300; color: #FFF; font-weight: bold; }
.custom-advice { margin: 5px 0; padding: 5px; background-color: #C8AA00; color: #FFF; font-weight: bold; }

.formBG {
	background: #777F81;
	padding: 0;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	/* Give content layout to fix IE7 bug with 100% width tables  */
	zoom: 1.0;
}

.formWrapper {
	/*padding: 2px 15px;*/
}

.formContainer {
	margin: 3px 0 0px 0;
	background: #f4f4f4;
	padding: 3px;
	line-height: 1.2;
	/* Give content layout to fix IE7 bug with 100% width tables  */
	zoom: 1.0;
}


table.grid td.label { width: 150px; font-weight: bold; vertical-align: top; text-align:right; padding-bottom: 9px; padding-top: 11px; padding-right: 6px; }
table.grid td.fullrow { padding:0px;}


table.grid td { padding: 4px; }

.formContainer div.clearfix {
	padding: 4px;
}
.formContainer div.clearfixError {
	padding: 4px;
}

.formContainer input { padding: 5px 4px; border: 1px solid #666; margin: 0px; }
.formContainer input.HasFocus {  border: 1px solid #3FC750; } 
.formContainer input.NoBorder { border:none;  margin-top: 4px;}

.clearfixError textarea.full {
	width: 90%;
}

.formContainer input.defaultText { color: silver; } 


.confirmCase {
	margin: 5px 0 10px 0;
	background: #e4e4e4;
	padding: 15px 15px 10px 15px;
	line-height: 1.2;
}
.confirmCase p {
	font-size: 12px;
	padding: 4px 0 5px 20px;
}

table.grid td.ImgPreview { height: 40px; margin:0px; padding: 0px; }


table.tableHeader th.sectionTitle span a {
	color: #3081dd;
	text-decoration: underline;
}
.formBG h3 { height:31px; float:left; width:100%;}
.formBG h3.contactus  span, .formBG h3.companyinfo span,.formBG h3.userinfo span { display:none; }

.formBG h3.companyinfo  { background: transparent url(./images/companyinfo_header.jpg) no-repeat; }
.formBG h3.userinfo  { background: transparent url(./images/userinfo_header.jpg) no-repeat; }
.formBG h3.contactus  { background: transparent url(./images/contactus_header.jpg) no-repeat; }



/*
 * jQuery Nivo Slider v1.8
 * http://nivo.dev7studios.com
 *
 * Copyright 2010, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * March 2010
 */
 
 
#slider { background:#e1e1e1 url(./images/ajax-loader.gif) no-repeat 50% 50%; width: 100%;  float: left; padding:0px; margin:10px 0px 10px 0px; }

#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

#slider a {
	border:0;
}

.nivo-controlNav {
	width: 100%; 
	float: left;
	margin-top:-15px;
}
.nivo-controlNav a {
	display:block;
	width:10px;
	height:10px;
	background:url(./images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:right;
}
.nivo-controlNav a.active {
	background-position:-10px 0;
}

.nivo-directionNav a {
	display:block;
	width:32px;
	height:34px;
	background:url(./images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;
}


/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}