@charset "utf-8";
/*************************** COMMON *******************************/
body {
	background-color:#ececec;
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	line-height: 16px;
	color: #646464;
}
.wrapper {
	width: 811px;
	margin: 0px 0px 0px 10px;
}

.mainSection{
	width:894px;
	float:left;
	background-color:#fff;
	border:#FFFFFF 3px solid;
}

/* ========================== TOP MAIN SECTION=============================== */
.topSection{
	width:900px;
	height:400px;
	float:left;
}
.topSection .mainLeftImg{
	width:341px;
	height:400px;
	float:left;
	background:url(../img/mainLeftImg.jpg);
}

.topSection .middleSection{
	width:163px;
	height:400px;
	float:left;
	margin-left:1px;
}
.middleSection .top{
	width:163px;
	height:98px;
	float:left;
	background:url(../img/melbourneShadeSys.jpg);
}


/* ========================== TOP MENU FOR HOME=============================== */
.middleSection .menu{
	width:163px;
	height:302px;
	float:left;
	background-color:#ececec;
	padding:0px 0px 0px 0px;
}
.menu ul{ color:#9c614d; margin:5px 0px 0px 5px;}
.menu ul li{ margin:4px 0px 4px 5px;}
.menu ul li a{ color:#9c614d; text-decoration:none;}
.menu ul li a:hover{ color:#593522; text-decoration:none;}


.topSection .rightSection{
	width:387px;
	height:400px;
	float:left;
	margin-left:2px;
}
.rightSection .enhance{
	width:387px;
	height:98px;
	float:left;
	background:url(../img/enhance.jpg);
}
.rightSection .textSection{
	width:357px;
	height:299px;
	float:left;
	overflow: hidden;
	padding:10px 15px 0px 15px;
}
.textSection p{ margin:5px 0px 10px 6px;}

/* ========================== BOTTOM MAIN SECTION=============================== */
.bottomSection{
	width:900px;
	/* height:401px;*/
	float:left;
	margin-top: 4px;
}
.bottomSection .leftSection{
	width:504px;
	/* height:401px; */
	float:left;
	margin:0px 0px 0px 0px;
}
.leftSectionTopImg{
	width:504px;
	height:136px;
	background:url(../img/bottomLeftImg.jpg);
	float:left;
}
.textSectionBottomLeft{
	width:504px;
	float:left;
}
.textSectionBottomLeft a:hover { text-decoration: underline; }
.textSectionBottomLeft p { margin: 0px; padding: 0px 15px 0px 15px; }
.textSectionBottomLeft h2 { margin: 0px; padding: 10px 15px 0px 15px; }
.textSectionBottomLeft h1 { margin: 0px; padding: 10px 15px 0px 15px; }
.rightSectionBottom{
	width:387px;
	float:left;
	margin: 0px 0px 0px 2px;
	padding:5px 0px 0px 0px;
	background-color:#d5d5d5;
}
.rightSectionBottom h1 { padding: 10px 0px 0px 15px;}
.galleryBlockDisplay{
	width:355px;
	float:left;
	padding:5px 0px 6px 15px;
}
.galleryBlockMessage{
	width:222px;
	float:left;
	padding: 0px;
}
.galleryBlockMessage h3{ font-size:14px; color:#fff; }
.galleryBlockMessage h3 a { font-size:14px; color:#fff; text-decoration: none; }
.galleryBlockMessage h3 a:hover { text-decoration: underline; }
.galleryBlockMessage p{ font-size:12px; color:#484848; padding:3px 0px 0px 0px; margin: 0px;}

.galleryBlockImg{
	width:129px;
	height:85px;
	float:right;
	border:1px #fff solid;
	overflow:hidden;
	margin:6px 0px 0px 0px;
}
.galleryBlockImg img{ text-decoration:none; border:none;}


.contactFooterSection{
	width:893px;
	height:56px;
	float:left;
	background-color:#ca9479;
	margin: 4px 0px 0px 0px;
}

/* ========================== HOME FOOTER =============================== */
.homeFooterSection{
	width:893px;
	float:left;
	margin:4px 0px 0px 0px;
	font-size:12px;
}
.homeFooterCopyright{
	width:460px;
	float:left;	
	margin:3px 0px 0px 0px;
}
.homeFooterSubscribe{
	width:393px;
	float:right;
	text-align:right;
}
.subscribeFormStyle{
	padding:0;
	margin:0;
}
.subscribeBtnStyle{
	background:url(../img/subscribeBtn.jpg) no-repeat top left;
	border:none;
	padding:0;
	margin:0;
	width:13px; height:19px;
	cursor:pointer;
}
.subscribeInputStyle{
	border:1px #c7c7c7 solid;
	padding:0;
	margin:0;
}

/* ========================== PRODUCT PAGE =============================== */
.banner{
	width:893px;
	height:101px;
	float:left;
}
.logoSection{
	width:167px;
	height:101px;
	float:left;
}
.bannerRight{
	width:726px;
	height:101px;
	float:left;
	background:url(../img/bannerRight.jpg);
}
.bigMiddleSection{
	width:893px;
	float:left;
	background-color:#fff;
}
.leftSectionProduct{ width:163px; float:left;}
.leftMenuSection{
	width:163px;
	float:left;
	background-color:#ececec;
	padding: 0px 0px 10px 0px;
}
.leftMenuSectionGap{
	width:163px;
	height:540px;
	float:left;
	background-color:#dcc1b6;
	margin:3px 0px 3px 0px;
}

.rightSectionProduct{
	width:727px;
	float:left;
	margin:0px 0px 0px 2px;
}
.rightGap{
	width:727px;
	height:12px;
	float:left;
	background-color:#dcc1b6;
}
.rightProductSection{ width:727px; float:left; }
.leftProductDesc{
	width:505px;
	float:left;
}
.leftProductDesc p{ padding:0px 0px 15px 5px; line-height:18px; }
.leftProductDesc h1{ padding:20px 0px 0px 15px; font-size:18px; }

.brochureLinkSection{
	width:485px;
	height:64px;
	float:left;
	margin:10px 0px 0px 15px;
}
.brochureLinkSection .logoLeft{
	width:49px;
	height:64px;
	float:left;
}
.brochureLinkSection .rightLink{
	height:64px;
	float:left;
	margin:0px 0px 0px 15px;
}
.rightLink a{ text-decoration:none; font-size:14px; color:#9b614b; line-height:65px;}
.rightLink a:hover{ text-decoration:underline; font-size:14px; color:#9b614b;}


/* ========================== RIGHT IMAGE SECTION ==================================== */
.rightImageSection{
	width:200px;
	float:left;
	float: right;
	padding-top: 54px;
}

.rightThumbSection{
	width:197px;
	float:left;
	margin:0px 0px 19px 0px;
}

.rightThumbSection h1, .gallleryImageSection h1{ color:#612c32; font-size:12px; font-style:italic;   clear: both; padding: 5px 0px 0px 0px; }
.rightThumbSection p{ color:#612c32; font-size:11px; line-height:13px; margin:2px 0px 2px 0px; }

.thumbImgSection{
	width:183px;
	height:128px;
	float:left;
	border:1px #612c32 solid;
	overflow:hidden;
}

.gallleryImageSection, .gallleryImageSection2 {
	width:349px;
	float:left;
	padding: 10px 0px 10px 0px;
}


.thumbImgGallerySection, .thumbImgGallerySection2 {
	width:328px;
	height:255px;
	float:left;
	border:1px #612c32 solid;
	overflow:hidden;
}
.thumbImgGallerySection2 { float: right; }

/* ========================== SITE DESIGN ==================================== */
.rightSiteSection{ 
	width:698px; 
	float:left; 
	padding:0px 0px 0px 15px;
}
.rightSiteSection h1{ padding:15px 0px 15px 0px; font-size:18px; font-weight:normal;}
.rightSiteSection h2{ padding:15px 0px 5px 0px; font-size:14px; font-weight:bold; color: #9c614d; }
.nbProductStyle{ font-size:12px; color:#632c32; }
.rightSiteSection p{ font-size:13px; line-height:18px; color:#484848; padding:0px 0px 10px 10px;}
.mainSiteContentSection{
	width:698px;
	float:left;	
	margin: 0px;
}
.mainSiteContentSection p{ padding:0px 15px 10px 0px; line-height: 20px; margin: 0px; }
.mainSiteContentSection2{
	width:698px;
	float:left;	
	margin: 0px;
}
.mainSiteContentSection2 p{ padding:0px 0px 10px 15px; line-height: 20px; margin: 0px;  }
.mainImgSection{
	width:314px;
	height:236px;
	float:left;
	overflow:hidden;
	border:1px #9b614d solid;
	margin:0px 15px 15px 0px;
}
.siteProductListSection{
	width:698px;
	float:left;
}
.siteProductListSection2{
	width:698px;
	float:left;
}
.smallImgSection{
	width:240px;
	height:168px;
	float:right;
	border:1px #9c614d solid;
	overflow:hidden;
	margin:15px 0px 15px 15px;
}
.smallImgSectionProductCat{
	width:195px;
	height:120px;
	float:right;
	border:1px #9c614d solid;
	overflow:hidden;
	margin:5px 0px 5px 10px;
	
}
.smallImgSectionGalleryCat{
	width:295px;
	height:200px;
	float:right;
	border:1px #9c614d solid;
	overflow:hidden;
	margin:15px 0px 15px 10px;
}
.siteProductListSection hr{ width:100%; padding:0px 0px 0px 0px; }
.siteProductListSection h2{ padding:15px 0px 10px 0px; font-weight:bold;}
.siteProductListSection h2 a{  padding:15px 0px 10px 0px; font-weight:bold;}
.siteProductListSection p{ padding:5px 0px 8px 0px; line-height:18px;}
.siteProductListSection p a{color:#9c614d;}

.siteProductListSection2 hr{ width:100%; padding:0px 0px 0px 0px; }
.siteProductListSection2 h2{ padding:15px 0px 10px 0px; font-weight:bold;}
.siteProductListSection2 h2 a{  padding:15px 0px 10px 0px; font-weight:bold;}
.siteProductListSection2 p{  padding:5px 0px 8px 0px; line-height:18px;}
.siteProductListSection2 p a{color:#9c614d;}

.pagingSection{
	width:300px;
	height:20px;
	float:right;
	text-align:right;
	color:#9c614d;
	line-height:25px;
	padding:0px 0px 5px 0px;
}
.pagingSection a{ text-decoration:none; color:#9c614d; font-size:12px;}
.pagingSection a:hover{ text-decoration:none; font-weight:bold; font-size:12px;}
.pagingSection .currentPage{font-size:12px;}
.pagingSection .currentPageIndex{ font-weight:bold;}

.nbProducts{ font-size:11px;}
.warning{ color:#97634d; font-size:12px; line-height:40px; font-weight:bold;}

/* ========================== LEFT MENU ==================================== */
.leftMenuSection ul{ color:#9c614d; padding:15px 0px 0px 5px;}
.leftMenuSection ul li{ padding:4px 0px 4px 5px;}
.leftMenuSection ul li a{ color:#9c614d; text-decoration:none;}
.leftMenuSection ul li a:hover{ color:#593522; text-decoration:none;}


/* ========================== MENU TOP =============================== */
.topMenuSection{
	width:805px;
	height:25px;
	float:left;
	padding:7px 0px 0px 0px;
}
#topMenu ul{ padding:0px 0px 0px 0px; padding:0; list-style:none; background-color:#FF0000;}
.topMenuSection li{ padding:0px 0px 0px 10px; display:inline;}
.topMenuSection li a{ color:#959595; text-decoration:none; font-size:15px; }
.topMenuSection li a:hover{ color:#4c0702; text-decoration:none; font-size:15px; }
.hold{ text-decoration:underline; color:#959595; font-size:15px;}


/* ========================== TYPOGRAPHY =============================== */
h1{ font-size:15px; color:#632c32; padding:10px 0px 2px 10px; font-weight:bold;}
h2{ font-size:13px; color:#9c614d; padding:6px 0px 2px 10px;}
h4{ font-size:18px; color:#fff; padding:19px 0px 2px 10px; text-align:center; }
p{ font-size:13px; line-height:16px; color:#484848; margin:4px 0px 4px 10px;}

hr{ background-color:#9c614d; border:none; height:1px; width:100%; color:#9c614d;}

h2 a{ text-decoration:none; color:#9c614d;}


/*************************** GOOGLE MAP ***************************/
.map {
	width: 689px;
	height: 330px;
	border: 1px solid #ccc;
	margin: 0px 0px 10px 0px;
}

/*************************** FORMS *******************************/
.divContactFrm{

}

.divContactFrm .label { width:33%;color:#000000;}
.divContactFrm .ele { width:65%; font-weight:100;}

.req {
	font-size: 10px;
	color:#660033;
}

.frmRow {
	clear:both;
	padding:2px 0px 0px 0px;
}

.comp {
	clear:both;
	text-align:center;
	padding:9px 0px 9px 0px;
}

.label {
	color: #333333;
	float:left;
	padding:1px 1px 1px 1px;
	font-size:12px;
	vertical-align:top;
	text-align:right;
}

.ele {
	color:#000000;
	float:right;
	padding:1px 1px 1px 1px;
	font-size:12px;
	font-weight:bold;
	vertical-align:top;
	text-align:left;
}

input, textarea {
	border: 1px solid #CCCCCC;
}

.divQuoteFrm .frmRow .ele .input{border: 1px solid #CCCCCC;	width:40%;}
.divQuoteFrm .frmRow .ele .inputSmall{border: 1px solid #CCCCCC; width:20%;}

.divSubscribeFrm { float: left; padding: 20px 0px 20px 0px }
.divSubscribeFrm .frmTbl { width:100%; }
.divSubscribeFrm .label { width:23%;}
.divSubscribeFrm .ele { float: left; width:75%;}

.submitButton {
	width: 80px;
	height: 24px;
	cursor:pointer;
	color: #333333;
	background-color:#FFFFFF;
}
/******************************************* BROCHURE Listing ************************************************/
.brochureListSection{
	width:698px;
	float:left;
	height:64px;
	padding:0px 0px 15px 0px;
}
.pdfLogoSection{ 
	width:49px;
	height:64px;
	float:left
}
.brochureTitleSect{
	float:left;
	width:649px;
	height:22px;
}
.brochureTitleSect a{
	color:#9d604b;
	font-size:14px;
	font-height:24px;
	text-decoration:none;
	font-weight:bold;
	padding:0px 0px 0px 15px;
}

.brochureDescSect{
	float:left;
	width:649px;
	height:46px;
}
.brochureDescSect p{ color:#4c4c4c;	font-size:11px; padding-left: 15px; }

/*.pdfLogoSection img{ text-decoration:none;}
.brochureListSection ul{
	list-style:url(../img/pdfLogo-junior.jpg);
	margin:0px 0px 0px 35px;
}
.brochureListSection ul li{ margin:2px 0px 5px 0px; }*/


/******************************************* PAGING ************************************************/
.pagging { 
	float: left;
	height: 51px;      
	text-align: center;
    width: 100%;
}
.paggingTbl { float: right; }
.noOfRec { font-size:12px; font-weight:bold; color:#97634d; float:left; padding: 10px 13px 0px 0px; }
.paggingLink, .paggingRec { float:left; padding: 5px; }
.paggingLink a, .paggingRec a { 
	color: #97634d;
    border: 1px solid #ececec;
	background: #fff;
	display: block;
    padding: 5px;     
    text-decoration: none;
}
.paggingLink a:hover, .paggingRec a:hover { border: 1px solid #97634d; }
 
.paggingNo { float: left; padding: 5px; }
.paggingNo a { cursor: pointer; text-decoration: none; text-align: center; }
                                
.act a {
	color: #97634d;
	font-weight: bold;
	border: 1px solid #97634d;
	background: #fff;
	display: block;
	padding: 5px;                                     
}
.inact a { 
	color: #97634d;
	border: 1px solid #ececec;
	background: #fff;
	display: block;
	padding: 5px;                     
}
.inact a:hover { border: 1px solid #97634d; }

.footerLink { width:894px; float: left; }
	.footerLink a { color: #ababab; text-decoration: underline; }
	.footerLink p { color: #ababab; font-size: 11px;text-align: right; }
	
.gallleryImageSection2 h1 { color:#612c32; font-size:18px; font-style:italic; margin:2px 0px 2px 0px; padding-left: 18px; clear: both; }
.gallleryImageSection2 p { padding-left: 18px; } 

a.back { color: #9c614d; }

/******************************* SYSTEM MESSAGES ***************************************/
#sucMsg {
	font-size:13px;
	border:1px solid #a9d260;
	background-color: #fafff1;
	margin: 15px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	color: #6c985f;
	font-weight:normal;
	text-align:center;
	width: 96%;
}
#systemErrDiv {
	text-align:center;
	width:96%;
}
#errorTable, #errorTableFront {
	border:solid #E4AC58 1px;
	margin: 15px auto 15px auto;
	padding: 5px;
	text-align: left;
	background-color:#FDF1E3;
	width:96%;
}
#errorTable #head, #errorTableFront #head {
	font-size:12px;
	margin:5px auto;
	text-align:center;
	font-weight:normal;
	color:#FF9900;
}
#errStr {
	border:solid #D10E48 1px;
	margin:15px 0px 15px 0px;
	padding:10px 10px 10px 10px;
	text-align:center;
	font-weight:bold;
	color: #D10E48;
	font-size:12px;
	background:#FCC2D2;
}
#errPnt, #errPnt a {
	font-size:11px;
	color:#FF9900;
	margin:5px 5px 5px 10px;
}
.jsErr {
	color: #BF2B2B;
	font-size: 10px;
}
.ajaxErr {
	font-size: 10px;
	color: #D10E48;
}