/* Cause and Affect Style.css */

body { top: 0; left: 0; margin: 0;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 1em;
       color: #000000;
       text-align: center;
       min-width: 1000px;
     }

body.popup {
    width: 600px;
    min-width: 600px;
}

/* blocks */
/* part of the design is fixed-height */
#headerouter             { position: absolute; top: 0; left: 0; width: 100%; height: 165px; min-width: 1000px; }
#headerinner             { width: 1000px; margin: 0 auto; background: url(../gifs/defaultheaderbg.jpg) center bottom no-repeat; height: 165px; }
body.home #headerinner   { background-image: url(../gifs/headerbg.jpg); }
body.popup #header       { position: absolute; top: 0; left: 0; background: url(../gifs/defaultheaderbg.jpg) center bottom no-repeat; height: 165px; width: 600px; }
body.tshirt #headerinner { background-image: url(../gifs/tshirtheaderbg.jpg); }
body.green #headerinner  { background-image: url(../gifs/greenheaderbg.jpg); }
body.greenlong #headerinner { background-image: url(../gifs/headerbg.jpg);}

#logo              { float: left; width: 900px; height: 100px; text-align: left; display: inline;}
body.popup #logo   { width: 310px; }
#topnav            { float: right; height: 15px; margin-right: 50px; font-size: 65%; display: inline; }
body.popup #topnav { margin-top: 100px; margin-right: 20px; width: 140px; }
#mainnav           { float: left; font-size: 80%; height: 45px; text-align: left; margin-top: 4px; margin-left: 50px; display: inline; width: 900px;}
body.popup #mainnav { width: 600px; margin-left: 0; }

#wrapperouter           { position: absolute; top: 165px; left: 0; width: 100%; min-width: 1000px; /* height: 628px; */}
body.long #wrapperouter { height: auto; background: url(../gifs/longrepeatbg.jpg) center top repeat-y;}
body.greenlong #wrapperouter { height: auto; background: url(../gifs/longrepeatgreenbg.jpg) center top repeat-y; }
body.popup #wrapperouter {}
#wrapper                { width: 1000px; margin: 0 auto; height: 628px; background: url(../gifs/defaultbg.jpg) center top no-repeat;}
body.home #wrapper      { width: 1001px; background-image: url(../gifs/homewrapperbg.jpg); }
body.tshirt #wrapper    { background-image: url(../gifs/tshirtwrapperbg.jpg); }
body.green #wrapper     { background-image: url(../gifs/greenwrapperbg.jpg); }
body.long #wrapper      { height: auto; background-image: url(../gifs/longwrapperbg.jpg); }
body.greenlong #wrapper  { height: auto; background-image: url(../gifs/longwrapperbg.jpg);  border: 1px solid black;}
body.long #wrapperinner { width: 1000px; float: left; background: url(../gifs/longinnerwrapperbg.jpg) bottom center no-repeat; padding-bottom: 110px; }
body.greenlong #wrapperinner { height: auto; width: 1000px; float: left; display: inline; background: url(../gifs/longinnerwrappergreenbg.jpg) bottom center no-repeat; padding-bottom: 110px; border: 1px solid black;}
body.basket #wrapperinner { background-image: url(../gifs/basketwrapper.jpg); }
body.popup #wrapper     { width: 100%; background-image: none;}

#content             { width: 760px; /* margin-bottom: 110px; */ /* margin-top: 30px; */ margin-top: 20px; float: left; margin-left: 120px; font-size: 80%; color: #000000;
                       text-align: left; height: 500px; overflow: hidden; display: inline; }
body.home #content   { width: 1000px; margin-left: 1px; height: 628px; margin-bottom: 0; }
body.tshirt #content { width: 500px; }
body.long #content   { height: auto; }
body.wide #content { margin-left: 50px; margin-right: 0; width: 901px;}
body.green #content  { margin-top: 50px;  }
body.greenlong #content { height: auto;} 
body.popup #content  { position: absolute; top: 165px; left: 0; width: 600px; padding: 0; height: 400px;
                       margin-top: 0; margin-bottom: 0; margin-left: 0; display: block; padding-top: 0 !important; padding-top: 30px;
                       background: url(../gifs/longinnerwrapperbg.jpg) bottom center no-repeat;}

#footer              { clear: both; font-size: 65%; width: 900px; margin: 0 auto; height: 36px; background: url(../gifs/footerbg.jpg) center bottom no-repeat;
                       color: #ffffff; text-align: left;}
#bottomnav           { clear: both; width: 1000px; margin: 0 auto; height: 132px; }
#homecopy            { display: none; }

/* mainnav */
#mainnav ul.menu       { list-style-type: none; padding: 0; margin: 0; }
#mainnav ul.menu li            { float: left; padding: 0; margin: 0;  }
#mainnav a             { color: #ffffff; text-decoration: none; width: 94px; height: 44px; line-height: 44px; display: block;  text-align: center;
                         /* padding: 22px 0 0 0; */ padding: 0; margin: 0; font-weight: bold; background: url(../gifs/mainnavlibg.gif) top right no-repeat;}
#mainnav a:hover       { /* color: #457325; */ }                        
#mainnav a.link1:hover, #mainnav li:hover a.link1, #mainnav li.ieHover a.link1 { background: url(../gifs/link1.gif) center center no-repeat; }
#mainnav a.link2:hover, #mainnav li:hover a.link2, #mainnav li.ieHover a.link2{ background: url(../gifs/link2.gif) center center no-repeat; }
#mainnav a.link3:hover, #mainnav li:hover a.link3, #mainnav li.ieHover a.link3 { background: url(../gifs/link3.gif) center center no-repeat; }
#mainnav a.link4:hover, #mainnav li:hover a.link4, #mainnav li.ieHover a.link4 { background: url(../gifs/link4.gif) center center no-repeat; }
#mainnav a.link5:hover, #mainnav li:hover a.link5, #mainnav li.ieHover a.link5 { background: url(../gifs/link5.gif) center center no-repeat; }
#mainnav a.link6:hover, #mainnav li:hover a.link6, #mainnav li.ieHover a.link6 { background: url(../gifs/link6.gif) center center no-repeat; }
#mainnav a.link7:hover, #mainnav li:hover a.link7, #mainnav li.ieHover a.link7 { background: url(../gifs/link7.gif) center center no-repeat; }
#mainnav a.link8:hover, #mainnav li:hover a.link8, #mainnav li.ieHover a.link8 { background: url(../gifs/link8.gif) center center no-repeat; }
#mainnav a.link9:hover, #mainnav li:hover a.link9, #mainnav li.ieHover a.link9 { background: url(../gifs/link9.gif) center center no-repeat; }

/* Drops */
#mainnav ul.menu ul.submenu { position: absolute; left: -999em;}
#mainnav ul.menu li:hover ul.submenu,
#mainnav ul.menu li.ieHover ul.submenu{ left: auto;}
#mainnav ul.menu ul.submenu {
    background: url(../gifs/dropmenubg.gif) bottom left repeat-y;
    list-style-type: none;
    margin: 0;
    padding: 0;
    /* border: 1px solid #A29A8D;
    border-left-color: #ffffff;
    border-top-color: #ffffff; */
    border-top: 1px solid #91BF53;
    padding-bottom: 15px;
    padding-top: 7px;
    padding-right: 0;
    padding-left: 0;    
    overflow: hidden;
    width: 94px;
}

#mainnav ul.menu ul.submenu li {
   width: 94px;
   display: block;
   clear: left;
   height: 23px;
   line-height: 23px;
}

#mainnav ul.menu ul.submenu li:hover,
#mainnav ul.menu ul.submenu li.ieHover
{
    /* background-color: #1F7908; */
    background: url(../gifs/dropmenulibg.gif) center center no-repeat;
}

#mainnav ul.menu ul.submenu li a {
    height: 23px;
    line-height: 23px;
    background-image: none;
    color: #ffffff;
    text-align: left;
    padding-left: 10px;
    padding-right: 5px;
    display: inline;
    /* border-left: 5px solid #E7E2D8; */
}
#mainnav ul.menu ul.submenu li a:hover {
    /* text-decoration: underline; */
    /* border-left: 5px solid #746E65; */
}


/* topnav */
#topnav ul.menu  { list-style-type: none; text-align: right; margin: 0 10px 0 0; padding: 0; float: right; display: inline; }
#topnav li       { display: inline; margin: 0 0 0 9px;}
#topnav ul.menu a { color: #898989; background: url(../gifs/topnavabg.gif) left center no-repeat; padding-left: 13px; text-decoration: none;}
#topnav a:hover  { text-decoration: underline; }
#topnav a.addthis_button { float: right; display: inline;}
#topnav div#addthis { float: right; display: inline; }

/* bottomnav */
#bottomnav ul.menu { list-style-type: none; text-align: left; margin: 0; padding: 0; }
#bottomnav li      { display: inline; float: left; margin: 0; padding: 0; }
#bottomnav a       { padding: 0; }


/* footer */
#footer p.copyright { float: left; width: 45%; margin: 18px 0 0 17px; display: inline;}
#footer p.legal     { float: right; width: 45%; text-align: right; margin: 18px 17px 0 0; display: inline;}
#footer a           { color: #ffffff; text-decoration: underline; }

img { border: none;}

H1 {
  font-weight: bold;
  font-size: 130%;
  color: #588F0F;
  margin-top: 0;
  padding-top: 0;
  margin-left: 40px;
  margin-right: 40px;  
  /* Page Title */
}
h1.large {
  font-weight: bold;
  font-size: 150%;
  color: #588F0F;
  margin-top: 0;
  padding-top: 0;
  margin-left: 40px;
  margin-right: 40px;  
  /* Page Title Large */
}
body.green h1, body.green H1, body.green h1.large, body.green H1arge {
  color: #ffffff;
}

H2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: #588F0F;
  margin-left: 40px;
  margin-right: 40px;  
  /* Section Title */
}
body.green h2 {
  color: #ffffff;
  margin-left: 40px;
  margin-right: 40px;  
}

h2 span.plain {
    color: black;
    font-weight: normal;   
}

H3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  font-weight: bold;
  color: black;
  margin-left: 40px;
  margin-right: 40px;  
  /* Subsection Title */
}
body.green h3 {
  color: #ffffff;
}


p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-left: 40px;
  margin-right: 40px;
}
body.green p {
  color: #ffffff;
}

p.nohmargin {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  /* Wide Paragraph */
}

p.noheight {
    margin: 0;
    padding: 0;
    font-size: 0;
    /* No Height Paragraph */
}

p.indent1 {
  margin-left: 60px;
  /* Indented Text 1 */
}
p.indent2 {
  margin-left: 80px;
  /* Indented Text 2 */
}
p.indent3 {
  margin-left: 100px;
  /* Indented Text 3 */
}
p.indent4 {
  margin-left: 120px;
  /* Indented Text 4 */
}

table.default {
  /* No Style */
}

#content td {
  font-size: 80%;
}

td.alignright {
  text-align: right;
  /* Align Middle Right */
}
td.aligncenter {
  text-align: center;
  /* Align Middle Center */
}
td.aligntop {
  vertical-align: top;
  /* Align Top Left */
}
td.alignbottom {
  vertical-align: bottom;
  /* Align Bottom Left */
}
td.aligntopright {
  vertical-align: top;
  text-align: right;
  /* Align Top Right */
}
td.aligntopcenter {
  vertical-align: top;
  text-align: center;
  /* Align Top Center */
}
td.alignbottomright {
  vertical-align: bottom;
  text-align: right;
  /* Align Bottom Right */
}
td.alignbottomcenter {
  vertical-align: bottom;
  text-align: center;
  /* Align Bottom Center */
}


ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-right: 20px;
}
ol {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin-right: 20px;
}
ul.round {
  list-style-type: none;
  margin-left: 20px;  
  /* Round markers */
}
ul.round li {
  background: url(../gifs/bullet.gif) top left no-repeat;
  padding-left: 15px;
}
ol.norm { /* Ordered list */ }


a { color: #194405; text-decoration: underline; }
a.anchor { color: #000000; text-decoration: none; }
body.green a { color: #ffffff; }


span.sup {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: super;
  /* Superscript */
}
span.sub {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 7px;
  vertical-align: sub;
  /* Subscript */
}

span.large {
    font-size: 150%;
    /* Large Text */
}

img.floatleft {
  float: left;
  /* Float Left */
}
img.floatleftwithmargin {
  float: left;
  margin: 3px 40px 10px 0px;
  /* Float Left with margin */
}
img.floatright {
  float: right;
  /* Float Right */
}
img.floatrightwithmargin {
  float: right;
  margin: 3px 40px 10px 40px;
  /* Float Right with margin */
}
img.noborder {
  border-width: 0px;
  /* No Border */
}
img.rollover { /* Rollover */ }


/* Sizing chart table */
table.sizing {
    border-top: 1px solid #99cc33;
    border-left: 1px solid #99cc33;
  }
  table.sizing td {
    border-bottom: 1px solid #99cc33;
    border-right: 1px solid #99cc33;
    color: #000000;
    padding: 2px 4px;
    background-color: #FCFAF6;
  }
  table.sizing td.header {
    background-color: #99cc33;
    color: #ffffff;
    font-weight: bold;
  }
  table.sizing td.wide {
    width: 100px;
  }
  table.sizing td.normal {
    width: 50px;
  }

/* Ecom basket styles */
table.basket {
  width: 740px;    
}

table.basket td {
  padding: 4px 6px;
}
table.basket td.header {
  font-weight: bold;
}

table.basket td.lined {
  border-left: 1px dashed #D7D6D6;
}

/* Ecom product template styles */
div#product_image {
  width: 420px;
  float: left;
  /* margin: 30px 0 0 20px; */
  margin: 0 0 0 20px;
}

div#product_details {
  width: 280px;
  height: 420px;
  background-color: #FCFAF6;
  float: right;
  /* margin-top: 10px; */
}

div#product_details div#product_top {
   float: left;
   width: 280px;
   height: 380px;   
}

div#product_details h1 {
  color: black;
  font-size: 120%;
}

div#view_menu {
  float: left;
  margin-left: 50px;
  background: url(../gifs/view_menubg.gif) bottom left no-repeat;
  display: inline;
  padding-left: 3px;
}

div#view_menu a {
  color: #999999;
  background: url(../gifs/view_menuabg.gif) bottom right no-repeat;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  padding: 0 10px 5px 10px !important;
  padding: 0px 10px 5px 10px;
  float: left;
}

div#view_menu2 {
  float: left;
  margin-left: 33px;
  margin-top: 20px;
  background: url(../gifs/view_menu2bg.gif) bottom left no-repeat;
  display: inline;
  padding-left: 3px;
}

div#view_menu2 a {
  color: #999999;
  background: url(../gifs/view_menu2abg.gif) bottom right no-repeat;
  font-size: 90%;
  font-weight: bold;
  text-decoration: none;
  padding: 4px 10px 0px 10px !important;
  padding: 8px 10px 1px 10px;
  float: left;
}

div#product_details h1 {
  clear: left;
  margin: 0;
  margin-left: 20px;
  padding: 0;
  padding-top: 10px;
 }

div#product_details h2 {
  margin: 0;
  padding: 0;
  margin-left: 20px;  
}

div#product_details p {
  margin: 10px 20px;
  padding: 0;
  font-size: 90%;
}

div#product_details table {
  margin-left: 20px;
  margin-right: 20px;

}

div#product_details div#colourchoices {
    margin: 5px 20px 15px 20px;   
  }
  div#product_details div#colourchoices img {
    margin-left: 2px;
    margin-right: 2px;
    border: 1px solid black;
  }

div#product_details div.container {
 clear: both;
  margin-left: 20px;
  display: inline;
}

div#product_details div.container div.dimension {
    clear: both;
    display: inline;
    float: left;
    width: 120px;
  }
  div#product_details div.container div.dimension p {
    color: #99cc33;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: 35px;
    line-height: 35px;
  }


div#product_details div.container div.quantity {
    float: left;
    width: 120px;
    height: 35px;
    line-height: 35px;
    width: 120px;
  }
  div#product_details div.container div.quantity form {
    display: inline;
  }
  
div#product_details a.designs {
  clear: both;
  text-align: center;
  color: #000000;
  padding-top: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}
div#product_details a.designs:hover {
  text-decoration: underline;
}


/* scroller list styles */
div#scroller {
    width: 20000px;
    margin-left: 0;
    text-align: center;
  }
  div#scroller div.department {
      float: left;
      /* width: 400px;
      height: 420px; */
      width: 220px;
      height: 290px;
      /* background-color: #ff0000; */
      margin-right: 2px;
      text-align: center;
    }
    div#scroller div.department a {
        color: #000000;
        font-weight: bold;
        text-decoration: none;
      }
      div#scroller div.department a:hover {
          text-decoration: underline;
        }
    div#scroller div.department span.green {
      color: #174304;
      font-weight: bold;
      font-size: 110%;
    }

div#sliderouter {
    width: 760px;
    text-align: center;
    height: 50px;
}

div#slider {
    clear: both;
    width: 435px;
    margin: 0 auto;
    height: 15px;
    line-height: 15px;
    text-align: center;
    background: url(/schema/gifs/scrollerbg.gif) center center no-repeat;
  }
  div#slider div#leftbtn {
    float: left;
  }
  div#slider div#scrollbar {
      width: 417px;
      float: left;
      text-align: left;
    }
    div#slider div#scrollbar div#scrollbtn {
        margin-left: 4px;
        width: 109px;
        height: 19px;
    }
  div#slider div#rightbtn {
     float: left;
  }
  
  
/* Special Offers List Template */

div#special_offer {
    margin-left: 5px;
}

div#special_offer div.outer {
  width: 180px;
  float: left;
  margin-left: 5px;
  margin-top: 15px;
}

div#special_offer div.image {
  float: left;
  border: 1px solid #588F0F;
  text-align: center;
  height: 197px;
  width: 178px;
}

div#special_offer div.image img {
    margin-top: 7px;
}

div#special_offer div.info {
    float: left;
    width: 180px;
    text-align: center;
    margin-top: 5px;
}

div#special_offer div.info a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

div#special_offer div.info span.green {
  color: #174304;
  font-weight: bold;
  font-size: 110%;
}