/* Start of CMSMS style sheet 'johnstones.com : Order Form' */
div.tooltip{
    position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
width:400px;
    text-decoration:none}

.orderform{
	width: 100%;
}
.orderform fieldset {
	border: 1px solid #666666;
	padding: 12px;
background-color: #F0F0F0;
}

.orderform fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:16px;
	text-align:right;
	background: #CCFF99 url(images/cms/email_open.gif) no-repeat 2px center;
}

.orderform fieldset .CMSMStextfield label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}
.orderform div {
padding: 0.25em 0 0.25em 0;
}
.orderform div:hover {
	background: #CCFF99;
}
.orderform .CMSMStextfield input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 250px;
}
.orderform div.required {
color: #CC0000;
}
.orderform fieldset .CMSMStextarea label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.orderform .CMSMStextarea textarea {
	color: #000000;
	background: #FFECC0;
	border: 1px solid #333300;
	width: 450px;
}
.orderform textarea:focus {
	background: #FFFFFF;
}
.orderform .captcha {
	padding-left: 10px;
}
.orderform .captchapict {
	display: block;
	margin: 10px 10px 10px 0px;
}
.orderform .captcha input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 195px;
	margin: 5px 5px 5px 0px;
}
.orderform input:focus {
	background: #FFFFFF;
}
.orderform .submit {
	padding-left: 10px;
}
.orderformR {
	width: 100%;
}
.orderformR fieldset {
	border: 1px solid #666666;
	padding: 12px;
}

.orderformR fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:16px;
	text-align:right;
	background: #CCFF99 url(images/cms/email_sent.gif) no-repeat 2px center;
}
.orderformR div {
padding: 0.25em 0 0.25em 0;
}


.contactform{
	width: 100%;
}
.contactform fieldset {
	border: 1px solid #666666;
	padding: 12px;
background-color: #F0F0F0;
}

.contactform fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:16px;
	text-align:right;
	background: #CCFF99 url(images/cms/email_open.gif) no-repeat 2px center;
}

.contactform fieldset .CMSMStextfield label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.contactform div {
padding: 0.25em 0 0.25em 0;
}
.contactform div:hover {
	background: #CCFF99;
}
.contactform .CMSMStextfield input {
                color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;	
border-left: 4px solid #3366FF;  
}
.contactform div.required {
color: #CC0000;
}
.contactform fieldset .CMSMStextarea label {
width: 12em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}
.contactform .CMSMStextarea textarea {
	color: #000000;
	background: #FFECC0;
	border: 1px solid #333300;
                border-left: 4px solid #3366FF;  
	width: 250px;
}
.contactform textarea:focus {
	background: #FFFFFF;
}
.contactform .captcha {
	padding-left: 10px;
}
.contactform .captchapict {
	display: block;
	margin: 10px 10px 10px 0px;
}
.contactform .captcha input {
	color: #000000;
	background: #FFFFCC;
	border: 1px solid #333300;
	width: 195px;
	margin: 5px 5px 5px 0px;
}
.contactform input:focus {
	background: #FFFFFF;
}
.contactform .submit {
	padding-left: 10px;
}
.contactformR {
	width: 100%;
}
.contactformR fieldset {
	border: 1px solid #666666;
	padding: 12px;
}

.contactformR fieldset legend {
	font-weight: bold;
	padding: 8px 8px 8px 37px;
        margin-bottom: 10px;
	border:1px solid #003300;
	color:#006600;
	font-size:16px;
	text-align:right;
	background: #CCFF99 url(images/cms/email_sent.gif) no-repeat 2px center;
}
.contactformR div {
padding: 0.25em 0 0.25em 0;
}
input.searchbox {     
  color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;
   border: 1px solid;    
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#fffffff',EndColorStr='#ffeeddaa');
 }
input.headerbuttons {
color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;
   border: 1px solid;    
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#fffffff',EndColorStr='#ffeeddaa');   
 }
input.sortbuttons {   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }
input.fbsubmit {   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
input.fbsubmit_next {   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
input.fbsubmit_prev {   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
.fbdropdown {
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;	  
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
}
.rtFieldset{   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }   
#m58318submitbutton{   
   color:#050;   
   font: bold 95% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 }
 
/* End of 'johnstones.com : Order Form' */