/* CSS 110MB Template for CreativeTowelClips.com */
/* Last edited: August '10 */

/************************************
 * COLOR KEY:                       *
 *     #000000; /* black            *
 *     #ffffff; /* white            *
 *     #99cc00; /* pea green        *
 *     #ffff33; /* bright yellow    *
 *     #003366; /* dark blue        *
 *     #3366ff; /* light blue       *
 *     #ff0000; /* fire red         *
 *     #990000; /* dark red         *
 *     #ffa500; /* orange           *
 ************************************/

/****************************************************
 * HTML DEFAULT STYLES                              *
 ****************************************************/
html { /* global html */
  overflow-y: scroll; /* force scroll bar to prevent page shifting */
}
body { /* html body */
  background: url('/images/bodyBackground.jpg') repeat;
  background-color: #ffa500; /* orange */
  text-align: center;
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 0;
}
h1 { /* banner title: Creative Towel Clips */
  font-family: "Verdana", "Georgia", "Monospace";
  font-size: 45px;
  font-weight: bold;
  color: #ffff33; /* bright yellow text */
  margin: 0;
  line-height: 1.5;
  font-style: oblique; /* italic */
  text-align: left;
}
h2 { /* paragraph title element*/
  font-size: 25px;
  color: #003366; /* dark blue text */
  font-weight: bold;
  margin: 0;
  padding-top: 5px;
  padding-right: 10px;
  line-height: 1.5;
  background-color: #ffffff; /* white background */
}
h3 { /* red underlined headings  */
  font-size: 16px;
  color: #ff0000; /* fire red */
  text-decoration: underline; /* underline text */
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
}
h4 { /*  */
  font-size: 24px;
  color: #ff0000; /* fire red */
  text-decoration: none; /* remove underline */
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
h5 {
  font-size: 18px;
  color: #3366ff; /* light blue */
  text-decoration: none; /* remove underline */
  margin: 0;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
}
p { /* paragraph style */
  margin-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  font-size: 16px !important;
  font-size: 16px;
  line-height: 1.5;
}
a { /* link anchor styles */
  color: #3366ff; /* light blue text */
  text-decoration: none; /* remove underline */
}
a:hover { /* link anchor hovering */
  color: #ff0000; /* fire red textt */
}
a:visited { /* link anchor visited */
  color: #003366; /* dark blue text */
}
a:visited:hover { /* link achor visited hovering */
  color: #990000; /* dark red text */
  
}
img { /* images */
  border: 0px;
  padding: 10px; /* white spacing on each side */
}
li { /* list items */
  font-size: 16px;
}
/*** END HTML DEFAULT STYLES ***/

/****************************************************
 * GENERAL CONTAINERS                               *
 ****************************************************/
#container { /* outer body wrap container */
  font-family: Arial,Helvetica,sans-serif;
  font-size: 11px;
  margin: 0 auto;
  width: 700px;
  padding: 10px;
  height: auto;
  background-color: #ffff33; /* bright yellow background */
  text-align: left;
}
#content { /* outer navbar and content container */
  background: url('/images/contentBackground.gif') repeat-y; /*  background behind navbar and content (dark blue and white) */
  height: 1%;
}
#leftColumn { /* contains navbar */
  float: left;
}
#rightColumn { /* inner content container */
  float: right;
  width: 530px;
  padding-left: 15px;
  color: #000000; /* black text */
  min-height: 710px;
  height: auto !important;
  height: 400px;
  overflow-x: visible !important;
  overflow-x: hidden;
}
/*** END GENERAL CONTAINERS ***/

/****************************************************
 * BANNER                                           *
 ****************************************************/
#banner { /* logo image and title container */
  width: 700px;
  height: 100px;
}
#bannerLeft { /* contains header image */
  width: 150px;
  height: 100px;
  margin-right: 10px;
  background: url('/images/whoops-logo.png') no-repeat;
  float: left
}
#bannerRight { /* contains title */
  width: 529px;
  height: 80px;
  background-color: #003366; /* dark blue background */
  background: url('/images/titleBackground.gif') repeat-x;
  float: left;
  text-align: center;
  padding-left: 10px;
  padding-right: 0;
  padding-top: 20px;
  padding-bottom: 0;
}
/*** END BANNER ***/

/****************************************************
 * NAVBAR                                           *
 ****************************************************/
#nav {
  width: 150px;
  float: left;
  position: relative;
  margin: 0;
  padding: 0;
  border: 0px none;
  background-color: #003366; /* dark blue background */
  text-align: left;
}
#nav ul {
  padding:0;
  margin:0;
  list-style-type: none;
}
#nav ul li {
  float: left;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  color: #ffffff;
  background-color: #003366; /* dark blue background */
  width: 130px;
  cursor: pointer;
}
#nav ul li ul {
  display: none;
}
#nav ul li:hover ul {
  display: block;
  position: absolute;
  top: 0;
  left: 150px;
  width: 130px;
}
#nav ul li a {
  display: block;
  padding: 8px 10px; /* push links away from container boundaries */
  color: #ffffff;
  background-color: #003366; /* dark blue background */
  width: 130px;
}
#nav ul li:hover ul li a {
  display: block;
  padding: 8px 10px; /* push links away from container boundaries */
  color: #ffffff; /* white text */
  background-color: #003366; /* dark blue background */
  width: 130px;
}
#nav ul li:hover, #nav ul li a:hover {
  background-color: #990000; /* dark red background */
}
#nav ul li:hover ul li a:hover {
  background-color: #990000; /* dark red background */
}
#active a, #active a:hover, #active a:visited { /* active page */
  color: #ffff33 !important; /* bright yellow text */
  color: #ffff33; /* bright yellow text */
  background-color: #3366ff !important; /* light blue background */
  background-color: #3366ff; /* light blue background */
}
/*** END NAVBAR ***/

/****************************************************
 * COPYRIGHT FOOTER                                 *
 ****************************************************/
#copyright {
  padding-top: 10px;
  font: 16px Arial,Helvetica,sans-serif;
  color: #003366; /* dark blue */
}
#copyright a {
  text-decoration: none;
  color: #003366; /* dark blue */
}
#copyright a:hover {
  color: #003366; /* dark blue */
}
/*** END COPYRIGHT FOOTER ***/

/***************************************************
 * CUSTOM IDS AND CLASSES                          *
 ***************************************************/
#casesPricingTable { /* pricing table */
  width: 300px;
  font-size: 16px;
  text-align: center;
}
#hotNewProduct { /* hottest product image */
  clear: both;
  width: 130px;
  background: url('/images/Hottest-New-Product.gif') no-repeat #003366;
  padding: 110px 10px 0;
  border-top: 2px solid #003366; /* dark blue border */
}
#clipArt { /* beach clipart image */
   clear: both;
   width: 130px;
   background: url('/images/beach-clipart.png') repeat-x center #003366;
   padding: 110px 10px 0;
   border-top: 2px solid #003366; /* dark blue border */
}
#adSense { /* AdSense dimensions */
   clear: both;
   width: 120px;
   padding: 10px 15px 0;
   border-top: 2px solid #003366; /* dark blue border */
   position: absolute;
}
#redtag { /* red tag image */
  clear: both;
  position: relative;
  width: 52px;
  height: 24px;
}
#redtag span { /* red tag inner HTML */
  position: absolute;
  width: 52px;
  height: 24px;
  background: url('/images/red-tag.png') top left no-repeat #ffffff;
}
#keywords { /* hide text contents */
  position: fixed;
  text-align: center;
  top: 150px;
  z-index: -10;
  max-width: 300px;
  max-height: 500px;
  overflow: hidden;
  font-size: 11px;
}
.priceTable { /* Logo'd and PLAIN Clips tables */
  width: 250px;
  font-size: 16px;
  text-align: center;
}
.priceTable td { /* Logo'd and PLAIN Clips table header */
  border: 4px outset #ffdab9; /* peachpuff */
  border: 4px outset #ffdab9; /* peachpuff */
  background-color: #8fbc8f; /* darkseagreen */
}
.priceTable th { /* Logo'd and PLAIN Clips table header */
  text-align: center;
}
.priceTable li { /* Logo'd and PLAIN Clips table header */
  text-align: left;
  list-style-type: square;
}
.class saleBow {
  background-image: url(/images/sale-bow.png) no-repeat right;
}
.blink {
  visibility: visible;
}
.image { /* image container class */
  text-align: center; /* center image */
}
.border { /* container border */
  text-align: center; /* center image */
  border: 1px solid #003366; /* dark blue */
  padding: 0px; /* collapse padding */
}
.indent { /* indentation */
   text-indent: 20px; /* indent text */
}
.center { /* centering */
   text-align: center; /* center text */
}
.red { /* red color text */
   color: #ff0000; /* fire red */
}
.blue { /* blue color text */
   color: #3366ff; /* light blue */
}
.underline { /* text underline */
   text-decoration: underline; /* underline text */
}
.bold { /* bold font */
   font-weight: bold; /* weight font to bold */
}
.italic { /* italicize text*/
  font-style: italic; /* italicize */
  font-style: oblique; /* near italic */
}
.clear { /* browser float clearing */
  clear: both; /* remove applied float values */
}
/*** END CUSTOM IDS AND CLASSES ***/

/* END CSS 110MB Template for CreativeTowelClips.com */