/*
|=================================================================|
|							          |	
| 			LILLYBLUE CC4			          |
|							          |	
|=================================================================|
|							          |
| Theme Name: LILLYBLUE	CC4				          |
| Theme URL: Serira Designs.com http://seriradesigns.com          |
| Author: KatGirl 						  |
| Author URL: http://seriradesigns.com		      		  |
| Version: 1							  |
| Date Of Release: 3rd June 2009			          |
| Copyright: International and domestic Copyright Laws apply      |
| 							  	  |
|=================================================================|
|								  |
|			LICENCE TYPE 			  	  |
|=================================================================|
| 								  |
| LILLYBLUE CC4 is NOT General Public License (GPL) nor is it  	  |
| Open Source Software and limitations Do apply.		  |
|								  |
| You cannot copy, steal, duplicate, sell, modify, claim this 	  |
| theme as your own work, publically display this theme in or     | 
| through any medium unless explicitly authorised by 		  |
| Serira Designs.com	  					  |		
|								  |
|=================================================================|
*/

body {
	margin: 0;
	padding: 0;
	color: #000000;
	background: #7981b1 url(../styleImages/backgrounds/Bg.jpg) repeat top;
	font: 14px/18px Georgia, "Trebuchet MS", "Times New Roman", Arial, Verdana, Helvetica, sans-serif;
	}

a img, img {border: none;}
a:link, a:visited, a:hover, a:active, a:focus {outline: none; color: #000000; background: transparent; text-decoration: none;}
a:hover {color: #7981b1; background-color: transparent;}
.spacer {height: 100px;}
#pageSurround {width: 980px; margin: 0px auto; padding: 0;}

#Header {
  	background-image:url(../styleImages/header/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: right;
	width: 980px;
	height: 299px;
	margin: 0 auto;
	}

#InnerWrap {
	background-image:url(../styleImages/backgrounds/BodyRepeat.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	width: 980px;
	margin: 0 auto;
	text-align: left;
	}
	
#Footer {
	background-image:url(../styleImages/backgrounds/footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 980px;
	height: 9px; 
	margin: 0 auto;
	}

#LeftColumn {width: 215px; float: left; display: inline; margin: -10px 20px 20px 0;}
#MainContent {float: left; display: inline; width: 725px; margin-top: -150px;padding: 0;}
h2 {color: #555555;}
h3 {margin: 0 0 10px 0; font-size: 24px; color: #666699;}
h3#homepage {font-size:18px;line-height:30px;text-line:center;width:500px;margin:0 auto;}
.boxContent {margin-bottom: 50px;}

#ShoppingBasket {margin-top: 10px; float: right; text-align: right; display: inline;}
#ShoppingBasket .viewBasket a {color: #FFFFFF; font-size: 30px; text-decoration: none;}
#ShoppingBasket a:hover {color: #d5eeee; background-color: transparent;}
#ShoppingBasket span.basketTotal {margin-left: 5px;}
#Home {float: right; display: inline; margin: 10px 10px 0 0}

#Sessions {color: #FFFFFF; background-color: transparent; margin-top: 10px; font-size: 16px;}
#Sessions a {color: #FFFFFF; background-color: transparent; text-decoration: none;}
#Sessions a:hover {color: #d5eeee; background-color: transparent;}

#SiteDocs {margin: 5px auto; text-align: center; color: #000000;}
#SiteDocs a {color: #000000; background-color: transparent; text-decoration: none;}
#SiteDocs a:hover {color: #FFFFFF; background-color: transparent;}

#DesignerCredits, #CopyrightNotice {margin: 0 auto; text-align: center;}
#DesignerCredits, #DesignerCredits a {font-size: 11px; margin-top: 10px; color: #EEEEEE; background-color: transparent;}
.txtCopyright, a.txtCopyright {	text-align: center; font-size: 11px; padding-top: 5px;color: #EEEEEE;}
#DesignerCredits a:hover, a.txtCopyright:hover {text-decoration: none;}


/**SIDEBOXES
**************/
.sideTop, .sideBottom {
	background-repeat: no-repeat;
	background-position: top left;
	width: 215px;
	height: 10px;
	}
	
.sideTop { background-image:url(../styleImages/backgrounds/sidebarTop.png);}
.sideBottom {background-image:url(../styleImages/backgrounds/sidebarBottom.png); }
.sideMid {
	background-image:url(../styleImages/backgrounds/sidebarRepeat.png); 
	background-repeat: repeat-y;
	background-position: top left;
	width: 215px;
	}

.SideBox {padding-bottom: 20px; display: block;width: 210px;}
.SideBox p {color: #333333; margin: 0 15px 5px 20px;}
.SideBox p strong {color: #333333; font-weight: normal;}

/**SIDEBOX MENU & LISTS
***************************/
.SideBox ul, .SideBox ol {width: 204px;}
.SideBox ul#mainmenu li {margin-left: 15px; color: #FFFFFF; font-weight: bold; list-style-type:none;}
.SideBox ol li {margin-left: 35px; margin-right: 15px; color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; padding-bottom: 15px; padding-top: 10px;}
.SideBox ul li, .SideBox ol li {margin-bottom: 5px;}
.SideBox a {color: #FFFFFF; background: transparent; text-decoration: none; font-weight: normal;}
.SideBox a:hover {color: #333333; background: transparent;}
.SideBox .center {margin: 0 auto; text-align: center;}
.SideBox .center img {border: 1px solid #7981b1;}
#CategoriesBoxTitle, 
#PopularBoxTitle, 
#SaleBoxTitle, 
#InfoBoxTitle,
#FeaturedBoxTitle, 
#MailingListBoxTitle, 
#UsefulLinksBoxTitle {background-repeat: no-repeat; background-position: top left; width: 206px;  margin-left: 3px;}

#CategoriesBoxTitle {background-image:url(../styleImages/boxes/categories.png); height: 90px;}
#PopularBoxTitle {background-image:url(../styleImages/boxes/popularProducts.png); height: 90px;}
#SaleBoxTitle { background-image:url(../styleImages/boxes/saleItems.png); height: 74px;}
#InfoBoxTitle { background-image:url(../styleImages/boxes/information.png); height: 74px;}
#FeaturedBoxTitle {background-image:url(../styleImages/boxes/featuredProduct.png); height: 74px;}
#MailingListBoxTitle {background-image:url(../styleImages/boxes/mailingList.png); height: 90px;}
#UsefulLinksBoxTitle {background-image:url(../styleImages/boxes/usefulLinks.png); height: 74px;}

#CategoriesBoxTitle h3, 
#PopularBoxTitle h3, 
#SaleBoxTitle h3,
#InfoBoxTitle h3,
#FeaturedBoxTitle h3,
#MailingListBoxTitle h3,
#UsefulLinksBoxTitle h3 {font-size: 18px;float: left;display: inline;visibility: hidden;}
.SideBox .CurrencyDropDown, .SideBox .LanguageDropDown {width: 150px; margin: 5px 0 5px 20px;}
.SideBox .textbox {margin: 5px 0 5px 20px; width: 150px;}


/**SEARCH BOX
****************/
#Search {float: left; margin-top: 15px; margin-left: 7px;}
form#SearchForm {float: left; display: block; width: 200px;}
.searchBtn {
	color: #FFFFFF;
	background-color: #b4badb;
	border: none;
	height: 30px;
	width: 36px;
	background-image:url(../styleImages/icons/searchBtn.png);
	background-repeat: no-repeat;
	background-position: right center;
	border: none;
	text-align: right;
	float: left;
	display: block;
	cursor: pointer;
	margin: 0; /*-5px 0 0 0; */
	}

.searchBox {float: left; display: inline; color: #000000;background-color: #FFFFFF;border: 1px inset #7981b1; margin-left: 10px; margin-top: 5px;}
a.advancedSearch {font-size: 12px; text-transform: lowercase;}
a.advancedSearch:hover {color: #FFFFFF; background-color: transparent; text-decoration: none;}


/**START CROSS-BROWSER DHTML MENU
**********************************/
#mainmenu-nav {
	float: left;
	display:inline; /*fixes IE6 float bug*/
	margin:0;
	width: 210px;
	}
.SideBox ul li {margin-left: 0; /*10px;*/ color: #FFFFFF; font-weight: bold;}
.ul-nav, .li-nav {display: block;}
.ul-nav{width: 200px; padding: 0px;}
.li-nav{float: left; display:inline;}

.li-nav .ul-nav {
	display: none;
	position: absolute;
	margin-left: 170px;
	margin-top: -25px;
	background-color:#b4badb;
	border: 4px solid #FFFFFF;
	z-index: 5;
	}

.li-nav a{
	padding: 2px;
	width: 200px;
	display: block;
	text-indent: 30px;
	color: #FFFFFF;
	background-color: ;
	text-decoration:none;
	background: transparent url(../styleImages/icons/more.png) no-repeat 8px 4px;  
	}

.li-nav a:hover{
	padding: 2px;
	width: 200px;
	display: block;
	text-indent: 30px;
	color: #000000;
	background: transparent url(../styleImages/icons/more.png) no-repeat 8px 4px;
	text-decoration:none;
	}

/** original code hidden
a.hassubmenu, a.hassubmenu:hover {
	background-image: url(../styleImages/icons/more.png);
	background-repeat: no-repeat;
	background-position: 8px 4px;  
	}

.ul-nav .li-nav a.hassubmenu:hover {
	color: #000000; 
	text-decoration: underline;
	background-image: url(../styleImages/icons/more.png);
	background-repeat: no-repeat;
	background-position: 8px 4px; 
	}

**/


/**CLEARING FLOATING ELMENTS
*****************************/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}



/**PRODUCT BOX DISPLAY
***********************/
.ProdBox {background-color: #b4badb; border: 3px solid #FFFFFF;padding: 10px; width: 325px; height: 200px; float: left; display: inline; margin: 5px 10px 5px 0;}
.top {height: 155px; margin-bottom: 5px;}
.bottom {float: left; display: block; width: 320px; padding: 0;}
.bottom td {padding: 0;}
.bottom td.ProdPrice {padding-left: 5px;}
.ProdImage {float: left; display: inline; width: 155px; height: 155px;}
.ProdImage img {border: 1px solid #7981b1; }
.ProdName {margin-bottom: 10px;}
.ProdBox a {line-height: 16px; color: #000000; background-color: transparent; text-decoration: none;}
.ProdBox a:hover {color: #FFFFFF; background-color: transparent; text-decoration: none;}
.ProdText {font-size: 12px; line-height: 16px; color: #333333; margin-bottom: 10px;}
.ProdPrice {font-size: 18px; margin: 5px 0 0 0; color: #000000;}
.ProdPrice .txtOldPrice {}
.ProdButtons {font-size: 14px; width: 155px; padding-left: 5px;}
.ProdButtons a {display: block; margin-bottom: 5px;}


/**CATEGORY & SINGLE PRODUCT PAGES
************************************/
#BreadCrumb {text-transform: lowercase; float: right;position: relative;display: block;margin: -45px 0 0 0;z-index: 5;color: #000000;}
#BreadCrumb a {color: #000000; background-color: transparent; text-decoration: underline;}
#BreadCrumb a:hover {text-decoration: none;}
.pagination {float: right; display:inline; text-align: right;font-weight: bold;color: #000000; margin-right: 15px;}
.pagination a {font-weight: bold; color: #000000; background-color: transparent; text-decoration: underline;}
.pagination a:hover {color: #7981b1; background-color: transparent; text-decoration: none;}
#ProdSort {float: left; display: inline;}

.CatDesc {color: #555555;}
.CatDesc .CatImage {float: left;}
.CatDesc .CatImage img {margin: 5px; border: 1px solid #7981b1;}
.CatDesc p {margin: 0 0 8px 0; padding: 0; line-height: 18px;}

/**new sub cat code 6-8-09
****************************/
#subCats {
background-color: transparent;
text-align: center; 
margin: 10px 0 20px 0;
padding: 0px;
float: left; 
display: block;
width: 700px;
}

.subCat {
text-align: center; 
padding: 0; 
float: left; 
display:inline; 
margin: 8px; 
width: 100px;
height: 160px;
}

.subCat img {width: 100px;height: 100px;}


/** original subcat code hidden
#subCats {background-color: transparent;text-align: center; margin: 10px 0 20px 0;padding: 10px;float: left; display: block;width: 700px;}
.subCat {text-align: center; padding: 0; float: left; display:inline; width: 160px;height: 160px;}
**/

#SPLeft {float: left; display: block; width: 430px; margin-top: 20px;}
.SPRight {float: left; display: block; width: 290px; color: #000000; margin-top: 25px;}
.SPBG {width: 418px; height: 417px; background-image:url(../styleImages/backgrounds/SPBG.png); background-repeat:no-repeat; background-position: top left; margin-bottom: 10px;}
.SPBG img {border: 1px solid #FFFFFF; float: left; display: block; margin: 5px;}
.SPRight p {margin-top: 3px;}
.SPPrice {color: #000000; font-size: 18px; margin-bottom: 5px;}
.SPCode {color: #000000; font-size: 11px; margin-bottom: 15px;}
.SPDesc {color: #000000; margin-bottom: 20px;}
.SPChoices {margin-bottom: 20px;}
.SPChoices .SPTAF {float: right;}
.Options {margin: 0;}
#SPOptions {margin: 5px 0 15px 15px;}

/** SINGLE PAGE GALLERY
*************************/
#Gallery {width: 340px; float: left; display: block; margin: 0 0 0 35px; text-align: center;}
.GalleryThumb {width: 100px; float: left; display: inline; margin: 5px;}
.GalleryThumb img {width: 100px; border: 1px solid #7981b1;}

/**REVIEWS
***********/
.CustomerReviews {border-top: 3px double #7981b1;border-bottom: 3px double #7981b1;padding: 10px 10px 2px 10px;margin-bottom: 20px;}
.Feedback {margin-bottom: 10px; text-align: center;}
.NoReview, .ReadReview, .WriteReview {margin-left: 30px; margin-bottom: 8px}
.Comment {border: 3px double #7981b1;padding: 10px;margin-bottom: 10px;}
.Title {border-bottom: 1px solid #7981b1; padding-bottom: 5px; margin-bottom: 10px;}
.Quote {margin-bottom: 10px;}
.Meta {font-style: italic;}