/********************************************
    Base Template One   23 November 2009
    Only styles that create the visual design
*********************************************/

body {
 background-color: #fff;
 background-image:url(../imgs/baby-shoes-bg.jpg);
 font-family:Verdana,Arial;
 color: #7B68EE;
}

a {
 text-decoration: none;
}

/*********************************************
    Background Colour and/or Background Image
        for the Left Hand Column
**********************************************/
#colmask {
/* background-color set through transparency class */
/* background-image:url(../imgs/sidebar-lh-bg.jpg); */
}

/*********************************************
    Background Colour and/or Background Image
        for the Middle Column
**********************************************/
#colmid {
/* background-color set through transparency class */
}

/*********************************************
    Background Colour and/or Background Image
        for the Right Hand Column
**********************************************/
#colright {
/* background-color set through transparency class */
/* background-image:url(../imgs/sidebar-rh-bg.jpg); */
}

/*****************
    Transpareny
******************/
.transparent {
 background-color: #FAEBD7;
/* Firefox, Safari, and Opera */
 opacity: 0.85;
/* IE */
 filter:alpha(opacity=85);
}

/*****************
    Header Items
******************/

#header {
/* background-color set through transparency class */
/* border:1px solid #000; */
}

#header #left {
 padding: 20px 0 0 20px;
/*
 background-image:url(../imgs/baby-shoes-heart.jpg);
 background-repeat: no-repeat;
 background-position: center center;*/
}

#header #mid {

}

#header #right {

}

#header h1 {
 margin: 0 0 0 0;
 padding: 20px 10px 0 0;
 text-align: right;
 font-size: 28px;
 letter-spacing: 4px;
 color: #7B68EE;
}

#header h2 {
 padding: 10px 15px 0 0;
 text-align: right;
 font-size: 15px;
 letter-spacing: 1px;
 color: #7B68EE;
}

#header #left p {
 margin: 0px 0 0 0;
 padding: 0;
 font-size: 14px;
 color: #800000;
 text-align: center;
}

#header #left a {
 color: #800000;
}

#header #left a:hover {
 text-decoration: underline;
}

/***********************
    End of Header Items
************************/

/*****************************************
    Standard Page Navigation below Header
*****************************************/

#StandardPageLinks {
 margin: 0;
 padding: 4px 0 4px 0;
 background-color: #E6D3CB;
}

#StandardPageLinks ul {
 width: 100%;
 margin: 0;
 padding: 5px 0 4px 0;
 list-style-type: none;
 color: #FFF;
 font: normal 90% arial, helvetica, sans-serif;
 text-align: center;
}

#StandardPageLinks li {
 display: inline;
 padding: .4em;
}

#StandardPageLinks li a {
 text-decoration: none;
 color: #000000;
 padding: 5px 1px 4px 5px;
}

#StandardPageLinks a span {
 padding: 5px 15px 4px 6px;
 font-size: 13px;
 font-weight: bold;
}


#StandardPageLinks li a:hover {
/* background-color: #369;*/
 color: #008B8B;
}

/****************************
    Standard Page Navigation
*****************************/

/***************
    Search Box
****************/

#searchform {
 width: 200px;
 height: 45px;
 margin: 14px 0 0 0;
 padding: 0;
}

#frmSearch {
 width: 84%;
 margin: 0 auto;
 padding: 3px;
}

#searchform p {
 margin: 0;
 padding: 0;
 font-size: 10px;
}

input {
 vertical-align: middle;
}

input.SrchText {
 margin: 0;
 padding: 0;
 font-size: 10px;
 background-color: #FAFAD2;
}

input#btnSearch {
 color: Navy;
 font-size: 10px;
}

/**********************
    End of Search Box
***********************/


/***************************************
    Main Navigation in left hand column
****************************************/

div#col2 #MainNavBar {
 width: 200px;
 margin: 10px 0 0 5px;

}

div#col2 #MainNavBar ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
	
div#col2 #MainNavBar li a {
 height: 24px;
 text-decoration: none;
 font-size: 11px;
 font-weight: bold;
}	
	
div#col2 #MainNavBar li a:link, div#col2 #MainNavBar li a:visited {
 color: Black;
 display: block;
 padding: 8px 0 0 10px;
}
	
div#col2 #MainNavBar li a:hover {
 color: #008B8B;
 padding: 8px 0 0 10px;
}	

/***********************
    End Main Navigation
************************/

/***********************
    Company Information
************************/

#companyinfo {
 width: 195px;
 margin: 30px 0 0 10px;
 padding: 0px;
}

#companyinfo p {
 font-size: 12px;
 text-align: center;
}

#companyinfo a {
 color: #7B68EE;
}

/***************************
    End Company Information
***************************/


/*******************************
        Category Panels on
    Standard and Product Pages
*******************************/

div.CategoryPanel {
/* to have category panels in multiple columns set float and width */
 float: left;
 width: 95%;
 margin: 5px 0 0 10px;
 padding: 0 0 0 5px;
 border: 1px none #CD853F;
 background-color: Transparent;
}

div.spacer {
/* stops images going outside category panel */
 clear: both;
}

div.ImageWrap {
 float: left;
 border: 1px none #CD853F;
}

div.ImageWrap:hover {
 background-color: Transparent;
}

div.CategoryImage {
 margin: 4px;
 padding: 4px;
}

h1.CategoryName {
 font-size: 14px;
}

div.CategoryDesc {

}

/************************
    End Category Panels
*************************/

/****************
    Basket Info
*****************/

div#basket {
 width: 190px;
 min-height: 45px;
 margin: 30px 0 20px 10px;
 padding: 0;
 background-color: #FFEFD5;
 border:1px solid #E6D3CB;
}

div#basket p {
 text-align: left;
 font-size: 11px;
}

div#basket img {
 border: none;
}

div#basket a.basket {
 float: left;
 margin: 5px 0 0 0;
 padding: 0 4px 0 4px;
 border: none;
}

/********************
    End Basket Info
*********************/
			
/************************
    Featured Product
*************************/

p.FeaturedProductHeader {
 margin: 2px 0 2px 0;
 padding: 0;
 font-size: 12px;
}

div.FeaturedProductPanel {
 width: 150px;
 margin: 2px 0 2px 0;
 padding: 2px;
 left: 0;
 background-color: Transparent;
 border: 1px solid White;
}

div.FeaturedProductPanel:hover {
 background-color: Transparent;
}

p.FeaturedProductImage {
 width: 88px; /* set width so centreing works */
 margin: 2px auto;
}

h1.FeaturedProductName {
 margin: 0;
 padding: 0;
 font-size: 14px;
 text-align: center;
}

p.FeaturedProductPrice {
 margin: 0;
 padding: 0;
 font-size: 14px;
 text-align: center;
}

div.FeaturedProductPanel a {
 border-style: none;
}

div.FeaturedProductPanel a:hover {
 text-decoration: underline;
}

/***************************
    End of Featured Product
****************************/


/***********
    Footer
***********/

div#footer {
 border-top: 25px solid #E6D3CB;
}

div#footer p {
 margin: 4px 0 4px 0;
 padding: 0;
 text-align: center;
 font-size: 11px;
}

div#footer a {

}

/******************
    End of Footer
******************/
