/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg/bg-repeat.gif) repeat-x center top;
	color: #717171;
	font-size: 12px;
	line-height: 20px;
}

p {
	margin: 5px 0px 10px 0px;
}

img { 
	border: 0px none;
}

a {
	color: #ed6400;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active, a:focus {
	outline: 0px none;
}

h1, h2, h3, h4, h5, h6 {
	font-family: /*"Trebuchet MS",*/ Tahoma, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0px;
}

h1 {
	color: #67a603;
	font-size: 38px;
	font-weight: bold;
	line-height: 40px;
}


h2 {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
}

h3 {
	color: #83b92d;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

h4 {
	color: #787878;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #73b012;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}

h6 {
	color: #73b012;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}

h5 a, h6 a {
	color: #73b012;
}


hr {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px none;
	border-bottom: 1px solid #dddddd;
}

ul {
	padding-left: 15px;
}

li {
}

blockquote {
	font-size:12px;
	padding:15px;
	margin:10px;
	font-style:italic;	
	background-color:#ebebeb;
}

form {
}

input.textInput,
textarea.textInput {
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #eeeeee;
	padding: 6px 5px;
}

/** FLASH TEXT **/
h1.titleMainGrey {
	font-size: 38px;
	color: #676767;
}

h1.titleMainGreen {
	font-size: 38px;
	color: #67a603;
}


/****** GENERIC ******/

.clear {
	clear: both;
}

div.clear {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
}

.clearLeft {
	clear: left;
}

.seoText {
	text-indent: -9999em;
}

.small {
	font-size: 11px;
}

.large {

}

.bdrBottom {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.hidden {
	display: none;
}

.errorMessage
{
	background-color: #faeaea;
	color: #ff0000;

	border: 1px solid #e4b4b4;
	margin: 10px 0px;
	padding: 10px;
}


/****** CONTAINERS ******/
div#bgContainer {
	background: url(../images/bg/bg.jpg) no-repeat center top;
	min-width: 960px;
}

body.Home {
	background: url(../images/bg/bg-repeat.jpg) repeat-x center top;
}
	
body.Home div#bgContainer {
	background: url(../images/bg/bg-home.jpg) no-repeat center top;
}

div#logoContainer {
	width: 150px;
	float: left;
}


/** HEADER **/
div#headerContainer {
	width: 960px;
	margin: 0px auto;
	height: 155px;
}

div#topContainer {
	text-align: right;
	height: 80px;
}

div#navContainer {
	float: right;
	width: 790px;
	height: 20px;
	overflow: hidden;	
	padding: 0px;
	margin-top:10px;
}

div#navContainer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#navContainer ul li {
	float: left;
	margin: 0px;
	padding: 0px;
}

div#navContainer ul li a {
	display: block;
	height: 20px;
	background-image: url(../images/nav/nav.gif);
}

/** NAV **/
a#navHome {
	width: 75px;
	background-position: 0px 0px;
}
a#navHome:hover,
li.active a#navHome {
	background-position: 0px -20px;
}

a#navProd {
	width: 110px;
	background-position: -75px 0px;
}
a#navProd:hover,
li.active a#navProd {
	background-position: -75px -20px;
}

a#navStoc {
	width: 115px;
	background-position: -165px 0px;
}
a#navStoc:hover,
li.active a#navStoc {
	background-position: -165px -20px;
}

a#navFaqs {
	width: 90px;
	background-position: -300px 0px;
}
a#navFaqs:hover,
li.active a#navFaqs {
	background-position: -300px -20px;
}

a#navReci {
	width: 140px;
	background-position: -385px 0px;
}
a#navReci:hover,
li.active a#navReci {
	background-position: -385px -20px;
}

a#navMedi {
	width: 90px;
	background-position: -525px 0px;
}
a#navMedi:hover,
li.active a#navMedi {
	background-position: -525px -20px;
}

a#navBlog {
	width: 85px;
	background-position: -620px 0px;
}
a#navBlog:hover,
li.active a#navBlog {
	background-position: -620px -20px;
}

a#navComp {
	width: 85px;
	background-position: -705px 0px;
}
a#navComp:hover,
li.active a#navComp {
	background-position: -705px -20px;
}

/******** FOOTER ********/
div#footerContainer {
	position: relative;
	padding: 20px 0px;
	background: #7bb521;
	color: #ffffff;
	font-size: 11px;
}

div#footer {
	width: 960px;
	margin: 0px auto;
}

div#footer a {
	color: #ffffff;
}

div#footer ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

div#footer div.column {
	float: left;
	width: 130px;
	margin: 0px 10px 20px 0px;
}

div#footer div.columnLeft {
	width: 100px;
}

div#nudeDude {
	position: relative;
	width: 105px;
	float: left;
}

div#nudeDude img {
	position: absolute;
	top: -66px;
	left: 60px;
}

div#copyInfo {
	margin-top: 10px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #96ca45;
	clear: both;
	color: #dcfbab;
}

div#copyInfo a {
	clear: both;
	color: #dcfbab;
}

/* SOCIAL LINKS */
div#socialLinks {
	position: relative;
	width: 205px;
	float: right;
	padding-top: 10px;
}

div#socialLinks ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	height: 35px;
}

div#socialLinks li {
	float: left;
	margin: 0px 10px 0px 0px;
}

div#socialLinks p {
	padding-top: 15px;
	margin-top: 0px;
	clear: left;
}

div#socialLinks div.socialBubble {
	position: absolute;
	top: -30px;
	background: url(../images/ftr/bubble-bg.gif) no-repeat center top;
	width: 123px;
	height: 26px;
	overflow: hidden;
}

div#socialLinks div.socialBubble p {
	margin: 0px;
	padding: 0px 0px 2px 0px;
	text-align: center;
	color: #ffffff;
	line-height: 18px;
	overflow: hidden;
}

div#socialLinks div.socialBubble img {
	vertical-align: top;
	line-height: 6px;
	padding-left: 12px;
}


/******** HOME ********/
div#homeContainer {
	width: 960px;
	margin: 0px auto;
	padding: 8px 0px 0px 0px;
}

div#bannerContainer {
	float: left;
	width: 698px;
	height: 263px;
	padding: 6px 0px 0px 8px;
}

div#bannerObj {
	width: 698px;
	height: 263px;
}

div#latestNews {
	float: right;
	width: 190px;
	height: 230px;
	padding: 30px 25px 0px 0px;
	overflow: none;
}

div#latestNews ul {
	list-style: none;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

div#latestNews li {
	border-top: none;
	background: url(../images/r-dotted_2px.gif) repeat-x top left;
	padding: 9px 0px 10px 0px;
}

div#latestNews li.first {
	border-top: 1px solid #efefef;
	background: none;
}

div#latestNews p {
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
}

div#home {
	clear: both;
	padding: 15px 0px;
}

div.imageFrame {
	background: url(../images/imageFrame_thumb.gif) no-repeat right bottom;
	padding: 0px 8px 6px 0px;
	text-align: right;
}

div.imageTag {
	position: absolute;
	left: 15px;
	top: -5px;
}

div#home div.column {
	float: left;
	position: relative;
}

div#home div.column div.content {
	padding: 10px;
}

div#home div.columnLeft {
	width: 240px;
}

div#home div.columnMid {
	width: 240px;
}

div#home div.columnRight {
	width: 205px;
	padding-left: 25px;
	margin: 10px 0px 0px 10px;
	background: url(../images/r-dotted_3px.gif) repeat-y left top;
	font-size: 11px;
}

div#home div.columnRight div.content {
	padding-left: 0px;
}

div#home div.columnLeft div.imageFrame {
	padding-top: 9px;
	width: 220px;
}

div#home div.columnMid div.imageFrame {
	width: 220px;
}

div#home div.columnRight div.imageFrame {
	width: 195px;
	padding-top: 5px;
}

div.imageArea {
	position: relative;
	height: 122px;
}

div.imageArea object {
	position: absolute;
}

/******** PAGE ********/
div#pageContainer {
	width: 960px;
	margin: 0px auto;
	padding: 10px 0px 0px 0px;
}

div#page {
	min-height: 500px;
	padding: 40px 0px 30px 0px;
}

body.Content div#page {
	background: url(../images/bg/side_bg.gif) repeat-y left top;
}

div#page div.columnLeft {
	width: 230px;
	float: left;
	color: #FFFFFF;
}

div#page div.columnRight {
	width: 660px;
	float: right;
	padding: 0px 35px 0px 0px;
}

/* FULL (content) */
body.Full div#page {
	padding: 40px 40px 50px 40px;
}

body.Full div#page div.columnLeft {
	width: 440px;
	float: left;
	color: #717171;
}

body.Full div#page div.columnRight {
	width: 425px;
	float: right;
	padding: 0px;
	text-align: right;
	overflow-x: hidden;
}

body.Full div#page div.columnImage {
	width: 425px;
	float: right;
	/*padding: 0px 0px 0px 20px;*/
	margin-left: 10px;
	margin-bottom: 10px;
	text-align: right;
	overflow-x: hidden;
}

body.Full div#page h4.bdrBottom {
	margin-bottom: 15px;
}

body.Full div#page h1.titleMainGrey {
	margin-bottom: 15px;
}

/******** SIDE ********/
div.sideBox {
	padding: 15px;
	margin: 20px 0px;
}

/******** SIDE SUBNAV ********/
ul.subNavList {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: bold;
}

ul.subNavList a {
	color: #ffffff;
	padding: 0px 0px;
	padding: 5px 25px;
	display: block;
}

ul.subNavList li {
	border-bottom: 1px solid #e6750c;
	margin-bottom: 25px;
}

ul.subNavList ul {
	list-style: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	/*border-top: 1px solid #e6750c;*/
}

ul.subNavList ul li {
	border-top: 1px solid #e6750c;
	border-bottom: 0px none;
	margin-bottom: 0px;
}

ul.subNavList ul a {
	color: #efae7a;
}

/******** BLOG ********/
div.articleListing {
	background: url(../images/r-dotted_2px.gif) repeat-x left bottom;
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 20px 0px;
}

div.articleListing p {
	margin: 15px 0px;
}

div.articleListing p.articleInfo {
	margin: 25px 0px 0px 0px;
}

p.articleInfo span.numComments {
	background: url(../images/icons/ico_comment.gif) no-repeat left center;
	padding-left: 20px;
	/*color: #ED6400;*/
}

p.articleInfo span.addComments {
	background: url(../images/icons/ico_addcomment.gif) no-repeat left center;
	padding-left: 30px;
}

p.articleInfo span.div {
	padding: 0px 10px;
	color: #df5000;
}

div.articleImage {
	position: relative;
	background: url(../images/imageFrame_large.gif) no-repeat left top;
	width: 585px;
	height: 195px;
	text-align: center;
	padding: 8px 11px 10px 10px;
	margin-top: 20px;
}

div.articleImage img.paperclip {
	position: absolute;
	top: -15px;
	right: 5px;
}

div.articleComments {
	background: url(../images/r-dotted_2px.gif) repeat-x left top;
	margin: 30px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
}

div.articleComments fieldset {
	padding: 0px;
	margin: 0px;
	border: 0px none;
}

div.addThisBtn {
	padding-top: 15px;
}

/* comments */
div.blogComments ul {
	list-style: none;
	padding: 0px 0px 1px 0px;
	margin: 20px 0px 20px 0px;
	background: url(../images/r-dotted_2px.gif) repeat-x left bottom;
}

div.blogComments li {
	padding: 10px 20px 25px 20px;
	margin-bottom: 20px;
	background: #eeeeee url(../images/bg/commentArrow.gif) no-repeat left bottom;
}

div.blogComments li span.commentDate {
	color: #7bb521;
}

div.blogComments li span.commentAuthor {
	color: #4c4c4c;
	font-style: italic;
}

/* form */
fieldset.formContainer {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}

fieldset.formContainer div.errMsg {
	/*display: inline;
	padding-left: 5px;
	color: #7BB521;*/
	float: left;
	padding-left: 10px;
	color: #000000;
	width: 220px;
}

fieldset.formContainer input, 
fieldset.formContainer textarea {
	float: left;
}

fieldset.blogAddComment ul {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

fieldset.blogAddComment ul li {
	padding: 10px 0px 0px 0px;
}

fieldset.blogAddComment ul li label {
	float: left;
	width: 110px;
	padding-right: 10px;
}

fieldset.blogAddComment .textInput {
	width: 300px;
}


/******** CATEGORY LIST ********/
ul.categoryList {
	list-style: none;
	padding: 20px 0px 0px;
	margin: 0px;
}

ul.categoryList li {
	/*background: url(../images/imageFrame_thumb.gif) no-repeat right bottom;
	padding: 0px 8px 6px 0px;*/
	overflow: hidden;
	width: 213px;
	height: 175px;
	margin: 0px 10px 15px 0px;
	float: left;
}

ul.categoryList li.end {
	margin: 0px 0px 15px 0px;
}

ul.categoryList li.first {
	/*clear: left;*/
}

ul.categoryList li div.imageFrame img,
ul.categoryList li div.imageFrame {
	height: 105px;
	width: 205px;
}

ul.categoryList li h5 {
	margin-top: 5px;
}

ul.categoryList li p {
	font-size: 11px;
	line-height: 18px;
	margin-top: 0px;
}

/*** FAQS ****/
dl.faqList {
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

dl.faqList dt {
	margin: 10px 0px 5px 0px;
}

dl.faqList dt a {
	color: #73b012;
	font-weight: bold;
}

dl.faqList dd {
	padding: 5px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
	background: url(../images/r-dotted_2px.gif) repeat-x left bottom;
}


/**** PRODUCT ****/

div#productContainer {
	padding: 35px 0px 20px 0px;
}

div#productInfo {
	float: left;
	padding-left: 40px;
	width: 270px;
}

/* PRODUCT GALLERY *************/
div#productGallery {
	float: right;
	width: 580px;
	padding: 0px 35px 0px 0px;
	position: relative;
}

div#productGallery ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	position: relative;
	overflow: hidden;
	width: 580px;
	height: 300px;
}

div#productGallery li {
	position: absolute;
}

div#galleryControls a {
	position: absolute;
	z-index: 99;
	top: 0px;
	padding: 0px;
	width: 280px;
	height: 300px;
	text-decoration: none;
	display: none; /* js will set to block */
}

div#galleryControls a#controlPrev {
	left: 0px;
}

div#galleryControls a#controlNext {
	right: 35px;
	text-align: right;
}

div#galleryControls a img {
	/*visibility: hidden;*/
}

div#galleryControls a:hover img {
	/*visibility: visible;*/
}

/* PRODUCT CATALOGUE LIST *************/
div#catalogueList {
	clear: both;
	padding: 0px 40px 30px;
}

div#catalogueTabs ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 35px;
	overflow: hidden;
}

div#catalogueTabs li {
	display: inline;
	background-color: #f7f7f7;
	padding: 10px 0px;
	line-height: 35px;
	height: 35px;
}

div#catalogueTabs li.active {
	/*background-position: left bottom;*/
	background-color: #e9e9e9;
}

div#catalogueTabs li span.tabLeft {
	background-image: url(../images/bg/tab_bg-left.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 10px 0px 10px 33px;
}

div#catalogueTabs li.active span.tabLeft {
	background-position: left bottom;
}


div#catalogueTabs a {
	padding: 10px 35px 10px 0px;
	background-image: url(../images/bg/tab_bg-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	color: #717171;
	font-weight: bold;
}

div#catalogueTabs li.active a {
	background-position: right bottom;
}

div#catalogueTabs li.active a,
div#catalogueTabs a:hover {
	color: #000000;
	text-decoration: none;
}

div#zoom {
	z-index: 100;
}

/* GROUP SLIDER **********/

div.catalogueGroup {
	padding: 0px 10px;
	background-color: #e9e9e9;
}

div.groupItems {
	position: relative;
	padding: 10px 0px 30px 0px;
	margin: 0px auto;
	width: 810px;
	height: 130px;
	overflow: hidden;
}

div.groupItems ul {
	position: absolute;
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 130px;
	overflow: hidden;
}	

div.groupItems li {
	float: left;
	width: 130px;
	height: 130px;
	padding-right: 6px;
}

div.groupItems li .thumbFrame {
	background: url(../images/imageFrame_prod.gif) no-repeat center bottom;
	width: 120px;
	height: 62px;
	padding: 3px 5px 10px 5px;
}

div.groupItems li .thumbInfo {
	padding: 5px;
	font-size: 11px;
	line-height: 18px;
}

div.groupItems li .thumbInfo p {
	margin: 0px;
}

/* GROUP CONTROLS */
div.groupControls {
	position: relative;
	width: 860px;
	margin: 0px auto;
}

div.groupControls a {
	display: block;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 30px;
	z-index: 89;
}

div.groupControls a.groupPrev {
	left: 0px;
}

div.groupControls a.groupNext {
	right: 0px;
}

/****** AJAX COMMENTS ******/
div#popupComments {
	display: none;
}

/* SHOP *************************************************/
div#shopContainer {
	padding: 35px 40px 40px 40px
}

div#shopContainer div.column {
	float: left;
	width: 260px;
	padding-right: 30px;
}

div#shopContainer div.columnLeft {
	margin-right: 35px;
}

div#shopContainer div.contentContainer {
	margin-top: 20px;
	padding: 0px 0px 15px 0px;
	float: left;
	width: 615px;
}

div#shopContainer div.contentContainer p {
	margin: 10px 0px 20px 0px;
}

div.divBdrVert {
	background: url(../images/r-dotted_2px.gif) repeat-y 290px top;
}

div#shopContainer h2.productTitle {
	color: #78b020;
	font-size: 30px;
	line-height: 30px;
}

div#shopContainer p.productDesc {
	font-size: 19px;
	line-height: 24px;
}

h2.priceTitle {
	font-size: 30px;
	line-height: 1.2em;
}

/*** SHOP - SKINS **/
div#skinsCategory div.columnLeft {
	margin-top: 10px;
	margin-right: 0px;
	padding-right: 10px;
	width: 280px;
}

div#skinsCategory div.columnRight {
	padding-right: 0px;
	width: 300px;
	text-align: center;
}

ul.swatches {
	list-style: none;
	padding: 0px;
	margin: 10px 0px 20px 0px;
}

ul.swatches li {
	/*float: left;*/
	display: inline;
	padding: 0px 2px 2px 0px;
	width: 45px;
	height: 45px;
}

form.formOptions select {
	margin: 0px 0px 20px 0px;
}

/*** SHOP LIST IMAGE **/
div.productImage {
	position: relative;
	text-align: center;
}

div.productImage div.priceContainer {
	position: absolute;
	z-index: 2;
}

div.productImage div.priceContainer div.priceTag {
	position: absolute;
	padding: 14px 0px 15px 3px;
	width: 47px;
	text-align: center;
}

div.productImage div.priceContainer div.priceTag span.priceTag {
	z-index: 2;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: bold;
	width: 45px;
}

/*** SHOP LOGIN **/
div#shopLogin {
	float: right;
	width: 260px;
	margin-top: 10px;
}

div#shopLogin fieldset {
	border: 1px solid #d9d9d9;
	padding: 5px 20px;
	color: #232323;
}

div#shopLogin legend {
	font-size: 13px;
	font-weight: bold;
	color: #67a603;
}

div#shopLogin span.div {
	color: #fe6200;
	padding: 0px 4px;
}

div#shopLogin input.inputText {
	border: 1px solid #d5d5d5;
	padding: 3px;
	width: 210px;
}



/* END OF CSS */