/* Start of CMSMS style sheet 'Layout' */
/* General layout */
body {
  margin: 0;
  padding: 0;
  font-family: Helvetica;
  font-size: 10pt;
  background: white url(/cms/uploads/images/bg.jpg) repeat-y top center;
}

body.iframe {
  background: #EEEDE8 url(none);
  padding: 1px;
}

body.popup {
  background-color: #EEEDE8;
  background-image: url(/cms/uploads/images/bodyballs.gif);
  background-position: right 150px;
  background-repeat:      no-repeat;
  background-attachment: fixed;
  margin: 20px;
}

/* no printed heading */
div#printheader {
  display: none;
}

div#pagewrapper {
  border: none;
  margin: 0 auto;
  width: 954px;
}

div#left {
/*
  background: #ffffff url(/cms/uploads/images/leftbg.jpg) repeat-y;
*/
  border: none;
  width: 77px;
  float: left;
  height: 200px;
  display: none;
}

div#middlewrapper {
  border: none;
  width: 877px;
  float: right;
}

div#middle {
  border: none;
  background: #ffffff url(/cms/uploads/images/topballs.jpg) no-repeat 200px 0px;
  width: 774px;
  float: left;
  padding: 10px 11px 5px 15px;
}

div#right {
  border: none;
  width: 77px;
  float: right;
  height: 200px;
  display: none;
}

/* Header */
div#header {
  height: 90px;
}

div#logo {
  background: url(/cms/uploads/images/utopia.gif) no-repeat 0px 0px;
  width: 155px;
  height: 79px;
  float: left;
}

div#myutopia {
  background: #ffffff url(/cms/uploads/images/signinbox.gif) no-repeat;
  width: 166px;
  height: 73px;
  float: right;
  margin-right: 10px;
}
.corneredonlybox {
  background: #ffffff url(/cms/uploads/images/signinbox.gif) no-repeat;
  width: 166px;
  height: 73px;
}

div#myutopiainner {
  width: 136px;
  height: 61px;
  margin: 0 auto;
  padding-top: 5px;
}

/* Top nav */
div#topnavbg {
  background: #ffffff url(/cms/uploads/images/thinkahead.gif) no-repeat;
  height: 60px;
}

div#navheader {
  background: #ffffff url(/cms/uploads/images/globalservices.jpg) no-repeat;
  width: 606px;
  float: right;
  height: 33px;
}

div#topmenu {
  width: 606px;
  float: right;
  height: 27px;
}

/* Side */
div#side {
  width: 153px;
  float: left;
  margin: 11px 12px 0 0;
}

div#sidenavbg {
  background-color: #D4D1C6;
}

div#sidenavtop {
  background-image: url(/cms/uploads/images/sidetop.gif);
  height: 11px;
  margin: 0;
  padding: 0;
  line-height: 11px;
  font-size: 8px;
}

div#sidepromotion {
  width: 140px;
  margin-left: 10px;
}

div#sidemenu {
  width: 140px;
  margin-left: 10px;
  margin-top: 5px;
}

.sidenavbuttonbot {
  background-image: url(/cms/uploads/images/side-button-bot.gif);
  width: 140px;
  height: 6px;
  margin: 0 0 0 0px;
  border: 0;
  padding: 0;
  line-height: 6px;
  font-size: 6px;
}

div#sidenavbottom {
  background-image: url(/cms/uploads/images/sidebottom.gif);
  height: 11px;
  line-height: 11px;
  font-size: 8px;
}

div#domainsearch {
  margin-top: 8px;
}

div#newslettersignup {
  margin-top: 8px;
}

/* General body columns */
div#bodytop {
  display: block;
}

div#bodyleft {
  width: 360px;
/*   float: left; */
  padding-right: 5px;
}

div#bodyright {
  width: 200px;
/*  margin-left: 376px; */
  float: right;
  text-align: center;
}

div#bodyfloatright {
  float: right;
  padding: 0 0 20px 10px;
  text-align: center;
}
/* Body - balls in corner */
div#bodyballs {
  background: #ffffff url(/cms/uploads/images/bgshaded.gif) repeat-y;
/*
  width: 591px;
*/
  margin-left: 166px;
  padding: 15px 0 0 15px;
}

div#bodyballswrapper {
  background-image: url(/cms/uploads/images/bodyballs.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  width: 577px;
  padding-right: 5px;
}

div#bodyballscr {
  width: 576px;
  height: 30px;
  margin-top: 15px;
}

div#bodyballscr p {
  padding: 0px;
  margin: 0px;
}

div#bodyballsfooter {
  background: #ffffff url(/cms/uploads/images/bgshadedbottom.gif) no-repeat;
/*
  width: 606px;
*/
  margin-left: 168px;
  height: 6px;
}

/* Body - plain white */
div#bodyempty {
  background: #ffffff;
/*
  width: 591px;
*/
  margin-left: 168px;
  padding: 15px 0 0 15px;
}

div#bodyemptywrapper {
  padding-right: 10px;
/*
  width: 582px;
*/
}

/* Body - shaded but no balls */
div#bodyshaded {
  background: #ffffff url(/cms/uploads/images/bgshaded.gif) repeat-y;
/*
  width: 591px;
*/
  margin-left: 166px;
  padding: 15px 10px 0 15px;
  min-height: 390px;
}

div#bodyshadedwrapper {
/*
  width: 572px;
*/
  width: 572px;
}

div#bodyshadedfooter {
  background: #ffffff url(/cms/uploads/images/bgshadedbottom.gif) no-repeat;
/*
  width: 606px;
*/
  margin-left: 168px;
  height: 6px;
}

/* promotion images */
.promotion {
  width: 130px;
  height: 26px;
   margin: 0 0 0 2px;
  background-repeat: no-repeat;
  padding: 100px 0 0 6px;
  margin: 0 auto;
}

.promotion a {
  height: 20px;
   text-align: left;
   margin: 0;
   padding: 4px 0 0 0;
   text-decoration: none;
   color: white;
  background-image: none;
}

.promotion a:hover {
  height: 20px;
   text-align: left;
   margin: 0;
   padding: 4px 0 0 0;
   text-decoration: none;
   color: white;
  background-image: none;
}

/* Forms */
.boxheader {
  display: block;
  height: 22px;
}

.formsubmit {
  background: transparent url(/cms/uploads/images/go.png) no-repeat;
  width: 19px;
  height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
  text-indent: -1000em;
/*
  cursor: pointer;
  cursor: hand;
*/
  float: right;
}

.formsubmitnormal {
  background: transparent url(/cms/uploads/images/go.png) no-repeat;
  width: 19px;
  height: 19px;
  margin: 0;
  padding: 0;
  border: 0;
}

input {
  font-family: Helvetica;
   font-size: 10pt;
  margin: 0;
  padding: 0;
}

select {
  font-family: Helvetica;
   font-size: 10pt;
  margin: 0;
  padding: 0;
}

.smallform input {
  font-family: Helvetica;
   font-size: 8pt;
  margin: 0;
  padding: 0;
}

.smallform select {
  font-family: Helvetica;
   font-size: 8pt;
  margin: 0;
  padding: 0;
}

/* Links */
a.button {
  background-repeat: no-repeat;
  vertical-align: middle;
  padding: 0 20px 0 22px;
  margin: 0 0 6px 0;
  display: block;
  float: left;
}
a.largebutton {
  background-repeat: no-repeat;
  background-position: 5px 5px;
  vertical-align: middle;
  padding: 3px 8px 3px 25px;
  margin: 0 0 6px 0;
  display: block;
  float: left;
}
a.moreinfo {
  background-image: url(/cms/uploads/images/more-information.png);
}
a.purchase {
  background-image: url(/cms/uploads/images/purchase.png);
}
a.back {
  background-image: url(/cms/uploads/images/back.png);
}
a.print {
  background-image: url(/cms/uploads/images/print.png);
}
a.remove {
  background-image: url(/cms/uploads/images/remove.png);
}
a.removeicon {
  background-image: url(/cms/uploads/images/remove.png);
  padding: 0 0px 0 20px;
  text-indent: -999em;
  float: none;
  display: inline;
}

/* Nice table */
.nicecolumn {
  width: 108px;
  float: left;
  margin: 0 4px 20px 0;
  padding: 0 0 6px 0;
  border: 1px solid #ced64b;
  background-color: white;
}
.nicecolumnfiller {
  width: 108px;
  float: left;
  margin: 0 4px 20px 0;
  padding: 0 0 6px 0;
}
.fit3 {
  width: 184px;
}
.fit4 {
  width: 137px;
}
.fitsubnav {
  width: 188px;
}

.nicecolumn h2 {
/*
  background-color: #ced64b;
  padding: 0;
  text-align: center;
*/
  background-color: white;
  padding: 4px 0 0 4px;
  margin: 0;
  display: block;
  font-size: 11pt;
  color: #AAA38E;
  text-align: left;
  width: 95%;
  float: none;
}
.nicecolumn h3 {
/*
  background-color: #ced64b;
  text-align: center;
  padding: 0;
*/
  background-color: white;
  width: 95%;
  padding: 0px 0 0 4px;
  margin: 0;
  display: block;
  font-size: 8pt;
  color: #AAA38E;
  text-align: left;
  padding-bottom: 3px;
  float: none;
  font-weight: normal;
}
.nicecolumn p.desc {
  font-size: 9pt;
  height: 90px;
  padding: 5px;
  margin: 0;
  text-align: left;
}

.nicecolumn ul {
   font-size: 9pt;
  padding-left: 20px;
  margin: 3 0 3 0;
  text-align: left;
  list-style-image:  url(uploads/images/bullet.gif);
}
.nicecolumn li {
  padding-left: 0px;
}

.nicecolumn p.links {
  padding: 5px;
  margin: 0;
}

/* hide and show content */
.hideshow {
  display: none;
  margin: 3px 0 3px 0;
}

/* lists */
.hideshow ul {
   font-size: 8pt;
  padding-left: 20px;
  margin: 0;
}
.hideshow li {
  padding-left: 0px;
}

/* browse product information */
div#browseinfocontainer {
  display: block;
  padding: 12px;
  margin: 0px;
  background-color: white;
  border: 1px solid #ced64b;
}
.rightpane p {
  margin-top: 0px;
}

/*
div#browseinfo {
   background-color: #a0cfeb;
   border: 1px solid #AAA38E;
   position: relative;
   left: 0px;
   top: 0px;
}
.leftpane {
	border-bottom: 1px solid white;
	width: 184px;
        padding: 3px 0px 3px 6px;
        cursor: pointer;
	background-color: #EEEDE8;
        color: #AAA48E;
}
.leftpaneempty {
	width: 190px;
        height: 21px;
	background-color: #EEEDE8;
}
.rightpane {
  border: none;
  font-size: 10pt;
  background-color: #a0cfeb;
  color: white;
	padding: 0px 0px 3px 10px;
	width: 335px;
	display: none;
	position: absolute;
	top: 10px;
	left: 190px;
	float: right;
}
.rightpane a {
  color: white;
}
*/

/* non blue bg boxes */
div#browseinfo {
   background-color: white;
   border: 1px solid #a0cfeb;
   position: relative;
   left: 0px;
   top: 0px;
}
.leftpane {
	border-bottom: 1px solid white;
  border-right: 1px solid #a0cfeb;
	width: 184px;
        padding: 3px 0px 3px 6px;
        cursor: pointer;
	background-color: #EEEDE8;
   color: #9A927E;
/*   color: #AAA38E; */
}
.leftpaneempty {
  border-right: 1px solid #a0cfeb;
	width: 190px;
        height: 21px;
	background-color: white;
}
.rightpane {
  border: none;
  font-size: 10pt;
  background-color: white;
   color: #9A927E;
/*   color: #AAA38E; */
	padding: 0px 0px 3px 10px;
	width: 333px;
	display: none;
	position: absolute;
	top: 10px;
	left: 192px;
	float: right;
}
.rightpane a {
  color: #AAA38E;
}

/* Content body formatting */
span.standard ul {
  margin: 0px 0 8px 0;
  padding: 0px 0px 0px 14px;
  list-style-image:  url(uploads/images/bullet.gif);
}

.rightpane ul {
  margin: 0px 0 5px 0;
  padding-left: 22px;
  list-style-image:  url(uploads/images/bullet.gif);
}

.content-rightcolumn {
  float: right;
  padding: 0 0 20px 10px;
  text-align: center;
}

.featurehighlightitem {
  font-weight: bold;
}

.generaltable {
  width: 358px;
  border: 1px solid #ced64b;
  border-collapse: collapse;
}
.generaltable tr {
  text-align: left;
  vertical-align: top;
}
.generaltable th {
/*
  font-size: 8pt;
  color: #003946;
  background-color: #ced64b;
*/
  background-color: white;
  padding: 0px 0 0 4px;
  font-size: 11pt;
  color: #AAA38E;


  text-align: left;
  padding: 3px;
  border: none;
}
.generaltable td {
  padding: 3px;
  border: none;
  background-color: white;
}

/* Forms */
.fancyform {
  width: 360px;
  border: 1px solid #aaa38e;
  background-color: #eeece8;
  padding: 10px 0 10px 0;
}

.fancyform fieldset {
/*
  border: 1px solid #AAA38E;
  background-color: #eeece8;
  margin: 5px 0 15px 0;
  padding: 5px 10px 5px 10px;
*/
  border: none;
  margin: 0;
  padding: 0 0 0 10px;
}
.fancyform fieldset p {
  margin: 2px 10px 4px 0;
}
.fancyform fieldset ul {
  margin: 0px 0 10px 0;
}
.fancyform legend {
/*
  border: 1px solid #AAA38E;
  padding: 2px 4px 2px 4px;
*/
  border: none;
  font-size: 10pt;
  font-weight: bold;
  color: #AAA38E;
  margin: 3px;
  padding: 0px;
}
.fancyform label {
  font-weight: normal;
  float: left;
  text-align: right;
  vertical-align: top;
  padding-top: 5px;
  width: 130px;
}
.fancyform input.text {
  width: 194px;
  border: 1px solid #AAA38E;
  padding: 2px;
  background-color: white;
  color: #AAA38E;
  font-family: Helvetica;
  font-size: 10pt;
  margin: 2px;
}
.fancyform input.radio {
border: 1px dashed red;
}
.fancyform select,
.fancyform textarea {
  width: 194px;
  padding: 2px;
  border: 1px solid #AAA38E;
  background-color: white;
  color: #AAA38E;
  font-family: Helvetica;
  font-size: 10pt;
  margin: 2px;
}
.fancyform textarea.textareawide {
  width: 330px;
  height: 90px;
  margin: 0px 0 12px 0;
}
.fancyform select.selectwide {
  width: 330px;
}
.fancyform #buttons {
  border: none;
}
.fancyform input.button {
  border: none;
}
.fancyform input.button:focus {
  border: none;
}
.fancyform input:focus,
.fancyform select:focus,
.fancyform textarea:focus {
  border: 1px solid #A0CFEB;
}
.widebutton {
/*
  background: transparent url('/cms/uploads/images/wide-button.png') no-repeat 0px 6px;
  width: 128px;
  height: 32px;
  color: #003946;
  font-size: 9pt;
  font-weight: bold;
  border: 0;
  padding: 0px 6px 0 0;
  margin: 0px;
*/
  border: 1px solid #ced64b;
  background-color: #ced64b;
  color: white;
  font-weight: bold;
  padding: 3px;
  margin: 5px 0 0 0;
}
.fancyform input.fbsubmit {
/*
  background: transparent url('/cms/uploads/images/wide-button.png') no-repeat 0px 6px;
  width: 128px;
  height: 32px;
  color: #003946;
  font-size: 9pt;
  font-weight: bold;
  border: 0;
  padding: 0px 6px 0 0;
  margin: 0px;
*/
  border: 1px solid #ced64b;
  background-color: #ced64b;
  color: white;
  font-weight: bold;
  padding: 3px;
  margin: 5px 0 0 0;
}
.fancyformcaptcha input {
  border: 1px solid #AAA38E;
  padding: 2px;
  background-color: white;
  color: #AAA38E;
  font-family: Helvetica;
  font-size: 10pt;
  margin: 2px;
}
.fancyformcaptcha {
  text-align: center;
  width: 97%;
}

.fancyformcaptcha input:focus {
  border: 1px solid #A0CFEB;
}
.fancyformcaptcha img {
  margin: 3px;
}

div.error_message {
  margin: 5px 0 5px 0;
  color: #003946;
}

/* sitemap */
div#sitemap ul {
  margin: 0;
  padding: 0;
}
div#sitemap ul ul {
  padding: 2px 0 2px 20px;
}
div#sitemap ul li {
}

.largewhitebox {
  width: 200px:
  height: 300px;
  min-height: 300px;
  text-align: left;
  padding: 10px 10px 10px 17px;
  background: transparent url('/cms/uploads/images/large-white-box.jpg') no-repeat top right;
}
.largewhiteboxgrey {
  width: 250px:
  height: 300px;
  min-height: 300px;
  text-align: left;
  padding: 0px 10px 10px 20px;
  background: transparent url('/cms/uploads/images/large-white-box-grey.jpg') no-repeat top right;
}

/* flash */
div#noflash {
  display: none;
}

/* End of 'Layout' */