/* CSS Document */
body {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: #0f5d2f;
	padding: 0;
	margin: 0;
	color: #191919;
}

p {
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 11px;
	color: #191919;
}

img { 
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

input {
	margin: 0;
	padding: 0;
	color: #191919;
	font-size: 11px;
}

select {
	border: 1px solid #c3c3c3;
	height: 20px;
}

a {
	font-size: 11px;
	color: #038d3b;
	text-decoration: none;
}

a:hover {
	color: #2dba66;
	text-decoration: none;
}

h1 {
	color: #656565;
	font-size: 16px;
	margin: 0;
	padding: 0;
}


h2 {
	color: #656565;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

h3 {
	color: #116fa8;
	font-size: 12px;
	margin: 0;
	padding: 0;
	font-weight: 100;
}


hr {
	height:0px;
	border-top:0px solid #dedede;
	color: #dedede;
}

ul {
	list-style-image: url(../images/list_icon.gif);
	margin: 0 0 25px 0;
	padding: 0 35px;
}

li {
	font-size: 12px;
	margin-top: 15px;
}


/****** GENERIC ******/

.flashTextFix {
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;	
}

div.clear {
	height: 0;
	margin: 0;
	padding: 0;
}

.clearLeft {
	clear: left;
}

div.flashContainer {
	width: 1px;
	height: 1px;
	position: absolute;
	z-index: 10;
}

input.textInput {
	height: 18px;
	width: 255px;
	border: 1px solid #bec5cd;
}

textarea.inputTextArea {
	width: 255px;
	border: 1px solid #bec5cd;
	height: 148px;
}

.red {
	color: #FF0000;
}

input.input {
	width: 249px;
	border: 1px solid #c3c3c3;
	height: 14px;
	padding: 3px;
}

/******* FLASH TEXT ********/
h1.categoryTitle {
	color: #303030;
	font-size: 25px;
}

/****** CONTAINERS ******/
body div#pageContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/page_container_bg.jpg) top left repeat-x #0f5d2f;
	min-width: 950px;
}

body div#footerShopContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/shop_footer_bg.gif) top left repeat-x #1e2120;
	min-width: 950px;
}

body div#footerContainer {
	width: 100%;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/footer_bg.gif) top left repeat-x #1e2120;
	min-width: 950px;
}




/******** PAGE ********/
div#page {
	width: 950px;
	background: #ffffff;
	padding: 0;
	margin: 0 auto;	
}

/** HEADER **/
div#header {
	background: url(../images/bg/header_bg.gif) top left no-repeat;
	padding: 0;
	padding: 0 0 0 455px;	
	width: 495px;
	position: relative;
	height: 128px;
}

div#header div#navButtons {
	height: 29px;
}

div#navButtons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#navButtons ul li {
	float: left;
	margin: 0;
	padding: 0;
}

div#navButtons ul li a {
	height: 29px;
}

div#loginContain {
	padding: 28px 0 0 145px;
	color: #38453d;
}

span#savePass {
	color: #a2a2a2;
}

div#loginRow {
	height: 30px;
}

div.loginBar {
	background: url(../images/bg/login_bg.gif) top left no-repeat;
	width: 143px;
	height: 22px;
	margin-right: 10px;
	float: left;
}

div.loginBar input {
	font-size: 11px;
	background: transparent;
	border-style: none;
	margin-left: 2px;
	padding: 5px 4px;
}

a#loginButton {
	height: 20px;
	width: 20px;
	background: url(../images/login_btn.gif) no-repeat;
	display: block;
	cursor: pointer;
	float: left;
	position: relative;
	top: 1px;
}

a#loginButton:hover {
	background-position: -20px 0;
}

/** NAV **/
a#home {
	width: 55px;
	background: url(../images/nav_buttons/nav_home.gif);
	background-repeat: no-repeat;
	display: block;
}

a#home:hover {
	background-position: -55px 0;
}

a#shop {
	width: 70px;
	background: url(../images/nav_buttons/nav_shop.gif);
	background-repeat: no-repeat;
	display: block;
}

a#shop:hover {
	background-position: -70px 0;
}

a#about {
	width: 90px;
	background: url(../images/nav_buttons/nav_about.gif);
	background-repeat: no-repeat;
	display: block;
}

a#about:hover {
	background-position: -90px 0;
}

a#article {
	width: 90px;
	background: url(../images/nav_buttons/nav_articles.gif);
	background-repeat: no-repeat;
	display: block;
}

a#article:hover {
	background-position: -90px 0;
}

a#support {
	width: 86px;
	background: url(../images/nav_buttons/nav_support.gif);
	background-repeat: no-repeat;
	display: block;
}

a#support:hover {
	background-position: -86px 0;
}

a#contact {
	width: 101px;
	background: url(../images/nav_buttons/nav_contact.gif);
	background-repeat: no-repeat;
	display: block;
}

a#contact:hover {
	background-position: -101px 0;
}

/******** CONTENT ********/
div#content {
	background: url(../images/bg/content_tile_bg.gif) top left repeat-y;
	padding: 0px;	
}

div#topCon {
	background: url(../images/bg/content_bg.gif) top left no-repeat;
	padding: 0px;	
}

/******* LEFT CONTENT *******/
div#leftContent {
	width: 170px;
	background: url(../images/bg/category_flat_bg.gif) top right repeat-y;
	float: left;
	padding-left: 10px;
	margin: 0;
	min-height: 780px;
	_height: 780px;
}

div#leftContent a {
	font-weight: 100;
	font-size: 12px;
}



/** SEARCH **/
div.blackBox {
	height: 32px;
	background: url(../images/bg/search_bg.gif) top left no-repeat #ffffff;
	padding: 15px 11px 15px 13px;
}

div.blackBox div.searchBar {
	background: url(../images/bg/search_bar_bg.gif) top left no-repeat;
	width: 120px;
	height: 22px;
	float: left;
}

div.searchBar input {
	font-size: 11px;
	background: transparent;
	border-style: none;
	margin-left: 2px;
	padding: 5px 4px;
	width: 110px;
}

a#searchButton {
	height: 22px;
	width: 22px;
	background: url(../images/search_btn.gif) no-repeat;
	display: block;
	cursor: pointer;
	float: left;
	margin-left: 4px;
	position: relative;
	top: 1px;
}

a#searchButton:hover {
	background-position: -22px 0;
}



/** CATEGORY **/

div#category {
	background: url(../images/bg/category_bg.gif) top left no-repeat;
	min-height: 208px;
	_height: 208px;
	padding: 45px 1px 45px 7px;
}

div#category.blog {
	background: url(../images/bg/blogcategory_bg.gif) top left no-repeat;
}

div#category ul {
	margin: 0;
	padding: 0px 10px 0 10px;
	list-style: none;
	list-style-image: none;
}

div#category li {
	margin: 0;
	padding: 10px 0px 0 0;
}

div#treePanel {
	padding-left: 10px;
}

/******* MIDDLE CONTENT *******/
div#midContent {
	width: 569px;
	float: left;
	padding: 0 10px;
	_padding: 0 7px;
	_width: 567px;
}

div.midContentText {
	background: url(../images/bg/home_content_text_bg.gif) top left no-repeat;
	padding: 22px 22px 0 22px;
}

div.midLessSpaceText {
	background: url(../images/bg/home_content_text_bg.gif) top left no-repeat;
	padding: 15px 22px 0 22px;
}

div#contentText {
	padding: 0 30px;
}





/******* RIGHT CONTENT *******/
div#rightContent {
	width: 170px;
	float: left;
	padding-right: 10px;
}

/******* DETAIL CONTENT ********/
div#detailContent {
	width: 757px;
	float: left;
	padding: 0 0px;
	background: url(../images/bg/detail_bg.gif) top right no-repeat;
}

div#colContainer {
	padding: 0 28px;
}

div#detailLeft {
	float: left;
	width: 200px;
	padding: 10px 10px 0 0 ;
}

div#detailRight {
	float: left;
	width: 300px;
	padding-top: 10px;
	text-align: center;
}

div#detailPrice {
	color: #454545;
	font-size: 12px;
}

div#productCode {
	color: #757575;
	font-size: 10px;
	padding-bottom: 13px;
}

div#detailDescript {
	padding: 22px 0 0 0;
}

div#detailDescript ul {
	padding-left: 14px;
	padding-right: 0;
	margin-bottom: 15px
}

div#detailDescript ul li {
	font-size: 11px;
	margin: 7px 0 0 0;
}

div.specBorder {
	border-left: 1px solid #c9cfd0;
	border-right: 1px solid #c9cfd0;
	width: 506px;
	padding: 10px 30px;
}

div.specBorder ul {
	padding: 0;
	margin: 0;
}

div.specBorder ul li {
	padding: 3px 0;
	margin: 0;
	font-size: 11px;
}



/******** BROWSE NAVIGATION ********/
div#browseNavigation {
	color: #038d3b;
	font-size: 11px;
	padding: 5px 0 10px 0;
}

div#browseNavigation strong {
	color: #038d3b;
}

div#browseNavigation a {
	text-decoration: none;
	font-size: 11px;
}

div#browseNavigation a:hover {
}

/******** PAGE BOTTOM ********/
div#pageBottom {
	margin: 0 auto;
	width: 970px;
	padding: 0;
}

/******** THUMB HOVER ********/
#imageContainer {
	width: 348px;
	height: 348px;
	padding: 0;
	margin: 0;
	float: left;
}

#imageContainer img {
	border: 1px solid #d9dbdc;
}

#gallery {
	width: 110px;
	padding: 0 0 0px 17px;
	margin: 0;
	float: left;
	overflow:hidden;
	height: 348px;
}

#gallery img {
	border: 1px solid #d9dbdc;
}

/** SCROLL BAR **/
#scrollBar {
	width: 8px;
	height: 248px;
	margin-left: 10px;
	background: url(../images/img_scroller.gif) repeat-y center;
	float: left;
}	

#scrollHandle {
	width: 8px;
	height: 35px;
	background-image: url(../images/img_scroller_handle.gif);
	background-position: top-left;
	background-repeat: no-repeat;
	cursor: pointer;
}

	
/**** PRODUCT LIST ****/
ul.productList {
	margin: 0;
	padding: 0;
}

ul.productList li {
	width: 172px;
	height: 250px;
	display: block;
	float: left;
	padding: 5px 8px ;
	margin: 0;
}

div.listTitleContain {
	padding-top: 2px;
	height: 43px;
}

div.stockLevel {
	font-size: 10px;
	color: #757575;
	padding-bottom: 2px;
}

a.productTitle {
	color: #191919;
	text-decoration: none;
	font-weight: 600;
}

a.productTitle:hover {
	color: #323232;
}

div.price {
	height: 30px;
	font-size: 11px;
}

a.buyButton {
	height: 20px;
	width: 66px;
	background: url(../images/buy_btn.gif) no-repeat;
	display: block;
}

a.buyButton:hover {
	background-position: -66px 0;
}
	
img.imageProductList {
	border: 1px solid #e1e1e1;
	display: block;
	float: left;
}	

div.productListText {
	width: 150px;
	padding-left: 10px;
	float: left;
}

h2.productListInclude {
	position: relative;
	top: -5px;
}

div#imgContain {
	position: relative;
	height: 121px;
}

.productSale, .productNew {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
}


div.ourPrice {
	color: #038d3b;
}

div.rrpPrice {
	color: #545454;
}

/** RELATED PRODUCTS **/
h1.relatedTitle {
	color: #303030;
	font-size: 18px;
	font-weight: 100;
}

div.titleRel {
	border-top: 1px solid #dedede;
	padding-top: 8px;
}
	
/****** FOOTER ******/
div#footer {
	width: 930px;
	margin: 0 auto;
	position: relative;
	color: #4b9f6f;
	font-size: 10px;
	background: url(../images/bg/footer_bg.gif) top left no-repeat #0f5d2f;
	height: 50px;
	padding: 50px 0 0 20px;
	clear: left;
}

div#footerLeft {
	width: 530px;
	padding-right: 220px;
	float: left;
}

span.footerLinks {
	color: #e7e681;
	text-decoration: none;
	font-size: 10px;
}

span.footerLinks a{
	color: #e7e681;
	text-decoration: none;
	font-size: 10px;
}

span.footerLinks a:hover {
	color: #f9f8ae;
	font-size: 10px;
}

div#footerRight {
	width: 170px;
	float: left;
}

div#footerRight img {
	position: relative;
	top: -5px;
}

div#copyright {
	padding-top: 4px;
	font-size: 11px;
	color: #4b9f6f;
}

span#blissLink {
	position: relative;
	top: -6px;
}

span#blissLink a {
	text-decoration: none;
	font-size: 10px;
	color: #4b9f6f;
}

span#blissLink a:hover {
	text-decoration: none;
	color: #4ec17f;
}

/** SHOPPING **/
div.checkoutDetails {
	 padding-right: 10px; 
	 width: 140px; 
	 float: left;
}

/** CART **/
div#shoppingContainer {
	background: url(../images/shoppingCart/shopping_bg.gif) top left no-repeat #0e1010;
	padding: 45px 16px;
}

div#shoppingDetails {
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	color: #ffffff;
	padding-bottom: 5px;
}

div#shoppingDetails strong {
	font-size: 11px;
}

div#listBack {
	background: #ffffff;
	padding: 15px;
	/**overflow:hidden;**/
	height: 565px;
	
}

div.shoppingListProduct {
	border-bottom: 1px solid #dedede;
	padding: 5px 0;
	height: 130px;
	font-size: 11px;
}	
	
/************ ARTICLES ****************/

div.blogList {
	width: 525px;
	padding: 0 0 16px 0;
	margin: 0 0 16px 0;
	background: url(../images/text_border_bg.gif) bottom left repeat-x;
}

div.blogList div.blogListImg {
	width: 80px;
	padding: 0 10px 0 0;
	float: left;
}

div.blogList div.blogListText {
	width: 435px;
	padding: 0;
	float: left;
}

div.blogList div.blogtitle {
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 2px 0;
}

div.blogList div.blogtitle a {
	font-size: 14px;
}

div.blogList div.blogdate {
	font-size: 11px;
	padding: 0 0 4px 0;
}

div.blogList div.blogdesc {
	font-size: 12px;
	padding: 0 0 4px 0;
}
	
div#categoryArchives {
	padding: 18px 0 0 0;
}

div#categoryArchives a {
	color: #066030;
}

div#categoryArchives ul {
	padding: 0 0 4px 12px;
	margin: 0;
}

div#categoryArchives ul li {
	padding: 0 0 0 0;
	margin: 0;
}

div#categoryArchives ul li ul {
	padding-top: 2px;
}

div.blogpaging {
	color: #0d0d0d;
}

div.commentList {
	padding: 16px 22px 0 7px;
}

div.commentList div.commentDetail {
	padding: 0 0 12px 0;
}

div.commentList div.commentHead {
	padding: 0 0 2px 0;
	color: #038d3b;
	ffont-weight: bold;
}

div.commentList div.commentContent {
	padding: 0 0 4px 0;
}

/************ SIDE BAR LATEST ARTICLES ****************/

div.sideBlogLatest {
	padding: 15px;
}

div.sideBlogListItem {
	padding: 8px 0 0 0;
}

div.sideBlogList {
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	background: url(../images/text_border_bg.gif) bottom left repeat-x;
}

div.sideBlogItem {
	color: #757575;
}

div.sideBlogItem a {
	font-weight: bold;
}

div.sideBlogItem span {
	font-size: 10px;
}

div.sideBlogViewAll {
}