/************************************************************************* ' Function : CSS defintions for the store. ' Product : Datadog Store Frontend ' Version : 1.1.3 ' Modified : 10 March 2004 ' Copyright: Copyright (C) 2004 Datadog.co.nz ' See "license.txt" for this product for details regarding ' licensing, usage, disclaimers, distribution and general ' copyright requirements. If you don't have a copy of this ' file, you may request one at webmaster@datadog.co.nz '**************************************************************************/ /**********************************************************/ /* General Tag specifications */ #menu-container {position:relative;z-index:99;} .CustomPageBgColor {background-image: url(/images/bg.jpg); background-repeat: repeat-y; background-position: center top;} BODY {margin: 0px;COLOR: #333333; FONT-FAMILY: Arial,Verdana, Helvetica, sans-serif; FONT-SIZE: 9pt;} B, TD, P {COLOR: #333333; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 9pt; line-height: 1.6em;} A:link {COLOR: #CE0000; text-decoration: none;} A:visited {COLOR: #CE0000; text-decoration: none;} A:hover {COLOR: #CE0000; text-decoration: underline;} H1 {font-size: 20pt;font-weight: normal;color: #CC0000; padding-top: 2px; margin-top: 2px; padding-bottom: 3px; margin-bottom: 3px; line-height: 1.1em;} H2 {font-size: 16pt;font-weight: normal;color: #CC0000;} H3 {font-size: 14pt;font-weight: normal;color: #CC0000;} H4 {font-size: 11pt;font-weight: normal;color: #CC0000; padding-top: 3px; margin-top: 3px; padding-bottom: 3px; margin-bottom: 3px;} hr { margin: 0.4em 0; } img { border: 0; } select { font-size: 8pt; } .altText {font-size: 9pt;font-weight: normal;color: #666666; font-style: italic;} table.BG { background-image: url(/images/banner_bg.jpg); background-repeat: no-repeat; background-position: center top; } td.mainContent { padding: 0px 15px 0px 15px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #9A9A9A; } td.prodListBox { border-style: solid; border-width: 1px; border-color: #CE0000; } td.catList { background-color: #CCCCCC; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #999999; padding-left: 15px; padding-right: 15px; } td.newsletter { background-image: url(/images/newsletter_bg.jpg); background-repeat: no-repeat; background-position: left top; height: 121px; padding: 5px 10px 0px 10px; color: #FFFFFF; } td.newsletter td {color: #FFFFFF;} td.newsletter a:link, td.newsletter a:visited, td.newsletter a:active {color: #FFFFFF; text-decoration: none;} td.newsletter a:hover {color: #FFFFFF; text-decoration: underline;} td.catList a:link, td.catList a:visited, td.catList a:active {color: #000000; text-decoration: none; font-size: 8pt;} td.catList a:hover {color: #FFFFFF; text-decoration: none; font-size: 8pt;} td.footerMenu a:link, td.footerMenu a:visited, td.footerMenu a:active {color: #000000; text-decoration: none;} td.footerMenu a:hover {color: #000000; text-decoration: underline;} .Powered {} .PoweredText, .PoweredText a:link, .PoweredText a:visited, .PoweredText a:active, .PoweredText a:hover {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt;} /**********************************************************/ /* System Messages */ .System_MessageCaption {FONT-SIZE: 10pt} .System_ErrorMessage {COLOR: red; FONT-SIZE: 10pt} .System_MessageURL {FONT-SIZE: 10pt} /**********************************************************/ /* Homepage */ .HomePage_ProductImage {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979} .HomePage_ProductDescription {BORDER-BOTTOM: 1px solid #7A7979} .HomePage_PageHeadingText {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;} /**********************************************************/ /* Template */ .Template_TopNavLink, .Template_TopNavLink a:link, .Template_TopNavLink a:visited, .Template_TopNavLink a:active, .Template_TopNavLink a:hover {} .Template_BodyContent {} .Template_NavMenu_Table {} .Template_NavMenu_Cell {} .Template_NavMenu_Cell_Hover {} a:link.Template_NavMenu_Link {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} a:visited.Template_NavMenu_Link {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} a:active.Template_NavMenu_Link {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none ;font-size: 12px;} a:hover.Template_NavMenu_Link {font-weight: bold; color: #F30713; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} .Template_Footer {COLOR: #ffffff; font-size: xx-small;} /**********************************************************/ /* Standard: */ .Standard_Heading { font-size: 15pt;font-weight: normal;color: #CC0000; padding-top: 2px; margin-top: 2px; padding-bottom: 3px; margin-bottom: 3px; } .Standard_Heading a:link {COLOR: #FE0000; text-decoration: none;} .Standard_Heading a:visited {COLOR: #FE0000; text-decoration: none;} .Standard_Heading a:hover {COLOR: #999999; text-decoration: underline;} .Standard_SubHeading {BACKGROUND-COLOR: #EEEEEE} .Standard_Module_Header {COLOR: #ffffff; font-weight: bold; text-decoration: none;} .Standard_Module_Content, .Standard_Module_Content, a:link .Standard_Module_Content a:visited, .Standard_Module_Content a:active {COLOR: #333333; text-decoration: none;} .Standard_Module_Content a:hover {COLOR: #FF0000; text-decoration: underline;} .Standard_Horiz_Vert_Lines {BACKGROUND-COLOR: #7A7979} .Standard_HighlightSearchResults {COLOR: #000000; BACKGROUND-COLOR: #ffff66} /* used on links that are used to raise an event. e.g. Update record, add record, view product, buy product */ .Standard_ActionLink, .Standard_ActionLink A:link, .Standard_ActionLink A:visited, .Standard_ActionLink A:hover {font-family: arial; font-size: 12px; font-weight: bold; color: #CE0000; letter-spacing: 1px;} /**********************************************************/ /* Product Global: reused in different product pages */ .ProductGlobal_NavMenu {} .ProductGlobal_NavHeading {font-size: 0.6em;font-weight: bold;color: #999999;PADDING-BOTTOM: 4px;} .ProductGlobal_NavHeading a:link, .ProductGlobal_NavHeading a:visited {COLOR: #999999; text-decoration: none;} .ProductGlobal_NavHeading a:hover {COLOR: #999999; text-decoration: underline;} .ProductGlobal_ShortDescription_Caption {FONT-SIZE: 9pt} .ProductGlobal_LongDescription_Caption {} /**********************************************************/ /* Product List: reused in different product pages */ .ProductList_ColumnLayout {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979} .ProductList_ColumnLayout a:link, .ProductList_ColumnLayout a:visited {COLOR: #000099; TEXT-DECORATION: none} .ProductList_ColumnLayout a:hover {COLOR: #996666; TEXT-DECORATION: underline} .ProductList_Description_Group {margin-left: 20; margin-bottom: 15px;} .ProductList_Description_Link .ProductList_Description_Link a:link, .ProductList_Description_Link a:visited {COLOR: #000000; font-weight: bold; text-decoration: none;} .ProductList_Description_Link a:hover {COLOR: #006699; font-weight: bold; text-decoration: underline;} .ProductList_Description_Value {font-weight: bold;} .ProductList_Price_Value {font-weight: bold; color: #CE0000;} .ProductList_ProductName_Link, .ProductList_ProductName_Link a:link, .ProductList_ProductName_Link a:visited {COLOR: #CE0000; text-decoration: none;} .ProductList_ProductName_Link a:hover {COLOR: #CE0000; text-decoration: underline;} /**********************************************************/ /* Product View: Only used in cs/prodView.asp */ .ProductView_Group_Table {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #FF0000} .ProductView_Group_Heading {BACKGROUND-COLOR: #000000; PADDING: 1px; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none} .ProductView_Group_Content {BACKGROUND-COLOR: #F5F5F5} .ProductView_Group_Content a:link, .ProductView_Group_Content a:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .ProductView_Group_Content a:hover {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline} .ProductView_Details_Caption {} .ProductView_SKU_Caption {} .ProductView_GST_Caption {COLOR: #800000; FONT-SIZE: 8pt;} .ProductView_Price_Caption {COLOR: #800000; FONT-SIZE: 11pt;} .ProductView_Price_Value {COLOR: #CC0000; FONT-SIZE: 14pt;} .ProductView_ListPrice_Caption {} .ProductView_ListPrice_Value {TEXT-DECORATION: line-through; FONT-SIZE: 11pt;} .ProductView_SalePrice_Caption {} .ProductView_SalePrice_Value {COLOR: red} .ProductView_FreeShipping_Caption {COLOR: #888888} .ProductView_StockCount_Caption {COLOR: #888888} .ProductView_OutOfStock_Caption {COLOR: red} .ProductView_NoImageText_Caption {COLOR: #800000} .ProductView_ShortDescription_Caption {FONT-SIZE: 11pt} /**********************************************************/ /* Product Option: Only used in cs/prodView.asp */ .ProductOption_Description_Caption {FONT-STYLE: italic} .ProductOption_SelectBox_Caption {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} .ProductOption_TextBox_Caption {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /**********************************************************/ /* Category menu */ .CategoryMenu_Table {background-color: #CCCCCC;} .CategoryMenu_Header {COLOR: #ffffff; font-weight: bold; text-decoration: none;} .CategoryMenu_Text, a:link.CategoryMenu_Text , a:visited.CategoryMenu_Text {COLOR: red; text-decoration: none;} a:hover.CategoryMenu_Text {COLOR: red; text-decoration: underline;} /**********************************************************/ /* Reservations. Only used in cs/reservation.asp */ .Reservation_Heading {font-size: 1.0em;font-weight: bold;color: #FE0000;} /************************************************************************* ' Function : CSS defintions for the store. ' Product : Datadog Store Frontend ' Version : 1.1.3 ' Modified : 10 March 2004 ' Copyright: Copyright (C) 2004 Datadog.co.nz ' See "license.txt" for this product for details regarding ' licensing, usage, disclaimers, distribution and general ' copyright requirements. If you don't have a copy of this ' file, you may request one at webmaster@datadog.co.nz '**************************************************************************/ /**********************************************************/ /* General Tag specifications */ #menu-container {position:relative;z-index:99;} .CustomPageBgColor {background-image: url(/images/bg.jpg); background-repeat: repeat-y; background-position: center top;} BODY {margin: 0px;COLOR: #333333; FONT-FAMILY: Arial,Verdana, Helvetica, sans-serif; FONT-SIZE: 9pt;} B, TD, P {COLOR: #333333; FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 9pt; line-height: 1.6em;} A:link {COLOR: #CE0000; text-decoration: none;} A:visited {COLOR: #CE0000; text-decoration: none;} A:hover {COLOR: #CE0000; text-decoration: underline;} H1 {font-size: 20pt;font-weight: normal;color: #CC0000; padding-top: 2px; margin-top: 2px; padding-bottom: 3px; margin-bottom: 3px; line-height: 1.1em;} H2 {font-size: 16pt;font-weight: normal;color: #CC0000;} H3 {font-size: 14pt;font-weight: normal;color: #CC0000;} H4 {font-size: 11pt;font-weight: normal;color: #CC0000; padding-top: 3px; margin-top: 3px; padding-bottom: 3px; margin-bottom: 3px;} .altText {font-size: 9pt;font-weight: normal;color: #666666; font-style: italic;} td.mainContent { padding: 0px 15px 0px 15px; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #9A9A9A; } td.prodListBox { border-style: solid; border-width: 1px; border-color: #CE0000; } td.catList { background-color: #CCCCCC; border-style: solid; border-width: 0px 1px 0px 1px; border-color: #999999; padding-left: 15px; padding-right: 15px; } td.newsletter { background-image: url(/images/newsletter_bg.jpg); background-repeat: no-repeat; background-position: left top; height: 121px; padding: 5px 10px 0px 10px; color: #FFFFFF; } td.newsletter td {color: #FFFFFF;} td.newsletter a:link, td.newsletter a:visited, td.newsletter a:active {color: #FFFFFF; text-decoration: none;} td.newsletter a:hover {color: #FFFFFF; text-decoration: underline;} td.catList a:link, td.catList a:visited, td.catList a:active {color: #000000; text-decoration: none; font-size: 8pt;} td.catList a:hover {color: #FFFFFF; text-decoration: none; font-size: 8pt;} td.catList ul { list-style: none; display: block; margin: 0px; padding: 0px; text-indent:-5px; } td.catList li { padding: 0 0 0 8px; font-family: Verdana, Arial, Helvetica; } td.catList li li { padding: 0 0 0 20px; font-family: Arial, Helvetica; } td.catList li li li { padding: 0 0 0 20px; } td.footerMenu a:link, td.footerMenu a:visited, td.footerMenu a:active {color: #000000; text-decoration: none;} td.footerMenu a:hover {color: #000000; text-decoration: underline;} .Powered {} .PoweredText, .PoweredText a:link, .PoweredText a:visited, .PoweredText a:active, .PoweredText a:hover {COLOR: #333333; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 8pt;} /**********************************************************/ /* System Messages */ .CPsysMsg {FONT-SIZE: 10pt} .CPsysMsgErr {COLOR: red; FONT-SIZE: 10pt} .CPsysMsgURL {FONT-SIZE: 10pt} /**********************************************************/ /* Homepage */ .CPhomeImg {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979} .CPhomeDesc {BORDER-BOTTOM: 1px solid #7A7979} .headingText {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #FFFFFF;} /**********************************************************/ /* Template */ .Template_TopNavLink, .Template_TopNavLink a:link, .Template_TopNavLink a:visited, .Template_TopNavLink a:active, .Template_TopNavLink a:hover {} .CustomBodyContentBgColor {} .NavMenuTable {} .NavMenuCell {} .NavMenuCell_Hover {} a:link.NavMenuLink {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} a:visited.NavMenuLink {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} a:active.NavMenuLink {font-weight: bold; color: white ; font-family: Arial, Helvetica; text-decoration: none ;font-size: 12px;} a:hover.NavMenuLink {font-weight: bold; color: #F30713; font-family: Arial, Helvetica; text-decoration: none; font-size: 12px;} .CustomFooterText {COLOR: #ffffff; font-size: xx-small;} /**********************************************************/ /* Standard: */ .CPpageHead { font-size: 15pt;font-weight: normal;color: #CC0000; padding-top: 2px; margin-top: 2px; padding-bottom: 3px; margin-bottom: 3px; } .CPpageHead a:link {COLOR: #FE0000; text-decoration: none;} .CPpageHead a:visited {COLOR: #FE0000; text-decoration: none;} .CPpageHead a:hover {COLOR: #999999; text-decoration: underline;} .CPgenHeadings {BACKGROUND-COLOR: #EEEEEE} .CustomOtherMenuHeader {COLOR: #ffffff; font-weight: bold; text-decoration: none;} .CustomOtherMenuText, .CustomOtherMenuText, a:link .CustomOtherMenuText a:visited, .CustomOtherMenuText a:active {COLOR: #333333; text-decoration: none;} .CustomOtherMenuText a:hover {COLOR: #FF0000; text-decoration: underline;} .CPlines {BACKGROUND-COLOR: #7A7979} .CPhighlight {COLOR: #000000; BACKGROUND-COLOR: #ffff66} /* used on links that are used to raise an event. e.g. Update record, add record, view product, buy product */ .CustomViewAddText, .CustomViewAddText A:link, .CustomViewAddText A:visited, .CustomViewAddText A:hover {font-family: arial; font-size: 12px; font-weight: bold; color: #CE0000; letter-spacing: 1px;} /**********************************************************/ /* Product Global: reused in different product pages */ .CPpageNav {} .CPpageHeadNav {font-size: 0.6em;font-weight: bold;color: #999999;PADDING-BOTTOM: 4px;} .CPpageHeadNav a:link, .CPpageHeadNav a:visited {COLOR: #999999; text-decoration: none;} .CPpageHeadNav a:hover {COLOR: #999999; text-decoration: underline;} .CPprodDesc {FONT-SIZE: 9pt} .CPprodDescLong {} /**********************************************************/ /* Product List: reused in different product pages */ .CPcolsView {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #7A7979} .CPcolsView a:link, .CPcolsView a:visited {COLOR: #000099; TEXT-DECORATION: none} .CPcolsView a:hover {COLOR: #996666; TEXT-DECORATION: underline} .CPcatDescList {margin-left: 20; margin-bottom: 15px;} .CPcatDescProd .CPcatDescProd a:link, .CPcatDescProd a:visited {COLOR: #000000; font-weight: bold; text-decoration: none;} .CPcatDescProd a:hover {COLOR: #006699; font-weight: bold; text-decoration: underline;} .CPcatDesc {font-weight: bold;} .ProductList_Price_Value {font-weight: bold; color: #CE0000;} .CustomProdItem, .CustomProdItem a:link, .CustomProdItem a:visited {COLOR: #CE0000; text-decoration: none;} .CustomProdItem a:hover {COLOR: #CE0000; text-decoration: underline;} /**********************************************************/ /* Product View: Only used in cs/prodView.asp */ .CPbox2 {BACKGROUND-COLOR: #F5F5F5; BORDER: 1px solid #FF0000} .CPbox2H {BACKGROUND-COLOR: #000000; PADDING: 1px; FONT-FAMILY: Verdana, Arial, Helvetica; FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-SIZE: 13px; TEXT-DECORATION: none} .CPbox2B {BACKGROUND-COLOR: #F5F5F5} .CPbox2B a:link, .CPbox2B a:visited {COLOR: #333333; FONT-SIZE: 10px; TEXT-DECORATION: none} .CPbox2B a:hover {COLOR: #996666; FONT-SIZE: 10px; TEXT-DECORATION: underline} .CPprodDet {} .CPprodSKU {} .CPprodPriceGST {COLOR: #800000; FONT-SIZE: 8pt;} .CPprodPriceT {COLOR: #800000; FONT-SIZE: 11pt;} .CPprodPriceV {COLOR: #CC0000; FONT-SIZE: 14pt;} .CPprodLPriceT {} .CPprodLPriceV {TEXT-DECORATION: line-through; FONT-SIZE: 11pt;} .CPprodSPriceT {} .CPprodSPriceV {COLOR: red} .CPfreeShipMsg {COLOR: #888888} .CPinStock {COLOR: #888888} .CPoutStock {COLOR: red} .CPnoImgT {COLOR: #800000} .CPprodDescDet {FONT-SIZE: 11pt} /**********************************************************/ /* Product Option: Only used in cs/prodView.asp */ .CPoptDesc {FONT-STYLE: italic} .CPoptSel {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} .CPoptTxt {FONT-FAMILY: Verdana, Arial, helvetica; FONT-SIZE: 8pt} /**********************************************************/ /* Category menu */ .CustomCatMenuBgColor {background-color: #CCCCCC;} .CustomCatMenuHeader {COLOR: #ffffff; font-weight: bold; text-decoration: none;} .CustomCatMenuText, a:link.CustomCatMenuText , a:visited.CustomCatMenuText {COLOR: red; text-decoration: none;} a:hover.CustomCatMenuText {COLOR: red; text-decoration: underline;} /**********************************************************/ /* Reservations. Only used in cs/reservation.asp */ .CPpageHeadText {font-size: 1.0em;font-weight: bold;color: #FE0000;} /*** SUPERFISH ***/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { padding: 0; list-style: none; } .sf-menu { display: block; margin: 0px auto; width: 590px; height: 36px; line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 15em; /* left offset of submenus need to match (see below) */ } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; height: 36px; } .sf-menu a { display: block; position: relative; font-size: 12px; font-weight: bold; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 36px; /* match top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 15em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 15em; /* match ul width */ top: 0; } /*** DEMO SKIN .sf-menu { margin: 0px auto; width: 590px; height: 36px; text-align: center; }***/ .sf-menu a { padding: 1.0em 1.0em; text-decoration:none; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #FFF; } .sf-menu li { } .sf-menu li li { background: #111; width: 15em; height: 25px; } .sf-menu li li a { font-size: 12px; border-top: 1px solid #FFF; padding: 0.5em 1em; } .sf-menu li li li { background: #111; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { color: #FF0000; outline: 0; } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { background: #FF0000; color: #FFF; } .sf-menu-parent { background: #111 url(/images/arrow.png) no-repeat right !important; }