/* CSS Document */

body {
	position:absolute;
	height:100%;
	width:100%;
	margin: 0px;
	padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px;
	line-height:16px;
	text-align: center;
	background: url(../img/bg5.jpg) repeat-y top center;
	background-color:#161616;
	color:#bababa;
}

/************* COMMON PROPERTIES ******************/

.pageBlock, .header, .footer, .mainBody, .navigation, .curves{
	width: 778px;
} 



/************* MAIN BLOCK ELEMENTS ****************/



.pageBlock {
	position:relative;
	background-color: #2D2D2D;
	background-image:url(../img/bodyBG.jpg);
	background-repeat:repeat-y;
	background-position:top left;
	margin-left: auto;
	margin-right: auto;
	margin-top:0px;
	padding:0px;
	text-align: left;
}


.header {
	padding:0px;
	margin:0px;
	height: 100px;
	/*background-image:url(../img/banner.jpg);*/
	background-position:top left;
	background-repeat:no-repeat;
}

.logo {
	position:relative;
	top:10px;
	left:15px;
	padding:0px;
	margin:0px;
	background:url(../img/logo2.jpg) no-repeat top left;
	height:30px;
	width:300px;
	float:left;
}

.quickSearch {
	position:relative;
	top:22px;
	right:15px;
	color:#999999;
	font-size:10px;
	padding:0px;
	margin:0px;
	float:right;
}

.quickText {
	font-size:10px;
	background-color:#2d2d2d;
	padding-left:5px;
	padding-bottom:2px;
	color:#999999;
	height:12px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
}

.input {
	font-size:10px;
	background-color:#CCCCCC;
	padding-left:5px;
	padding-bottom:2px;
	color:#333333;
	height:12px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	width:200px;
}

.dropdown {
	font-size:10px;
	background-color:#CCCCCC;
	padding-left:5px;
	padding-bottom:2px;
	color:#333333;
	height:20px;
	border-color:#999999;
	border-style:solid;
	border-width:1px;
	width:207px;
}


.label {
	color:#FFFFFF;
	margin-bottom:2px;
}

.submit {
	color:#2d2d2d;
	font-size:10px;
	cursor:pointer;
	height:17px;
	border:1px solid #CCCCCC;
	background-color:#999999;
	padding: 1px 0px;
}

.frmTbl {
	padding:0px;
	margin:0px 10px 0px 10px;
}

.quickButton {
	color:#2d2d2d;
	font-size:10px;
	cursor:pointer;
	height:17px;
	border:1px solid #CCCCCC;
	background-color:#999999;
	padding: 1px 0px;
}

.footer {
	position:relative;
	clear:both;
	padding: 0px;
	margin:0px;
	color:#666666;
	font-size:11px;
	height:144px;
	/*background: url(../img/footer_bg.jpg) no-repeat top left;*/
}

.footer .left {
	position:absolute;
	bottom:0px;
	height:18px;
	padding:0px 0px;
	margin:0px 0px 0px 16px;
}

.footer  a {color:#CCCCCC; text-decoration:none;}


.footer .right {
	position:absolute;
	right:16px;
	bottom:0px;
	height:18px;
	padding:0px 0px;
	margin:0px;
}

.curves {
	padding:0px;
	margin:0px;
	background:url(../img/curves.jpg) no-repeat top left;
	height:22px;
	clear:both;
}

.dateline {
	position:relative;
	padding:0px;
	margin:0px;
	height:30px;
	/*color:#666666;*/
	/*font-weight:bold;*/
	font-size:11px;
	
}

.date {
	position:absolute;
	left:16px;
	top:5px;
}

.phone {
	position:absolute;
	right:13px;
	top:7px;
	padding:0px;
	margin:0px;	
}

.phone img {
	padding:0px;
	margin:0px;

}

.dateline>.phone {
	right:14px;
	top:5px;
}

.dateline>.date {
	top:6px;
}
	
	

.mainBody {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	/*background:url(../img/main_bg.jpg) repeat-y top left;*/

}

.mainBody p {
	padding:5px 0px 5px;
	margin:0px 10px 0px 10px;
}

.homeTitle {
	margin:0px 10px 0px 10px;
}

.introholder {
	padding:0px;
	margin:0px 0px 0px 16px;
	width:746px;
	border-style:solid;
	border-width:1px;
}

.intro {
	padding:10px;
	margin:0px;
}

.halfBox_left, .halfBox_right, .fullBox, .thumbholder, .table td, .thirdBox_left, .twoThirdsBox_right, .wholeBox, .introholder, #sucMsg, #errorTable, .gallery_img, .specialBox {
	border-color:#777;
}

.halfBox_left {
	padding:0px;
	margin:10px 0px 0px 8px;
	width:367px;
	border-style:solid;
	border-width:1px;
	height:150px;
	float:left;
}

.mainBody>.halfBox_left {
	margin:10px 0px 0px 16px;
}

.halfBox_right, .fullBox {
	padding:0px;
	margin:10px 7px 0px 0px;
	width:367px;
	border-style:solid;
	border-width:1px;
	height:150px;
	float:right;
}

.fullBox { width:747px; height:135px; }

.halfBox_right img, .halfBox_left img, .fullBox img {
	padding:10px;
	margin:0px;
}

.mainBody>.halfBox_right, .mainBody>.fullBox {
	margin:10px 14px 0px 0px;
}

.mainBody .boxImage {
	padding:0px;
	margin:10px 5px 0px 5px;
	float:left;
}

.mainBody .thumbholder, #middlepart .thumbholder {
	padding:5px;
	margin:5px;
	border-style:solid;
	border-width:1px;
	float:left;
}

.halfBox_left .thumbholder {
	margin-top:16px;
}

.halfBox_left>.thumbholder {
	margin-top:14px;
	margin-left:10px;
padding: 0px;
}
/*---Update 15 Apr 2009-----
.mainBody .thumbholderS, #middlepart .thumbholderS {
	padding:0px;
	margin:5px;
	border-style:solid;
	border-width:1px;
	float:left;
}
.halfBox_left .thumbholderS {
	margin-top:6px;
}
.halfBox_left>.thumbholderS {
	margin-top:15px;
	margin-left:5px;
	margin-right:10px;
}
*/
.mainBody .specialBox2 {
	width:152px;
	height:106px;
	float:left;
	padding:0px;
	margin:5px;
	vertical-align:middle;

}
.mainBody .specialBox {
	width:144px;
	height:106px;
	float:left;
	padding:5px;
	margin:5px;
	vertical-align:middle;
	background-color:#FF0000;
	border-style:solid;
	border-width:1px;
}

.mainBody .specialBox2Text {
	width:180px;
	float:left;
	padding-left:14px;
	margin:0px 0 0 0;
	

}
.mainBody .specialBox2 img {
	float:left;
	margin-top:10px;
	margin-left:5px;
    padding:5px;
	border-style:solid;
	border-width:1px;
}

.wholeBox>.specialBox {
	margin-left:10px;
	height:109px;
}

.mainBody>.table>tbody>tr>td>.thumbholder, .mainBody>.wholeBox>.thumbholder {
	margin:10px 10px 0px 10px;
}


.mainBody>.halfBox_left >.boxImage {
	margin-left:10px;
}

.mainBody .rightContent {
	padding:0px;
	margin:0px;
	width:178px;
	float:left;
}



.table {
	width:769px;
	margin:0px 0px 0px 6px;
	padding:0px;
}


.mainBody>.table {
	width:768px;
}

.table td {
	border-style:solid;
	border-width:1px;
	vertical-align:top;
	padding:0px 0px 10px;
}

.thirdBox_left {
	padding:0px 0px 10px;
	margin:10px 0px 0px 8px;
	width:250px;
	border-style:solid;
	border-width:1px;
	float:left;
}

.mainBody>.thirdBox_left {
	margin-left:16px;
}



.twoThirdsBox_right {
	padding:0px 0px 10px;
	margin:10px 7px 0px 0px;
	width:480px;
	border-style:solid;
	border-width:1px;
	float:right;
}

.mainBody>.twoThirdsBox_right {
	margin-right:14px;
}

.mainBody .wholeBox {
	padding:0px 0px 10px;
	margin:10px 0px 0px 16px;
	width:747px;
	border-style:solid;
	border-width:1px;
	
}

.hr {
	padding:0px;
	margin:3px 10px 0px 0px;
	height:1px;
	border:none;
	background-color:#999999;	
}

.spacer {
	padding:0px;
	margin:0px;
	height:2px;
}

.catInfo {
	padding:0px;
	margin:0px;
	margin-left:125px;
}

.productWrap {
	margin-left:165px;


}
/************* TYPOGRAPHY **************************/

h1 {
	padding: 0px;
	margin: 0px 0px 0px 10px;
	height: 22px;
	text-indent: -700em;
	overflow: hidden;
}


h2 {
	padding: 0px;
	font-size: 14px;
	padding: 5px 0px;
	margin: 0px;
}


h4 {
	padding:3px 0px;
	margin:0px 0px 0px 10px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

.specialBox h4 {
	margin-top:30px;
	font-size:18px;
	line-height:18px;
}


.wholeBox>.catInfo>h4, .twoThirdsBox_right>a>h4, .mainBody>.table>tbody>tr>td>h4  {
	padding:8px 0px;
}

.wholeBox>a>h4, .twoThirdsBox_right>a>h4 {padding:0px; margin:8px 0px;}

h5 {

}

a { color:#fff; text-decoration:none;}
a:hover { color:#CC3333;}

.grey {color:#666666;}

a.underline { text-decoration:underline; }

/*.red a:hover , .red a{color:#CC3333;}
.orange a:hover, .orange a {color:#FF6633;}
.yellow a:hover, .yellow a {color:#FFCC00;}
.green a:hover {color:#00CC00;}
.aqua a:hover {color:#00FFFF;}
.blue a:hover {color:#3399FF;}
.pink a:hover {color:#FF00CC;}*/


/************ GENERAL APPEARANCE ********************/

img {
	border: none;
}

.clear {
	clear: both;
}

.right {
	float: right;
}


/************ NAV ********************/
.navigation {
	/*background: url(../img/nav_bg.jpg) no-repeat top left;*/
	height: 30px;
}

.navigation ul {
	 padding: 0px;
	 margin: 0px;
	 list-style-type:none;
	 margin-left: 11px;
}

.navigation ul li {
	float: left;
	width: 108px;
}

.navigation span {
	visibility:hidden;
}

.navigation span a {
	color: #0636b0;
}

a.home, a.home_up, a.about, a.about_up, a.news, a.news_up, a.products, a.products_up, a.showroom, a.showroom_up, a.employment, a.employment_up, a.contact, a.contact_up, a.locations, a.locations_up {
	height: 30px;
	display: block;
	width: 108px;
	text-decoration:none;
}

a.home {background: url(../img/nHome.jpg) no-repeat top left;}
a.home_up {background: url(../img/nHome.jpg) no-repeat bottom left;}
a.about {background: url(../img/nAboutUs.jpg) no-repeat top left;}
a.about_up {background: url(../img/nAboutUs.jpg) no-repeat bottom left;}
a.news {background: url(../img/nNews.jpg) no-repeat top left;}
a.news_up {background: url(../img/nNews.jpg) no-repeat bottom left;}
a.products {background: url(../img/nProducts.jpg) no-repeat top left;}
a.products_up {background: url(../img/nProducts.jpg) no-repeat bottom left;}
a.showroom {background: url(../img/nShowroom.jpg) no-repeat top left;}
a.showroom_up {background: url(../img/nShowroom.jpg) no-repeat bottom left;}
a.employment {background: url(../img/nEmployment.jpg) no-repeat top left;}
a.employment_up {background: url(../img/nEmployment.jpg) no-repeat bottom left;}
a.contact {background: url(../img/nContactUs.jpg) no-repeat top left;}
a.contact_up {background: url(../img/nContactUs.jpg) no-repeat bottom left;}
a.locations {background: url(../img/nLocations.jpg) no-repeat top left;}
a.locations_up {background: url(../img/nLocations.jpg) no-repeat bottom left;}

a:hover.home, a:hover.about, a:hover.news, a:hover.products, a:hover.showroom, a:hover.employment, a:hover.contact, a:hover.locations {background-position: bottom left;}


/************ GALLERY ******************/

.galleryItem {
	float: left;
	width: 176px;
	margin-left: 5px;
	margin-bottom: 16px;
	height: 132px;
}


.showItemOver
{
float:left;
width:343px;
margin:7px 7px 7px 7px;
border:1px solid #c2a058;
}
.showItem
{
float:left;
width:343px;
margin:7px 7px 7px 7px;
border:1px solid #e2c078;
}

.showItemPop
{
width:800px;
margin:7px auto 7px auto;
border:1px solid #e2c078;
}

.imgname
{
background-color:#e2c078;
color:#FFFFFF;
font-size:12px;
text-align:left;
padding-top:3px;
font-weight:bold;
width:100%;
height:20px;
}

.imgnameOver
{
background-color:#c2a058;
color:#FFFFFF;
font-size:12px;
padding-top:3px;
font-weight:bold;
text-align:left;
width:100%;
height:20px;

}

.imgname .padding, .imgnameOver .padding {
	padding-left:5px;
}

.shortdesc
{
	padding:5px 5px 5px 10px;
	font-weight:bold;
	color:#666666;
	position:relative;
	
	
}

.detaileddesc {
	padding:5px 5px 5px 10px;
	color:#666666;
}

.paggingDiv {
	padding:0px;
	margin:0px;
	clear:both;

}


.pagging
{
padding:0px;
margin:0px;
clear:both;
text-align:right;
margin-right:10px;
}

.paggingTbl
{
padding:0px;
margin:0px 5px;
width:250px;
float:right;
clear:both;
}

.paggingTbl th
{
font-size:11px;
color:#666666;
}
.paggingTbl td
{
padding:0px;
margin:0px;
font-size:11px;
height:15px;
width:10px;
border:none;
vertical-align:middle;
}

.paggingTbl .act
{
font-size:12px;

color:#666666;
}/* 6F6FA3  */

.paggingTbl .inact
{
color:#999999;
text-decoration:underline;
cursor:pointer;
}
/* ------------------------------------ 	ERRORS	--------------------------------------- */

#errorTable
{
width:95%;
color:#CCCCCC;
font-weight:bold;
margin:10px 10px 0px 10px;
padding:10px 5px 10px 5px;
/*border-style:solid;
border-width:1px;*/
text-align:center;

}
#errorTable #head, #errStr
{
margin:5px auto;
text-align:center;
}
#errStr
{
margin:15px 0px 15px 0px;
text-align:center;
font-weight:bold;
}
#errPnt
{
font-size:11px;
color:#990000;
margin:5px 5px 5px 5px;
}


.poplink
{
text-align:right;
padding-right:15px;
}
.poplink a
{
text-decoration:none;
color:#c2a058;
}
.poplink a:selected
{
text-decoration:none;
color:#c2a058;
}
.poplink a:hover
{
text-decoration:none;
color:#000000;
}

#sucMsg
{
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width:737px;
margin:10px 0px 0px 16px;
padding:10px 5px 10px 5px;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.mainBody>#sucMsg {
	width:736px;
}

#lstgallery
{
position:absolute;
top:-500px;
left:0px;
border:1px solid #999999;
background-color:#2d2d2d;
width:550px;
height:450px;
}

.gallery_img {
	border-style:solid;
	border-width:1px;
	padding:5px;
}

#middlepart
{
height:390px;
clear:both;
vertical-align: middle;
text-align:center;
vertical-align:middle;
line-height:390px;
}

*html #middlepart {
font-size:390px;
}


#closelink {
	padding:0px;
	margin:0px ;
	float:right;
}

#bottompart
{
height:30px;
font-size:12px;
text-align:center;
clear:both;
}

/* ------------------------------ titles -------------------------------------------------------*/

h3 {
	height:20px;
	text-indent:-1500px;
	padding:0px;
	margin:10px 0px 5px 5px;
}

h3.welcome {width:250px; background:url(../img/hwelcome.gif) top left no-repeat;}
h3.news {width:250px; background:url(../img/hnews.gif) top left no-repeat;}
h3.specials {width:150px; background:url(../img/hspecialsShort.gif) top left no-repeat;}
h3.becomeMem {width:250px; background:url(../img/hbecomeMem.gif) top left no-repeat;}
h3.about {width:150px; background:url(../img/haboutShort.gif) top left no-repeat;}
h3.products {width:150px; background:url(../img/hproducts.gif) top left no-repeat;}
h3.styles {width:150px; background:url(../img/hstyles.gif) top left no-repeat;}
h3.employment {width:150px; background:url(../img/hemployment.gif) top left no-repeat;}
h3.positions {width:150px; background:url(../img/hpositions.gif) top left no-repeat;}
h3.joinMail {width:200px; background:url(../img/hjoinMail.gif) top left no-repeat;}
h3.details {width:200px; background:url(../img/hdetails.gif) top left no-repeat;}
h3.contact {width:200px; background:url(../img/hcontact.gif) top left no-repeat;}
h3.sendenq {width:200px; background:url(../img/hsendenq.gif) top left no-repeat;}
h3.dd {width:200px; background:url(../img/hdd.gif) top left no-repeat;}
h3.expert {width:200px; background:url(../img/hexpert.gif) top left no-repeat;}
h3.values {width:200px; background:url(../img/hvalues.gif) top left no-repeat;}
h3.vision {width:200px; background:url(../img/hvision.gif) top left no-repeat;}
h3.privacy {width:200px; background:url(../img/hprivacy.gif) top left no-repeat;}
h3.callIn {width:300px; background:url(../img/hcallIn.gif) top left no-repeat;}
h3.locations {width:150px; background:url(../img/hlocations.gif) top left no-repeat;}