/*
*
* Home Page CSS
*
* (c) 2008 Du Maurier Ltd
*
* Author: S.Manning Jul 2008
*
*=============================================================================*/


/*** Module 1/Content 1 & 2 ***/

.module_home1 {
	width: 523px;
}

.module_home1 .bg {
	margin: 9px 0 0 0;
	background: url(../images/homepage/module_home1_bg.gif) 0 0 repeat-y;
}

.module_home1 .t {
	background: url(../images/homepage/module_home1_t.gif) 0 0 no-repeat;
}

.module_home1 .b {
	background: url(../images/homepage/module_home1_b.jpg) 0 100% no-repeat;
}

.module_home1 .a {
	width: 100%;
	padding: 3px 0 18px 0;
	background: url(../images/homepage/module_home1_a.gif) 226px 0 no-repeat;
}

.module_home1 .left {
	width: 247px;
	margin: 0 0 0 62px; padding: 7px 0 6px 0;
/*	background: url(../images/homepage/module_home1_banner.png) 100% 100% no-repeat; */
	background: url(../images/content/freeshipping_circle_250.png) 100% 100% no-repeat;
}

.module_home1 .left ul {
	list-style-type: none;
	font-size: .875em;
	line-height: 1.2em;
}

.module_home1 .left li {
	padding: 0 0 0 16px;
	background: url(../images/content/arrow.gif) 0 50% no-repeat;
}

.module_home1 .right {
	position: relative;
	width: 186px;
	margin: 0 26px 0 0;
}

.module_home1 .right a.btn {
	position: absolute;
	width: 21px; height: 21px;
	top: 72px;
}

.module_home1 .right a.prev {
	left: 6px;
	background: url(../images/content/previous.gif) 0 0 no-repeat;
}

.module_home1 .right a.next {
	right: 6px;
	background: url(../images/content/next.gif) 0 0 no-repeat;
}


div#promo_slide_holder {
    clip: auto;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    width: 186px;
    height: 166px;
}

div#promo_slide {
    position: relative;
    top: 0px;
    left: -1px;
    height: 166px;
}

div.promo_slide_img {
    float: left;
}

div.promo_slide_img img {
    padding-top: 0px;
}


/*** Module 2/Content 3 ***/

.module_home2 .content, .module_home3 .content, .module_home4 .content {
	padding: 0 10px 0 10px;
	margin: 0;
        voice-family: "\"}\"";
	voice-family: inherit;
	padding: 0 15px 0 15px;
	voice-family: "\"}\""; 
}
.module_home2 h3, .module_home3 h3, .module_home4 h3 {
	margin: 10px 0 0 0; padding: 7px 0 0 0;
	border-top: #e9ebec solid 1px;
}
.module_home2 p, .module_home3 p, .module_home4 p {
	padding: 0 0 10px 0;
	font-size: .7em;
	color: #7d7d7d;
}

.module_home2 {
	width: 310px;
	padding: 10px 0 0 0;
	background: url(../images/homepage/module_home2_bg.gif) 100% 0 no-repeat;
}

/*** Module 3/Content 4 ***/

.module_home3 div.image, .module_home4 div.image {
	padding: 0 0 14px 0;
}
.module_home3 img.image {
	float: right; position: relative;
	margin: -14px 0 0 10px;
}

.module_home3 {
	width: 312px;
	padding: 10px 0 0 0;
	background: url(../images/homepage/module_home2_bg.gif) 100% 0 no-repeat;
}


/*** Module 4/Content 5 ***/

.module_home4 {
	width: 310px;
	padding: 10px 0 0 0;
	background: url(../images/homepage/module_home2_bg.gif) 0 0 no-repeat;
}

.module_home4 img.image {
	float: right; position: relative;
	margin: -24px 0 0 10px;
}

.bg_home {
	width: 100%;
	margin: 6px 0 0 0; padding: 15px 0 0 0;
	background: url(../images/homepage/module_home_bg.gif) 0 0 no-repeat;
	border-top: #f1f1f1 solid 1px;
}

/**** Module 5/Content 6 ***/

.module_home5 {
	width: 435px;
	margin: 0 0 0 18px;
}

.module_home5 p {
	padding: 4px 0 6px 0;
	font-size: .7em;
	color: #7d7d7d;
}

.module_home5 .list {
	position: relative;
	width: 400px;
	margin: 8px -10px 0 16px;
}

.module_home5 .list ul {
	list-style-type: none;
}

.module_home5 .list li {
	float: left;
	display: inline;
	width: 95px;
	height: 51px;
	margin: 0 -5px 0 0;
	padding: 0;
	background: url(../images/homepage/module_home2_item.gif) 0 0 no-repeat;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin: 0;
	voice-family: "\"}\"";
}

.module_home5 .list li img {
	float: left;
	display: inline;
}

.module_home5 .list a.btn {
	position: absolute;
	width: 23px;
	height: 23px;
	top: 14px;
}

.module_home5 .list a.prev {
	left: -10px;
	background: url(../images/content/previous.gif) 0 0 no-repeat;
}

.module_home5 .list a.next {
	right: -10px;
	background: url(../images/content/next.gif) 0 0 no-repeat;
}

div#wide_themes_slide_holder {
    clip: auto;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    width: 400px;
    height: 55px;
}

div#wide_themes_slide {
    position: relative;
    top: 0px;
    left: -1px;
    height: 55px;
}



/*** Module 6/Content 7 ****/

.module_home6 {
	width: 440px;
	margin: 0 10px 0 0;
}
.module_home6 p {
	padding: 4px 0 6px 0;
	font-size: .7em;
	color: #7d7d7d;
}
.module_home6 img.image {
	float: right;
	margin: 0 0 0 10px;
}


div#tag-cloud {
	position: relative;
	left: 0px;
	top: 5px;
	width: 440px;
	height: 100px;
	overflow: hidden;
	color: #666;
}

div#tag-slider {
	position: absolute;
	width: 440px;
	height: auto;
	overflow: hidden;
}

div#tc_controls {
	position: absolute;
	width: 100%;
	height: 100%;
	background-image: url(/resources/images/homepage/tc_background.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
	visibility: hidden;
}

/*div#tc_ctrl_left {*/
/*	position: absolute;*/
/*	top: 0px;*/
/*	left: 0px;*/
/*	width: 30px;*/
/*	height: 100%;*/
/*	border: 1px solid blue;*/
/*}*/
/**/
/*div#tc_ctrl_right {*/
/*	position: absolute;*/
/*	top: 0px;*/
/*	left: 410px;*/
/*	width: 30px;*/
/*	height: 100%;*/
/*	border: 1px solid blue;*/
/*}*/

div#tc_ctrl_up {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 140px;
	height: 25px;
}

div#tc_ctrl_down {
	position: absolute;
	top: 75px;
	left: 150px;
	width: 140px;
	height: 25px;
}


div#tag-cloud h1 {
	display: inline;
	height: 30px;
	font-size: 25px;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

div#tag-cloud h2 {
	display: inline;
	height: 30px;
	font-size: 20px;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

div#tag-cloud h3 {
	display: inline;
	height: 30px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

div#tag-cloud h4 {
	display: inline;
	height: 30px;
	font-size: 13px;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

div#tag-cloud h5 {
	display: inline;
	height: 30px;
	font-size: 10px;
	font-weight: normal;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

div#tag-cloud a {
	text-decoration: none;
}

div#tag-cloud a:hover {
	text-decoration: underline;
}

div#tag-cloud h1 a {
	color: #246ca1;
}

div#tag-cloud h2 a {
	color: #297ab6;
}

div#tag-cloud h3 a {
	color: #2d88cb;
}

div#tag-cloud h4 a {
	color: #3295df;
}

div#tag-cloud h5 a {
	color: #39abff;
}

/*END*/