/* CSS Theme created by Richard E. Marsh */
/* for more designs visit www.westenglandmedia.com */


/************************************ LAYOUT / CONTAINER **********************************************/

body {
background:url('../images/bgrad200.png') repeat-x 0px 150px;
font-family:Arial, Helvetica, sans-serif;
margin:0 auto
}

#wrap {
position:relative;
width:900px;
margin:0 auto;
padding:0;
background:url('../images/wrapbg_900x3.png') repeat-y;
}

#header {
height:180px;
background:url('../images/header.png') no-repeat top left;
margin-bottom:20px
}

#title {
height:180px;
margin:0 4px;
}

#sidebar {
width:150px;
float:left;
margin-left:25px;
display:inline;
}

#main {
float:left;
display:inline;
margin:0 20px;
background:#fff;
width:659px;
padding-left:20px;
}

#endpage {
background:#fff url('../images/foot.jpg') no-repeat top left;
height:30px;
clear:both;
}

#foot {
font-size:70%;
padding-left:20px; 
padding-right:20px;
padding-top:5px;
background:#fff;
}

/************************************TITLE IMAGES**********************************************/
.index {background:url('../images/title_home.jpg') no-repeat top left;}
.when {background:url('../images/title_when.png') no-repeat top left;}
.how {background:url('../images/title_how.jpg') no-repeat top left;}
.gallery {background:url('../images/title_gallery.gif') no-repeat top left;}
.media {background:url('../images/title_media.gif') no-repeat top left;}
.inventor {background:url('../images/title_inventor.jpg') no-repeat top left;}
.retailer {background:url('../images/title_retailers.gif') no-repeat top left;}
.contact {background:url('../images/title_contact.jpg') no-repeat top left;}
.shop {background:url('../images/title_shop.jpg') no-repeat top left;}
.events {background:url('../images/title_events.jpg') no-repeat top left;}

/************************************NAVIGATION**********************************************/

#nav {
position:absolute;
top:138px;
left:190px;
margin:0;
padding:0;
text-transform:uppercase;
}

#nav ul {
margin:0;
padding:0;
list-style:none;
}

#nav li {
float:left;
}

#nav li a:link, #nav li a:visited {
font-size:75%;
font-weight:bold;
line-height:39px;
color:#2169A5;
text-decoration:none;
display:block;
padding:0 8px;
text-align:center;
}

#nav li a:hover, #nav li a:active {

color:#09304B;
}

.bl {
border-right:1px solid #e1e1e1;
}



/************************************ MAIN **********************************************/

#main {
border-left:1px solid #e8e8e8;
}

#main p {
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}

#main h1 {
color:#EC2791;
margin-top:0;
font-size:160%;
font-weight:bold;
}

#main h2 {
color:#EC2791;
font-size:130%;
font-weight:normal;
}

#main h6  {
color:#999;
margin:0;
padding:0;
line-height:20px;
}


#main a:link, #main a:visited {
color:#006699;
text-decoration:none;
font-weight:bold;
}

#main a:hover {
color:#EC2791;
text-decoration:underline;
}

#main ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style-image:url('../images/pink_dot.gif');
font-size:80%
}

#main ol {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
}

#main li {
padding:3px 0;
}

#main blockquote {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:80%;
font-style:italic;
text-align:justify;
}

#navtrail {
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/************************************ SIDEBAR **********************************************




/************************************ SHOPNAV **********************************/

#shopnav {
padding-bottom:15px;
height:90px;
}

#shopnav p {
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#shopnav ul {
list-style:none;
text-align:center;
margin:0;
padding:0;
}

#shopnav li {
margin-bottom:5px;
line-height:40px;
padding-left:25px;
}

#shopnav a:link, #shopnav a:visited {
color:#006699;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
font-size:90%;
display:block;
}

#shopnav a:hover {
color:#EC2791;
}

.eshop {
background:url('../images/buyonline.gif') no-repeat top left;
}

.instore {
background:url('../images/buyinstore.gif') no-repeat top left;
}


/************************************ CONTACT US ***********************************/

.form {
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.lcol {
font-weight:bold;
font-size:80%;
color:#EC2791;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
text-align:right;
}

.rcol {
padding:5px;
font-size:80%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

/************************************ PRODUCT LIST ***********************************/

#productlist {
margin-bottom:50px;
}

#productlist ul {
list-style-image:url('../images/pink_dot.gif');
font-size:80%;
padding:0;
margin-left:20px; margin-right:0; margin-top:10px; margin-bottom:0
}

#productlist ul ul{
list-style-image:url('../images/pink_dot.gif');
font-size:100%;
padding:0;
margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0
}

#productlist li {
padding:3px 0;
font-weight:bold;
}

#productlist a:link, #productlist a:visited {
color:#006699;
text-decoration:none;
font-weight:bold;
text-transform:lowercase;
}

#productlist a:hover, #productlist a:active {
color:#EC2791;
text-decoration:underline;
}


/************************************ ONLINE SHOP LIST ***********************************/

.product p, h2, h4{
padding:0;
margin:0;
}

.product h4 {
color:#EC2791;
padding-bottom:3px;
}

.product {
padding-top:25px;
clear:both;
}

.proddesc ul {
padding-left:20px;
margin:0;
list-style:none;
}

.proddesc li {
font-size:80%;
padding:0;
}


.prodimg {
float:left;
margin-right:10px;
width:150px;
}

.proddesc {
float:left;
width:499px;
}

.taxes {
color:#999999;
font-size:70%;
line-height:150%;
}

.new2008 {
color:#FF0000;
font-weight:bold;
font-size:60%;
text-transform:uppercase;
}

.lmtstk {
color:#FF0000;
font-weight:bold;
text-transform:uppercase;
}

.price {
border-bottom:1px dashed #e3e3e3;
}

/************************************ SHOP IN STORE ***********************************/

#shopinstore .province {
border-bottom:1px solid #ccc;
font-weight:bold;
clear:both;
margin-bottom:20px;
padding-top:10px;
}

#shopinstore h3 {
margin:0px;
padding:0px;
color:#EC2791;
font-size:120%;
font-weight:normal;
}


/************************************ WHEN TO SHEWEE ***********************************/

#whento {
border-bottom:1px solid #e8e8e8;
margin-bottom:15px;
}

#whento ul {
list-style-image:url('../images/pink_dot.gif');
font-size:80%
}

#whento a:link, #whento a:visited {
color:#006699;
text-decoration:none;
font-weight:bold;
text-transform:lowercase;
}

#whento a:hover, #whento a:active {
color:#EC2791;
text-decoration:underline;
}

#whenimg img{
margin-left:25px;
margin-bottom:25px;
}


/************************************ HOW TO SHEWEE ***********************************/

#howimg img{
margin-right:25px;
margin-bottom:15px;
}


/************************************ GALLERY ***********************************/


#gallery {
}

#gallery h2 {
margin:0;
padding:0;
}

.imggal {
float:left;
margin:20px 6px;
}

.retailgal {
float:left;
margin:20px 40px;
}


/************************************ MEDIA **********************************************/

#inmedia {
}

.mediasec {
}

.mediatype {
padding-bottom:5px;
border-bottom:1px solid #e8e8e8;
width:309px;
float:left;
margin:10px 20px 10px 0;
display:block;

}

.mediatype p {
margin:0;
padding:0;
}

#inmedia h2 {
margin:30px 0 0 0;
padding:0;
clear:both;
border-bottom:1px solid #FBA8D3;
}


#inmedia .totop {
font-size:70%;
float:right;
}

#inmedia .mediagal {
padding:10px;
float:left;
}

/************************************ EVENTS ***********************************/

#eventcol img {
margin:5px 0;
border:none;
}

#eventcol {
}

.eventlist {
margin-bottom:10px;
border-top:1px solid #e3e3e3;
}

#eventcol h5 {
color:#EC2791;
margin:0;
padding:0;
}
#eventcol a:link, #eventcol a:visited {
margin:0;
padding:0;
color:#006699;
text-decoration:none;
font-weight:bold;
}
#eventcol a:hover {
color:#EC2791;
text-decoration:underline;
}
#eventcol p{
margin:0;
padding:0;
font-size:70%;
}

/************************************ PAYMENT OPTIONS ***********************************/


#payopt {
margin-top:30px;
}

#payopt h5 {
color:#EC2791;
margin:0 0 5px 0;
padding:0;
}
#payopt img {
margin:1px;
}

/************************************ FOOTER **********************************************/
#foot p {
margin:0;
padding:0;
}

#foot #terms a:link, #foot #int a:link, #foot #terms a:visited, #foot #int a:visited {
color:#09304B;
}

#foot a:active, #foot a:hover {
color:#EC2791;
text-decoration:none;
}

#foot #int {
text-align:center;
clear:both;
margin-top:30px;
padding-bottom:20px;
}

#foot #int a {
line-height:14px;
padding-left:26px;
margin-right:20px;
}

#credits a:link, #credits a:visited {
line-height:16px;
color:#369;
font-weight:bold;
text-decoration:none;
font-style:normal;
border-bottom:1px dashed #ccc;
}

#credits a:hover {
color:#333333;
border-bottom:1px solid #999;
}

#terms a{
padding:0 4px;
line-height:16px;
}

/*text-align:center;
font-weight:bold;
font-style:italic;
color:#333;*/


/************************************ OTHER CLASSES **********************************************/
.bold {
font-weight:bold;
}
.pink {
color:#EC2791;
}
.blue {
color:#006699;
}
.lblue {
color:#48BDCE;
}
.grey {
color:#666;
}
.inv {
display:none;
}
.fl {
float:left;
}
.fr {
float:right;
}
.clear {
clear:both;
}
.ar {
text-align:right;
}
.al {
text-align:left;
}
.ac {
text-align:center;
}
.jfy {
text-align:justify;
}
.zmargin {
margin:0;
padding:0;
}

img {
border:none;
}

.as {background:url('../images/flags/as.gif') no-repeat;}
.be {background:url('../images/flags/be.gif') no-repeat;}
.ca {background:url('../images/flags/ca.gif') no-repeat;}
.dk {background:url('../images/flags/dk.gif') no-repeat;}
.ie {background:url('../images/flags/ie.gif') no-repeat;}
.jp {background:url('../images/flags/jp.gif') no-repeat;}
.nz {background:url('../images/flags/nz.gif') no-repeat;}
.no {background:url('../images/flags/no.gif') no-repeat;}
.pl {background:url('../images/flags/pl.gif') no-repeat;}
.za {background:url('../images/flags/za.gif') no-repeat;}
.uk {background:url('../images/flags/uk.gif') no-repeat;}
.us {background:url('../images/flags/us.gif') no-repeat;}


.logo1 {color:#777;}
.logo2 {color:#0066CC;}
.logo3 {color:#009900;}
.logo4 {color:#333333;}

