/* +++++++++++++++++++++++ SITEMAP VIEW ++++++++++++++++++++++++++*/

body            {font-family:Arial;margin:0;padding:0;}




#leftFrame      {float:left;width:200px; height:100%; margin-top:5px;   background-color:#EFEFEF; }
#mainContainer  {position:relative; overflow:hidden;  border:1px #A9A9A9 solid; top:5px;float:left;}
#mainCanvas     {position: absolute ; border:1px solid #CEDDFB; width:7000px; height:7000px;padding:0; background:url(../images/grid.gif) top left repeat; }

#LogoutButton {position:absolute; right:10px; top:10px;}
#LogoutButton a {color:#A0A0A0; font-size:80%; text-decoration:none;}
#LogoutButton a:hover {text-decoration:underline;}

.dragHeader     {width:100%; cursor:move;}
.LinkButtonDiv  {width:15px; height:10px; margin-right:5px; float:right;display:inline;line-height:0px; font-size:0;}
.pageMenu       {width:15px; height:10px; margin-left:5px; float:left;display:inline;line-height:0px; font-size:0;}
.dragHeaderTitle{height:15px; width:96px; font-size:110%; background-color:#3DB3BA; margin-left:1px; clear:both;}

.dragHeader span { float:left; display:inline; margin-left:2px; color:White; }
.dragMain       {background:URL(../images/pageimg.gif) top left no-repeat;}
.dragMain       {position:absolute; height:65px; width:100px;  padding:0; margin:0;z-index:1;}
.dragMain span  {font-size:60%}
.dragMain a     {color:Green;text-decoration:none;}
.dragMain a:hover  {text-decoration:underline;}


#ToolBox        {height:115px;width:100px;Background-color:Silver;opacity:.75;filter: alpha(opacity=75); border:black 1px dotted;text-align:center;z-index:1000;}

.LineConnector  {background-color:red; border:none; position:absolute; font-size:0px; line-height:0px; z-index:0; padding:0; margin:0; overflow: hidden;}


.pageEdit       {float:left; width:18px;  height:18px; background:url(../images/edit.gif) top left no-repeat; margin:15px 0 0 2px; display:inline;}
.pageProperties {float:left; width:18px;  height:18px; background:url(../images/properties.gif) top left no-repeat; margin:15px 0 0 1px; display:inline;}
.pagePreview    {float:left; width:18px;  height:18px; background:url(../images/preview.gif) top left no-repeat; margin:15px 0 0 1px; display:inline;}
.pageAdd        {float:left; width:18px;  height:18px; background:url(../images/newpage.gif) top left no-repeat; margin:15px 0 0 1px; display:inline;}
.pageDelete     {float:left; width:18px;  height:18px; background:url(../images/delete.gif) top left no-repeat; margin:15px 0 0 1px; display:inline;}

/* Top Navigation */
.pc_unselectedTopNavigationTab  {border:1px solid #DEDEDE;float:left;font-size:70%;color:#646464;margin-top:10px;cursor:pointer;padding:2px;height:17px;font-weight:normal;text-decoration:none;background-color:White;}
.pc_selectedTopNavigationTab    {border-top:1px solid #DEDEDE;border-left:1px solid #DEDEDE;border-right:1px solid #DEDEDE;float:left;font-size:70%;color:#646464;margin-top:6px;cursor:pointer;padding:2px;height:22px;font-weight:bold;text-decoration:none;background-color:White;}
.pc_TopNavigationTabSeperator   {border-bottom:1px solid #DEDEDE;margin-top:10px;height:22px;float:left;width:2px;background-color:White;}
.pc_TopNavigationFinishLine     {border-bottom:1px solid #DEDEDE;margin-top:0px;height:32px;width:auto;background-color:White;}

/* Site Map Mini View */
#WindowViewOuterContainer   {height:150px;width:190px;border-top:1px solid #A9A9A9;border-left:1px solid #A9A9A9;background-color:#EFEFEF;position:absolute;}
#WindowViewContainer        {background-color:White;height:140px;width:180px;border:1px solid #A9A9A9;overflow:hidden; position:absolute;top:8px;left:8px;}

#mainCanvas_mini            {position: absolute ;  width:7000px; height:7000px;padding:0; background-color:#E7E7E7; cursor:move;}
#mainCanvas_mini .dragHeader, #mainCanvas_mini .LinkButtonDiv {cursor:default;}
#mainCanvas_mini a, #mainCanvas_mini .LinkButtonDiv,#mainCanvas_mini .pageEdit,#mainCanvas_mini .pageProperties,#mainCanvas_mini .pagePreview,#mainCanvas_mini .pageAdd,#mainCanvas_mini .pageDelete {cursor:default;}
#mainCanvas_mini .LineConnector {display:none;}

#WindowViewerGreenBox         {position:absolute;border:1px solid green;  }
#WindowViewerGreenBox_Inner  {width:100%;height:100%;background-color:green;opacity:.08;filter: alpha(opacity=8);}

#zoomin                     {position:absolute;top:3px; left:168px; width:9px; height:9px;background:url(../images/plus.gif) top left no-repeat;}
#zoomout                    {position:absolute;top:3px; left:155px; width:9px; height:9px;background:url(../images/minus.gif) top left no-repeat;}

#pc_PageMngr_ContextMnu         {background-color:#EBEBEB; border:1px solid #676767; position:absolute;z-index:99999999;opacity:.85;filter: alpha(opacity=85);}
#pc_PageMngr_ContextMnu .MnuItem{height:16px; font-size:60%; color:Black;cursor:pointer; width:90px;padding:3px 0 0 3px;}
#pc_PageMngr_ContextMnu .MnuItem:hover{background-color:#909090; color:White;}


/* Left Side */
#PureClarityLogo    {background:url(../images/pclogo.gif) top left no-repeat; margin:10px 0 0 12px;height:39px;width:168px;}
.sitemapButton      {margin-left:10px;}
.sitemapButtonSeperator {margin-left:10px;}
#leftNavAddress     {font-size:60%;text-align:center;margin:150px 15px 0 0;}

/* *** DataScheme Styleinh *** */
#DataSchemeContainer{overflow:auto;  border:1px #A9A9A9 solid; float:left; width:137px;margin:5px 0 0 5px; text-align:center;background-color:White; height:0;}

#DataSchemeContainer .DataScheme 
                    {width:100px; margin-top:15px;}
.DataScheme .DeleteDataScheme   
                    {height:9px;width:9px;background:url(../images/close_window.gif) top left no-repeat;float:right;display:none;}
.DataScheme .DataSchemeImage     
                    {height:63px;width:62px;margin:3px 0 3px 0;clear:right;}
#DataSchemeContainer .DataSchemeName 
                    {font-size:70%;color:Black;width:100px;}

.DataSchemeItemHeader{color:white;width:495px; height:18px;border-top:1px solid #5A5A5A;border-left:1px solid #5A5A5A;border-right:1px solid #5A5A5A;margin:10px 0 0 10px;background-color:#5A5A5A;font-weight:bold;float:left;font-size:90%;}
#DataSchemeItemsList{width:495px; height:152px;border:1px solid #5A5A5A;margin:0 0 0 10px;background-color:#E8E8E7;float:left;overflow:auto;overflow-x:hidden;}
.DataSchemeItemHeader{font-weight:bold;}
.DSIName            {float:left;width:410px;margin:2px 0 0 2px;}
.DSIDate            {float:left;margin:2px 0 0 0;}
.MoveButtons        {margin:12px 0 0 10px;width:30px}


.DataSchemeItem     {width:100%;font-size:70%;border-bottom:1px solid black;background-color:white;cursor:pointer;}
.DataSchemeItem_Selected {width:100%;background-color:#3DB3BA;color:White;font-size:70%;border-bottom:1px solid black;cursor:pointer;}




/* ++++++++++++++++++++++++ CANVAS PAGE EDIT MODAL ++++++++++++++++++++++++++ */
.ModalPopUp     { width:330px;background-color:White; text-align:left;}
.CanvasModal    {background-color:Black; opacity:.25;filter: alpha(opacity=25);}


.productcontainer {border:1px dashed silver}

#AjaxLoader     {font-size:70%;color:#B3E830;float:right;margin:10px 20px 0 0;display:none;}
#AjaxLoader span{float:left;margin:2px 0 0 5px;}
#AjaxLoader img {float:left;}

/* ++++++++++++++++++++++++ ProductManagement +++++++++++++++++++++++++++++++ */

#ProductCategories  {height:100%; overflow:auto;width:290px;padding:0;margin:0;margin-top:10px;margin-left:5px;border-right:1px solid #B4E1A3;}



.ProductRow         {}
.ProductRowHeader {background-color: #BDE5AF; color:White;font-size:70%; }
.ProductRowHeader span {margin-right:5px;}
.ProductRow td  {margin:0px 0px 0 0;font-size:70%; border-bottom:1px #BDE5AF solid;}

.ProdSave       {width:21px; height:21px; background:url(../images/edit.gif) top left no-repeat; cursor:pointer;margin-top:3px; margin-left:2px;}
.ProdDelete     {width:21px; height:21px; background:url(../images/Cancel.gif) top left no-repeat; cursor:pointer;margin-left:2px;}

/* Filed Mapping modal */
#FieldMappingContainer  {}



/* Content Block Editing */
.pc__ContentBlock_editmode      {}
.pc__ContentBlock_editmodeBorder{position:absolute;z-index:9999;background:url(../images/editborder.gif) top left repeat;line-height:1px; font-size:0px;}
.pc__ContentBlock_editmodeBorder_RED{position:absolute;z-index:9999;background:url(../images/editborder_red.gif) top left repeat;line-height:1px; font-size:0px;}
.pc__ContentBlock_editmode2     {background-color:#B3E830;opacity:0.6;filter: alpha(opacity=60);}
.pc__ContentBlock_editmode3     {background-color:red;opacity:0.6;filter: alpha(opacity=60);}
.pc__ContentBlock_runmode       {}

/* Context Menu */
#pc_Container_ContextMnu         {background-color:#EBEBEB; border:1px solid #676767; position:absolute;z-index:99999999;opacity:.85;filter: alpha(opacity=85);}
#pc_Container_ContextMnu .MnuItem{height:16px; font-size:11px; color:Black;cursor:pointer; width:90px;padding:3px 0 0 3px;}
#pc_Container_ContextMnu .MnuItem:hover{background-color:#909090; color:White;}
#pc_Container_ContextMnu .MnuSep {height:1px; font-size:0px; background-color:#909090;width:93px;}

#pc_Generic_ContextMnu         {background-color:#EBEBEB; border:1px solid #676767; position:absolute;z-index:99999999;opacity:.85;filter: alpha(opacity=85);}
#pc_Generic_ContextMnu .MnuItem{height:16px; font-size:11px; color:Black;cursor:pointer; width:90px;padding:3px 0 0 3px;}
#pc_Generic_ContextMnu .MnuItem:hover{background-color:#909090; color:White;}
#pc_Generic_ContextMnu .MnuSep {height:1px; font-size:0px; background-color:#909090;width:93px;}

.VariantProperties .PriceBanding                        {width:515px;border:1px solid #8CB9DA;font-size:80%;margin:10px 0 10px 0; width:515px;}
.VariantProperties .PriceBanding table                  {width:515px;}
.VariantProperties .PriceBanding table thead            {font-size:95%;font-weight:bold;}
.VariantProperties .PriceBanding table td input         {font-size:90%;}
.VariantProperties .PriceBanding table td .Price        {width:95%;}
.VariantProperties .PriceBanding table td .PriceText    {width:95%;}
.VariantProperties .PriceBanding .AddPriceBand          {float:right;}
.VariantProperties .PriceBanding .AddPriceBand .Button  {font-size:90%;}


/* ++++++ TOP EDITOR BAR ++++++ */
.TabContainer                   {font-size:65%;margin:-28px 0 0px 15px;height:27px;width:570px;z-index:1;}
.TabContainer div               {cursor:pointer;float:left;width:102px;height:27px;margin-left:10px;}
.TabContainer span              {float:left; margin:10px 0 0 4px; width:75px;text-align:center;color:#5A5A5A;}
.TabContainer .TabSelected      {background:url(../images/selectedtab.gif) top left no-repeat;float:left;}
.TabContainer .TabNotSelected   {background:url(../images/unselectedtab.gif) top left no-repeat;float:left;}
.TabContainer .PureClarityLogo  {background:url(../images/pclogomini.gif) top right no-repeat;float:right;width:92px; height:22px;}
.tablineseperator               { border-top:1px solid #DADADA;height:1px;width:570px;line-height:1px;font-size:1px;margin:42px 0 0 15px;z-index:-1;}


/* Modal Popup */
#divModalPopup, .divModalPopup  {width:600px;height:350px; border:2px solid #737373;background-color:White;}
.CanvasModal                    {background-color:Black; opacity:.35;filter: alpha(opacity=35);}
.EditContainer                  { margin:15px 0 10px 15px; border:12px #5A5A5A solid;height:225px;width:546px;overflow:auto;}



#divEditButtons, .divEditButtons{ float:right; margin-right:29px;margin-top:5px; display:inline;}
#divCollectionNavButtons        { float:left; margin-left:15px;}
.ModalRow                       { min-height:20px; margin:5px 0 0 5px; text-align:left;float:left;display:inline;width:100%;}
.ModalRow .ContainerTitle       { font-size:100%; font-weight:bold;}
.ModalRow span                  { float:left; display:inline; width:180px; font-size:75%;margin-top:5px;}
.ModalRow span.RegularExpressionValidator { width:1px;}
.ModalRow span.StockLevelRegularExpressionValidator {margin-left:180px;}
.ModalRow input                 { float:left; font-size:75%;display:inline;}
.ModalRow select                { float:left; font-size:75%;width:150px;margin-right:30px;display:inline;}
.ModalRow textarea              { float:left; width:330px; }
.ModalRow .ImageContainer       { float:left; width:330px; min-height:50px; }
.ModalRow .ImageContainer span  { float:left; display:inline; width:180px; font-size:75%;margin-top:5px;}
.ModalRow .ImageContainer input { float:left; font-size:75%;width:130px;}
.ModalRow .ImageContainer .Field_ProductImage {width:160px;float:left;border:1px solid gray;text-align:center;min-height:150px;display:inline;margin-right:3px;}
.ModalRow .ImageContainer button {float:left;font-size:75%;}
.ModalRow .ImageContainer table tr td {vertical-align:middle;height:148px;}

#drpDataItems                   {width:150px;}


.RichTextDescriptionModalRow    {min-height:20px; margin:5px 0 0 5px; text-align:left;float:left;display:inline;width:100%;}
.RichTextDescriptionModalRow .ModalSpan  {float:left; display:inline; width:180px; font-size:75%;margin-top:5px;}
.PureEditor span                {float:none; display:inline; width:auto; margin:0; padding:0;}

/* +++++++++++++++ FILE MANAGER ++++++++++++++++++++++ */
#pc_FileManager                 {height:250px;width:205px; margin:0px 0 0 0px; float:left;}
#pc_FileList                    {height:250px;width:200px;float:left;border:1px solid #676767;overflow:auto; text-align:left;}
#pc_FileRightHandPane           {width:335px; height:140px;overflow:auto;float:left;}

.FileListing                    {width:310px;margin:1px 0;}
.FileListingClicked             {width:310px;margin:1px 0;background-color:Gray;}
.FileListingClicked .FileName a {color:White;}
.FileNameHeader                 {color:Black;background-color:#E8E8E7;width:310px;}
.FileExtension                  {float:left;width:20px;font-size:70%;}
.FileName                       {float:left;width:200px;font-size:70%;}
.FileName a                     {text-decoration:none;color:Black;}
.FileName a:hover               {text-decoration:underline;}
.FileSize                       {float:left;width:50px;font-size:70%;}

#ImagePreview                   {width:315px; height:115px; margin:5px 0 0 5px;float:left;}
#ImagePreview tr td             {text-align:center;vertical-align:middle;}

.FileManagerDetail              {}
.FileManagerDetail span         {float:left;font-size:60%;margin:3px 0 0 5px;width:120px;}
.FileManagerDetail input        {height:13px;}

#imageAlign select              {width:100px;}

#pc_FileMngr_ContextMnu         {background-color:#EBEBEB; border:1px solid black; position:absolute;z-index:99999999;}
#pc_FileMngr_ContextMnu .MnuItem{height:18px; font-size:75%; color:Black;cursor:pointer; width:80px;padding:3px 0 0 3px;}



#DocumentDetails                {width:334px; height:130px; margin:20px 0 0 10px;}
#DocumentDetails span           {font-size:60%;}
#DocumentDetails input          {width:128px;height:13px;}



/* ++++++++++++++++++++++++++ IMAGE MANAGER ++++++++++++++++++++++++++++++++ */

.ImageManagerBorder             {float:left;margin:5px 5px 0 0;width:117px;border:1px solid #F0F0F0;}
.ImageManagerClose              {float:right;height:8px; width:8px;background:url(../Images/close.gif) top left no-repeat;cursor:pointer}
.ImageManagerAddButton          {float:right;margin-top:5px;}
.ImageManagerLeftArrow          {float:left;height:11px;margin-top:55px;width:6px;background:url(../Images/imageleft.gif) top left no-repeat;cursor:pointer}
.ImageManagerRightArrow         {float:left;height:11px;margin:47px 0 0 0;width:6px;background:url(../Images/imageright.gif) top left no-repeat;cursor:pointer}
.ImageManagerNoArrow            {float:left;height:11px;margin:47px 0 0 0;width:6px;}

/* ++++++++++++++++++++++++++ VARIANT IMPORTER ++++++++++++++++++++++++++++++++ */
.VariantImporterHolder          {margin:5px 0 20px 5px;width:400px;clear:both;}
.VariantImporterHolder .VariantImporterErrorMessage    {color:Red;font-weight:bold;font-size:65%;}
.VariantImporterHolder .VariantImporterUpload input         {height:25px;}
.VariantImporterHolder .VariantImporterUpload .VariantUploadButton  {}


/* ++++++++++++++++++++++++ PURE CLARITY LOGIN +++++++++++++++++++++++++++++++ */

#pcDivLoginScreen     {margin-left:auto;margin-right:auto;width:1014px;height:900px;background-image:url('../images/loginscreen.jpg');background-repeat: no-repeat;}
#pcTxtUsername        {margin-left:420px;margin-top:242px;}
#pcTxtPassword        {margin-left:420px;margin-top:10px;}
#pcbtnLogin           {margin-left:610px;margin-top:-60px;}



/* ++++++++++++++++++++++++ CALENDAR SETTINGS +++++++++++++++++++++++++++++++ */
.pc_Calendar .ajax__calendar_container  {border:1px solid black; background:white;z-index:9999;font-size:70%;}
.pc_Calendar .ajax__calendar_header .ajax__calendar_prev {}
.pc_Calendar .ajax__calendar_header .ajax__calendar_title {}
.pc_Calendar .ajax__calendar_header .ajax__calendar_next        {}
.pc_Calendar .ajax__calendar_hover      {background:gray;color:White;}
.pc_Calendar .ajax__calendar_other      {color:Gray;}
.pc_Calendar .ajax__calendar_day        {}
.pc_Calendar .ajax__calendar_active     {font-weight:bold;}




/* ++++++++++++++++++++ PURE EDITOR PAGE +++++++++++++++++++++++ */

.PureEditor span                {height:auto;margin:auto;}
.ToolBoxBtn                     {font-size:80%;color:black;text-decoration:none;}
.divToolBox                     {z-index:9999;Background:#E4F7B7;width:100%;min-height:24px;border-bottom:1px solid #B3E830;}
.PureEditorBtn                  {float:left;cursor:pointer;font-size:8pt;color:black;text-decoration:none;margin-top:1px;}
.PureEditorBtn_Selected         {float:left;cursor:pointer;font-size:8pt;color:black;text-decoration:none;margin-top:1px;Background:#B3E871;}
.PureEditorBtn img:hover        {Background:#B3E830;} 
.PureEditorBtn_Selected img:hover        {Background:#B3E830;} 
.PureEditorBtn select           { height:21px; margin-top:0px;}
.PureEditorSeperator            {float:left;height:23px;margin:0 2px 0 2px;}
.PureEditorSeperator .line      {width:1px;height:20px; margin:2px 0 0 0;background-color:#B3E830; } 
P                               {margin:0;}
.Top_TemplateDiv                {border-top:1px dashed #676767; border-left:1px dashed #676767; border-right:1px dashed #676767; background-color:#E4F7B7; font-size:70%;width:80px;height:16px;text-align:center;cursor:pointer;}
.divToolBox select              {width:auto;margin:1px 0 0 0;font-size:100%;}



/* Added to stop downdown menus working (as they mess with the content areas) */
.DropDownList ul.Level1 > li:hover > div {display: none; top: 100%; }
/* Promo Styles Start */

.QualifyProducts {margin-left:20px;}
.QualifyProducts table {font-size:65%;}
.QualifyProducts table tr td {border-bottom:1px solid #F0F0F0; padding:6px 3px 5px 3px;}
.QualifyProducts table thead tr {font-weight:bold; border-top:2px solid #7BA4E0; border-bottom:2px solid #C5C2B2; width:100%;}
.QualifyProducts table thead td {border-right:1px solid #C5C2B2; border-top:2px solid #7BA4E0; border-bottom:2px solid #C5C2B2; padding:6px 3px 5px 3px;background-color:#F0F0F0;}
.QualifyProducts table thead td.Name {width:300px;}
.QualifyProducts table thead td.Code {width:100px;}
.QualifyProducts table thead td.Price {width:50px;}
.QualifyProducts table thead td.Delete {width:50px;}

.QualifyProducts table tfoot td {border-right:1px solid #C5C2B2; border-bottom:2px solid #7BA4E0; border-top:2px solid #C5C2B2; padding:3px 3px 3px 3px;background-color:#F0F0F0;}


.QualifyProducts table tr td .Button {border:0;}

.QualifyProducts .UploadCSV {}
.ErrorMessage    {color:Red;font-weight:bold;font-size:65%;}
.Example {font-size:65%;}

/* Promo Styles End */

/* VAT Management Start */

.VATManagement {margin-left:20px;}
.VATManagement table {font-size:65%; width:400px; margin:10px;}
.VATManagement table tr td {border-bottom:1px solid #F0F0F0; padding:6px 3px 5px 3px;}
.VATManagement table thead tr {font-weight:bold; border-top:2px solid #7BA4E0; border-bottom:2px solid #C5C2B2; width:100%;}
.VATManagement table thead td {border-right:1px solid #C5C2B2; border-top:2px solid #7BA4E0; border-bottom:2px solid #C5C2B2; padding:6px 3px 5px 3px;background-color:#F0F0F0;}

.VATManagement table tfoot td {text-align:center; border-right:1px solid #C5C2B2; border-bottom:2px solid #7BA4E0; border-top:2px solid #C5C2B2; padding:3px 3px 3px 3px;background-color:#F0F0F0;}

.VATManagement p {font-size:65%;width:400px;}

/* VAT Management End */