body {
padding: 0;
margin-top: 10px;
margin-bottom: 10px;
background: url(../styleImages/backgrounds/Back.gif) #006E89 repeat-X;
color: #5A604E;
font-family: Georgia, Arial, sans-serif;
font-size: 13px;
/*font: 13px Georgia, Tahoma, Verdana, Arial, sans-serif;*/
}
a {
color: #9BA191;
text-decoration: none;
}
a:hover {
color: #00c5f6;
text-decoration: none;
}
p {
padding: 0;
margin: 0;
}
#pageSurround {
width: auto;
margin: 0;
padding: 0;
background: url(../styleImages/backgrounds/) bottom right #ffffff no-repeat;
border: 10px solid #FFFFFF;
}
#PageOuter {
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 0;
border: 1px solid #A3978B;
}
#Header {
width:auto;
height:150px;
background-color:#ffffff;
}
.HeaderLogo {
FLOAT: left;
padding-left:25px;
padding-top:25px;
}
#LoginBar {
width: 180px;
clear:left;
height: 30px;
background-color: #d8e2e5;
border: 1px solid #AFB5A4;
margin-bottom: 20px;
}
.Logo {
height: 100px;
width: auto;
text-align: center;
font-size: 30px;
font-weight: normal;
margin: 0;
padding: 0;
/* SKIN VARIABLE IS cAsE SeNsItIvE */
background: url(../../../includes/extra/getLogo.php?skin=Perlina-Light) no-repeat center;
}
.Logo a, .Logo a:visited {
color: #9BA191;
}
.Logo a:hover {
color: #00c5f6;
}
/**TOP BOXES 
*************/
.SmallHeader  {
color: #000000;
text-transform: uppercase;
margin: 10px;
}
#Session {/*Required as Language & Currency Boxes are not used within general Cart.tpl pages*/
width: auto;
margin: 8px;
text-align: right;
float: right;
} 
#Login {
text-align: right;
float: right;
font-weight: normal;
margin: 6px;
padding: 0;
width: 180px;
}
#Login p {
margin:0;
padding:0;
}
/**LEFT COLUMN SECTION
************************/
#LeftColumn {
position: relative;
left: 0px;
width: 180px;
padding: 5px 0 0 5px;
margin: 0;
float: left;
line-height: 20px;
font-size: 13px;
color: #5A604E;
z-index: 20;
}
#RightColumn {
position: relative;
left: 0px;
width: 180px;
padding: 5px 5px 5px 0;
margin: 0;
float: right;
line-height: 20px;
font-size: 13px;
color: #5A604E;
z-index: 20;
}
/**LEFT COLUMN HEADINGS
************************/
.subHeading {
}
.subHeading h3 {
color: #333;
border-bottom: 1px dotted #AFB5A4;
padding-left: 8px;
margin: 0;
line-height: 45px;
text-align: left;
}
.subHeading h3 a {
color: #9BA191;
text-decoration: none;
}
.subHeading h3 .categories {
background: url(../styleImages/icons/brownbag.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .starbuy {
background: url(../styleImages/icons/star.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .hotdeals {
background: url(../styleImages/icons/flame.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .search {
background: url(../styleImages/icons/search.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .sale {
background: url(../styleImages/icons/sale.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .subscribe {
background: url(../styleImages/icons/subscribe.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 .links {
background: url(../styleImages/icons/links.gif) #ffffff no-repeat bottom right;
display:block;
line-height:45px;
}
.subHeading h3 a:hover {
color: #00c5f6;
text-decoration: underline;
}
/**LEFT COLUMN SIDE BOXES
*************************/
.LeftBox {
border: 1px solid #AFB5A4;
background-color: #FFFFFF;
width: auto;
margin-bottom: 5px;
}
.LeftBox a {
}
.LeftBox a:hover {
color: #00c5f6;
text-decoration: underline;
}
/*.LeftBox a:hover {
color: #838978;
text-decoration: underline;
}*/
.LeftBoxPadding {
padding: 10px;
}
/**LEFT COLUMN - MAILING LIST
*******************************/
.LeftBox.border {}
/**LEFT COLUMN - INFORMATION BOX
**********************************/
.LeftBox p#nudge {}
/**START CROSS-BROWSER DHTML MENU
**********************************/
#mainmenu-nav {
margin: 0;
background: url(../styleImages/icons/products.gif) #ffffff no-repeat bottom right;
padding: 0;
padding-top:5px;
padding-bottom:25px;
}
.ul-nav, .li-nav{
list-style-type: none;
padding: 0;
margin: 0;
}
.ul-nav{
width: auto;
padding: 0;
margin: 0;
}
.li-nav{}
.li-nav .ul-nav {
display: none;
position: absolute;
margin: 0;
background-color: #667777;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
border-top: 4px solid #C6EADD;
z-index: 5;
}
.li-nav a {
list-style-type: none;
padding: 0;
line-height: 23px;
width: auto;
display: block;
color: #9BA191;
text-decoration: none;
background: url(../styleImages/icons/navarrow.png) no-repeat left;
padding-left: 10px;
}
.li-nav a:hover {
list-style-type: none;
padding: 0;
line-height: 23px;
width: auto;
display: block;
color: #00c5f6;
text-decoration: underline;
background: url(../styleImages/icons/navarrow2.png) no-repeat left;
padding-left: 10px;
}
a.hassubmenu {
background-image: url(../styleImages/more.gif);
background-repeat: no-repeat;
background-position: 178px 6px;
}
/**HIGHTLIGHTING EFFECT ON SUB-CATS
************************************/
.ul-nav .li-nav a.hassubmenu:hover {
color: #C6EADD;
}
/**CLEARING FLOATING ELMENTS
*****************************/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/**VIEWCART NAVIGATION
************************/
ul#CartNav {
list-style-type: none;
margin: 0;
padding: 0;
}
ul#CartNav li {
margin: 0;
padding: 0;
}
ul#CartNav li a {
background-image: url(../styleImages/more.gif);
background-repeat: no-repeat;
background-position: 5px 6px;
padding: 2px 2px 2px 15px;
color: #9BA191;
background: #FFFFFF;
text-decoration: none;
}
ul#CartNav li a:hover{
background-image: none;
padding: 2px 2px 2px 15px;
color: #6F9994;
background: #FFFFFF;
text-decoration: none;
}
/**RANDOM PRODUCTS 
********************/
#RandProduct {
height: auto;
background: url(../styleImages/icons/featured.gif) #ffffff no-repeat bottom right;
padding: 0;
margin: 0;
text-align: center;
}
#RandImage {
padding: 2px;
background-color: #FFFFFF;

}
#RandProduct a img {
margin-top: 12px;
margin-bottom: 6px;
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #eee;
}
#RandProduct a:hover img {
margin-top: 12px;
margin-bottom: 6px;
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #000;
}
#RandText {
margin-left: 6px;
margin-right: 6px;
}
/**MAIN CONTENT SECTION
************************/
#Content {
position: relative;
width: 487px;
float: left;
margin: 5px;
padding: 5px;
}
#Content p {
margin: 0;
padding: 0;
}
#ContentBox {
padding: 0;
margin-bottom: 10px;
margin-top: 0px;
position: relative;
z-index: 1;
}

.EachPage {
line-height: 20px;
text-align: justify;
}
/**GENERAL HEADERS
********************/
h1, h3, h5 {
width: auto;
margin: 0 0 10px 0;
padding: 0;
color: #796754;
border-bottom: 1px dotted #796754;
line-height: 36px;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
}
h2{
width: auto;
margin: 0 0 10px 0;
padding: 0;
color: #796754;
background: #ffffff;
border-bottom: 1px dotted #796754;
border-top: 1px dotted #796754;
line-height: 36px;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
}
h4{
width: auto;
margin: 0 0 10px 0;
padding: 0;
color: #796754;
background: #ffffff;
border-bottom: 1px dotted #796754;
border-top: 1px dotted #796754;
line-height: 36px;
font-size: 15px;
font-weight: normal;
text-transform: uppercase;
text-align: left;
}
.Title {
color: #AFB5A4;
border-top: 1px dotted #796754;
margin: 0 0 10px 0;
}
/**BREADCRUMB TRAIL & PAGINATION
**********************************/
#BreadCrumb {
margin-bottom: 10px;
font-size: 75%;
}
.pagination {
text-align: right;
font-size: 18px;
font-weight: normal;
padding-bottom: 14px;
}
/**TOP SITE DOCUMENTS
*******************/
#TopSiteDocs {
text-align: center;
margin: 0;
padding: 10px;
height: 20px;
line-height: 20px;
color: #FFFFFF;
background: url(../styleImages/backgrounds/Menu_back.gif) #ffffff repeat-X;
}
#TopSiteDocs {
text-align: center;
margin: 0;
padding: 10px;
line-height: 20px;
}
#TopSiteDocs a:link, #TopSiteDocs a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
text-transform: uppercase;
}
#TopSiteDocs a:hover {
color: #00c5f6;
text-decoration: underline;

font-weight:bold;
text-transform: uppercase;
}
/**SITE DOCUMENTS
*******************/
#SiteDocs {
text-align: center;
margin: 0;
padding: 10px;
height: 12px;
line-height: 12px;
background: url(../styleImages/backgrounds/Menu_back.gif) #ffffff repeat-X;
color:#ffffff;
}
#SiteDocs a:link, #SiteDocs a:visited {
color: #FFFFFF;
text-decoration: none;
font-weight:bold;
text-transform: uppercase;
}
#SiteDocs a:hover {
color: #00c5f6;
text-decoration: underline;
font-weight:bold;
text-transform: uppercase;
}
/**HOME PAGE INTRODUCTION TEXT
*******************************/
#Announcement {
margin-bottom: 20px;
margin-top: 0;
position: relative;
z-index: 1;
line-height: 20px;
}
#Announcement p {}
/**LATEST PRODUCTS - HOMEPAGE
*******************************/
#LatestProducts {
width: auto;
padding: 0;
margin: 0;
position: relative;
z-index: 1;
}
#Inner {
width: auto;
margin: 0;
padding: 0;
}
.LPBox {
float: left;
margin-left: 0;
margin-top: 0;
margin-right: 7px !important;
margin-bottom: 7px !important;
background-color: #d8e2e5;
border: 1px solid #909783;
width: 148px !important;
height: auto !important;
}
.LPImage {
text-align: center;
}
.LPImage img {
margin: 8px;
}
.LPImage a img {
padding: 2px;
background-color: #FFF;
border: 1px solid #eee;
text-align: center;
}
.LPImage a:hover img {
padding: 2px;
background-color: #FFF;
border: 1px solid #000;
text-align: center;
}
.LPName {
text-align: center;
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
font-weight: bold;
}
.LPName a, .LPName a:active, .LPName a:link, .LPName a:visited {
text-decoration: none;
}
.LPName a:hover {
text-decoration: underline;
color: #00c5f6;
}
.LPPrice {
text-align: center;
font-weight: bold;
line-height: 32px;
color: #fff;
background-color: #006e89;
border-top: 1px dotted #796754;
}
/**CATEGORY VIEW 
********************/
#CatDescription {
margin-bottom: 20px;
margin-top: 0;
line-height: 20px;
text-align: justify;
}
/**NEW CAT VIEW CODING
*****************************/
.catview {
float: left;
background-color: #d8e2e5;
border: 1px solid #909783;
width: 100% !important;
height: auto !important;
margin-right: 12px !important;
margin-bottom: 12px !important;
}
.catsep {}
.catsep h2, .catsep h2 a {}
.catsep h2 a:hover {}
.catimage {
	padding:5px;
	margin:10px;
}
.catsep img {
margin: 8px;
text-align: center;
}
.catsep a img {
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #eee;
}
.catsep a:hover img {
padding: 2px;
background-color: #FFFFFF;
border: 1px solid #000;
}
.catview a {
text-decoration: none;
}
.catview p {}
.catview .Price {}
/**SUB CATEGORY IMAGE DISPLAY
******************************/
#SubCategories {
	float:left;
	display:inline; /*fixes IE6 float bug*/
	text-align:center;
	margin: 10px auto 5px;
	padding: 0;
	width:100%;
	height:auto;
	}

.subCat {	
	float:left;
	display:inline;/*fixes IE6 float bug*/
	text-indent:0;
	margin:5px 5px 10px 5px;
	text-align: center;
	padding:5px;
	}

.subCat a {
	color: #9BA191;
	background:#FFFFFF;
	text-decoration:none;
	}

.subCat a:hover {
	text-decoration:underline;
	color:#00c5f6;
	}

.subCat img {
	border:1px solid #eee;
	padding:5px;
	}
/**SINGLE PRODUCT PAGE
************************/
#SingleProd {
padding: 0;
margin-bottom: 0;
position: relative;
z-index: 1;
}
#MainProdImage {
text-align: center;
margin: 0;
padding: 2px;
background-color: #FFF;
border: 1px solid #eee;
}
#MoreImages {}
/**LIGHTBOX GALLERY
********************/
#LightBoxGallery {
	height:auto;
	width:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
.LightBox {
	float:left;
	text-align:center;
	margin:0 0 30px 15px;
	height:1%;
	}
.LightBoxImage {
	text-align:center;
	margin:0;
	padding:5px;
	border: 1px solid #eee;
	}
.ProdFullTab {
border: 1px solid #796754;
background-color: #FFFFFF;
padding: 10px;
margin-bottom: 10px;
}
/**PRODUCT DESCRIPTION
***********************/
#ProdDescription {
font-size: 12px;
text-align: justify;
line-height: 20px;
color: #594C41;
}
/**PRODUCT INFO - PRICE, RATING, TELL A FRIEND
************************************************/
#ProdInfo {
font-size: 15px;
text-align: left;
line-height: 20px;
width: 100%;
}
#ProdCode {
font-size: 15px;
margin: 0px;
text-align: left;
}
#ProdPrice {
font-size: 24px;
font-weight: normal;
text-align: left;
color: #006e89;
}
#ProdReviews {
font-size: 15px;
font-weight: bold;
text-align: left;
color: #667777;
}
#ProdReviews a {
color: #9BA191;
background: #FFFFFF;
text-decoration:none;
}
#ProdReviews a:hover {
text-decoration: underline;
color: #00c5f6;
}
#TellAFriend {
border-top: 1px dotted #796754;
padding-top: 10px;
padding-bottom: 10px;
font-size: 17px;
font-weight: bold;
text-align: center;
color: #FFFFFF;
}
/**PRODUCT OPTIONS
********************/
#ProdOptions {
	margin:20px;
	text-align:left;
	text-transform:uppercase;
	font-size:15px;
	font-weight:normal;
	width:auto;
	margin:0;
	padding:0;
	background: #FFFFFF;
	}

#Options {
	margin:0;
	padding:0 0 0 10px;
	text-transform:none;
	font-size:13px;
	font-weight:bold;
	color: #333333;
	background: #FFFFFF;
	}

.OptionsStyle {
	border: 1px solid #eee;
	width:auto;
	}
/**PRODUCT CODE & STOCK AVAILABILITY
**************************************/
#ProdLevels {
text-align: left;
margin-top: 10px;
}
#ProdLevels p {
margin: 0;
padding: 0;
}
/**ADD TO CART BLUE BACKGROUND
*******************************/
#ProdBuy {
font-size: 17px;
font-weight: bold;
text-align: center;
margin: 0px;
}
#ProdBuy img {
vertical-align: middle;
}
#ProdBuyLogin {
color: #ffffff;
margin: 0px;
}
/**COUPONS
************/
.addCoupon:link, .addCoupon:visited, .addCoupon:hover, .addCoupon:active {
	font-weight: bold;
	color: #333333;
	background: #FFFFFF;
	text-decoration: none;
	}

/**CUSTOMER REVIEWS - SUBMISSIONS
**********************************/
#CustomerReviews {}
#CustomerReviews p {margin-left:10px;}
.SubmitReview {padding-right: 60px;}
.right {text-align:right;}
.right span {
font-weight:bold;
float: left;
}
/**CUSTOMER REVIEWS POSTED
***************************/
.ReviewEntry {margin:0;}
.ReviewRatings{ 
background: #ffffff;
padding: 3px;
font-weight:bold;
color:#000000;
}	
.ReviewContent {
padding: 3px;
font-style:italic;
border-bottom: 1px dotted #796754;
color: #333333;
background:#FFFFFF;
}
.ReviewTitle { text-transform:uppercase;}
.ReviewedBy {
background: #FFFFFF;
padding: 3px;
}
.Date {
background: #FFFFFF;
float: right;
}
/**RELATED PRODUCTS
*********************/
.LPInfo {color: #333333;}
* html .LPInfo {width: 100%;}

.ShopCart {
width:180px;
padding:5px;
background: url(../styleImages/icons/basket.gif) #ffffff no-repeat bottom left;
float:right;
position:relative;
}