/* CSS Document */

body {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color:#1864B2;
margin: 0px;
background-image:url(images/bg4.gif)
}

#logo {
width:60px;
height:45px;
float:right;
padding-top: 15px;
}

#title {
width: 300px;
height:50px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
margin-top:28px;
}

#title_name {
width: 50px;
float: left;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
font-weight:bold;
margin-top:2px;
}

#container {
width: 800px;
height: auto;
margin: 0px auto;
background-image:url(images/container_bg.gif);

}

#container_popup {
width: 300px;
height: 100%;
margin: 0px auto;
border-bottom: 25px Solid #EBEBEB;
background-image:url(images/bg.gif);


}

#bottomcontainer {
width: 498px;
height: 25px;
margin: 0px auto;
border-left: 1px solid #666666;
border-right: 1px solid #666666;

}




#camera_container {
width: 800px;
height: auto;
margin: 0px auto;

}

#topbanner {
width: 800px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
background-color:#FF0000;
}
#topbanner_popup {
width: 280px;
height:80px;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#FFFFFF;
background-color:#FF0000;
}

#newtopnav {
width: 800px;
height: 25px;
background-color:#FF0000;
border-top:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}

#topnav {
width: 800px;
height: 25px;
background-color:#FFFFFF;
border-bottom:1px solid #666666;
border-top:1px solid #666666;
}

#topnavpopup {
width: 800px;
height: 25px;
background-color:#FFFFFF;
border-bottom:1px solid #666666;
}

#topnav_instructions {
width: 490px;
height: 25px;

margin-left:150px;
border-left:1px solid #666666;

}

#sampleSwatches {
width: 400px;
height: 15px;

margin-top:3px;
margin-left:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;
}

#sampleSwatches a:link{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
#sampleSwatches a:hover{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
#sampleSwatches a:visited{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
#sampleSwatches a:active{
font-weight:bold;
color:#FF0000;
text-decoration:none;
}

#topnav_popup {
width: 280px;
height: 25px;
background-color:#FFFFFF;
border-bottom:1px solid #666666;
}

#leftnav {
width: 150px;
height: 100%;
background-color:#FFFFFF;
float:left;
}


#turntool {
width: 498px;
height:505px;
background-color:#FFFFFF;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
float:left;
}

#camera {
width:496px;
height:100%;
float:left;
padding-top:8px;
padding-bottom:8px;
}

#centrecasing {
width:500px;
float:left;
}

#content_popup {
width: 270px;
height:100%;
background-color:#FFFFFF;
margin-top:12px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

#content_popup h1 {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #000000;
}

#content_popup2 {
width: 398px;
height:100%;
margin-top:12px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

#content_popup2 h1 {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #000000;
}

.content_popup3 {
width: 398px;
height:100%;
margin-top:12px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

.content_popup3 h1 {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #000000;
}

#content_popup3 {
width: 398px;
height:100%;
margin-top:12px;
margin-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

#content_popup3 h1 {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #000000;
}

#instructions_popup {
width: 270px;
height:100%;
background-color:#FFFFFF;
margin-top:12px;
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color: #000000;
}

#instructions_popup h1 {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: bold;
color: #000000;
}

#instructions_popup a:link {
text-decoration:none;
color:#FF0000;
}
#instructions_popup a:active {
text-decoration:none;
color:#FF0000;
}
#instructions_popup a:visited {
text-decoration:none;
color:#FF0000;
}
#instructions_popup a:hover {
text-decoration:none;
color:#000000;
}
#rightnav {
width: 150px;
height:100%;
background-color:#FFFFFF;
float:left;
}

#bottomnav {
width: 100%;
height: 100%;
background-color:#EBEBEB;
border-bottom: 1px solid #666666;

}
.botnavlinks {
width:60px;
height:10px;
border-right: 1px solid #666666;
margin-left: 4px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left: 6px;
color:#666666;
/*padding-top: 3px;*/
font-weight: bold;
float: left;
}

.botnavlinksmiddle {
width:70px;
height:10px;
border-right: 1px solid #666666;
margin-left: 5px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left: 6px;
color:#666666;
/*padding-top: 3px;*/
font-weight: bold;
float: left;
}


.botnavlinksfinal {
width:80px;
height:10px;
margin-left: 5px;
margin-top:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding-left: 6px;
color:#666666;
/*padding-top: 3px;*/
font-weight: bold;
float: left;
}


.button {
width: 140px;
height: 18px;
background-color:#FF0000;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
}

.grey_button {
width: 140px;
height: 18px;
background-color:#999999;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.grey_button a:link{

color:#FFFFFF;
text-decoration:none;

}
.grey_button a:hover{

color:#FFFFFF;
text-decoration:none;

}
.grey_button a:active{

color:#FFFFFF;
text-decoration:none;

}
.grey_button a:visited{

color:#FFFFFF;
text-decoration:none;

}

.buildingbutton {
width:145px;
height: 50px;
background-color:#CCCCCC;
margin-top: 6px;
}

.instructions {
height: 14px;
margin-top: 5px;
border-right:solid #FFFFFF 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-right: 5px;
float:left;
}

.instructions2 {
height: 14px;
margin-top: 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-right: 5px;
float:left;
}


.profilebutton {
width:140px;
height: 25px;
color:#000000;
padding-left: 0px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top: 5px;
color:#000000;
}

.profileimage {
width:72px;
height: 25px;
background-color:#FFFFFF;
}


.redbuttonright {
width: 140px;
height: 18px;
background-color:#FF0000;
background-image:url(images/redbutton.gif);
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.trademark {
float:right;
font-size:12px;
width: 40px;
margin-right: 160px;
}

.redbuttonblank {
width: 140px;
height: 18px;
background-color:#FF0000;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.redbuttonblank a:link {
text-decoration: none;
color: #FFFFFF
}
.redbuttonblank a:hover {
text-decoration: none;
color: #FFFFFF
}
.redbuttonblank a:visited {
text-decoration: none;
color: #FFFFFF
}
.redbuttonblank a:active {
text-decoration: none;
color: #FFFFFF
}

.unlockselection {
width: 140px;
height: 18px;
background-color:#FF0000;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.lockselection {
width: 138px;
height: 16px;
background-color:#FFFFFF;
border: 1px solid #FF0000;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FF0000;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.purplebuttonright {
width: 140px;
height: 18px;
background-color:#660099;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

#confidex {
width: 138px;
height: 88px;
border:1px solid #999999;
margin-top: 2px;
margin-bottom: 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
font-weight:normal;
padding-left: 5px;
padding-top: 2px;
float:right;
}


.spacerlayer {
width: 140px;
height: 80px;
background-color:#FFFFFF;

}

.redbuttonleft {
width: 140px;
height: 18px;
background-color:#FF0000;
background-image:url(images/redbutton.gif);
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:left;
}

.redbuttonopen {
width: 140px;
height: 18px;
background-color:#FF0000;
background-image:url(images/redbutton_open.gif);
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:right;
}

.colourdropdown {
width: 138px;
height: 15px;
background-color:#FFFFFF;
border: 1px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
margin-left: 2px;
padding-left: 5px;
padding-top: 2px;
}

.lockdropdown {
width: 138px;
height: 15px;
background-color:#FF0000;
border: 1px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
margin-left: 2px;
padding-left: 5px;
padding-top: 2px;
}

.lockdropdowngrey {
width: 138px;
height: 15px;
background-color:#999999;
border: 1px solid #999999;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
margin-left: 2px;
padding-left: 5px;
padding-top: 2px;
}

.colourdropdown_roofs {
width: 138px;
height: 15px;
background-color:#FFFFFF;
border: 1px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
margin-left: 5px;
padding-left: 5px;
padding-top: 2px;
}

.horizontal_panels {
width: 138px;
height: 15px;
background-color:#FFFFFF;
border: 1px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
margin-left: 2px;
padding-left: 5px;
padding-top: 2px;
}

.vertical_panels {
width: 138px;
height: 15px;
background-color:#FFFFFF;
border: 1px solid #FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FF0000;
font-weight:bold;
margin-left: 2px;
padding-left: 5px;
}

.buildingname {
width: 140px;
height: 18px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#000000;
padding-left: 5px;
padding-top: 4px;
border-bottom: 1px solid #666666
}

.pleasenote {

background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color:#FF0000;



}

.profilename {
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#FF0000;
}

.camerabutton {
width:120px;
height: 23px;
color:#000000;
padding-left: 5px;
background-color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
margin-top: 5px;
color:#000000;
}

.camerabutton a:link {
text-decoration:none;
color:#000000;
}

.camerabutton a:active {
text-decoration:none;
color:#000000;
}

.camerabutton a:visited {
text-decoration:none;
color:#000000;
}

.camerabutton a:hover {
text-decoration:none;
color:#FF0000;
}


#leftnav_camera {
width: 150px;
height:20px;
background-color:#FFFFFF;
float:left;
}

#centre_camera {
width: 498px;
height:25px;
background-color:#FFFFFF;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
float:left;
}

#rightnav_camera {
width: 150px;
height:20px;
background-color:#FFFFFF;
float:left;
}



.standardtext {
font-weight:normal;
padding-bottom:8px;
}

.colourname {
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FF0000;
margin-left:3px;
padding-bottom:8px;
border: 0px;
}

.clearbuttonright {
width: 143px;
height: 18px;
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
padding-left: 3px;
padding-top: 2px;
float:right;
}

.standard {
margin-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
font-weight:bold;
padding-left: 5px;
padding-top: 2px;
float:left;
}

input.colorField 
{
border:1px inset #ffffff outset #000000;
font-family: arial,helvetica,geneva,sans-serif;
font-size: 12px;
width: 55px;

}

#orderFormContainer {
width: 498px;
height: 610px;
background:#FFFFFF;
}

#colCodeBox {
width:50px;
height: 50px;
background:+colCode4+;
border: 1px solid #666666;
}

.standard_text {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px; color:#1864B2;
}