﻿body {margin:0px; background-color:#ffffff;}
body {background-image:url(/hippo/images/BackBlue2.gif); background-repeat:repeat-x; background-attachment:fixed;}
/*body {background-image:url(/hippo/images/Back_01.gif); background-repeat:repeat-x; background-attachment:fixed;}*/
body {font-family:Verdana, Arial; font-size:90%; line-height:120%;}

img {padding:0px; margin:0; border:none;}

H1 {padding:0px; margin:0px; font-size:150%;}
P  {margin-top:0px;}

.divLeftNav A       {color:#0000CC; text-decoration:none;}
.divLeftNav A:hover {color:#000088; text-decoration:underline;}


.divMainTitle    {width:480px;}
.divMainTitle H1 {color:#333333; margin-top:5px; margin-bottom:5px;}
.divTitleRight   {}


.divMsg p {margin:0px; padding:0px; margin-bottom:18px; color:#00CC00; font-weight:bold;}







/*TOP NAV*/
.divTopNav {width:875px; background-color:#FAFAFA; border-top:solid 1px #CCCCCC;}

.divTopNav UL {padding:0px; margin:0px; padding-top:3px; padding-bottom:3px;}

.divTopNav LI {list-style-type:none; text-decoration:none;}
.divTopNav LI {display:inline; border-left: solid 1px #CCCCCC; padding-top:4px; padding-bottom:3px;}
.divTopNav LI.first {border-left:none;}
.divTopNav LI.selected {}

.divTopNav A       {color:#000000; font-size:95%; text-decoration:none;}
.divTopNav A       {padding-left:0px; padding-right:0px; margin-left:10px; margin-right:10px; padding-top:3px; padding-bottom:3px;}
.divTopNav A:hover {text-decoration:underline;}

.divTopNav A.selected       {background-color:#CCCCCC; padding-left:10px; padding-right:10px; margin-left:0px; margin-right:0px; font-weight:bold;}
.divTopNav A.selected:hover {text-decoration:underline;}


.divSearch {}
.divSearch INPUT.txt {font-size:125%; border:solid 1px black;}
.divSearch SPAN {font-size:125%;}



/*LEFT NAV*/
.divLeftNav {width:180px; padding-left:0px;}

.divLeftNav UL {padding:0px; margin:0px; width:180px; padding-bottom:10px;}

.divLeftNav LI {list-style-type:none; padding-top:0px; padding-bottom:2px; padding-left:7px; margin:0px;}
.divLeftNav LI.heading  {font-weight:bold; text-transform:uppercase; padding-left:3px; margin-top:0px;}
.divLeftNav LI.selected {font-weight:bold;}

.divLeftNav A       {text-decoration:none; padding-left:5px; padding-top:0px; padding-bottom:0px; display:block; line-height:13px;}
.divLeftNav A       {color:#0000CC; background-color:White; font-size:75%;}
.divLeftNav A:hover {color:#000088; text-decoration:underline;}

.divLeftNav A.selected       {color:#CC0000;}
.divLeftNav A.selected:hover {color:#880000;}

.divLeftNav A.heading       {text-decoration:none; text-transform:uppercase; padding-left:0px; padding-top:0px; padding-bottom:0px; display:block;}



/*TOP NAV WITH TABS*/
/*
.divTopNavWrapper {width:710px; color:#333333; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding:0px; text-align:left; height:auto;}

.divTopNav {font-size:12px; color:#333333; height:25px; width:auto; padding:0px; margin:0px;}

.ulTopNav {margin-left:200px;margin:0px; padding:0px; list-style-image:none; list-style-type:none;}
.ulTopNav li {float:left; margin:0px; margin-right:3px; padding:0px;}

.ulTopNav li a {background-attachment: scroll; background-image:url(/images/tabs_2.png); background-repeat:no-repeat; background-position:right 0px;}
.ulTopNav li a {margin:0px; padding:0px; padding-right:10px;}
.ulTopNav li a {font-family:Arial; font-weight:normal; color:#666666; text-decoration:none; height:auto; width:auto; float:left;}

.ulTopNav li a:hover {text-decoration:none; color:#CCCCCC;}

.ulTopNav li a span {background-attachment:scroll; background-image:url(/images/tabs_2.png); background-repeat:no-repeat; background-position:0px 0px;}
.ulTopNav li a span {height:19px; width:auto; float:left; cursor:pointer; cursor:hand;}
.ulTopNav li a span {display:block; padding-top:6px; padding-right:5px; padding-bottom:0px; padding-left:15px; margin:0px;}

.ulTopNav li a.active {background-attachment:scroll; background-image:url(/images/tabs_2.png); background-repeat:no-repeat; background-position:right -47px;}
.ulTopNav li a.active span {background-attachment:scroll; background-image:url(/images/tabs_2.png); background-repeat:no-repeat; background-position:0px -47px;}
.ulTopNav li a.active:hover {color:#FFFFFF; text-decoration:none; cursor:pointer; cursor:hand;}
*/



/*BREADCRUMBS*/
.divBreadcrumbs   {font-size:65%; font-weight:bold;}
.divBreadcrumbs A {}

/*
.divSearchResults {}
.divSearchResults TABLE {}
.divSearchResults TR {}
.divSearchResults TD {padding-top:10px;}
.divSearchResults A       {color:#0000CC; text-decoration:none;}
.divSearchResults A:hover {color:#000088; text-decoration:underline;}
.divSearchResults A.aTitle {font-size:100%; font-weight:bold; color:Black;}
.divSearchResults A.aSmall {font-size:85%;}

.divSearchResults span.spanPriceValue {font-weight:bold; font-size:105%;}
.divSearchResults span.spanSalePriceLabel {color:White; font-weight:bold; background-color:Red;}
.divSearchResults span.spanSalePriceValue {color:red; font-weight:bold; font-size:105%;}
.divSearchResults span.spanRRP        {text-decoration:line-through; font-size:85%;}
.divSearchResults span.spanWas        {text-decoration:line-through; font-size:85%; color:red;}
*/
.divSearchResults {}
.divSearchResults TABLE {}
.divSearchResults TR {}
.divSearchResults TD {padding:5px; border-bottom:solid 1px #cccccc;}
.divSearchResults .divStockStatus span {font-size:70%; font-weight:bold;}

.divSearchResults span.spanCounter {font-size:75%;}
.divSearchResults span.spanIntro {font-size:75%;}

.divSearchResults A       {color:#0000CC; text-decoration:none; font-size:75%;}
.divSearchResults A:hover {color:#000088; text-decoration:underline;}
.divSearchResults A.aTitle {font-weight:bold;}
.divSearchResults A.aPrice {font-weight:bold;}

.divSearchResults span.spanPrice        {}
.divSearchResults span.spanRRP          {text-decoration:line-through; font-size:70%;}
.divSearchResults span.spanWas          {text-decoration:line-through; font-size:70%; color:#ff0000;}
.divSearchResults span.spanSale         {font-weight:bold; font-size:70%; color:#ff0000;}
.divSearchResults span.spanFreeDelivery {font-size:70%; color:#000000;}







.divProductDetailLinks {font-size:75%;}
.divProductDetailLinks INPUT {}


.divProductImages {text-align:center;}
.divProductImages img {}
.divProductImages A       {text-decoration:none; color:blue;}
.divProductImages A:hover {text-decoration:underline;}

.divBodyText {font-size:80%;}
.divBodyText P {}
.divBodyText P.pIntro {font-weight:bold; color:#AAAAAA;}
.divBodyText UL {font-size:100%; margin-top:5px; list-style-type:square;}
.divBodyText h4 {padding:0px; margin:0px;}

.divPrice p              {margin:0px; padding:0px;}
.divPrice p.pPrice       {font-size:150%; font-weight:bold; line-height:120%;}
.divPrice p.pRRP         {font-size:85%; font-weight:bold; color:#CC0000; text-decoration:line-through;}
.divPrice p.pWas         {font-size:85%; color:#CC0000; text-decoration:line-through; line-height:150%;}
.divPrice p.pSale        {color:#FF0000; font-size:150%; font-weight:bold;}



/*BASKET*/
.divBasket {}
.divBasket INPUT.smallbutton {font-size:8pt;}
.divBasket SELECT.smallddl {font-size:8pt; font-weight:bold;}
.divBasket P.BasketOption {font-style:italic; color:#999999; margin-top:0px; margin-bottom:0px;}
.divBasket TD {padding-left:5px; padding-right:15px; font-size:85%;}
.divBasket TR.trHeading {background-color:#AAAAFF; font-weight:bold; padding-top:3px; padding-bottom:3px;}
.divBasket TR.trAlt {background-color:#DDDDFF;}
.divBasket TR.trTotal {font-weight:bold;}
.divBasket TR.trMsg   {color:#00CC33;}

.divMiniBasket {background-color:#FAFAFA; border:solid 1px #CCCCCC; display:block; padding:5px; width:166px; margin-left:1px; margin-top:1px;}
.divMiniBasket img {border:none; padding-top:0px; padding-right:3px; vertical-align:middle;}
.divMiniBasket H4 {padding:0px; margin:0px; font-weight:bold; color:#AA0033; padding-bottom:3px;}
.divMiniBasket P {padding:0px; margin:0px; font-size:70%; font-weight:bold;}
.divMiniBasket A {text-decoration:none; color:Black;}


/*Customer Details*/
.divCustomerDetails {}
.divCustomerDetails .divInner   {width:420px;background-color:#DDDDFF; padding:5px; border:solid 1px #AAAAFF;}
.divCustomerDetails SPAN.spanErr {font-size:75%;}

.divCustomerDetails TD         {vertical-align:middle; font-size:85%}
.divCustomerDetails TD.tdHeading {background-color:#AAAAFF; font-weight:bold; padding:5px;}
.divCustomerDetails TD.tdSmall {font-size:75%; font-weight:bold;}
.divCustomerDetails INPUT.txt  {border:solid 1px black; font-family:Arial; font-size:100%;}


/*Payment form*/
.divPaymentForm    {width:400px; margin-top:20px;}
.divPaymentForm h4 {padding:0px; margin:0px; font-size:120%; color:#C51121; font-weight:bold;}
.divPaymentForm p  {font-size:85%;}


.divPayPalForm      {background-color:#eeeeee; border:solid 1px #cccccc; padding:10px;}
.divPayPalForm p    {color:#000000; font-size:85%; margin-top:10px;}


.divProdListItem {}
.divGrid {width:162px;}
.divProdListItem img {margin-top:5px;}
.divProdListItem input.btnSmall {font-size:65%}
.divProdListItem a.aSmall       {font-size:75%; text-decoration:none; font-weight:bold; color:#0000FF;}
.divProdListItem a.aSmall:hover {font-size:75%; text-decoration:underline; color:#000088;}
.divProdListItem a.aTitle       {font-size:105%; text-decoration:none; font-weight:bold; color:#CC0000;}
.divProdListItem a.aTitle:hover {font-size:125%; text-decoration:underline;}
.divProdListItem p              {margin:0px; padding:0px; margin-top:2px; font-size:85%;}
.divProdListItem p.pPrice       {font-size:125%; font-weight:bold;}
.divProdListItem p.pRRP         {font-size:75%; font-weight:bold; color:#CC0000; text-decoration:line-through;}

.divProdListItem TABLE {}
.divProdListItem TR.trChild            {font-size:90%;}
.divProdListItem TR.trChildAlt         {font-size:90%; background-color:#EEEEEE;}
.divProdListItem TD                    {vertical-align:top;}
.divProdListItem TD.tdChildPrice       {font-size:105%; font-weight:bold;}
.divProdListItem TD.tdChildRRP         {font-weight:bold; font-weight:bold; color:#CC0000; text-decoration:line-through;}
.divProdListItem TD.tdPPU              {font-size:75%; color:#888888;}
.divProdListItem SELECT                {font-size:70%;}
.divProdListItem INPUT.btnSmall        {font-size:70%;}
.divProdListItem a.aClickForMore       {font-size:100%; text-decoration:none; font-weight:bold;}
.divProdListItem a.aClickForMore:hover {font-size:100%; text-decoration:underline;}




.divYouAreIn    {border:solid 3px #ff7e00; padding:5px; margin-left:1px; margin-right:1px;}
.divYouAreIn H3 {color:#ff7e00; padding:0px; margin:0px; font-weight:normal; font-size:150%;}
.divYouAreIn UL {padding:0px; margin:0px; width:180px; padding-top:0px; margin-left:2px;}
.divYouAreIn LI {list-style-type:none; padding-top:2px; padding-bottom:2px;}
.divYouAreIn A       {color:#0000CC; text-decoration:underline; font-size:85%;}
.divYouAreIn A:hover {color:#000099; text-decoration:underline;}
.divYouAreIn A.aSelected {font-weight:bold;}


.divProduct {width:120px;}
.divProduct a.aTitle       {font-size:75%; text-decoration:none; font-weight:bold; color:#0000FF;}
.divProduct a.aTitle:hover {font-size:75%; text-decoration:underline; color:#000088;}
.divProduct a.aPrice       {font-size:105%; text-decoration:none; font-weight:bold; color:#000000;}
.divProduct a.aPrice:hover {font-size:105%; text-decoration:underline; color:#000000;}

.divAlsoLike {}
.divAlsoLike H4    {margin:0px; margin-bottom:5px;}
.divAlsoLike TABLE {border:solid 1px #EEEEEE; border-collapse:collapse;}
.divAlsoLike TD    {border:solid 1px #EEEEEE;}



.divPortal {}
.divPortal h4 {color:#AA0033; margin-bottom:2px; font-size:110%;}

.divPortalGridItem {width:141px; border:solid 1px #CCCCCC;}
.divPortalGridItem a.aTitle       {font-size:75%; text-decoration:none; color:#0000CC; font-weight:bold;}
.divPortalGridItem a.aTitle:hover {text-decoration:underline;}
.divPortalGridItem div.divTitle {height:35px;}
.divPortalGridItem div.divRRP   {color:#CC0000; font-size:85%; text-decoration:line-through; height:15px;}
.divPortalGridItem div.divPrice {color:#000000; font-size:125%; font-weight:bold;}
.divPortalGridItem A       {color:#0000CC; text-decoration:none;}
.divPortalGridItem A:hover {color:#000099; text-decoration:underline;}

/*
.divPortalListItem {width:600px; border-bottom:solid 1px #CCCCCC; padding-bottom:10px; padding-top:10px;}
.divPortalListItem a.aTitle       {font-size:110%; text-decoration:none; color:#0000CC; font-weight:bold;}
.divPortalListItem a.aTitle:hover {text-decoration:underline;}
.divPortalListItem div.divRRP   {color:#CC0000; font-size:85%; text-decoration:line-through;}
.divPortalListItem div.divSale  {color:#FF0000; font-size:150%; font-weight:bold;}
.divPortalListItem div.divWas   {color:#CC0000; font-size:85%; text-decoration:line-through;}
.divPortalListItem div.divPrice {color:#000000; font-size:125%; font-weight:bold;}
.divPortalListItem A       {color:#0000CC; text-decoration:none; font-size:70%;}
.divPortalListItem A:hover {color:#000099; text-decoration:underline;}
.divPortalListItem A.aIntro       {color:#000000; text-decoration:none; font-size:70%; line-height:100%;}
.divPortalListItem A.aIntro:hover {color:#000000; text-decoration:none;}
.divPortalListItem a.aClickForMore {font-weight:bold;}
*/


.divPortalListItem {width:600px; border-bottom:solid 1px #CCCCCC; padding-bottom:10px; padding-top:10px;}
.divPortalListItem a.aTitle       {font-size:100%; text-decoration:none; color:#0000CC; font-weight:bold;}
.divPortalListItem a.aTitle:hover {text-decoration:underline;}
.divPortalListItem A       {color:#0000CC; text-decoration:none; font-size:85%;}
.divPortalListItem A:hover {color:#000099; text-decoration:underline;}
.divPortalListItem A.aIntro       {color:#000000; text-decoration:none; font-size:85%; line-height:100%;}
.divPortalListItem A.aIntro:hover {color:#000000; text-decoration:none;}
.divPortalListItem a.aClickForMore {font-weight:bold;}

.divPortalListItem div.divPrice {width:300px;}
.divPortalListItem div.divPrice span.spanPriceLabel {}
.divPortalListItem div.divPrice span.spanPriceValue {font-weight:bold; font-size:115%;}
.divPortalListItem div.divPrice span.spanSalePriceLabel {color:White; font-weight:bold; background-color:Red;}
.divPortalListItem div.divPrice span.spanSalePriceValue {color:red; font-weight:bold; font-size:115%;}
.divPortalListItem div.divPrice span.spanRRP        {text-decoration:line-through; font-size:85%;}
.divPortalListItem div.divPrice span.spanWas        {text-decoration:line-through; font-size:85%; color:red;}







.divJumpTo {}
.divJumpTo h4 {color:black; margin-bottom:2px; font-size:100%; margin:0px; padding:0px;}
.divJumpTo TABLE {border-collapse:collapse;}
.divJumpTo TD    {border:solid 1px black; padding:3px; text-align:left; padding-left:10px; padding-right:10px;}
.divJumpTo A       {color:#0000CC; text-decoration:none;}
.divJumpTo A:hover {color:#000099; text-decoration:underline;}















.divTopPortal {}
.divTopPortal h4 {padding:0px; margin:0px; color:#CC0000; font-size:110%; padding-bottom:10px;}
.divTopPortal h5 {padding:0px; margin:0px; color:#CC0000; font-size:85%;}
.divTopPortal A {text-decoration:none;}


/*Generic*/
.divGenericPageSections {}
.divGenericPageSections H4 {margin:0px; padding:0px; margin-bottom:2px; color:#CC0000;}
.divGenericPageSections A  {text-decoration:none; color:Black;}
.divGenericPageSections P  {margin:0px; padding:0px; margin-bottom:2px;}




/*Homepage*/
.divHomePageSections {}
.divHomePageSections H4 {margin:0px; padding:0px; margin-bottom:2px; color:#CC0000;}
.divHomePageSections A  {text-decoration:none; color:Black;}
.divHomePageSections P  {margin:0px; padding:0px; margin-bottom:2px;}

.divPageWidth100 {width:569px;}
.divPageWidth75  {width:424px;}
.divPageWidth66  {width:377px;}
.divPageWidth50  {width:280px;}
.divPageWidth33  {width:183px;}
.divPageWidth25  {width:135px;}
.divPageWidth20  {width:108px;}














.floatleft  {float:left;}
.floatright {float:right;}
.floatnone  {float:none;}

.clearboth {clear:both;}

.fullborder {border:solid 1px #CCCCCC;}

.topgap    {margin-top:9px;}
.bottomgap {margin-bottom:9px;}
.leftgap   {margin-left:9px;}
.rightgap  {margin-right:9px;}

.topgapsmall    {margin-top:5px;}
.bottomgapsmall {margin-bottom:5px;}
.leftgapsmall   {margin-left:5px;}
.rightgapsmall  {margin-right:5px;}

.topgapbig    {margin-top:18px;}
.bottomgapbig {margin-bottom:18px;}
.leftgapbig   {margin-left:18px;}
.rightgapbig  {margin-right:18px;}

.topgapbigger    {margin-top:36px;}
.bottomgapbigger {margin-bottom:36px;}
.leftgapbigger   {margin-left:36px;}
.rightgapbigger  {margin-right:36px;}









/*Make sure your page contains a valid doctype at the top*/
.simplegallery{
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #999999;
}

.simplegallery .gallerydesctext{
text-align: left;
padding: 2px 5px;
}