@import url("common.css");

#externalLinks p {
	margin-top: 2px;
	}
a.plurk {
	padding-top:52px;
	background: url(../pic/plurk.gif) center top no-repeat;
	font-size:10px;
	}
a.twitter {
	padding-top:52px;
	background: url(../pic/twitter.gif) center top no-repeat;
	font-size:10px;
	margin-right:9px;
	}
a.WithDot {
	background: url(../pic/dot-2.gif) left top no-repeat;
	padding-left:15px;
	font-size:15px;
	}
div.OneBlockItem {
	float:left;
	margin-right:43px;
	text-align:center;
}	
div.OneBlockItem img {
	display:block;
}	
div.Bright img {
	display:block;
	padding:2px;
	border:1px solid #ccc;
	}
div.Bright {
	float:left;
	margin-right:13px;
	text-align:center;
	}
div.OneBlock {
	float:left;
	margin-bottom:11px;
	}
div.PdetailLink a.highslide {
	text-decoration:underline;
	}
h3.H3Style1 {
	font-size:16px;
	font-weight:bold;
	border-left:8px solid #BC921F;
	padding-left:8px;
	}
a.PDF {
	background: url(../pic/icon-pdf.gif) left top no-repeat;
	padding:8px 0 7px 46px;
}
img.picLeft {
	float:left;
	margin-right:7px;
	}
ol.OLstyle1 li br {
	display:block;
	margin-bottom:11px;
	}
ol.OLstyle1 li {
	margin-bottom:8px;
	}
ol.OLstyle1 {
	margin-left:32px;
	margin-right:33px;
	padding-left:21px;
	}
ol.SAmethod ul img {
	display:block;
	margin-top:11px;
	margin-bottom:33px;
	}
ol.SAmethod ul {
	margin-left:20px;
	padding-left:0;
	}
ol.SAmethod {
	list-style-type:upper-alpha;
}

div.QAanswer p {
	margin-top:1px;
	}
div.QAanswer {
	border:2px dotted #D1C2A9;
	margin:4px 31px 23px 1px;
	padding:11px 16px;
	background:#FFF6E8 url(../pic/bk-1.gif) top left repeat-x;
}
ol.QA li {
	margin-bottom:9px;
	}
ol.QA {
	margin-left:31px;
	padding-left:18px;
	}

/* -------------------------- Contact Form ----------------------------- */

div#ContactForm  {
	font-size: 12px;
	}
div#ContactForm p {
	background: url(../pic/dot-7.gif) left top no-repeat;
	padding-left: 24px;
	}
div#ContactForm label {
	background: #D1AA74 url(../pic/bk-3.gif) left top repeat-x;
	color: #fff;
	padding: 10px 0 7px 8px;
	margin-right: 11px;
	border-right: 5px solid #EDD8BC;
	font-weight: bold;
	width: 100px;
	float: left;
	}
.red {
	color:red;
	}
div#ContactForm div.OneItem div.ItemRight label {
	background: none;
	border:0;
	font-weight:normal;
	float:none;
	width:auto;
	margin:auto;
	color:#8B7662;
	
	}
div#ContactForm div.OneItem div.ItemRight img {
	display: block;
	}
div#ContactForm div.OneItem div.ItemRight {
	float: left;
	width: 280px;
	margin-top: 3px;
	}
div#ContactForm div.OneItem {
	border-top: 1px dotted #ccc;
	margin-bottom: 15px;
	width:420px;
	float: left;
	clear:left;
	}
div#ContactForm select {
	margin-top: 2px;
	color:#586F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background:#eee;
	}
	
.box1 {
	border-top: 0;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-top: 3px;
	padding: 2px 7px;
	background: url(../pic/box_bk1.gif) left top no-repeat;
	width: 285px;
	color: #283956;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
.box3 {
	border: 5px solid #eee;
	padding: 2px 7px;
	background: #f4f4f4 url(../pic/box_bk1.gif) left top no-repeat;
	width: 285px;
	height: 20px;
	color: #586F96;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
/* -------------------------- Contact Form End ----------------------------- */
div#Catalogue img {
	margin:15px 18px;
	}
/* -------------------------- Tips & ProjectProfile ----------------------------- */
div#ProjectProfile ul {
	margin-top:7px;
	}
div#Content div#ProjectProfile h2 {
	padding:11px 0 13px 74px;
	background:url(/pic/icon-pp.jpg) top left no-repeat;
	margin:0;
	font-size:120%;
}
div#Tips h4 {
	background:url(/pic/icon-tips.gif) top left no-repeat;
	padding:11px 0 13px 69px;
	margin:0;
}
div#Tips, div#ProjectProfile {
	border:2px dotted #D1C2A9;
	margin:41px 0 0 0;
	padding:5px 12px 11px 8px;
	background:#FFF6E8 url(../pic/bk-1.gif) top left repeat-x;
}
div#ProjectProfile  {
	margin-right:155px;
	clear:left;
	}
/* -------------------------- Gallery Show ----------------------------- */
#simplegallery1{ 
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 5px solid #8D7038;
}
div#GalleryView {
	background:url(/pic/GalleryView-bk.gif) top left no-repeat;
	padding:10px 0 10px 11px;
margin-left:42px;
}
#simplegallery1 .gallerydesctext{ 
text-align: left;
padding: 2px 5px;
}

/* -------------------------- Gallery Show End ----------------------------- */

p.Ssubject {
	font-size:17px;
	font-weight:bold;
	}
.BrightColor {
	color:#CC6600;
	font-weight:bold;
	}
div#MainContent h2.H2Style3 {
	padding:0 0 0 27px;
	background:url(/pic/dot-7.gif) top left no-repeat;
	font-size:120%;
	margin-top:32px;
	margin-bottom:9px;
	color:#866E58;
}
div#MainContent h2.H2Style2 {
	background:url(/pic/dot-h2.gif) top left no-repeat;
	padding:10px 0 4px 43px;
	font-size:120%;
	margin-top:32px;
	margin-bottom:9px;
	color:#866E58;
	clear:left;
}
div#MainContent h2.H2Style1 {
	background:url(/pic/dot-3.gif) top left no-repeat;
	padding:0 0 0 24px;
	font-size:120%;
	margin-top:32px;
	margin-bottom:9px;
	color:#866E58;
}
ul.ULstyle1 {
	margin:20px 33px 0 0px;
	padding:10px 0 10px 33px;
	line-height:170%;
	background:#EFEBE3;
	}
img.picRight {
	float:right;
	}
img.picBorder {
	padding:2px;
	border:1px solid #ccc;
	}	
img.picBorderRight {
	float:right;
	padding:2px;
	margin-left:7px;
	border:1px solid #ccc;
	}
div#Banner a {
	display:block;
	margin:16px 0;
	}
div#Container a.goback {
	background:url(/pic/arrow-left.gif) top left no-repeat;
	padding-left:18px;
	font-size:11px;
	color:#999;
	letter-spacing:0;
	}
div#Container a.gotop {	
	background:url(/pic/arrow-up.gif) top left no-repeat;
	padding-left:18px;
	font-size:11px;
	color:#999;
	letter-spacing:0;
	}
p.TopBack {
	text-align:right;
	border-bottom:1px dashed #bbb;
	margin:22px auto;
	padding-bottom:9px;
	clear:left;
	}	
div.liindent {
	margin: 11px 0;
	color:#928984;
	}
.DotLine {
	height:2px;
	border-top:1px dashed #ccc;
	margin:22px 0;
	}
div#DoorAccessory {
	background:url(../pic/door-accessory.jpg) top left no-repeat;
	padding:170px 0 0 300px;
	}
table.TableStyle1 td ol {
	margin-left:12px;
	margin-top:2px;
	padding-left:12px;
	}
table.TableStyle1 p {
	margin-bottom:3px;
	}
table.TableStyle1 tr.Tsubject th a {
	font-size:115%;
	padding-top:8px;
	}
table.TableStyle1 tr.Tsubject th {
	background:url(../pic/bk-th-1.gif) top left repeat-x;
	color:#955C3B;
	font-weight:600;
}
table.TableStyle1 td ul {
	margin-left:8px;
	margin-top:2px;
	padding-left:8px;
	}
table.TableStyle1 td {
	background:url(../pic/bk-cell-1.gif) top left repeat-x;
	vertical-align:top;
	padding:8px 5px;
	border-right:1px dotted #ddd;
	}
table.TableStyle1 th {
	background:#E8E8E8 url(../pic/bk-th.gif) top left repeat-x;
	vertical-align:top;
	padding:8px 10px;
	color:#827B77;
	}
table.TableStyle1 {
	border:1px solid #ccc;
	font-size:13px;
	color:#8F857E;
	letter-spacing:2px;
	margin-right:33px;
	margin-top:22px;
	}
div.anRowItem img {
	display:block;
	padding:2px;
	border:1px solid #aaa;
	}
.Dot3 {
	background:url(../pic/dot-3.gif) top left no-repeat;
	padding-left:26px;
	}
div.anRowItem {
	float:left;
	margin-right:51px;
	width: 270px;
	color:#B14400;
	}
div.aRow {
	float:left;
	margin-top:15px;
	margin-bottom:25px;
	width:680px;
	}
.SearchButton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.SearchBox {
	background:url(../pic/bk-box.gif) top left no-repeat;
	padding:3px 8px;
	color:#7D6557;
	font-size:11px;
	width:100px;
	height:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


div#MainContent p {
	margin-right:26px;
	line-height:170%;
	letter-spacing:2px;
	}
div#MainContent h1 {
	margin:9px 0 14px 30px;
	font-size:20px;
	color:#fff;
	clear:left;
	font-family:Arial, Helvetica, sans-serif;
	padding:7px 8px 5px 8px;
	background:url(../pic/h1-bk.jpg) top left repeat-y;
	}
div#MainContent h2 {
	font-size:16px;
	background:url(../pic/dot-4.gif) top left no-repeat;
	padding-left:20px;
	margin-top:9px;
	margin-bottom:9px;
	color:#866E58;
	}
/* ------------------ Common  ---------------------- */	
.Button1 {
	font-size:12px;
	letter-spacing:2px;
	}
div#TextResize a#SmallerFont:hover {
	font-size:10px;
	color:#777;
}
div#TextResize a#SmallerFont {
	background:#EEEDEB url(/pic/FontSmaller.gif) 4px 3px no-repeat;
	border:1px dashed #ccc;
	padding:6px 9px 4px 30px;
	font-size:12px;
	text-decoration:none;
	color:#aaa;
}
div#TextResize a#BiggerFont:hover {
	font-size:14px;
	color:#777;
}
div#TextResize a#BiggerFont {
	background:#EEEDEB url(/pic/FontBigger.gif) 4px 3px no-repeat;
	border:1px dashed #ccc;
	padding:6px 9px 4px 30px;
	font-size:12px;
	text-decoration:none;
	color:#aaa;
}
div#TextResize {
	text-align:right;
	margin-right:34px;
	}
/* ------------------ ul.subMenu  ---------------------- */	
ul.subMenu li, ul.subMenu2 li {
	float:left;
	width: 140px;
	display:inline;
	line-height: 26px;
	list-style-type:none;
	background:url(/pic/dot-5.gif) 2px 5px no-repeat;
	padding-left:19px;
	font-size:13px;
	}
ul.subMenu, ul.subMenu2 {
	float:left;
	width:640px;
	border:2px dotted #D1C2A9;
	margin:11px 11px 23px 11px;
	padding:11px 22px;
	background:url(../pic/bk-1.gif) top left repeat-x;
	}
ul.subMenu2 li {
	width: 290px;
	}
* html ul.subMenu {
	margin-left:1px;
	}	
* html ul.subMenu2 {
	margin-left:1px;
	}	
	
/* ------------------ MainContent ---------------------- */
div#Content {
	padding:1px 4px 0 38px;
	font-size:13px;
	line-height:170%;
}
div#MainContent {
	background:url(../pic/MainContent-bk.jpg) top left no-repeat;
	float:left;
	width:761px;
	color:#8B7662;
	}
/* ------------------ BreadCrumb ---------------------- */
div#BreadCrumb a:hover {
	color:#c00;
	}
div#BreadCrumb a {
	font-size:11px;
	color:#aaa;
	}
div#BreadCrumb {
	font-size:11px;
	letter-spacing:1px;
	color:#aaa;
	margin-left:30px;
	}
/* ------------------ LeftCol ---------------------- */

div#LeftCol {
	float:left;
	background:url(../pic/MainPic-left.gif) top left no-repeat;
	width:203px;
	padding:200px 11px 0 13px;
	}

/* ------------------ MainBlock ---------------------- */
div#MainBlock {
	clear:left;
	width:988px;
	min-height:510px;
}

/* ------------------ Mainpic ---------------------- */
img#Mainpic {
	display:block;
	}