/* basic HTML tags */
* {
    margin: 0px;
    padding: 0px;
}

body {
  font-family: 'Courier New', Courier, monospace;
  font-size: 0.7em;
}

h1 {
  font-size:1.5em;
  padding-bottom:5px;
}

input {
  padding: 1px 0;
  padding-left: 2px;
}
select {
   /* font-size: 10px;*/
}
option {
    padding-left: 2px;
}

.boldText {
  vertical-align: middle;
  font-weight: bold;
  padding-bottom: 2px;
}
.sortIcon {
  border: 0px;
  margin-left: 2px;
}
/* layout divs */
.center {
}
.clear {
    clear: both;
    _display: none;
}
#container {
    margin: 5px;
    width: 760px;
    text-align: left;
}
#siteHeader {
 	clear: both;
}
#siteBody {

	display:block;
    padding-left: 4px;
    padding-righ: 4px;
  padding-top: 2px;
  _padding-top: 0;
}
#siteFooter {
    clear: both;
}

/* header */
.pageHeader {
    height: 56px;
	border-bottom:  solid 1px #F4F5F5;
  /*background-image: url(../images/headback.gif);
    background-position: top right;
    background-repeat:no-repeat;*/
}
.pageHeader .p1 {
    float: left;
    clear: right;
    height: 56px;
    width: 150px;
    

}
.pageHeader .p2 {
	display: block;
    float: right;
    width: 250px;
    height: 41px;
    margin: 15px 0 0 0;
/*	font-size: 12px;*/
	text-align: right;
	/*letter-spacing: 2px;*/
	font-weight: bold;

}

.pageHeader #hyear {
    /*font-size: 11px;*/
	font-weight: bold;
}

/* main menu */

.first_menu{
padding-left:50px;
}

.second_menu{
padding-left:230px;
}

.mainMenu {
	padding-top: 5px;
    clear: both;
    height: 40px;
    vertical-align: middle;
	/*font-size: 10px;*/
/*	word-spacing: 5px;*/
	text-align: center;
}

.mainMenu ul{
text-align: center;
width: 100%;
padding: 0;
margin: 0;
}

.mainMenu ul li {
    display:inline;
    clear: right;
    color: #FFFFFF;
    padding-left: 13px;
    background-image: url(../images/design/mainmenubullet.png);
    background-repeat: no-repeat;
    background-position: 0 0.45em;
}
.mainMenu ul li a {
    color: #000000;
    text-decoration: none;
 
}
.mainMenu ul {
   
    _margin-top: 5px;
    list-style: none;
}
.mainMenu ul li a:hover, .mainMenu ul li a.activeItem {
    text-decoration: none;
    color: #968B8B;
}


/* side bar */
#siteBody{
height: 465px;
}

.inside_block{
width: 100%;
height:100%;
}

/*home page*/
#home_page{
background-image: url(../images/design/home_bg.png);
background-repeat: no-repeat
}

#home_block_1{
width: 89px;
height: 30px;
background-image: url(../images/design/home_block_1.png);
background-repeat: no-repeat;
position: relative;
left: 490px;
top: 7px;
}

#home_block_2{
width: 99px;
height: 33px;
background-image: url(../images/design/home_block_2.png);
background-repeat: no-repeat;
position: relative;
left: 440px;
top: 50px;
}

#home_block_3 {
  width: 330px;
  height: 100px;
  position: relative;
  left: 395px;
  top: 80px;
}

#home_block_4{
  width: 145px;
  height: 41px;
  background-image: url(../images/design/home_block_4.png);
  background-repeat: no-repeat;
  position: relative;
  left: 580px;
  top: 95px;
}

#home_block_5{
width: 138px;
height: 40px;
background-image: url(../images/design/home_block_5.png);
background-repeat: no-repeat;
position: relative;
left: 430px;
top: 108px;
}
/* inspirations page*/
#inspirations_page{
background-image: url(../images/design/inspirations_bg.png);
background-repeat: no-repeat;
}

#inspirations_block_1 {
width: 320px;
float: right;
padding: 20px 30px  0 0;
}

/*view all designs*/
#designs_page{
background-image: url(../images/design/designs_bg.png);
background-repeat: no-repeat;
}

#designs_1{
  background-image: url(../images/design/bg_1.jpg);
  background-repeat: no-repeat;
}
#designs_2{
  background-image: url(../images/design/bg_2.jpg);
  background-repeat: no-repeat;
}
#designs_3{
  background-image: url(../images/design/bg_3.jpg);
  background-repeat: no-repeat;
}
#designs_4{
  background-image: url(../images/design/bg_4.jpg);
  background-repeat: no-repeat;
}
#designs_5{
  background-image: url(../images/design/bg_5.jpg);
  background-repeat: no-repeat;
}
#designs_6{
  background-image: url(../images/design/bg_6.jpg);
  background-repeat: no-repeat;
}
#designs_7{
  background-image: url(../images/design/bg_7.jpg);
  background-repeat: no-repeat;
}
#designs_8{
  background-image: url(../images/design/bg_8.jpg);
  background-repeat: no-repeat;
}
#designs_9{
  background-image: url(../images/design/bg_9.jpg);
  background-repeat: no-repeat;
}
#designs_10{
  background-image: url(../images/design/bg_10.jpg);
  background-repeat: no-repeat;
}
#designs_11{
  background-image: url(../images/design/bg_11.jpg);
  background-repeat: no-repeat;
}


#designs_block_1 {
width: 320px;
float: right;
padding: 20px 30px  0 0;

}

#designs_block_1_2{
margin-top: 30px;
height: 150px;
}

/*textures on design block */

.texture_block{
float:left;
height:118px;
width:73px;
padding: 2px 4px 4px 0px;
display: inline;
}

.texture_text{
width: 73px;
height: 38px;
background: url(../images/design/texture_text.jpg) no-repeat;
text-align: center;

padding-top: 5px;
vertical-align: middle;
}


/*showrooms*/

#showrooms_page{
background-image: url(../images/design/showrooms_bg.png);
background-repeat: no-repeat;
}

#showrooms_block_1{
width: 371px;
height: 37px;
background-image: url(../images/design/showrooms_block_1.png);
background-repeat: no-repeat;
position: relative;
left: 210px;
top: 10px;
}

#showrooms_block_2{
width: 56px;
height: 37px;
background-image: url(../images/design/showrooms_block_2.png);
background-repeat: no-repeat;
position: relative;
left: 75px;
top: 110px;
}
#showrooms_block_3{
width: 105px;
height: 41px;
background-image: url(../images/design/showrooms_block_3.png);
background-repeat: no-repeat;
position: relative;
left: 500px;
top: 200px;
}

#showrooms_block_4{
width: 109px;
height: 40px;
background-image: url(../images/design/showrooms_block_4.png);
background-repeat: no-repeat;
position: relative;
left: 600px;
top: 250px;
}

/*show rooms contries*/
#showrooms_page_usa{
background-image: url(../images/design/showrooms_usa_bg.png);
background-repeat: no-repeat;
}

#showrooms_page_nz{
background-image: url(../images/design/showrooms_nz_bg.png);
background-repeat: no-repeat;
}

#showrooms_page_au{
background-image: url(../images/design/showrooms_au_bg.png);
background-repeat: no-repeat;
}

#showrooms_pages{
width: 320px;
float: right;
padding: 20px 30px  0 0;
}

.scroll-wrap{
width: 320px;
float: right;
padding: 20px 30px  0 0;

}


.spec {
padding: 5px 0;
}

.spec a{
color:#AE9568;
}

/*View all scenes*/

#behind_scenes{
background-image: url(../images/design/BehindScenes_bg.png);
background-repeat: no-repeat;
}


/*contact us*/
#contact_us{
background-image: url(../images/design/contact_us_bg.png);
background-repeat: no-repeat;
}

.formTfReq{
border:none;
height: 20px;
width: 220px;
}

.formTfReqd{
border:none;
height: 20px;
width: 80px;
border:none;
}

.contact_us_block{
padding:20px 0 0 400px;
}

.formFieldName{
/*font-size:10px;*/
padding-right: 6px;
font-weight: 600;
height: 40px;
background-repeat: no-repeat;
background-position: right center; 
}

.formFieldData{
padding-left: 7px;

}

.cu_name{
background-image: url(../images/design/contact_us_name_bg.png);
}

.cu_email{
background-image: url(../images/design/contact_us_email_bg.png);
}

.cu_number{
background-image: url(../images/design/contact_us_number_bg.png);
}

.cu_country{
background-image: url(../images/design/contact_us_country_bg.png);
}

.cu_state{
background-image: url(../images/design/contact_us_state_bg.png);
}

.cu_enquiry{
background-image: url(../images/design/contact_us_enquiry_bg.png);
background-repeat: no-repeat;
width: 65px;
height:20px;
position:relative;
top:10px;
left: 7px;
padding: 5px 2px 0 0 

}

#btnSend{
  font-family: 'Courier New', Courier, monospace;
  border: none;
  margin-top:5px;
  background-image: url(../images/design/contact_us_submit_bg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  width: 72px;
  height: 27px;
}


/*scroll pane*/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scroll/scrollPaneTrack.png) repeat-y center top;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background:url(../images/scroll/scrollPaneDrag.png) no-repeat center center;
	height:15px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/scroll/scroll_arrow_up.png) no-repeat center top;
	height:18px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background:url(../images/scroll/scroll_arrow_down.png) no-repeat center top;
	height:18px;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*stories*/

.stories_pad{
	width:760px; 
	height:450px;
}


#stories_topaz{
	background-image: url(../images/stories/topaz.jpg);
	background-repeat: no-repeat;
}

#stories_chocolate{
	background-image: url(../images/stories/chocolate.jpg);
	background-repeat: no-repeat;
}

#stories_pearl{
	background-image: url(../images/stories/pearl.jpg);
	background-repeat: no-repeat;
}

#stories_powderblue{
	background-image: url(../images/stories/powder_blue.jpg);
	background-repeat: no-repeat;
}

#stories_marcasite{
	background-image: url(../images/stories/marcasite.jpg);
	background-repeat: no-repeat;
}

#stories_ginfizz{
	background-image: url(../images/stories/gin_fizz.jpg);
	background-repeat: no-repeat;
}

#stories_prussianblue{
	background-image: url(../images/stories/prussian_blue.jpg);
	background-repeat: no-repeat;
}


/*stories menu*/
.storiesMenu {
    clear: both;
    height: 10px;
	position:relative;
	top:-20px;
	/*font-family:Courier;*/
	/*font-size: 16px;*/
	/*word-spacing: 5px;*/
	
}
.storiesMenu ul li {
	display:inline;
    clear: right;
    margin-left: 10px;
    color: #FFFFFF;
	padding-left: 13px;
    background-image: url(../images/design/mainmenubullet.png);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
}
.storiesMenu ul li a {
    color: #000000;
    text-decoration: none;
}
.storiesMenu ul {
  text-align: center;
  margin-top: 12px;
  _margin-top: 5px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.storiesMenu ul li a:hover, .mainMenu ul li a.activeItem {
  text-decoration: none;
  color: #968B8B;
}

.designMenu {
  clear: both;
  height: 10px;
  position:relative;
  top:-30px;
}

.designMenu ul li {
  display:inline;
  clear: right;
  margin-left: 10px;
  color: #FFFFFF;
  padding-left: 13px;
  background-image: url(../images/design/mainmenubullet.png);
  background-repeat: no-repeat;
  background-position: 0 0.6em;
}

.designMenu ul li a {
  color: #000000;
  text-decoration: none;
}

.designMenu ul {
  text-align: center;
  margin-top: 12px;
  _margin-top: 5px;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.designMenu ul li a:hover, .mainMenu ul li a.activeItem {
  text-decoration: none;
  color: #968B8B;
}

.pageFooter {
  height: 100px;
}
.pageFooter a{
  position:relative; 
  top:90px; 
  left:360px;
  border:none;
}

.pageFooter img{
  border:none;
}

#siteFooter{
  margin-top: 10px;
  height: 110px;
  background: url(../images/design/footer_bg.png) center bottom no-repeat;
}

.helper {
  color: #900;
  border-left: 1px solid #406778;
  border-top: 1px solid #406778;
  background-color: #F3F6F7;
  width: 250px;
  white-space: normal;
  text-align: left;
  padding-left: 4px;
  float: left;
}

.helper td {
  padding-left: 4px;
  white-space: normal;
  text-align: left;
}

.helperContainer {
  position: absolute;
  display: none;
  width: 250px;
  padding-left: 0px;
}

.helper ul li {
  list-style-position: inside;
  list-style-type: decimal;
  padding-left: 5px;
}

.helper ul {
  margin-left: 5px;
}

.tabManager .tab a, .tabManager .tab a:visited, tabManager .tab a:hover {
  font-weight: bold;
  color: White;
  text-decoration: none;
}

.tabManager .tab a:hover {
  text-decoration: underline;
}

.tabManager .tab span {
  font-weight: bold;
  color: LightYellow;
  text-decoration: none;
}
.spec_block {
  font-size:1em;
  font-weight:bold;
}

.stories_blocks{
  width: 50px;
  height: 54px;
}

.link_block a {
  text-decoration: none;
  font-weight: 600;
  color: #000000;
}

select {
  font-size: 1em;
}