/* Start of CMSMS style sheet 'wellies_main' */
* {
margin:0;
padding:0;
}

body {
   text-align: left;
   font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
}

div {
   font-size: 1em;
}

img {
   border: 0;
}

/************************************************************
Default link styles
Default, Active, Visited: Links are grayish and underlined
Hover: No underline, white
************************************************************/
a,
a:link 
a:active
a:visited {
   text-decoration: underline;
   background-color: inherit; 
   color: #507684; 
}

a:hover {
   text-decoration: none;
   color: #000;
}

.order_now {
   margin: 2em 2em 2em 0; 
}

.order_now a,
.order_now a:link 
.order_now a:visited {
   background: transparent url(images/wellies/order_now.jpg) no-repeat; 
   height: 37px;
   width: 115px;
   text-decoration: none;
   text-indent: -999em;
   display: block;
   outline: none;
}

.order_now a:hover {
   background: transparent url(images/wellies/order_now_over.jpg) no-repeat; 
}

.order_now a:active {
    background: transparent url(images/wellies/order_now_down.jpg) no-repeat;
    outline: none;
}


/************************************************************
basic layout 
************************************************************/
body {
   background-color: #8FB7C1;
   color: #333;
}

div#pagewrapper {
   background-color: #8FB7C1;
   color: #333;
}

div.wrapper {
   margin: 0 auto;
   width: 1000px;
   text-align: left;
}

/************************************************************
HEADER
Header runs the width of the entire viewport
The header image is centered
************************************************************/
div#header {
	height: 67px;  /* adjust according your image size */
	background: #FFF url(images/wellies/head_bg.jpg) repeat-x;
    color: #FFF;
    font-size: 0.9em;
}

div#header #header_content {
	height: 67px;  /* adjust according your image size */
    width: 1000px;
    margin: 0 auto;
}

div#header div a {
   background: transparent url(images/wellies/logo.jpg) no-repeat; 
   height: 67px;          /* adjust according your image size */
   text-decoration: none; /* old firefox would have shown underline for the link, this explicitly hides it */
   width: 300px;
   text-indent: -999em;
   float: left;
}

div#header #header_content_right {
	float: right;
    padding: 32px 45px 0 0;
}

div#header #header_content_left {
	float: left;
    padding-top: 35px;
}

/************************************************************
CONTENT
************************************************************/
div#content {
   background: #FFF url(images/wellies/main_bg.jpg) bottom repeat-x;
   text-align: center;
}

div#flash_movie {
    float: right;
    padding: 0 55px 10px 10px;
}

div#main {
    float: right;
    width: 700px;
    padding: 1.5em 0 1em 1.5em;
}

div#content_wrapper {
    font-size: 0.9em;
}

div#sidebar {
    float: left;
    width: 275px;       /* sidebar width, if you change this please also change #main margins */
    display: inline;    /* FIX ie doublemargin bug */
}

div#menu_bottom_wrapper {
    background-color: #FFF;
    padding: 10px;
}

div#menu_bottom {
    margin: 0 auto;
    width: 1000px;
    height: 75px;
    padding-left: 65px;
}


/************************************************************
CONTENT STYLING
************************************************************/
/* HEADINGS */
div#content h1 {
   font-size: 2em;  /* font size for h1 */
   line-height: 1em;
   margin: 0;
}
div#content h2 {
    color: #8FB7C1; 
    font-size: 1.5em; 
    padding: 0;
    font-weight: normal;
    margin: 0.4em 0 1em 0;
}
div#content h3 {
   color: #000; 
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 0.8em 0 0.1em 0;
   font-weight: normal;
}
div#content h4 {
   color: #8FB7C1;
   font-size: 1.1em;
   line-height: 1.1em;
   margin: 0.8em 1em 0.1em 0;
   font-weight: normal;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
   font-weight: normal;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

/* TEXT */
p {
   font-size: 1em;
   margin: 0.5em 1em 1em 1em;
   line-height:1.4em;
   padding: 0;
}
blockquote {
   border: 1px solid #8FB7C1;
   background-color: #EEE;
   padding: 2em;
   margin: 0 -5px;
   line-height:1.4em;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {
/* explicit setting for these */
   font-weight: bold;
}
em, i {
/* explicit setting for these */
   font-style:italic;
}

/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
 font-family: "Courier New", Courier, monospace;
 font-size: 1em;
}

pre {
   border: 1px solid #000;  /* black border for pre blocks */
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;   /* smaller font size, as these are usually not so important data */
}

/* Content Lists */
#content_wrapper ul {
    padding: 0.2em 0 1em 1em;
    line-height: 1.2em;
}

#content_wrapper li {
    text-indent: 1em;
    list-style: circle url(images/wellies/bullet.jpg);
    list-style-position: inside;
    padding-left:1.7em;
    text-indent:-1.8em;
}

/* Errors and warnings */
.warning {
    padding: 0 1em;
    font-size: 0.9em;
}

/************************************************************
FOOTER
************************************************************/
div#footer {
    border-top: 12px solid #000;
    background: #FFF url(images/wellies/footer_bg.jpg) bottom repeat-x;
    color: #000;
    text-align: center;
}

div#footer #footer_content {
    width: 1000px;
    margin: 20px auto;
    text-align: left;
    color: #FFF;
}

div#footer #footer_content td {
    vertical-align: top;
    padding: 0 20px;
}

div#footer #footer_content_left {
    font-size: 1.5em;
    width: 240px;
    border-right: 1px solid #FFF;
    line-height: 1.5em;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}

/************************************************************
Products
************************************************************/
.products {
    padding: 10px 0 20px 0;
    overflow: auto;
}

.products .product {
    border-right: 1px solid #EEE;
    padding: 5px 10px;
}

.products .product .product_img {
    text-align: center;
    height: 90px;
}

.products .product .product_price {
    text-align: center;
    font-size: 1.1em;
    color: #000;
    padding: 5px 0;
}

.products .product .product_color {
    text-align: center;
    font-size: 1.1em;
    color: #000;
    padding-top: 2px;
}

.products .product a,
.products .product a:link
.products .product a:active 
.products .product a:visited {
   background: transparent url(images/wellies/order_now_sml.jpg) no-repeat; 
   height: 21px;
   width: 66px;
   text-decoration: none;
   text-indent: -999em;
   display: block;
   outline: none;
}

.products .product a:hover {
   background: transparent url(images/wellies/order_now_sml_over.jpg) no-repeat; 
}
/* End of 'wellies_main' */