/* Start of CMSMS style sheet 'johnstones.com : Page Layout' */
/* Universal Styles */

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height:210px;
	margin-left: 15px; 
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
 -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
}
    div#rotator ul li.show {
	z-index:500
}


/* Layout Styles */
#s3slider { 
   width: 400px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
}

.tbl {
    width:100%;
}
.tbl th, th a{
    background-color:#CCCCCC;
    color:#000000;
}
.tbl td {
    border:1px solid #CCCCCC;
    background-color:#FFFFFF;
}
.tbl_th_a {
    color:#FFFFFF;
}
.tbl td table td{
    border:0px solid #FFFFFF;
}
/***********************************************/
/* Layout Divs                                                                       */
/***********************************************/

#greyborder{
	margin:1px; /*10px*/
	margin-top:10px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}
#products{ /* Optional Accessories*/
	float:right;
	width:160px; /*178*/
	margin:10px;
	padding: 0px;
        text-align:center;
	background-color: #F5f7f7; /* #DFEFFF Blue #F5f7f7 Grey */
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
	font: 12px Verdana,sans-serif; /* font: small Verdana,sans-serif; */
}
#accessories{
        float: right;
	width:270px;
	margin: 10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	visibility:visible;  /* hidden from screen print accessories*/
/* font: small Verdana,sans-serif; */
	}
#accessories_left{
	float: left;
	width:270px;
	margin: 10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	visibility:visible; /* hidden from screen  */
}
#acc_12_connection{
	float: right;
	width:250px;
	margin:1px; /*10px*/
	margin-top:10px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
	visibility:visible; /* hidden from screen */
}
#delmar_acc{
	width:420px;
	margin:0px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
	visibility:visible; /* hidden from screen */
}
#acc_list{
	float: right;
  /* 	width:250px;  */
	margin:10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	visibility:visible; /* hidden from screen */
}
#acc_list_sizes{
	float: right;
	width:200px;
        margin:1px; /*10px*/
	margin-top:1px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
	/* font: small Verdana,sans-serif; */
	visibility:visible; /* hidden from screen */
}
#acc_list_war{
	float: right;
	width:300px;
	margin:10px; /*10px*/
	margin-top:10px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	/*font: small Verdana,sans-serif;*/
	visibility:visible; /* hidden from screen */
}
#fire_acc{
	width:420px;
	margin:10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
	visibility:visible; /* hidden from screen */
}
#acc_list_sizes_dcs{
	float: right;
	width:270px;
	margin:1px; /*10px*/
	margin-top:10px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	/*font: small Verdana,sans-serif;*/
	visibility:visible; /* hidden from screen */
}
/*weber 1/2 connection*/
#acc_list_12_we{
	float: right;
	width:250px;
	margin:1px; /*10px*/
	margin-top:10px; /*10px*/
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
	visibility:visible; /* hidden from screen */
}
.options{
	width:420px;
	margin:10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
	visibility:visible; /* hidden from screen */
}
.options2{
	width:420px;
	margin:10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	font: small Verdana,sans-serif;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
	visibility:visible; /* hidden from screen */
}
#fire_options{
    text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
/********* Price Table Sizes *********/
.price_table{
        text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
                margin-left:auto;
                margin-right:auto;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
width:59%;
}
#price_table{
        text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
                margin-left:auto;
                margin-right:auto;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
width:59%;
}
#options_table{
        text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
                margin-left:auto;
                margin-right:auto;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
}
#price_box{
	margin-right:10px;
	padding: 0px;
	background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
	visibility:visible; /* hidden from screen */
}
#border {  
   border-bottom: 1px dotted #000;
}
#fire_price_table{
                text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
                margin-left:auto;
                margin-right:auto;
}
/********* Top Layout *********/
.container{background:#FFFFFF;}
.style567{font-size:10px;}
.toolbar2 { 
width:305px;
background-color: #B8860B;
padding: 5px 0px 5px 0px;
color: white;
}
.toolbar2 a:link{
	color: white; /**/
	text-decoration: none;
}
.toolbar2 a:visited{
	color: white; /*  */
	text-decoration: none;
}
.toolbar2 a:hover{
	text-decoration: underline;
}
#navlist li
{
display: inline;
list-style-type: none;
padding: 2px 3px 2px 2px;
border-right: 1px solid white;
font-size: 12px;
font-weight: bold;
}
#navlist2 li
{
display: inline;
list-style-type: none;
padding: 2px 3px 2px 2px;

font-weight: bold;
color:white;
}
#navlist2 a:link{
	color: white; /**/
	text-decoration: none;
}
#navlist2 a:visited{
	color: white; /*  */
	text-decoration: none;
}
#navlist2 a:hover{
	text-decoration: underline;
}
#bgquotes .bgquotes{
#-webkit-transform: rotate(-90deg); 
#-moz-transform:rotate(-90deg);}

/* Safari specific CSS */
body.WebKit #accessories { display: none; }
body.WebKit #products{ /* Optional Accessories*/	
	width:160px; /*178*/
	margin: 5px;
	padding: 0px;
        text-align:center;
	background-color: #F5f7f7; /* #DFEFFF Blue #F5f7f7 Grey */
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
	font: 12px Verdana,sans-serif; /* font: small Verdana,sans-serif; */
}
body.WebKit #warranty{
                 margin:0;
                 padding:0;
}
body.WebKit #price_info{
                 margin:0;
                 padding:0;
}
body.WebKit #price_table{
        text-align:left;
	font-size:11pt;
	background-color: #F4F4F4;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
        -moz-border-radius: 5px; 
        -webkit-border-radius: 5px;
        margin:0;
        width:59%;
}
body.WebKit span.browser {
background:#FFD6D6 url(uploads/images/cms/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
}
/* hide from IE and firefox*/

body.Internet_Explorer span.browser {
background:#FFD6D6 url(uploads/images/cms/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
display:none;
}
body.Firefox span.browser {
background:#FFD6D6 url(uploads/images/cms/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
display:none;
}
/* Page specific Styles */

#version {
	width: 50px;
	height: 31px;
	position: absolute;
	z-index: 5;
	/*top: 130px;
	right: -16px;*/
	font-size: 1.6em;
	font-weight: bold;
	padding: 28px 15px;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	background:  url(uploads/NCleanBlue/version.png) no-repeat left top;
}
input.input {        
   background-color:#fff;   
   border: 1px solid;    
 }
.rotate90 {
position:absolute;
-webkit-transform: rotate(-90deg); 
-moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
div.info{
    Position:relative; /*this is the key*/
    z-index:24; background-color:#fff;
    color:#000;
    text-decoration:none}

div.info:hover{z-index:25; background-color:#ff0}

div.info span{display: none}

div.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}

.cgfeedback_addcoment  .col70 textarea {
width:380px;
background-color:#fff;   
border: 1px solid;  
}
div#sidebar {
/* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */
	float: left;
/* sidebar width, if you change this change div.back and/or div.back1 margins */
	width: 26%;
/* FIX IE double margin bug */
	display: inline;
/* the 20px is on the bottom, insures space above footer if longer than content */
	margin: 0px 0px 20px;
	padding: 0px;
/* you can set your own image here */
	background: url(uploads/ngrey/mainrt.gif) no-repeat right top;
}
div#sidebarb {
	padding: 10px 15px 10px 20px;
/* this one is for sidebar with content and no menu */
	background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}
div#sidebarb div#news {
/* less margin surrounding the news, sidebarb has enough */
	margin: 2em 0 1em 0em;
}
div#sidebara {
	padding: 10px 15px 15px 0px;
/* this one is for sidebar with menu and no content */
	background: url(uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}

 img.rtStar{
    width:25px;
    /*height:25px;*/
  }

img.rateStar{
    width:15px;
    /*height:15px;*/
  }

#warranty2{
                width:75%;
                margin-left:auto;
                margin-right:auto; 
}
.priceborder {
    border-width: 2px;
    border-left: solid #cccccc;

}
.priceborder2 {
    border-width: 2px;
    border-left: solid #cccccc;
    border-right: solid #cccccc;
}
.indexborder {
    border-style: solid;
    border-color: #00aeef;
    border-width: 2px;
}
.indexborder-bottom {
    border-width: 2px;
    border-bottom: solid #00aeef;
}
.indexborder-top {
    border-width: 2px;
    border-top: solid #00aeef;
}

.acc_div
{ 
text-align: right;
} 

#welcome{ width:650px;}
#news{ width:250px; float:right;}
#myframe { height: 600px; width: 930px; }

.myBox
{
    margin: 0 auto;
    border: 0px solid #ff0000;
   /* color: #ffffff; */
   /* width: 60%; */
    padding: 7px;
    text-align: left;
    border: 3px solid #ff0000;
}

span.pdf {
background: url(uploads/images/cms/pdf_small.png) no-repeat scroll 5px 50%;
border:3px solid #629DE3;
width:400px;
}

span.alert {
background:#FFD6D6 url(uploads/images/cms/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
}

span.down {
background:#EEF7DD no-repeat scroll 5px 50%;
border:3px solid #9ACC2E;
color:green;
}

span.download {
background:#EEF7DD url(uploads/images/cms/download.png) no-repeat scroll 5px 50%;
border:3px solid #9ACC2E;
color:green;
}

span.help {
background:#f9ecd3 url(uploads/images/cms/help.png) no-repeat scroll 5px 50%;
border:3px solid #ffba42;
color:orange;
}

span.hoursw {
background:#f9ecd3;
border:3px solid #ffba42;
color:orange;
}

span.idea {
background:#FABFFF url(uploads/images/cms/idea.png) no-repeat scroll 5px 50%;
border:3px solid #F56FFF;
color:purple;
}

span.info {
background:#D8E5F8 no-repeat scroll 5px 50%; /* url(uploads/images/cms/sysmessage.png) */
border:3px solid #629DE3;
color:#05B;
}

span.note {
background:#FEF6D8 url(uploads/images/cms/note.png) no-repeat scroll 5px 50%;
border:3px solid #FDE179;
color:#B79000;
}

span.rate {
background:#FEF6D8;
border:3px solid #FDE179;
color:#B79000;
}

span.rate {
display:block;
margin:10px 0;
padding:10px 10px 10px 5px;
}

span.alert,span.help,span.down,span.idea,span.info,span.download,span.note,span.pdf,span.browser,span.maylong,span.hoursw {
display:block;
margin:15px 0;
padding:10px 10px 10px 45px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;
}

span.index {

border:3px solid #629DE3;
/* color:#05B; */
}

span.index {
display:block;
padding:5px 5px 5px 10px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}

div.index {

border:3px solid #629DE3;
/* color:#05B; */
}

div.index {
display:block;
padding:5px 5px 5px 10px;
-moz-border-radius: 5px; 
-webkit-border-radius: 5px;}

.filelist {
 text-decoration: none;
}
tr.odd {
}
tr.even {
 background-color: #c0c0c0;
}
.filelist th {
 background-color: #606060;
 color: #ffffff;
}

.hide_screen{ visibility:hidden;}

#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}
#productname2{
	padding: 0px 0px 1px 5px;
                margin: 0px;
	border-bottom:1px solid #ccd2d2;
}
#productname{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}
#productname img{
	float:left;
	padding-right: 10px;
}
#breadCrumb{
	padding: 5px 0px 5px 10px;
	font: small Verdana,sans-serif;
	color: #AAAAAA;
}

.productname{
	padding: 0px 0px 14px 10px;
	margin: 0px;
	border-bottom:1px solid #ccd2d2;
}
.productname img{
	float:left;
	padding-right: 10px;
}
.hidden{display:none;}  /* hidden from screen, possible print */

.acc_img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.left_pic {float:left; width:auto; margin-right:20px; margin-bottom:10px; margin-top:5px;}
.right_pic {float:right; width:auto; margin-right:20px; margin-bottom:10px}
.dcs_pic {float:left; width:auto; margin-right:20px; margin-bottom:10px}

.j_price{
font-size:15px;
padding:2px;
color: #000080;
}
.m_price{
font-size:9pt;
padding:2px;
color: #808080;
}
#price_info{margin-left:auto;
                margin-right:auto;
}
#warranty{
                margin-left:auto;
                margin-right:auto; 
}
#tips{
          width:350px;
}

/*color for dimensions*/
.style6 {color: #DD2222;}
.style7 {color: #DD2222;}
.style2 {color: #003399;}
.style3 {color: #FF0000;}
.style5 {color: #006633;}
.style29 {
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
color: #FF0000;  
font-weight: bold;
}
.style31 {color: #000080}
/*price color for includes*/
.style01 {color: #000099}
.style10 {color: #0033CC; font-weight: bold; }

/*   Dealers Area  #CC0000 */

#red-border {                
                background-color: #F4F4F4;
	border-left: 2px solid #cccccc;
	border-bottom: 2px solid #cccccc;
	border-top: 2px solid #cccccc;
	border-right: 2px solid #cccccc;
}
#login
{width:300px;
font: small  Verdana, sans-serif;
color: black;
}
.bar39{font-family: Calibri, sans-serif;display:none;}

/* ORDER FORM STYLES  */

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');   
 }

/* NEWS STYLES */

/*OLD NEWS*/
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 
#NewsPostDetailTitle {}
#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/
/* End of 'johnstones.com : Page Layout' */