/* This is a picture div */
#gallery2 a
{
}
#gallery2 a:hover
{
cursor:pointer;
}
#line_18 a,
#contactext a,
#termsandconditions a,
#dist_text1 a,
#colour_3text a,
#colour_1text a
{
color:blue;
}
#line_18 a:hover,
#contactext a:hover,
#termsandconditions a:hover,
#dist_text1 a:hover,
#colour_3text a:hover,
#colour_1text a:hover
{
color:red;
text-decoration:underline;
}
.help_pic
{
border:none;
cursor:help;
}
#gen_help a:hover
{
text-decoration:overline;
}
#gen_help
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
visibility: visible;
position: absolute;
left: 175px;
top: 161px;
z-index: 4;
width: 158px;
height: 27px;
}
#flag_panel
{
display: block;
visibility: visible;
position: absolute;
left: 900px;
top: 16px;
z-index: 4;
}
#guide_panel
{
display: block;
visibility: visible;
position: absolute;
left: 902px;
top: 147px;
z-index: 4;
}
#guide_button
{
display: block;
visibility: visible;
position: absolute;
left: 909px;
top: 269px;
z-index: 4;
}
#quote_panel
{
display: block;
visibility: visible;
position: absolute;
left: 902px;
top: 387px;
z-index: 4;
}
#quote_button
{
display: block;
visibility: visible;
position: absolute;
left: 909px;
top: 508px;
z-index: 4;
}
#dandp_panel
{
display: block;
visibility: visible;
position: absolute;
left: 902px;
top: 206px;
z-index: 4;
height: 346px;
width: 113px;
}
#dandp_button
{
display: block;
visibility: visible;
position: absolute;
left: 906px;
top: 443px;
z-index: 4;
}
#but
{
display: block;
visibility: visible;
position: absolute;
left: 171px;
top: 197px;
z-index: 4;
width: 54px;
height: 27px;
}
#button_1
{
}
.button_2
{
background-color: #999999;
border-style: outset;
cursor:pointer;
}
.button_3
{
border-style: outset;
cursor:pointer;
}
.button_4
{
border-style: none;
cursor:pointer;
background-color: #FFFFFF;
}
.button_5
{
cursor:pointer;
border:none;
}
.button_6
{
background-color: #999999;
border-style: outset;
cursor:pointer;
}
#contact_but {
display: block;
visibility: visible;
position: absolute;
left: 714px;
top: 452px;
z-index: 5;
width: 59px;
height: 26px;
}
#tele_check {
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
visibility: visible;
position: absolute;
left: 561px;
top: 518px;
z-index: 5;
width: 207px;
height: 19px;
}
.baluster_sel {
font:Arial, Helvetica, sans-serif;
font-size:10px;
width:100px;
}
.file_sel {
font:Arial, Helvetica, sans-serif;
font-size:10px;
}
.num_sel_1 {
font:Arial, Helvetica, sans-serif;
font-size:10px;
width:45px;
}
.num_sel_2 {
font:Arial, Helvetica, sans-serif;
font-size:10px;
width:45px;
}
.num_sel_3 {
font:Arial, Helvetica, sans-serif;
font-size:10px;
width:80px;
}
.num_sel_4 {
font:Arial, Helvetica, sans-serif;
font-size:12px;
width:80px;
background-color:#EEEEEE;
border:double;
color:#EE0000;
}
#balusters_1
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 373px;
top: 369px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 426px;
height: 291px;
}
#balusters_2
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 193px;
top: 353px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 149px;
height: 314px;
}
/* there are 4 std text div's for stairs and balconies
s_b_welcometext
s_b_introtext
s_b_i2ndtext
s_b_i3rdtext */
/* if you need to have text in a different position then generate a
new css entry Note the name MUST be unique*/
/* b_ applies to the page balusters.php */
#b_welcometext {
display: block;
visibility: visible;
position: absolute;
left: 468px;
top: 165px;
z-index: 5;
width: 172px;
height: 42px;
}
/* this defines the text attributes of the b_welcome text within the */
#b_welcometext p
{
font-family:Canterbury Regular;
font-size:20px;
font-weight:bold;
margin: 0px;
text-decoration: underline;
text-align:center;
}
#b_introtext {
display: block;
visibility: visible;
position: absolute;
left: 375px;
top: 212px;
z-index: 5;
width: 426px;
height: 117px;
}
#b_introtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#b_i2ndtext {
display: block;
visibility: visible;
position: absolute;
left: 193px;
top: 676px;
z-index: 5;
width: 608px;
height: 39px;
}
#b_i2ndtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#b_i3rdtext {
display: block;
visibility: visible;
position: absolute;
left: 475px;
top: 336px;
z-index: 5;
width: 149px;
height: 33px;
}
#b_i3rdtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#landing_plates_1
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/landing_plates/round_lp.gif) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 248px;
top: 373px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 88px;
height: 88px;
}
#landing_plates_2
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/landing_plates/oblong_lp.gif) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 224px;
top: 639px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 180px;
height: 47px;
}
#landing_plates_3
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/landing_plates/oblong_lp2.gif) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 245px;
top: 555px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 140px;
height: 72px;
}
#lp_welcometext {
display: block;
visibility: visible;
position: absolute;
left: 455px;
top: 157px;
z-index: 5;
width: 229px;
height: 26px;
}
/* this defines the text attributes of the b_welcome text within the */
#lp_welcometext p
{
font-family:Canterbury Regular;
font-size:20px;
font-weight:bold;
margin: 0px;
text-decoration: underline;
text-align:center;
}
#lp_introtext {
display: block;
visibility: visible;
position: absolute;
left: 372px;
top: 193px;
z-index: 5;
width: 444px;
height: 107px;
}
#lp_introtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#lp_i2ndtext {
display: block;
visibility: visible;
position: absolute;
left: 439px;
top: 550px;
z-index: 5;
width: 373px;
height: 175px;
}
#lp_i2ndtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#lp_i3rdtext {
display: block;
visibility: visible;
position: absolute;
left: 371px;
top: 368px;
z-index: 5;
width: 444px;
height: 88px;
}
#lp_i4thtext {
display: block;
visibility: visible;
position: absolute;
left: 439px;
top: 479px;
z-index: 5;
width: 234px;
height: 27px;
}
#lp_i3rdtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 0px;
text-align:left;
}
#balconies_1
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/balcony/balcony_montage.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 615px;
top: 196px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 236px;
height: 231px;
}
#balconies_2
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/balcony/balcony_2.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 543px;
top: 480px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 261px;
height: 153px;
}
#balconies_3
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/balcony/balcony_3.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 199px;
top: 544px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 259px;
height: 192px;
}
#colour_1text
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
display: block;
visibility: visible;
position: absolute;
left: 199px;
top: 348px;
z-index: 5;
width: 447px;
height: 33px;
}
#colour_2text
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
display: block;
visibility: visible;
position: absolute;
left: 372px;
top: 181px;
z-index: 5;
width: 471px;
height: 33px;
}
#colour_3text
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
display: block;
visibility: visible;
position: absolute;
left: 470px;
top: 533px;
z-index: 5;
width: 370px;
height: 174px;
}
#colour_pic1
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/colours/black_and_white.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 666px;
top: 367px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 162px;
height: 146px;
}
#colour_pic2
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/colours/green_stair.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 196px;
top: 559px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 256px;
height: 164px;
}
#gallery1
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
background: url(pics/gallery/gall_pic1.jpg) no-repeat;
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 779px;
top: 760px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 136px;
height: 200px;
}
#gallery2
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic2.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 374px;
top: 227px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 140px;
height: 200px;
}
#gallery3
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic3.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 550px;
top: 224px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 128px;
height: 200px;
}
#gallery4
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic4.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 711px;
top: 224px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 132px;
height: 200px;
}
#gallery5
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic5.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 204px;
top: 486px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 143px;
height: 200px;
}
#gallery6
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic6.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 418px;
top: 531px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 185px;
height: 131px;
}
#gallery7
{
/* Note the url is the path to the picturers from the site root, they are case sensetive */
/* background: url(pics/gallery/gall_pic7.jpg) no-repeat; */
visibility: visible;
position: absolute;
/* location WRT the top LH of the page */
left: 655px;
top: 525px;
/* if overlaying picturers the z index determines how they overlap */
z-index: 4;
/* width & height of the picture */
width: 178px;
height: 130px;
}
#gallery_txt1 p,
#gallery_txt2 p,
#gallery_txt3 p,
#gallery_txt4 p,
#gallery_txt5 p,
#gallery_txt6 p,
#gallery_txt7 p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 1px;
text-align:centre;
}
#gallery_txt1 {
display: block;
visibility: visible;
position: absolute;
left: 374px;
top: 179px;
z-index: 5;
width: 471px;
height: 39px;
}
#gallery_txt2 {
display: block;
visibility: visible;
position: absolute;
left: 358px;
top: 436px;
z-index: 5;
width: 168px;
height: 42px;
}
#gallery_txt3 {
display: block;
visibility: visible;
position: absolute;
left: 542px;
top: 437px;
z-index: 5;
width: 158px;
height: 39px;
}
#gallery_txt4 {
display: block;
visibility: visible;
position: absolute;
left: 707px;
top: 437px;
z-index: 5;
width: 153px;
height: 60px;
}
#gallery_txt5 {
display: block;
visibility: visible;
position: absolute;
left: 200px;
top: 691px;
z-index: 5;
width: 162px;
height: 44px;
}
#gallery_txt6 {
display: block;
visibility: visible;
position: absolute;
left: 417px;
top: 673px;
z-index: 5;
width: 188px;
height: 44px;
}
#gallery_txt7 {
display: block;
visibility: visible;
position: absolute;
left: 653px;
top: 671px;
z-index: 5;
width: 178px;
height: 42px;
}
#bl_welcometext {
display: block;
visibility: visible;
position: absolute;
left: 510px;
top: 150px;
z-index: 5;
width: 172px;
height: 26px;
}
/* this defines the text attributes of the b_welcome text within the */
#bl_welcometext p
{
font-family:Canterbury Regular;
font-size:22px;
font-weight:bold;
margin: 1px;
text-decoration: underline;
text-align:center;
}
#bl_introtext {
display: block;
visibility: visible;
position: absolute;
left: 375px;
top: 186px;
z-index: 5;
width: 233px;
height: 27px;
}
#bl_i2ndtext {
display: block;
visibility: visible;
position: absolute;
left: 184px;
top: 453px;
z-index: 5;
width: 324px;
height: 83px;
}
#bl_i3rdtext {
display: block;
visibility: visible;
position: absolute;
left: 544px;
top: 646px;
z-index: 5;
width: 264px;
height: 27px;
}
#bl_introtext p,
#bl_i2ndtext p,
#bl_i3rdtext p
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
margin: 1px;
text-align:left;
}
@font-face
{
font-family: 'Canterbury Regular';
src: url('http://www.castironspiralstairs.com/ttf_fonts/canterbury.eot');
src: local('Canterbury Regular'),
local('Canterbury'),
url('ttf_fonts/canterbury.ttf') format('truetype');
}
#line_1
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
visibility: visible;
position: absolute;
left: 12px;
top: 290px;
z-index: 4;
width: 220px;
height: 26px;
}
#line_1_a
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
visibility: visible;
position: absolute;
left: 585px;
top: 180px;
z-index: 4;
width: 269px;
height: 28px;
}
#line_1_b
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
visibility: visible;
position: absolute;
left: 577px;
top: 183px;
z-index: 4;
width: 281px;
height: 28px;
}
#line_2
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: block;
visibility: visible;
position: absolute;
left: 575px;
top: 210px;
z-index: 4;
width: 281px;
height: 324px;
border-style:double;
}
#line_11
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: block;
visibility: visible;
position: absolute;
left: 579px;
top: 547px;
z-index: 4;
width: 281px;
height: 79px;
border-style:double;
}
#line_12
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
font-weight:normal;
visibility: visible;
position: absolute;
left: 8px;
top: 28px;
z-index: 4;
width: 252px;
height: 26px;
}
#line_12_a
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
display: block;
font-weight:normal;
visibility: visible;
position: absolute;
left: 114px;
top: 4px;
z-index: 4;
width: 154px;
height: 26px;
}
#line_17
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: block;
visibility: visible;
position: absolute;
left: 580px;
top: 638px;
z-index: 4;
width: 281px;
height: 98px;
border-style:double;
}
#line_18
{
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
display: block;
visibility: visible;
position: absolute;
left: 163px;
top: 545px;
z-index: 4;
width: 400px;
height: 189px;
border-style:double;
}
#line_19
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
display: block;
visibility: visible;
position: absolute;
left: 17px;
top: 23px;
z-index: 4;
width: 269px;
height: 119px;
}
#line_20
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
display: block;
visibility: visible;
position: absolute;
left: 19px;
top: 152px;
z-index: 4;
width: 303px;
height: 26px;
}
#line_21
{
font:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
display: block;
visibility: visible;
position: absolute;
left: 305px;
top: 23px;
z-index: 4;
width: 95px;
height: 26px;
}
#line_3_a,
#line_4_a,
#line_5_a,
#line_6_a,
#line_7_a,
#line_8_a,
#line_9_a,
#line_10_a,
#line_14_a,
#line_15_a,
#line_16_a
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 3px;
z-index: 4;
width: 132px;
height: 21px;
}
#line_3_b,
#line_4_b,
#line_5_b,
#line_6_b,
#line_7_b,
#line_8_b,
#line_9_b,
#line_10_b,
#line_14_b,
#line_15_b,
#line_16_b
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
display: block;
visibility: visible;
position: absolute;
left: 138px;
z-index: 4;
width: 145px;
height: 26px;
}
#line_3_a,
#line_3_b
{
top: 19px;
}
#line_4_a,
#line_4_b
{
top: 45px;
}
#line_5_a,
#line_5_b
{
top: 71px;
}
#line_6_a,
#line_6_b
{
top: 95px;
}
#line_7_a,
#line_7_b
{
top: 119px;
}
#line_8_a,
#line_8_b
{
top: 142px;
}
#line_9_a,
#line_9_b
{
top: 166px;
}
#line_10_a,
#line_10_b
{
top: 190px;
}
#line_13_a
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 16px;
z-index: 4;
width: 144px;
height: 21px;
top: 56px;
}
#line_13_b
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 163px;
z-index: 4;
width: 110px;
height: 21px;
top: 53px;
}
#line_17_a
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 101px;
z-index: 4;
width: 45px;
height: 21px;
top: 12px;
}
#line_17_b
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 158px;
z-index: 4;
width: 129px;
height: 21px;
top: 8px;
}
#line_18_a
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 8px;
z-index: 4;
width: 83px;
height: 21px;
top: 26px;
}
#line_18_b
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 19px;
z-index: 4;
width: 248px;
height: 21px;
top: 71px;
}
#line_19_a
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 101px;
z-index: 4;
width: 51px;
height: 20px;
top: 40px;
}
#line_19_b
{
font:Arial, Helvetica, sans-serif;
font-size:10px;
padding: 2px 0px 0px 2px;
display: block;
visibility: visible;
position: absolute;
left: 157px;
z-index: 4;
width: 125px;
height: 27px;
top: 35px;
}
#line_14_a,
#line_14_b
{
top: 211px;
}
#line_15_a,
#line_15_b
{
top: 234px;
}
#line_16_a,
#line_16_b
{
top: 258px;
}
#nav_bar
{
display: block;
text-align: center;
}
#b_pics
{
display: block;
visibility: visible;
position: absolute;
left: 0px;
top: 60px;
z-index: 4;
}
#pic
{
display: block;
visibility: visible;
position: absolute;
left: 170px;
top: 239px;
z-index: 4;
width: 400px;
height: 300px;
}
#updating_pic
{
display: none;
visibility: visible;
position: absolute;
left: 247px;
top: 322px;
z-index: 4;
width: 200px;
height: 100px;
}
#fnt
{
font-family:Canterbury Regular;
font-size:20px;
text-decoration:none;
font-weight:bold;
color:#222222;
}
#homenav a,
#aboutnav a,
#stairsnav a,
#designnav a,
#contactnav a,
#gallerynav a
{
font-family: 'Canterbury Regular';
background-repeat: no-repeat;
display: block;
height: 10px;
background-position: 0% 0px;
font-size: 16px;
line-height: 10px;
padding: 8px 0px 0px 30px;
color: #FFFFFF;
visibility: visible;
position: absolute;
background: url(castironspiralstairsmedia/navbut1.gif) no-repeat;
}
#homenav a:hover,
#aboutnav a:hover,
#stairsnav a:hover,
#designnav a:hover,
#contactnav a:hover,
#gallerynav a:hover
{
background: url(castironspiralstairsmedia/navbut2.gif) no-repeat;
}
#homenav a
{
left: 162px;
top: 152px;
z-index: 4;
width: 146px;
height: 26px;
}
#aboutnav a
{
left: 162px;
top: 186px;
z-index: 5;
width: 147px;
height: 26px;
}
#stairsnav a
{
left: 162px;
top: 220px;
z-index: 6;
width: 148px;
height: 26px;
}
#designnav a
{
left: 162px;
top: 252px;
z-index: 6;
width: 149px;
height: 26px;
}
#contactnav a
{
left: 162px;
top: 286px;
z-index: 6;
width: 148px;
height: 26px;
}
#gallerynav a
{
left: 162px;
top: 320px;
z-index: 6;
width: 148px;
height: 26px;
}
#homenavtop a,
#aboutnavtop a,
#stairsnavtop a,
#designnavtop a,
#contactnavtop a
{
display: block;
height: 11px;
width: 46px;
line-height: 11px;
visibility: visible;
position: absolute;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:bold;
top: 90px;
z-index: 4;
height: 11px;
}
#homenavtop a
{
left: 188px;
width: 46px;
}
#aboutnavtop a
{
left: 270px;
width: 75px;
}
#stairsnavtop a
{
left: 386px;
width: 149px;
}
#designnavtop a
{
left: 566px;
width: 149px;
}
#contactnavtop a
{
left: 745px;
width: 75px;
}
#homenavtop a:hover
{
text-decoration:underline;
}
#aboutnavtop a:hover
{
text-decoration:underline;
}
#stairsnavtop a:hover
{
text-decoration:underline;
}
#designnavtop a:hover
{
text-decoration:underline;
}
#contactnavtop a:hover
{
text-decoration:underline;
}
a {
text-decoration: none;
color: #000000;
}
a ins {
text-decoration: none;
}
#browserbackgroundcolor,
#browserbackground {
visibility: visible;
position: absolute;
left: -6px;
top: -1px;
width: 1024px;
height: 771px;
z-index: 1;
background-repeat: no-repeat;
}
#layer1copy4,
#layer1copy3,
#layer1copy2 {
visibility: visible;
position: absolute;
left: 162px;
z-index: 5;
width: 46px;
height: 18px;
background-repeat: no-repeat;
}
#contactext p,
#contactext2 p,
#d_p_introtext p,
#s_b_introtext p,
#a_introtext p,
#introtext p,
#s_b_i2ndtext p,
#a_i2ndtext p,
#i2ndtext p,
#s_b_i3rdtext p,
#a_i3rdtext p,
#i3rdtext p,
#i4thtext p
{
font: 14px "Calibri";
margin: 1px;
text-align: left;
}
#victoriancastironspiralstairscopy {
background: url(castironspiralstairsmedia/id17victoriancastironspiral.gif) no-repeat;
visibility: visible;
position: absolute;
left: 185px;
top: 48px;
z-index: 4;
width: 667px;
height: 36px;
}
#victoriancastironspiralstairs {
background: url(castironspiralstairsmedia/id18victoriancastironspiral.gif) no-repeat;
visibility: visible;
position: absolute;
left: 169px;
top: 1px;
z-index: 5;
width: 682px;
height: 73px;
}
#browserbackgroundcolor {
background-image: url(castironspiralstairsmedia/browserbackgroundcolor.gif);
z-index: 1;
}
#castironspiralstairs {
margin: 0px auto 0px auto;
width: 1024px;
position: relative;
}
#spiralstaircase114 {
background: url(castironspiralstairsmedia/spiralstaircase114.gif) no-repeat;
visibility: visible;
position: absolute;
left: 166px;
top: 570px;
z-index: 8;
width: 219px;
height: 154px;
}
#spiralstaircase121 {
background: url(castironspiralstairsmedia/spiralstaircase121.gif) no-repeat;
visibility: visible;
position: absolute;
left: 239px;
top: 632px;
z-index: 9;
width: 156px;
height: 110px;
}
#spiralstaircase126 {
background: url(castironspiralstairsmedia/spiralstaircase126.gif) no-repeat;
visibility: visible;
position: absolute;
left: 638px;
top: 452px;
z-index: 6;
width: 120px;
height: 193px;
}
#spiralstaircase127 {
background: url(castironspiralstairsmedia/spiralstaircase126.gif) no-repeat;
visibility: visible;
position: absolute;
left: 726px;
top: 158px;
z-index: 6;
width: 120px;
height: 193px;
}
#browserbackground {
background-image: url(castironspiralstairsmedia/browserbackground.gif);
z-index: 2;
}
#menubarlinescopy2 {
background: url(castironspiralstairsmedia/menubarlinescopy2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 151px;
top: 138px;
z-index: 8;
width: 727px;
height: 3px;
}
#menubarlinescopy {
background: url(castironspiralstairsmedia/menubarlinescopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 151px;
top: 109px;
z-index: 4;
width: 727px;
height: 33px;
}
#s_b_welcometext p,
#welcometext p {
font-family:Canterbury Regular;
font-size:24px;
font-weight:bold;
margin: 1px;
text-decoration: underline;
text-align:center;
}
#stairsbutton {
visibility: visible;
position: absolute;
left: 386px;
top: 89px;
z-index: 4;
width: 149px;
height: 12px;
}
#menubarlines {
background: url(castironspiralstairsmedia/menubarlines.gif) no-repeat;
visibility: visible;
position: absolute;
left: 151px;
top: 112px;
z-index: 5;
width: 727px;
height: 3px;
}
#spiraaaal055 {
background: url(castironspiralstairsmedia/spiraaaal055.gif) no-repeat;
visibility: visible;
position: absolute;
left: 180px;
top: 537px;
z-index: 10;
width: 112px;
height: 132px;
}
#layer1copy2 {
background-image: url(castironspiralstairsmedia/layer1copy4.gif);
top: 225px;
}
#rodleftcopy {
background: url(castironspiralstairsmedia/rodleftcopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 855px;
top: 139px;
z-index: 5;
width: 37px;
height: 612px;
}
#layer1copy3 {
background-image: url(castironspiralstairsmedia/layer1copy3.gif);
top: 258px;
}
#a_dividercopy {
background: url(castironspiralstairsmedia/basket.gif) no-repeat;
visibility: visible;
position: absolute;
left: 424px;
top: 507px;
z-index: 4;
width: 236px;
height: 22px;
}
#lp_1_divider {
background: url(pics/landing_plates/charlcote_div.gif) no-repeat;
visibility: visible;
position: absolute;
left: 416px;
top: 492px;
z-index: 4;
width: 250px;
height: 40px;
}
#lp_2_divider {
background: url(pics/landing_plates/charlcote_div.gif) no-repeat;
visibility: visible;
position: absolute;
left: 415px;
top: 315px;
z-index: 4;
width: 250px;
height: 40px;
}
#dividercopy {
background: url(castironspiralstairsmedia/dividercopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 315px;
top: 517px;
z-index: 4;
width: 236px;
height: 22px;
}
#id23img1915 {
background: url(castironspiralstairsmedia/id23img1915.gif) no-repeat;
visibility: visible;
position: absolute;
left: 715px;
top: 332px;
z-index: 5;
width: 127px;
height: 182px;
}
#layer1copy4 {
background-image: url(castironspiralstairsmedia/layer1copy4.gif);
top: 292px;
}
#id22img1915 {
background: url(castironspiralstairsmedia/id22img1915.gif) no-repeat;
visibility: visible;
position: absolute;
left: 627px;
top: 320px;
z-index: 4;
width: 224px;
height: 334px;
}
#a_bg_rh_img1 {
background: url(castironspiralstairsmedia/about_rh_bg.gif) no-repeat;
visibility: visible;
position: absolute;
left: 688px;
top: 324px;
z-index: 4;
width: 163px;
height: 186px;
}
#a_fg_rh_img1 {
background: url(castironspiralstairsmedia/about_rh_fg1.gif) no-repeat;
visibility: visible;
position: absolute;
left: 715px;
top: 362px;
z-index: 4;
width: 30px;
height: 116px;
}
#a_fg_rh_img2 {
background: url(castironspiralstairsmedia/about_rh_fg2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 776px;
top: 433px;
z-index: 4;
width: 70px;
height: 71px;
}
#a_fg_rh_img3 {
background: url(castironspiralstairsmedia/about_rh_fg3.gif) no-repeat;
visibility: visible;
position: absolute;
left: 772px;
top: 357px;
z-index: 4;
width: 45px;
height: 45px;
}
#a_bg_lh_img2 {
background: url(castironspiralstairsmedia/about_lh_bgnew.gif) no-repeat;
visibility: visible;
position: absolute;
left: 185px;
top: 546px;
z-index: 4;
width: 465px;
height: 200px;
}
#a_fg_lh_img1 {
background: url(castironspiralstairsmedia/about_lh_fg1new2.gif) no-repeat;
visibility: visible;
position: absolute;
left: 358px;
top: 598px;
z-index: 5;
width: 125px;
height: 98px;
}
#a_fg_lh_img2 {
background: url(castironspiralstairsmedia/about_lh_fg2new.gif) no-repeat;
visibility: visible;
position: absolute;
left: 460px;
top: 650px;
z-index: 4;
width: 125px;
height: 98px;
}
#a_fg_lh_img3 {
background: url(castironspiralstairsmedia/about_lh_fg3new.gif) no-repeat;
visibility: visible;
position: absolute;
left: 270px;
top: 538px;
z-index: 6;
width: 100px;
height: 120px;
}
#welcometext {
visibility: visible;
position: absolute;
left: 328px;
top: 151px;
z-index: 4;
width: 375px;
}
#termsandconditions {
visibility: visible;
position: absolute;
left: 306px;
top: 207px;
z-index: 4;
width: 174px;
}
#s_b_welcometext {
visibility: visible;
position: absolute;
left: 356px;
top: 156px;
z-index: 4;
width: 460px;
height: 25px;
}
#layer1copy {
background: url(castironspiralstairsmedia/layer1copy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 162px;
top: 192px;
z-index: 6;
width: 46px;
height: 18px;
}
#d_p_introtext {
visibility: visible;
position: absolute;
left: 182px;
top: 641px;
z-index: 4;
width: 667px;
height: 60px;
}
#a_introtext {
visibility: visible;
position: absolute;
left: 181px;
top: 200px;
z-index: 4;
width: 667px;
height: 60px;
}
#introtext {
visibility: visible;
position: absolute;
left: 180px;
top: 226px;
z-index: 4;
width: 667px;
height: 60px;
}
#s_b_introtext {
visibility: visible;
position: absolute;
left: 361px;
top: 206px;
z-index: 4;
width: 454px;
height: 35px;
}
#s_b_i2ndtext {
visibility: visible;
position: absolute;
left: 186px;
top: 363px;
z-index: 4;
width: 651px;
}
#a_i2ndtext {
visibility: visible;
position: absolute;
left: 186px;
top: 309px;
z-index: 4;
width: 479px;
}
#i2ndtext {
visibility: visible;
position: absolute;
left: 182px;
top: 334px;
z-index: 4;
width: 433px;
height: 158px;
}
#s_b_i3rdtext {
visibility: visible;
position: absolute;
left: 184px;
top: 628px;
z-index: 4;
width: 427px;
height: 101px;
}
#a_i3rdtext {
visibility: visible;
position: absolute;
left: 684px;
top: 580px;
z-index: 4;
width: 172px;
height: 151px;
}
#i3rdtext {
visibility: visible;
position: absolute;
left: 406px;
top: 560px;
z-index: 4;
width: 206px;
height: 99px;
}
#i4thtext {
visibility: visible;
position: absolute;
left: 407px;
top: 663px;
z-index: 4;
width: 442px;
height: 60px;
}
#contactext {
visibility: visible;
position: absolute;
left: 181px;
top: 174px;
z-index: 4;
width: 536px;
height: 238px;
}
#contactext p {
padding-top: 10px;
}
#contactext2 {
visibility: visible;
position: absolute;
left: 177px;
top: 435px;
z-index: 4;
width: 654px;
height: 291px;
border: double;
}
#email_add_1 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:12px;
left: 18px;
top: 54px;
z-index: 4;
width: 101px;
height: 19px;
}
#email_add_2 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:14px;
left: 123px;
top: 47px;
z-index: 4;
width: 190px;
height: 31px;
}
#phone_add_1 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:12px;
left: 16px;
top: 85px;
z-index: 4;
width: 105px;
height: 19px;
}
#phone_add_2 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:14px;
left: 126px;
top: 81px;
z-index: 4;
width: 190px;
height: 31px;
}
#message_div_1 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:12px;
left: 26px;
top: 122px;
z-index: 4;
width: 81px;
height: 24px;
}
#message_div_2 {
visibility: visible;
position: absolute;
font:"Arial", Helvetica, sans-serif;
font-size:14px;
left: 123px;
top: 107px;
z-index: 4;
width: 306px;
height: 175px;
}
.input_box {
font:"Arial", Helvetica, sans-serif;
font-size:10px;
background-color: #BBBBBB;
border-style:outset;
overflow: auto;
resize:none;
}
textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#rodleft {
background: url(castironspiralstairsmedia/rodleft.gif) no-repeat;
visibility: visible;
position: absolute;
left: 135px;
top: 140px;
z-index: 7;
width: 35px;
height: 610px;
}
#s_b_divider {
background: url(castironspiralstairsmedia/charlecote.gif) no-repeat;
visibility: visible;
position: absolute;
left: 440px;
top: 259px;
z-index: 5;
width: 236px;
height: 51px;
}
#a_divider {
background: url(castironspiralstairsmedia/basket.gif) no-repeat;
visibility: visible;
position: absolute;
left: 379px;
top: 273px;
z-index: 5;
width: 236px;
height: 22px;
}
#divider {
background: url(castironspiralstairsmedia/dividercopy.gif) no-repeat;
visibility: visible;
position: absolute;
left: 344px;
top: 300px;
z-index: 5;
width: 236px;
height: 22px;
}
#stairs_1 {
visibility: visible;
position: absolute;
left: 625px;
top: 549px;
z-index: 5;
width: 200px;
height: 175px;
}
#stairs_2 {
visibility: visible;
position: absolute;
left: 460px;
top: 271px;
z-index: 5;
width: 180px;
height: 82px;
}
#stairs_3 {
visibility: visible;
position: absolute;
left: 184px;
top: 487px;
z-index: 5;
width: 120px;
height: 128px;
}
#stairs_4 {
visibility: visible;
position: absolute;
left: 354px;
top: 486px;
z-index: 5;
width: 209px;
height: 128px;
}
#sheet {
background: url(castironspiralstairsmedia/sheet.gif) no-repeat;
visibility: visible;
position: absolute;
left: 150px;
top: 79px;
z-index: 3;
width: 730px;
height: 687px;
}
html, body {
padding: 0px;
margin: 0px;
background-color: #FFFFFF;
}
#dist_welcometext p
{
font: 24px "Canterbury Regular";
margin: 1px;
text-align:Centre;
}
#dist_text1 p,
#dist_text2 p,
#dist_text3 p,
{
font: 10px "Calibri";
margin: 1px;
text-align: left;
}
#dist_welcometext {
display: block;
visibility: visible;
position: absolute;
left: 178px;
top: 167px;
z-index: 4;
width: 671px;
height: 36px;
}
#dist_text1 {
display: block;
visibility: visible;
position: absolute;
left: 179px;
top: 225px;
z-index: 4;
width: 668px;
height: 516px;
}
#dist_text2 {
display: block;
visibility: visible;
position: absolute;
left: 178px;
top: 648px;
z-index: 4;
width: 670px;
height: 361px;
}
#dist_text3 {
display: block;
visibility: visible;
position: absolute;
left: 174px;
top: 1014px;
z-index: 4;
width: 675px;
height: 474px;
}