/* CSS Document */
body { margin: 0; padding: 0; height: 100% !important; font-family: Arial, Helvetica, sans-serif; font-size: 95%; background: url(/portals/0/images/layout/body_bg.jpg) repeat-x; background-color: #CC1531; }

h3 { margin: 0; padding: 0; color: #0570A9; font-size: 12px; }
h4 { color: #CC0000; font-size: 15px; margin-top: 22px; margin-bottom: 19px; font-weight: bold; }
ol, ul { font-size: 12px; }
ol li, ul li { margin-bottom: 7px; }
.bodyCopy { color: #7C8081; margin-left: 25px; margin-right: 35px; }
.blueCopy { color: #0570A9; }
.bodyCopy ul { list-style: square outside url(/portals/0/images/layout/bullet-red.gif); }
.red {color: #CC0000;}
#header { width: 300px; height: 88px; display: block; position: relative; clear: both; top: 25px; left: 30px; }
#headerCatalogue { width: 166px; height: 68px; display: block; position: relative; clear: both; top: 5px; left: 5px; }
#maincontainer { margin: -20px auto 0 auto; width: 810px !important; height: 100% !important; text-align: left; overflow: visible; display: block; position: relative; background: url(/portals/0/images/layout/right_solid_dropshadow.jpg) right bottom repeat-y; }
#maincontainer_1024 { margin: -20px auto 0 auto; width: 1024px !important; height: auto; text-align: left; overflow: hidden; display: block; position: relative; background: url(/portals/0/images/layout/right_solid_dropshadow.jpg) right bottom repeat-y; }
#maincontainer_full { margin: -20px auto 0 auto; height: auto; text-align: left; display: block; position: relative; }
#maincontainer { margin: -20px auto 0 auto; width: 810px !important; height: 100% ; text-align: left; overflow: hidden; display: block; position: relative; background: url(/portals/0/images/layout/right_solid_dropshadow.jpg) right top repeat-y; }
#maincontainer_1024 { margin: -20px auto 0 auto; width: 1024px !important; height: auto; text-align: left; overflow: hidden; display: block; position: relative; background: url(/portals/0/images/layout/right_solid_dropshadow.jpg) right bottom repeat-y; }
#maincontainer_full { margin: -20px auto 0 auto; height: auto; text-align: left; display: block; position: relative; }
#maincontainer_Cat { margin: -20px auto 0 auto; width: 100% !important; height: auto; text-align: left; overflow: hidden; display: block; position: relative; }
h2 { font-size: 16px; font-weight: bold; color: #CC0000 !important; margin-top: 0; }
.Content { position: relative; top: 0px; }
div.content a { text-decoration: none; color: #0570A9; }
div.content a:hover { text-decoration: underline; color: #0570A9; }
div#content a { text-decoration: none; color: #0570A9; }
div#content a:hover { text-decoration: underline; color: #0570A9; }
#ktas_link { text-decoration: none; color: #0570A9; }
#ktas_link:hover { text-decoration: underline; color: #0570A9; }
.content .redboxContainer a { color: #ffffff; }
.content .redboxContainer a:hover { color: #ffffff; text-decoration: underline; }
#leftdropshadow { background: url(/portals/0/images/layout/left_gradient_dropshadow.jpg) no-repeat; width: 15px; height: 400px; position: absolute; display: block; }
#rightdropshadow { background: url(/portals/0/images/layout/right_gradient_dropshadow.jpg) no-repeat; width: 15px; height: 400px; position: absolute; top: 0; left: 795px; display: block; }
#rightdropshadow_1024 { background: url(/portals/0/images/layout/right_gradient_dropshadow.jpg) no-repeat; width: 15px; height: 400px; position: absolute; top: 0; left: 1009px; display: block; }

#rightdropshadow_full { background: url(/portals/0/images/layout/right_gradient_dropshadow.jpg) no-repeat; width: 15px; height: 400px; position: absolute; top: 0; left: 99%; display: block; }
#homepage-container { background: #fff url(/portals/0/images/layout/left_solid_dropshadow.jpg) repeat-y; width: 795px; height: auto; text-align: left; background-color: #FFFFFF; overflow: hidden; position: relative; }
#homepage-container_1024 { background: #fff url(/portals/0/images/layout/left_solid_dropshadow.jpg) repeat-y; width: 1009px; height: auto; text-align: left; background-color: #FFFFFF; overflow: hidden; position: relative; }
#homepage-container_cat { width: 100%; height: auto; text-align: left; background-color: #FFFFFF; overflow: hidden; position: relative; }
#homepage-container_full { background: #fff; height: auto; text-align: left; background-color: #FFFFFF; overflow: hidden; position: relative; }
#homepage-container { padding: 0; }
/*#container:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#container {display: inline-table;}*/
/* Hides from IE-mac \*/
/** html #container {height: 1%;}
#container {display: block;}*/
/*--------- pane style ----------*/
.DNN_UserDefinedTableContent { width: 100%; }
.TopPane, .BottomPane { margin-left: 25px; padding: 0; width: 95%; }
.ContentPane { margin-right: 0px; padding: 0; width: 585px !important; float: left; margin-left: 5px; }
.ContentPane_1024 { margin-right: 0px; padding: 0; margin-left: 25px; float: left; }
.TopPane, .BottomPane { margin-left: 25px; padding: 0; width: 95%; margin-top: 0px; }
.ContentPane_1024 { margin-right: 0px; padding: 0; margin-left: 25px; float: left; }
.ContentPane_full {overflow: auto; }
.ContentPane_cat { margin-right: 0px; padding: 0; margin-left: 0px; float: left; width: 100%; }
.ShoppingCart { padding: 0; width: 251px !important; top: 0px; position: absolute; left: 540px; text-align: right; }
.ShoppingCart_1024 { padding: 0; width: 212px !important; top: 10px; position: absolute; text-align: right; }
.LeftPane { margin-left: 3px; padding: 0; width: 176px; float: left; }
.LeftPane_1024 { margin-left: 3px; padding: 0; float: left; }
.LeftPane_full { margin-left: 3px; padding: 0; float: left; width: 180px; }
.RightPane { margin: 0; padding: 0; float: right; }

/* CSS Document */
#header-text { left: 25px; top: 125px; width: 280px; }
/* ControlPanel style */
.ControlPanel { background: transparent url(images/cpanel_center.png) repeat-x bottom left; border: none; padding-bottom: 10px; }
.cpanel_left { padding-left: 21px; }
.cpanel_right { padding-right: 21px; }
.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox { font-family: Arial, Verdana, Helvetica, sans-serif; }
.Head { color: #2E3D47; font-weight: bold; }
.SubHead { color: #4C6171; }
.SubSubHead { color: #6E8AA0; }
.NormalRed { color: #F00; }
/* style for module titles */
.Head { font-family: Arial, Helvetica; font-size: 16px; font-weight: bold; color: #333333; }
/* style of item titles on edit and admin pages */
.SubHead { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #003366; }
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: black; }
/* text style used for most text rendered by modules */
.Normal, .NormalDisabled { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; }
/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: Silver; }
/* text style used for rendered text which requires emphasis */
.NormalBold { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; }
/* text style used for error messages */
.NormalRed { font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; color: #ff0000; }
/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox { font-family: Arial, Helvetica; font-size: 12px; font-weight: normal; }
/* style to apply if the content should be hidden */
.Hidden { display: none; }
/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color: White; color: Red; font-family: Arial, Helvetica; font-size: 10px; font-weight: normal; }
/* styles used in the FileManager */
.FileManager { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 400px; }
.FileManager_ToolBar { border-bottom: black 1px solid; height: 25px; }
.FileManager_Explorer { height: 100%; border: #696969 1px solid; background-color: White; margin: 2px 2px 2px 2px; }
.FileManager_FileList { height: 100%; border: #696969 1px solid; background-color: White; margin: 2px 2px 2px 2px; overflow: auto; }
.FileManager_MessageBox { text-align: center; vertical-align: middle; background-color: White; padding: 25px 25px 25px 25px; }
.FileManager_Header { font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: #E7E7FF; background-color: #9EBFF6; border-bottom: #696969 1px solid; height: 25px; }
.FileManager_Pager { font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; background-color: #EEEEEE; border-top: #696969 1px solid; height: 25px; }
.FileManager_StatusBar { font-family: Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dedfde; height: 25px; margin: 2px 2px 2px 2px; }
.FileManager_Item { font-family: Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #F8F8F8; border-top: black 1px dashed; border-bottom: black 1px dashed; }
.FileManager_AltItem { font-family: Arial, Helvetica; font-size: 11px; font-weight: normal; color: Black; background-color: #EEEEEE; border-style: none; }
.FileManager_SelItem { font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; color: White; background-color: #99ffff; border-style: none; }
.FileManagerTreeNode { font-family: Arial, Helvetica; font-size: 11px; font-weight: normal; }
.FileManagerTreeNodeSelected { font-family: Arial, Helvetica; font-size: 11px; font-weight: normal; background-color: #dcdcdc; }
A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link { text-decoration: none; color: #003366; }
A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited { text-decoration: none; color: #003366; }
A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover { text-decoration: none; color: #ff0000; }
A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active { text-decoration: none; color: #003366; }
/* styles used in the Wizard Framework */
.Wizard { border-right: black 1px solid; border-top: black 1px solid; border-left: black 1px solid; border-bottom: black 1px solid; height: 400px; width: 650px; }
.WizardButton { border-right: #696969 1px solid; padding-right: 2px; border-top: #696969 1px solid; padding-left: 2px; padding-bottom: 2px; border-left: #696969 1px solid; padding-top: 2px; border-bottom: #696969 1px solid; background-color: #dcdcdc; }
.WizardHeader { background: #ffffcc; border-bottom: black 1px solid; height: 40px; }
.WizardFooter { border-top: black 1px solid; background: #ccffcc; height: 25px; text-align: right; }
.WizardBody { padding-right: 10px; padding-left: 10px; padding-bottom: 10px; padding-top: 10px; height: 325px; }
.WizardHelp { padding-right: 5px; padding-left: 5px; font-size: 9pt; padding-bottom: 5px; border-left: black 1px solid; width: 180px; padding-top: 5px; background-color: #ccffff; }
.WizardHelpText { overflow: auto; font-size: 8pt; width: 180px; color: black; font-family: Verdana, Arial, Sans-Serif; height: 300px; }
.WizardText { font-size: 9pt; color: black; font-family: Verdana, Arial, Sans-Serif; }
/* text style used for help text rendered by modules */
.Help { border-right: black 1px solid; padding-right: 2px; border-top: black 1px solid; padding-left: 2px; font-weight: normal; font-size: 11px; padding-bottom: 2px; border-left: black 1px solid; color: black; padding-top: 2px; border-bottom: black 1px solid; font-family: Arial, Helvetica; background-color: #ffff99; }
ul, menu, dir { -moz-padding-start: 40px; display: block; list-style-type: disc; margin: 1em 0; }
/* header text */
#header-text { position: absolute; z-index: 10; }
#header-text p { font-size: 14px; color: White; }
sup { text-transform: none; }
li h3 { margin: 0; }
#login_style { float: right; line-height: 34px; padding-right: 18px; }
.clear_float { clear: both; line-height: 0; font-size: 0; height: 0; }
/* ------- FileManager -------*/
div.FileManager { height: auto; border: none; }
table.FileManager { width: 99%; }
a.CommandButton:link, a.CommandButton:visited { color: #CB2027; font-weight: bold; text-decoration: none; }
a.CommandButton:hover { color: #3E81B5; text-decoration: underline; }
/*-------ControlPanel changes ---------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited { color: #3E81B5; }
.ControlPanel a.CommandButton:hover { color: #CB2027; text-decoration: underline; }
/* Module Title Menu */
.ModuleTitle_MenuContainer { border-bottom: blue 0px solid; border-left: blue 0px solid; border-top: blue 0px solid; border-right: blue 0px solid; }
.ModuleTitle_MenuBar { cursor: pointer; height: 16px; background-color: Transparent; }
.ModuleTitle_MenuItem { cursor: pointer; color: black; font-family: Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; border-left: white 0px solid; border-bottom: white 1px solid; border-top: white 1px solid; border-right: white 0px solid; background-color: Transparent; }
.ModuleTitle_MenuIcon { cursor: pointer; background-color: #EEEEEE; border-left: #EEEEEE 1px solid; border-bottom: #EEEEEE 1px solid; border-top: #EEEEEE 1px solid; text-align: center; width: 15px; height: 21px; }
.ModuleTitle_SubMenu { z-index: 1000; cursor: pointer; background-color: #FFFFFF; border-bottom: #FFFFFF 0px solid; border-left: #FFFFFF 0px solid; border-top: #FFFFFF 0px solid; border-right: #FFFFFF 0px solid; }
.ModuleTitle_MenuBreak { border-bottom: #EEEEEE 1px solid; border-left: #EEEEEE 0px solid; border-top: #EEEEEE 1px solid; border-right: #EEEEEE 0px solid; background-color: #EEEEEE; height: 1px; }
.ModuleTitle_MenuItemSel { cursor: pointer; color: black; font-family: Arial, Helvetica; font-size: 9pt; font-weight: bold; font-style: normal; background-color: #C1D2EE; }
.ModuleTitle_MenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; border-right: #FFFFFF 1px solid; border-bottom: #FFFFFF 1px solid; border-top: #FFFFFF 0px solid; }
.ModuleTitle_RootMenuArrow { font-family: webdings; font-size: 10pt; cursor: pointer; }
/*Edit In Place Tool Bar Classes*/
.eipbackimg { border: outset 1px; /*give toolbar a 3D look*/ position: absolute; margin-top: -22px; white-space: nowrap; background-image: url/images/eip_toolbar.gif); background-color: #99cccc; background-repeat: repeat-x; height: 22px; }
.eipbuttonbackimg { width: 21px; height: 21px; cursor: pointer; float: left; }
.eipbutton_edit { background: url(/images/eip_edit.gif) no-repeat 100% center; float: left; }
.eipbutton_save { background: url(/images/eip_save.gif) no-repeat 100% center; float: left; }
.eipborderhover { border: outset 1px; }
/* used to collapse panes without any content in them */
.DNNEmptyPane { width: 0px; }
/* used to set the different module align options - from module settings */
.DNNAlignleft { text-align: left; }
.DNNAlignright { text-align: right; }
.DNNAligncenter { text-align: center; }
/* Login Styles */
.LoginPanel { }
.LoginTabGroup { }
.LoginTab { float: left; background: url( "/images/tablogin_gray.gif" ) left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; border: 1px #25569a solid; }
.LoginTabSelected { float: left; background: url( "/images/tablogin_gray.gif" ) left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #FFF; background-position: 0% -41px; border: 1px #25569a solid; }
.LoginTabHover { float: left; background: url( "/images/tablogin_gray.gif" ) left top; margin: 0 3px 3px 0; padding: 5px 5px 4px 5px; text-decoration: none; color: #555; border: 1px #C00 solid; cursor: pointer; }
.LoginContainerGroup { clear: both; padding-top: 5px; }
.LoginContainer { }
/* Search SkinObject Styles */
div.SearchContainer { position: relative; white-space: nowrap; }
div.SearchBorder { width: 170px; height: 20px; border: solid 1px #e0e0e0; position: relative; background-color: White; white-space: nowrap; float: left; margin-top: 2px; }
input.SearchTextBox { float: left; z-index: 10; border: 0px; width: 135px; height: 18px; }
div.SearchContainer a { padding: 0px 5px; position: relative; display: inline-block; display: -moz-inline-box; }
div.SearchIcon { float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align: right; }
div.SearchIcon img { margin-top: 3px; }
#SearchChoices { width: 160px; clear: both; display: none; border: solid 1px #777; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align: left; background-color: #eee; position: absolute; top: 21px; left: 0px; }
#SearchChoices li { cursor: pointer; margin: 2px; padding: 2px; padding-left: 25px; height: 20px; text-align: left; background-color: #eee; background-repeat: no-repeat; background-position: 5px center; list-style: none; list-style-image: none; border: solid 1px #eee; display: block; }
#SearchChoices li.searchHilite { background-color: #ddf; border: solid 1px #aaf; }

#SearchChoices li.searchDefault { background-color: #eee; border: solid 1px #eee; }
/* Event Viewer Styles */
.Exception { color: #ffffff; background-color: #ff1414; }
.ItemCreated { color: #ffffff; background-color: #009900; }
.ItemUpdated { color: #ffffff; background-color: #009999; }
.ItemDeleted { color: #000000; background-color: #14ffff; }
.OperationSuccess { color: #ffffff; background-color: #999900; }
.OperationFailure { color: #ffffff; background-color: #990000; }
.GeneralAdminOperation { color: #ffffff; background-color: #4d0099; }
.AdminAlert { color: #ffffff; background-color: #148aff; }
.HostAlert { color: #ffffff; background-color: #ff8a14; }
.SecurityException { color: #ffffff; background-color: #000000; }
#floater { padding-right: 0px; padding-left: 0px; background: #ffffff; visibility: hidden; padding-bottom: 0px; margin: 0px; width: 150px; color: #ffffff; padding-top: 0px; position: absolute; height: auto; }
#tablist { width: 120px; margin: 0; padding-bottom: 10px; float: left; }
.dashboardPanel { margin-left: 120px; padding: 0 10px 10px 10px; }
.dashboardPanel table td { padding: 2px 4px; }
.dashboardPanel table th { padding: 2px 4px; font-size: 1em; font-weight: bold; color: #036; border-bottom: 1px solid #9FB1BC; }
.dashboardTableAlt { background-color: #eee; }
.dashboardGrid { margin: 10px; }
.paneOutline { border: 1px #CCCCCC dotted; }
.containerAdminBorder { border: 2px red solid; }
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead { font-size: 11px; }

ul.check { list-style-image: url(/portals/0/images/service-centres/trading-hours/blue_bulletpoint.gif); list-style-position: outside; list-style-type: disc; }
ul.bullet-arrow-red li { list-style-image: url(/portals/0/images/bullet-arrow-red.gif); }
.logos { list-style-type: none; margin: 0; padding: 0; text-align: center; }
/* End hide from IE-mac */
p.leftmargin { margin-left: 25px; }
a.greylink { color: #7C8081 !important; }
#shadow-bottom { background: url(/portals/0/images/layout/bottomBorder.gif) no-repeat; width: 789px; height: auto; display: block; margin-left: auto; margin-right: auto; position: relative; }
.hidden { position: absolute; left: -19071973px; width: 990px; font-size: 1px; line-height: 1px; display: none; margin-top: 0px; }
/* --------------------------------------------------- */
#leftnav { position: relative; width: auto; height: auto; float: left; left: 28px; }
ul.leftmenu ul li#childselected a { background: #FFFFFF url(/portals/0/images/layout/blueArrow-right.gif) 12px 9px no-repeat; color: #0570A9; }
ul.leftmenu li#parentselected { }
ul.leftmenu li#parentselectedhaschildren { background: #EE1D23 url(/portals/0/images/layout/arrowdownredbg.gif) no-repeat; background-color: #ffffff; }
#childselectedhaschildren a { background: #FFFFFF url(/portals/0/images/layout/blueArrow-down.gif) no-repeat 12px 9px; color: #0570A9 !important; }
#leftnav ul ul ul li { border: none !important; }
#leftnav ul ul ul a, ul.leftmenu ul li#childselected ul a { color: #666666 !important; background: #F5F5F5 none; font-size: 10px !important; width: 145px !important; border-color: #F5F5F5 !important; }
ul.leftmenu ul li#grandchildsselected a { background: #F5F5F5 url(/portals/0/images/layout/blueArrow-right-greybg.gif) no-repeat 13px 9px; color: #0570A9 !important; }
.btnContainer { margin-top: 10px; margin-left: 25px; }
.replacement { position: absolute; z-index: 10; background-repeat: no-repeat; }
a .replacement { z-index: 20; cursor: pointer; }
a:hover .replacement, a.active .replacement { background-position: bottom left; }
.hideText { position: relative; font-size: 0.75em; width: auto; height: 28px; overflow: hidden; display: block; }
h3.hidetext { font-size: 22px; margin-left: 5px; color: #000000; margin-top: 0px; }
div#bottomgradient { background: url(/portals/0/images/layout/footer_gradient.jpg) no-repeat; height: 48px; width: 810px; display: block; }
div#bottomgradient_1024 { background: url(/portals/0/images/layout/footer_gradient_1024.jpg) no-repeat; height: 48px; width: 1024px; display: block; }




#content { width: 580px !important; height: auto; position: relative; display: block; }
#content_1024 { width: 580px !important; height: auto; position: relative; display: block; }
p { padding: 0; margin: 0; margin-bottom: 10px; }
a img { border: none; }
/* --------- START ------- FOOTER -------- */
#divfooter { text-align: center; position: relative; width: 250px; margin: 10px auto; }
#divaffiliate { width: 780px; text-align: center; clear: both; overflow: hidden; height: auto; padding: 0; position: relative; margin-left: auto; margin-right: auto; }
ul.affiliate { list-style-type: none; padding: 0; margin: 0; position: relative; font-size: 10px; overflow: hidden; width: 780px; text-align: center; }
ul.footer { list-style-type: none; margin: 0; padding: 0; position: relative; font-family: arial; font-size: 10px; font-weight: bold; overflow: hidden; width: 100%; text-align: right; }
ul.affiliate li, ul.footer li { display: inline; padding-right: 2px; padding-left: 4px; margin: 0; border-left: 1px solid #ffffff; position: relative; }
ul.footer li { border-left: 1px solid #ffffff; }
#divaffiliate a { color: #ffffff; font-weight: bold; text-decoration: none; }
#divfooter a { color: #f1929f; text-decoration: none; }
#divaffiliate a:hover, #divfooter a:hover { text-decoration: underline; }
/* note: li.removeborder is used in the navigation.asp file */
ul.affiliate li.removeborder, ul.footer li.removeborder { border-left: 0; }
div#txtaffiliate { width: 15%; float: left; position: relative; height: 15px; }
div#txtaffiliate h3 { /*border:1px solid red;*/ font-size: 11px; color: #CC3300; font-weight: bold; position: relative; margin: 0; padding: 0; text-align: right; }
div#affiliatelinks { float: left; margin: 0; width: 84%; text-align: left; }
div#affiliatelinksCatalogue { float: left; margin: 0; width: 84%; text-align: left; margin-top: 10px; }
/* --------- END --------- FOOTER ------------------ */
/* ------START---------- HEADER -------------------- */
div#header img#kmartlogo { margin-left: 20px; float: left; }
div#header div#breadcrumb { margin-top: 40px; margin-left: 42px; position: relative; float: left; font-size: 70%; }
/* ------END---------- HEADER -------------------- */
/* ------START ------- HOMEPAGE --------------------  */
div#tilesContainer { width: 100%; height: auto; overflow: hidden; margin-top: 10px; }
ul#tiles { list-style-type: none; margin: 0; padding: 0; }
ul#tiles li { float: left; margin-right: 5px; }
ul#tiles li.lastTile { margin: 0; }
.cataloguedate { color: #CC3300; text-align: center; font-weight: bold; margin-top: 5px; position: relative; }
.hero { width: 580px; height: auto; position: relative; display: block; }
div#homepageaffiliate { width: 420px; font-size: 10px; height: 50px; display: block; position: relative; }
div#homepagetxtaffiliate h3 { margin: 0; padding: 0; font-size: 11px; color: #CC3300; font-weight: bold; position: relative; overflow: hidden; font-weight: bold; width: 65px; }
div#homepageaffiliate div#homepageulaffiliate { width: 420px; float: right; margin: 0; }
div#homepagefooter { width: 415px; overflow: hidden; position: relative; margin-top: -7px; }
div#homepageaffiliate ul, div#homepagefooter ul { list-style-type: none; margin: 0; padding: 0; }
div#homepageaffiliate ul li { float: left; padding-right: 6px; padding-left: 8px; margin: 0 0 2px 0; border-right: 2px solid #666666; position: relative; white-space: nowrap; }
div#homepagefooter ul li { float: left; padding-right: 6px; padding-left: 8px; margin: 0 0 2px 0; border-right: 1px solid #666666; position: relative; }
div#homepageaffiliate ul li a, div#homepagefooter ul li a { font-size: 11px; color: #666666; text-decoration: none; font-weight: bold; }
div#homepagefooter ul li a { font-weight: normal; }
div#homepageaffiliate ul li a:hover, div#homepagefooter ul li a:hover { text-decoration: underline; }
div.clearfloat { clear: both; }
div#homepageulaffiliate ul.affiliate li, div#homepagefooter ul.footer li { border-right: none; }
div#homepageulaffiliate ul.affiliate li.removeborder { padding-left: 0; margin-left: 0; }
/* ------END ---------- HOMEPAGE ------------------- */
/* ++++++++++++ START IMAGE ROLLOVER FOR VIEW RETURN TO SHOP BUTTON ++++++++++++++++++++ */
ul#ul-ReturnToShop { list-style-type: none; margin: 0; padding: 0; }
ul#ul-ReturnToShop li a { float: left; display: block; width: 142px; height: 29px; background: transparent url(/portals/0/images/onlineshop/layout/btn_returntoshop.gif) no-repeat; }
ul#ul-ReturnToShop li a:hover { background: transparent url(/portals/0/images/onlineshop/layout/btn_returntoshop_ov.gif) no-repeat; }
/*Terms and Conditions*/
ul#ul-ReturnToShopTC { list-style-type: none; margin: 0px; padding: 0px; height: 26px; width: 580px; position: relative; }
ul#ul-ReturnToShopTC li a { float: right; position: absolute; top: 0px; right: 0px; width: 215px; height: 25px; color: #000; overflow: hidden; background: transparent url(/portals/0/images/onlineshop/layout/btn_return.gif) no-repeat 0px -6px; }
ul#ul-ReturnToShopTC li a:hover { background: transparent url(/portals/0/images/onlineshop/layout/btn_return_ov.gif) no-repeat 0px -6px; }
ul#ul-ReturnToShopTC li a span { position: absolute; left: -999px; }
/* ++++++++++++ END IMAGE ROLLOVER FOR RETURN TO SHOP BUTTON ++++++++++++++++++++++ */
ul#ul-returnCart { list-style-type: none; margin: 0; padding: 0; }
ul#ul-returnCart li a { float: left; display: block; width: 142px; height: 29px; background: transparent url(/portals/0/images/onlineshop/layout/btn_returncart.gif) no-repeat; }
ul#ul-returnCart li a:hover { background: transparent url(/portals/0/images/onlineshop/layout/btn_returncart_ov.gif) no-repeat; }
/* ------------ rounded grey box ---- */
.greyRoundedBox { background-color: #F9F9F9; border: solid 1px #D2D2D2; width: 100%; height: auto; padding: 18px; margin: 0 0 20px 0; position: relative; }
.greyRoundedBox { background-color: #F9F9F9; border: solid 1px #D2D2D2; width: 100%; height: auto; padding: 18px; margin: 0 0 0 0; position: relative; }
.greyRoundedBox div.greyRoundedBox_topLeft { position: absolute; background: url(/portals/0/images/layout/greyRoundedBox_topLeft.gif) no-repeat; width: 6px; height: 6px; top: -1px; left: -1px; }
.greyRoundedBox div.greyRoundedBox_topRight { position: absolute; background: url(/portals/0/images/layout/greyRoundedBox_topRight.gif) no-repeat; width: 6px; height: 6px; top: -1px; right: -1px; }
.greyRoundedBox div.greyRoundedBox_bottomRight, .greyRoundedBox div.greyRoundedBox_bottomRight-hack { position: absolute; background: url(/portals/0/images/layout/greyRoundedBox_bottomRight.gif) no-repeat; width: 6px; height: 6px; bottom: -1px; right: -1px; }
.greyRoundedBox div.greyRoundedBox_bottomLeft, .greyRoundedBox_bottomLeft-hack { position: absolute; background: url(/portals/0/images/layout/greyRoundedBox_bottomLeft.gif) no-repeat; width: 6px; height: 6px; bottom: -1px; left: -1px; }
#ie6 .greyRoundedBox div.greyRoundedBox_bottomRight, #ie6 .greyRoundedBox div.greyRoundedBox_bottomLeft { bottom: -12px; }
#ie6 .greyRoundedBox div.greyRoundedBox_bottomRight-hack, #ie6 .greyRoundedBox_bottomLeft-hack { bottom: -13px; }
.greyRoundedBoxContainer-fullwidth { width: 542px; top: -1px; position: relative; display: block; clear: both; height: auto; }
/* --- START --- style for bottom shopping cart --- */
#termsConditions { width: 300px; color: #0570A9; font-size: 12px; position: relative; float: left; }
#termsConditions a { font-weight: bold !important; font-size: 14px; color: #0570A9; text-decoration: none; }
#termsConditions a:hover { text-decoration: underline; }
#bottomContainer { width: auto; height: auto; margin-bottom: 10px; }
div.ShoppingCartContainerBottom { background: url(/portals/0/images/layout/Shopping_Cart_Background.jpg) no-repeat; width: 212px; height: 68px; position: relative; float: right; }
/* --- END --- style for bottom shopping cart --- */
/* -- Start -- TVC --- Start --*/
.link { font-size: 12px; float: right; }
p.tvbodycopy { font-size: 12px; float: left; }
/* -- End -- TVC --- End --*/
/*--From OurProducts.css*/
#headingBanner { width: 580px; height: 296px; display: block; position: relative; margin-bottom: 20px; }
.headingBanner_l { width: 310px; height: 296px; position: absolute; top: 0; left: 0; }
.headingBanner_l h2 { font-weight: normal; color: #FFFFFF; font-size: 16px; }
#ie .headingBanner_l { margin-left: -5px; }
.headingBanner_text p { font-weight: bold; color: #FFFFFF; font-size: 12px; width: 240px; }
.headingBanner_r { width: 270px; height: 296px; position: absolute; top: 0; left: 308px; }
.headingBanner_text { font-size: 12px; font-weight: bold; color: #ffffff; width: 250px; height: auto; position: absolute; left: 25px; overflow: hidden; }
.headingBanner_short { width: 580px; height: 83px; display: block; position: relative; margin-bottom: 20px; }
.headingBanner_short { width: 580px; height: 83px; display: block;  margin-bottom: 20px; position: absolute; top: 0; left: -6px; }
.horizontal_ruler { display: block; padding: 0; margin-top: 10px; border-bottom: 1px solid #eaeaea; margin-bottom: 10px; font-size: 1px; clear: both; }
.blueHeading { color: #056BA5; font-size: 16px; }
.healthAndBeautyBrand { display: block; clear: both; height: 95px; }
.healthAndBeautyBrand_l { top: 0; float: left; width: 300px; }
.healthAndBeautyBrand_r { top: 0; float: right; }
.healthAndBeautyBrand_revlon_r { margin-top: 32px; }
.healthAndBeautyBrand_maxFactor_r { margin-top: 30px; }
.healthAndBeautyBrand_loreal_r { margin-top: 22px; }
.healthAndBeautyBrand_rimmel_r { margin-top: 28px; }
.healthAndBeautyBrand_australis_r { margin-top: 28px; }
.healthAndBeautyBrand_innoxa_r { margin-top: 28px; }
.healthAndBeautyBrand_physiciansFormula_r { margin-top: 2px; }
.healthAndBeautyBrand_girlXpress_r { margin-top: 30px; }
.healthAndBeautyBrand_spaSciences_r { margin-top: 12px; }
.healthAndBeauty_heading { margin: 0 0 10px 0; padding: 0; }
.greyRoundedBoxContainer-partWidth { width: 376px; }
.greyRoundedBoxContainer-fullWidth { width: 490px; }
#statesList { list-style-type: none !important; list-style-image: none !important; display: block; margin: 0; padding: 0; margin: 0 0 20px 0; }
.list-states { list-style-type: none !important; list-style-image: none !important; float: left; margin: 0; padding: 0; margin: 0 20px 0 0; }
.list-states { color: #0570A9; font-weight: bold; float: left; width: 160px; margin: 10px 0 00px 0 !important; padding: 0 !important; }
.list-states li li { color: #7C8081; font-weight: normal; margin: 0 !important; }
.list-stores { list-style-type: none !important; list-style-image: none !important; margin: 0 0 0 0; padding: 0; }
.headingImage { margin-bottom: 20px; }
ul.horizontalImageList { list-style-type: none; margin: 0 0 10px 0 !important; padding: 0 !important; position: relative; }
ul.horizontalImageList li { margin: 0 10px 10px 0; display: inline; position: relative; }
.partWidth { width: 400px; }
.rangeImageList { list-style-type: none !important; list-style-image: none !important; display: block; width: 520px; height: auto; margin: 0; padding: 0; }
.rangeImageList li { float: left; margin: 0; }
.itunesContainer { width: 580px; height: 83px; margin-bottom: 10px; }
.itunesContainer .replacement { width: 580px; height: 83px; display: block; background: url(/portals/0/images/ourproducts/headerItunes.gif) no-repeat top left; }
.btn-download { width: 99px; height: 23px; display: block; }
.btn-download .replacement { width: 99px; height: 23px; display: block; background: url(/portals/0/images/ourproducts/kphoto_download_button.jpg) no-repeat top left; }
/*From kmail.css*/
.rowContainer { position: relative; width: 580px; height: 258px; display: block; padding-bottom: 20px; }
.left-column { position: absolute; left: 0; top: 0; }
.right-column { position: absolute; right: 0; top: 0; }
#left-Kmail { background: url(/portals/0/images/membership/_images/layout/Kmail.jpg) top right no-repeat; width: 308px; height: 297px; display: block; }
#right-Kmail { background: url(/portals/0/images/membership/_images/kmail_Image.gif) top right no-repeat; width: 311px; height: 297px; display: block; }
#left-Kmail h2 { margin: 90px 25px 0 25px !important; position: relative; color: #fff !important; background-color: #3E8FC8; }
#left-Kmail p { margin: 50px 25px 0 25px; position: relative; color: #ffffff; background-color: #3E8FC8; }
#kmailContainer { position: relative; width: 580px; margin-top: 25px; }
input.textbox { width: 230px; font-size: 90%; }
input.checkbox, input.radio { color: #D41B05; }
#containerMandatory { margin: 0; position: relative; margin: 20px 0 5px 0; }
#txtmandatory { color: #CC0000 !important; font-weight: bold; }
.asterisk { color: #CC0000 !important; }
span.asterisk { font-size: 12px; position: relative; padding: 5px 2px 0 2px; }
#col-Submit-Container { position: relative; }
table.subDetails { color: #666; font-size: 11px; font-weight: bold; text-align: left; width: auto; }
.greatOffers { margin-left: 120px; margin-top: 10px; }
.subDetails label { }
#containerGender { width: 150px; height: auto; }
#containerGender label { margin: 0; padding: 0; width: auto; font-size: 11px; font-weight: normal; margin-top: 2px; }
#containerMale { float: left; position: relative; width: auto; }
#containerFemale { float: right; position: relative; width: auto; }
h3 { margin-top: 20px; }
.LoginContainer, .unsubscribeContainer, .subscribeContainer { width: 580px; height: 83px; display: block; border: 1px solid #fff; margin: 0; padding: 0; }
.subscribeContainer .replacement { width: 580px; height: 83px; display: block; background: url(/portals/0/images/membership/_images/headingBanner_subscribe.gif) no-repeat top left; }
.LoginContainer .replacement { width: 580px; height: 83px; display: block; background: url(/portals/0/images/membership/_images/headingBanner_editDetails.gif) no-repeat top left; }
.unsubscribeContainer .replacement { width: 580px; height: 83px; display: block; background: url(/portals/0/images/membership/_images/headingBanner_unsubscribe.gif) no-repeat top left; }
.error { color: #CC0000; }
#headingBanner_flyBuys .replacement { background: url(/portals/0/images/about/headingBanner_flyBuys.jpg) no-repeat; width: 580px; height: 83px; /* border:1px solid green;*/ }
.headingBanner_short { width: 580px; height: 83px; display: block; position: relative; margin: 0; padding: 0; margin-bottom: 20px; /*border:1px solid red;*/ }
#ie6 .headingBanner_short { margin-left: -3px; }
#ie7 .headingBanner_short { margin-left: -5px; }
/*From onlineshop.css*/
.rowContainer { position: relative; width: 580px; height: 258px; display: block; margin-bottom: 10px; }
.partWidth { width: 480px; }
.left-column { position: absolute; left: 0; top: 0; }
.right-column { position: absolute; right: 0; top: 0; }
.horizontal_ruler { margin-top: 20px; border-bottom: 1px solid #eaeaea; margin-bottom: 20px; }
.headingBanner_short { width: 580px; height: 83px; display: block; position: relative; margin-bottom: 20px; }
.nearestKmartList { margin: 0; padding: 0; display: block; clear: both; }
.nearestKmartList li { padding-left: 2px; padding-bottom: 10px; list-style-type: none; list-style-image: none; font-weight: bold; height: auto; }
.nearestKmartList li ul li { list-style-type: none; list-style-image: none; font-weight: normal; padding-bottom: 0; }
.nearestKmartList li ul { margin-top: -15px; padding-left: 50px; display: block; height: auto; }
.fullWidthBlock { display: block; width: 580px; height: 109px; clear: both; }
.shopViaIcons { list-style-type: none; list-style-image: none; margin: 0; padding: 0; position: absolute; }
.shopViaIcons li { width: 142px; height: 109px; text-indent: 20px; margin: 0; padding: 0; display: block; float: left; }
.shopViaText { font-size: 10px; top: 50px; width: 122px; position: absolute; display: block; z-index: 20; text-indent: 0px; }
/* ------ START ------ button ------- START ----------*/
#pageupContent select { position: static; width: 300px; }
#pageupContent p { margin: 1em 0 0 0; }
#jobSearch #location_FS { /* width: 385px; */ }
#searchArea { padding: 10px; /* float: none; */ }
#introText { width: 350px; font-size: .8em; }
#introText p, #introText a { font-size: 1em; }
#searchResults { font-size: .9em; }
#searchResults p { font-size: 1em; }
#searchResultsTable { border-collapse: collapse; font-size: .9em; margin-top: 20px; }
#searchResultsTable a { font-size: 1em; }
#searchResultsTable th { background: #EE2824; color: #fff; text-align: left; }
#searchResultsTable th, #searchResultsTable td { vertical-align: top; padding: 4px; }
#searchResultsTable .evenRow td { border-top: 1px solid #FFC39F; border-bottom: 1px solid #FFC39F; background: #FFEBDF; }
#searchResultsTable td.checkboxColumn { padding-top: 8px; }
#frm_jobMail, .button, #pageupFooter { margin-top: 10px; }
#pageupFooter { font-size: 0.85em; }
.button .button { margin-top: 0; }
#frm_jobMail p { margin: .8em 0; }
#personalDetailsLabel { background-color: #EE2824; border: 1px solid #EE2824; color: #FFFFFF; font-family: Trebuchet MS; font-size: 1.25em !important; font-weight: bold; height: 30px; line-height: 30px; padding-left: 10px; }
#personalDetails .fieldLabel { background: none; border: none; color: #000; padding-left: 0; font-size: 1em !important; float: left; width: 100px; clear: left; font-weight: normal; height: auto; line-height: normal; }
#personalDetails .fieldInput { /* float: left; */ }
.fieldContent, .fieldset { overflow: hidden; padding-top: 5px; }
* html .fieldContent, * html .fieldset { overflow: visible; height: 1%; }
#personalDetails input { width: 200px; }
#postcode { width: 70px; }
.checkboxgroup { padding-left: 18px; padding-top: 5px; }
.fieldError { color: #CF0500; font-weight: bold; }
/* Alert boxes */
.formError { border: #ff986e 1px solid; padding: 10px; background: #ffe6db url(http://careersearch.colesgroup.com.au/AW/images/watermark_alert.gif) no-repeat 0 0; font-size: 12px; margin-bottom: 10px; }
#pageupContent .info { border: #f5d945 1px solid; padding: 10px; background: #fff9db url(http://careersearch.colesgroup.com.au/AW/images/watermark_info.gif) no-repeat 0 0; margin-bottom: 10px; margin-top: 10px; margin-right: 4px; }
table.checkboxgrid { /* width: 100%; */ }
table.checkboxgrid td.checkboxcol { width: 20px; }
#printerFriendly { font-size: 1em; }

#jobDetailsArea { margin-bottom: -5px; }
#jobMailPrivacy ul { font-size: .8em; padding: 10px 20px; }
#jobMailPrivacy ul li { padding-top: .2em; }
#emailJob .fieldLabel { background: #fff; border: none; color: #333; font-family: Trebuchet MS; font-weight: bold; height: auto; line-height: normal; padding-left: 0; float: left; width: 120px; font-size: 1em !important; position: relative; }
#emailJob .fieldLabel .asterisk { position: absolute; top: 0; right: 5px; }
#emailJob .fieldInput input { width: 300px; }
#emailJob .fieldInput textarea { overflow-y: scroll; }
#emailJob .fieldInput { border: none; font-family: Trebuchet MS; }
#emailJob #nameFieldset { padding-top: 1em; }
#emailJob .formError { width: 400px; }
#jobMailUnsubscribe .fieldInput { border: 1px solid #DED6D3; padding: 5px; }
#jobMailUnsubscribe #emailFieldset { width: 350px; }
#jobMailUnsubscribe .formError { width: 350px; }
#jobMailUnsubscribe .fieldError { color: #fff; }
#jobMailUnsubscribe #emailFieldset #sEmail { width: 250px; }

/* Design Templates */
#standardTemplate { border: 1px solid black; padding: 10px; width: 350px; font-size: 1em; margin-top: 15px; }
#standardTemplate h1 { font-size: 1.5em; margin-top: 0; }
#standardTemplate #overview h1 { color: #000; font-family: "Times New Roman" !important; font-size: 1.5em; font-weight: bold; margin-top: 1em; }
#jobDetails .label { width: 100px; float: left; font-weight: bold; }
#standardTemplate #openingDate { margin-top: 1em; }
#standardTemplate .label { font-weight: bold; }
#customTemplate #overview { margin: 1em 0; }
#customTemplate ul { padding: 1em 0 0 20px; font-size: .8em; }
#customTemplate h1 { margin: 0 0 1em 0; }
#customTemplate h2 { font-weight: bold; }
#customTemplate h3, #customTemplate h4, #customTemplate h5 { margin-bottom: 1em; }

/* KMART custom styling */

.fieldLabel { padding: 5px 5px 5px 15px; background: #3399cc; border: none; height: auto; }
.fieldContent { padding: 10px; border: 1px solid #3399cc; }
.fieldLabel label { color: #fff; font-family: Trebuchet MS; font-size: 10pt; font-weight: 600; }
p { color: #7C8081; }
.jobSearchContainer { width: 579px; height: 259px; }

.jobSearchContainer .replacement { width: 579px; height: 259px; display: block; background: url(/careers/images/careers_header.jpg) no-repeat top left; }
.careersHeaderContainer { width: 579px; height: 259px; }

.careersHeaderContainer .replacement { width: 579px; height: 259px; display: block; background: url(/careers/images/careers_header.jpg) no-repeat top left; }

.careersContainer { }
.leftColumn { width: 350px; float: left; }
.rightColumn { float: left; margin: 10px; }
.rhsBox { background-color: #2BAAD7; width: 195px; height: auto; }
.rhsBox p { color: #ffffff; padding-left: 15px; padding-right: 5px; }
.rhsFooter { z-index: 1; height: 21px; background: url(/careers/images/header_bot.gif) top left no-repeat; }

.headerJobsearch { z-index: 1; height: 37px; padding-bottom: 5px; background: url(/careers/images/header_jobsearch.gif) top left no-repeat; }
.headerLogin { z-index: 1; height: 38px; padding-bottom: 5px; background: url(/careers/images/header_login.gif) top left no-repeat; }
.headerJobmail { z-index: 1; height: 37px; padding-bottom: 5px; background: url(/careers/images/header_jobsalert.gif) top left no-repeat; }
.headerXPromo { z-index: 1; height: 39px; padding-bottom: 5px; background: url(/careers/images/header_kmartNZ.gif) top left no-repeat; }

#headingBanner_careers_text { background-color: #3399cc; z-index: 10; }

.headingBanner_text { font-weight: bold; color: #ffffff; font-size: 9pt; width: 250px; height: auto; position: absolute; top: 85px; left: 25px; padding-left: 2px; overflow: hidden; z-index: 100; }

a#leftmenu-careers .replacement { width: 166px; height: 27px; background: url(/careers/images/careersbtns.gif) bottom left no-repeat; }
a#leftmenu-careers-selected .replacement { width: 166px; height: 27px; background: url(/careers/images/careersbtns.gif) center left no-repeat; }
a#leftmenu-careers:hover .replacement { background-position: top left; }

/* End Design Templates */
#Step5-MessageContainer {margin: 10px; overflow: hidden; width: 550px; height: auto;}
.floatleft {float: left;}
.floatright {float: right;}
.floatright div {text-align: right;}
.bigfont {font-size: 14px; font-weight: bold;}
.messageBody {padding-top: 20px; clear: both; position: relative;}
.txtEmail {text-decoration: underline;}
p.messageContent {margin: 0; padding: 0; margin-top: 10px; font-size: 12px;}
div#LightRedRight a {color: #EB1A3A; font-weight: bold; text-decoration: none; font-size: 12px; line-height: 40px; margin-left: 50px; position: relative;}
div#LightRedRight a:hover {color: #EB1A3A; font-weight: bold; text-decoration: underline; font-size: 12px;}