/*
 * default style sheet
 */

#pagehead { behavior: url(/css/iepngfix.htc); }

body {background: rgb(238,237,243); text-align: center; font-family: Verdana, "Trebuchet MS", Tahoma; margin: 0px; padding: 0px; font-size: 76%; }
html {overflow-y: scroll; margin: 0px; padding: 0px;}

body, a, a:visited { color: rgb(94,94,94); text-decoration: none;}

h1, .h1 {font-size: 180%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal; font-family: "Trebuchet MS";}
h2, .h2 {font-size: 130%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h3, .h3 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: normal;}
h4, .h4 {font-size: 110%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
h5, .h5 {font-size: 100%; margin: 0px 0px 10px 0px; padding: 0px; font-weight: bold;}
p {margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, p {position: relative; left: 0px; top: 0px;}

img {border: none; margin: 0px; padding: 0px; vertical-align: bottom; }
ul { text-align: left;}
li {padding-left: 6px;}
div {margin: 0px; padding: 0px;}
td {vertical-align: middle;}
form {padding: 0px; margin: 0px;}

/* generic css */
.logo {width: 308px; height: 100px; border: none;}
.clear {clear: both; font-size: 1px; height: 1px; overflow: hidden; }
.clear img, .clear div {width: 100%; height: 1px;}
.textonly {display: none;}
.formErr {display: block; color: red; }
.formNoErr {display: none; }
.page404 {text-align: center;}
.bold {font-weight: bold;}

.btn {
  text-transform: uppercase;
  font-size: 90%; font-family: Verdana, "Trebuchet MS", Tahoma;  font-weight: normal;
  background-color: rgb(85,53,129);
  border: none;
  height: 24px;
  color: #ffffff;
  padding: 0px 3px;
  cursor: pointer;
  vertical-align: top;}

.txtfield { border: 1px solid rgb(165,172,178); padding: 1px 2px; height: 20px;}
.selfield , .txtarea { border: 1px solid rgb(165,172,178); }
.chkbox {position: relative; top: 2px; left: 0px;}
.imgbtn {padding: 0px; border: 0px; margin: 0px;}
.accesskeys {display: none;}

.maillistoutput { display: none; }

.purple, a.purple, p a.purple  { color: rgb(85,53,129); }
.green { color: rgb(110,225,46); }

.backTop { text-align: right; margin: 10px 30px 10px 0px; }

/* standard content css */
.content { font-size: 90%; line-height: 1.7em; }
.content li {margin-bottom: 4px;}
.content a, .content a:visited { color: rgb(85,53,129); text-decoration: none; }

/* layout css */
.pageHeader { background:rgb(85,53,129) url(/images/top-bar.png) no-repeat; }
.header { width: 960px; margin: 0px auto; height: 94px; text-align: right; color: #ffffff; }
.header, .header a, .header a:visited .header a:hover { text-decoration: none !important; color: #fff; }
.header .lcol {float: left; text-align: left; margin-top: 20px; width: 300px;}
.header .lcol a { color: #ffffff; font-size: 300%; font-family: "Trebuchet MS"; text-decoration: none;}
.header .lcol a span { color: rgb(110,225,46); }
.header .rcol {float: right; width: 560px;}
.header .rcol .sub { }

.header .upper a:hover {text-decoration: underline;}
.header .bar {float: right; text-align: right; height: 24px; }
.header .bar .intro { float: right; height: 24px; width: 76px; }
.header .search {float: right; height: 24px; margin-right: 1px;}
.header .search .txtfield {border: 1px solid rgb(192,191,191); margin: 0px; position: relative; left: 4px; top: -5px; width: 115px; height: 18px;}
html>body .header .search .txtfield {height: auto; }
.header .search .imgbtn {height: 23px; width: 23px;}
.header .bar, .header .bar a, .header .bar a:visited { font-weight: bold;}
.header .bar img:hover {text-decoration: none;}
.header .bar p {margin: 3px 0px 0px 7px;}
.header .account {float: right; height: 24px; margin-right: 1px;}
.header .basket { float: right; height: 24px; margin-top: 26px; }
.header .basket p {margin-right: 0px; font-family: Arial; font-weight: normal; text-align: right;}
.header .basket .points { font-size: 260%; }

.page { width: 960px; margin: -10px auto 20px auto; text-align: left; background-color: #ffffff; border: 1px solid #ddd; }

.topmenu { margin: 10px 0px 0px 0px;}
.topmenu .menu {float: right; text-align: right; height: 25px; display: inline; font-size: 92%; margin-right: 20px;}
.topmenu .menu p a, .topmenu .menu p a:visited {font-weight: normal; text-decoration: none; font-family: Arial; text-transform: uppercase; color: rgb(85,53,129);}
.topmenu .menu a:hover {text-decoration: underline !important;}
.topmenu .menu .item { display: inline; border-right: 1px solid rgb(110,225,46);}
.topmenu .menu .last { border-right: none; }
.topmenu .menu .item p { display: inline; margin: 0px; padding: 5px 8px 0px 8px; text-align: center; }

.topmenu .shop_backlink a, .topmenu .shop_backlink a:visited {font-weight: normal; text-decoration: none; font-family: Arial; text-transform: uppercase; color: rgb(85,53,129);}
.topmenu .shop_backlink a:hover {text-decoration: underline !important;}
.topmenu .shop_backlink { float: left; position: relative; display: inline; width: 200px; font-size: 92%; margin-left: 272px; position: relative;}

.sidemenu { margin-bottom: 24px;}
.sidemenu .menu h3, .sidemenu .menu h3 a { text-transform: uppercase; text-decoration: none; color: rgb(85,53,129); font-family: Arial; margin: 0px 10px 10px 5px; }
.sidemenu .menu { width: 186px; background: #D1D1D1 url(../images/menu-gradient-concierge.jpg) repeat-x 0 0; border: 1px solid #d9d9d9; padding: 15px 0px; margin: 0px 0px 20px; }
.sidemenu .menu p a, .sidemenu .menu p a:visited {font-weight: normal; text-decoration: none; color: #5C5D5F; text-transform: uppercase; font-size: 89%; padding: 0px; margin-left: 10px; display: block; }
.sidemenu .menu a:hover {text-decoration: underline !important;}
.sidemenu .menu .item {padding: 3px 6px 0px 0px; }
.sidemenu .menu .sel p {background: rgb(85,53,129);}
.sidemenu .menu .sel p a { color: #fff !important; }
.sidemenu .menu p {padding: 3px 0px 4px 0px; margin: 0px; }
.sidemenu .menu input.txtfield { width: 120px; }
.sidemenu .menu .normal { margin-top: 20px; } /* back to normal shop link */
.sidemenu .btn { background-color: rgb(110,225,46); border: 1px solid rgb(82,194,47); }

/* default page styles */
.pageBody { margin: 0px 15px; padding: 0px 0px 0px 0px; background-color: #ffffff;}
.pagearea { height: 500px;}
html>body .pagearea {height: auto; min-height: 500px;}

.pagearea a {color: rgb(85,53,129); }
.pagearea a:visited {}
.pagearea a:hover { text-decoration: underline; }
.pagearea a:active {}
.pagearea p { line-height: 1.6em; }

.pageBody .bcrumb {font-size: 90%; margin-bottom: 16px; }
.pageBody .bcrumb a, .bcrumb a:visited { color: rgb(89,89,89); text-decoration: none;}
.pageBody .bcrumb a:hover {text-decoration: underline;}

.pageBody .lcol {float: left; width: 218px;}
.pageBody .rcol {float: left; width: 672px; margin-left: 40px;}

.pageBody table { border-collapse: collapse;}
.pageBody table td {border: none; padding: 4px 5px; margin: 0px;}
.pageBody .th {font-weight: bold;}

.pageTitle { padding-bottom: 5px; margin-bottom: 17px; background: url(/images/title-underline.jpg) no-repeat bottom left;}
.pageTitle h1 {text-align: left; font-family: "Trebuchet MS"; font-size: 18px; color: rgb(85,53,129);}
.pageTitle h1 a:link, .pageTitle h1 a:visited {text-decoration: none; color: rgb(85,53,129); font-size: 18px; font-weight: normal; font-family: "Trebuchet MS";}
.campaignLogo { margin-bottom: 10px;}

.footer { background: url(/images/footer-line.jpg) top right no-repeat;text-align: center; margin: 10px 30px 0px 0px; padding: 10px 0px;}
.footer, .footer a, .footer a:visited {color: rgb(180,180,180); text-decoration: none; }
.footer a:hover {text-decoration: underline;}
.footer .menu {font-size: 90%; }
.footer .menu .item {display: inline; }
.footer .menu .sep {display: inline; border-right: 1px solid rgb(209,209,209); height: 16px;}
.footer .menu p {margin: 0px; padding: 0px 8px 0px 12px; text-align: center; display: inline;}
.footer .menu .tab { margin: 0px 4px; padding: 0px;}

.footer.homepage, .footer.homepage a { color: rgb(85,53,129); }

/* home page */
.pageBody .home { margin-top: 40px; position: relative; }
.pageBody .home td {border: none; padding: 0px; margin: 0px;}
.home .lcol { width: 670px; margin-left: 15px; height: 388px; }
html>body .home .lcol { min-height: 388px; }
.home .lcol .pageImage { float: right; }
.home .rcol { float: left; width: 210px; margin-left: 10px; }
.home .content { margin-top: 20px;width: 300px; }


/* default page layout 2-col */
.default{}
.default .lcol {}
.default .rimage {float: right; margin-left: 20px; }

/* basic page layout 1-col */
.basic {background-color: rgb(155, 154, 170);}


/* site map */
.sitemap h3 { color: rgb(85,53,129); font-size: 150%; }
.sitemap li {margin-bottom: 10px;}
.sitemap li a, .sitemap li a:visited {text-decoration: none; color: rgb(85,53,129);}
.sitemap li a:hover {text-decoration: underline;}
.sitemap .level1 {float: left; margin: 0px 15px; display: inline;}

/* generic login form */
.loginForm { width: 153px; margin: 0px;border: 1px solid #ddd; background: url(/images/menu-gradient-concierge.jpg) bottom repeat-x; padding: 20px 30px; font-size: 80%;}
.loginForm h3 { color: rgb(85,53,129); }
.loginForm span.label { text-transform: uppercase; font-weight:300; }
.loginForm .txtfield { margin: 2px 0px; }
.loginForm .row { margin: 10px 0px;}
.loginForm a { color: rgb(85,53,129); text-decoration: none; font-size: 88%; }
.loginForm .btn { float: right; padding: 2px 4px; font-weight: normal; margin-right: 5px;}
.loginForm .warning {color: red;}

/* generic class css */
/* messages used by multiple classes on the site */
.messages {padding: 3px; background: url(/images/menu-gradient-concierge.jpg) repeat-x; border: 1px solid #ddd; margin: 0px 0px 20px 0px;}
.pagearea .messages {margin: 0px 0px 20px 0px;}
.messages .warning, .warning {color: red}
.messages .message {color: green;}
.messages .title {}
.messages ul {}
.messages li {}

/* search css */
.search { margin-left: 10px; }
.menu .search h3 { font-weight: normal; margin-top: 20px; margin-left: 0px; }
.menu .search .row { margin: 0px; }
.menu .search .row .txtfield { margin: 0px; }

/* maillist css */
.maillist { margin-top: 10px; margin-left: 10px; }
.menu .maillist h3 { margin-left: 0px; }
.maillist h5 { font-weight: normal; font-size: 80%; margin-top: 12px; }
.home .maillist { margin-left: 0px; }
.home .maillist h3 { color: rgb(85,53,129); }
.maillist .formErr { font-size: 80%; }

/* shop class */
.shoppagearea {height: 380px; }
html>body .shoppagearea {height: auto; min-height: 380px;}
.shop {}
.shop .label {font-weight: bold;}

/* shop home page */
.shop .root a, .shop .root a:visited {text-decoration: none;}
.shop .root a:hover {text-decoration: underline;}
.shop .root h2 {position: relative; top: -4px; left: 20px;}
.shop .root .header {border-bottom: 1px solid rgb(211,217,210); margin-bottom: 20px; }
.shop .root .lcol {float: left; width: 220px; margin-left: 20px; display: inline;}
.shop .root .mcol {float: left; width: 250px;}
.shop .root .rcol {float: left; width: 220px;}
.shop .root .item {margin-bottom: 10px; font-size: 110%; margin-left: 20px;}

/* shop category list */
.shop .cat_overview { border: 1px solid #ddd; float: left; width: 298px; padding: 0px; }
.shop .cat_overview .category_category { float: left; position: relative; display: inline;  margin: 8px; width: 132px; height: 125px; }
.shop .cat_overview .category_category .title { margin-top: 2px; }
.shop .cat_overview .category_category .title  a { font-size: 11px; font-family: Arial; color: rgb(85,53,129); text-decoration: none; text-transform: uppercase; padding-left: 4px; }
.shop .cat_overview .category_category.cClubCat { background:#DDDDDD url(../images/concierge-cat-highlight.jpg) repeat-x scroll 0; border:1px solid #DDDDDD; margin:8px 10px 4px 8px; width:128px; }
.shop .cat_overview .category_category.cClubCat .imgcon { padding: 0px; }
.shop .pageText { float: left; width: 302px; margin-top: 20px;margin-left: 40px; }

/* shop item list */
.shop .item_container { border-top: 1px solid #ddd; margin-top: 0px; }
.shop .item_container h2 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 20px 15px; font-family: Arial; }

.shop .item_list { float: left; margin-top: -10px; margin-bottom: 20px; padding: 10px; width: 196px; height:190px; overflow: hidden; border: 1px solid #ddd;}
.shop .middle { margin-right: 9px; margin-left: 9px; }
.shop .item_list .title a { color: rgb(85,53,129); }
.shop .item_list a, .shop .item_list a:visited {text-decoration: none;}
.shop .item_list h4 {font-size: 120%; font-weight: normal;}
.shop .item_list .info { margin: 10px 0px 0px 0px; height: 120px; }
.shop .item_list .info .imgcon { float: left; width: 115px; padding-top: 10px; }
.shop .item_list .info .imgcon { text-align: left; }
.shop .item_list .info .actions { float: left; width: 80px; position: relative; z-index: 10; }
.shop .item_list .info .actions .price { text-transform: uppercase; border: 1px solid #ddd; padding: 6px 4px; margin: 0px; text-align: center; font-weight: normal; color: rgb(85,53,129); font-size: 94%;  }
.shop .item_list .info .actions .view a { display: block;width: 72px; height: 16px;background: rgb(169,166,197); color: #fff; padding: 6px 4px; margin: 0px; text-align: center; font-weight: normal; }
.shop .item_list .info .actions .order a { display: block;width: 72px; height: 16px;background: rgb(85,53,129); color: #fff; padding: 6px 4px; margin: 0px; text-align: center; font-weight: normal;}
.shop .item_list .btn {  zoom:1; width: 80px; height: 28px; padding-bottom: 2px; text-transform: uppercase; font-size: 100%; font-weight: normal;}
.shop .item_list .morepoints { overflow: visible; width:160px; text-align: center;text-transform: uppercase; position: absolute; right: 0px; bottom: -28px; z-index: 1000; background: rgb(130,130,130); color: #fff; height: 16px; padding: 6px 4px; }
.shop .item_list .subinfo {margin-bottom: 10px; font-size: 80%; margin-top: 0px; line-height: 1.5em; }

html>body .shop .item_list .info {height: auto; min-height: 125px;}
.shop .item_list form {text-align: right; position: relative; display: inline; }

.shop .catTitle {width: 170px; text-align: left;}
.shop .catTitle form {padding-top: 6px; text-align: right;}
.shop .catTitle .selfield {width: 120px; font-size: 90%;}
.shop .catImg {float: right;}
.shop .linkstr {text-align: center;  font-size: 95%; padding-top: 10px;}
.shop .linkstr a, .shop .linkstr a:visited {text-decoration: none; }
.shop .linkstr a:hover {text-decoration: underline;}
.shop .linkstr .link {display: inline;}
.shop .linkstr .link p {display: inline;}
.shop .linkstr .small { padding: 0px 2px;}
.shop .linkstr .large {padding: 0px 10px;}
.shop .linkstr .showall {padding-left: 10px;}

/* shop individual item */
.shop .item_detail {}
.shop .item_detail .info {margin-left: 50px;}
.shop .item_detail .infoleft {float: left; width: 308px; border: 1px solid #ddd; padding: 10px; text-align: center;}
.shop .item_detail .infoleft .imgcon { margin-top: 30px; }
.shop .item_detail .infoleft .moreImg { margin-top: 20px;text-transform: uppercase; }
.shop .item_detail h3, .shop .item_detail h3  a { color: rgb(85,53,129); margin-bottom: 0px; padding-bottom: 0px; text-decoration: none; }
.shop .item_detail .inforight {float: left; width: 280px; margin-left: 50px; background-color: #fff; z-index: 100; width:280px;}
.shop .item_detail .inforight .subcon {padding: 8px}
.shop .item_detail .inforight .subinfo { font-size: 90%; margin-top: 20px; clear: both; line-height: 1.7em;}
.shop .item_detail .inforight .subinfo a { color: rgb(85,53,129); }
.shop .item_detail .project {font-weight: bold; text-decoration: underline; margin-bottom: 3px;}
.shop .item_detail .title {font-weight: bold; font-size: 160%; margin: 20px 0px; background: url(/images/title-underline.jpg) no-repeat bottom left; padding: 20px 0px; font-family: Arial;  font-weight: normal; }
.shop .item_detail .writing {margin-top: 8px;}
.shop .item_detail .code { margin-top: 8px;}
.shop .item_detail .price { float: left; text-transform: uppercase; border: 1px solid #ddd; padding: 6px 4px; margin: 0px 10px 0px 0px; text-align: center; font-weight: normal; color: rgb(85,53,129); font-size: 94%;}
.shop .item_detail .infoleft .label {margin-top: 40px;}
.shop .item_detail .venues {margin-top: 0px;  padding-left: 0px; margin-left: 30px;}
.shop .item_detail .venues li {margin: 1px 0px 2px 0px}
.shop .item_detail .inforight table {width: 100%; margin: 0px 0px; padding: 0px; border-collapse: collapse}
.shop .item_detail .inforight table td { vertical-align: top; margin-left: 0px; padding-left: 0px;}
.shop .item_detail .inforight .label {padding: 6px 0px 3px 0px;}
.shop .item_detail form {  }
.shop .item_detail form select { padding: 0px; margin-left: 0px; width: 266px;}
.shop .item_detail .inforight .btn { position: relative; top: 0px;width: 80px; height: 26px; padding-bottom: 2px; text-transform: uppercase; font-size: 90%; font-weight: normal;}
.shop .item_detail .txtfield {width: 35px;}
.shop .item_detail .delegates {overflow-y: scroll; position: relative; width: 266px;}
.shop .item_detail .inforight .input {padding-left: 15px;}

.shop .item_detail .inforight .morepoints { overflow: visible; width:160px; text-align: center;text-transform: uppercase; float: left; background: rgb(130,130,130); color: #fff; height: 16px; padding: 5px 2px; }
.shop .item_detail .inforight .cClub_special_info { clear: both; padding: 8px; border: 1px solid #eee; line-height: 1.7em; }
.shop .item_detail .inforight .cClub_special_info { font-size: 90%; margin-top: 20px; }
.shop .item_detail .inforight .cClub_special_info a { color: rgb(85,53,129); }
.shop .item_detail .inforight .specialOrder { overflow: visible; float: left; width:160px; text-align: center; text-transform: uppercase; background-color: #3B3B55; color: #fff; padding: 6px 4px; }
.shop .item_detail .inforight .specialOrder a { color: #fff; display: block; height: 100%; text-decoration: none; outline: none; }
#slideBox { overflow: hidden; background-color: #fff; width: 280px;  }

.shop .item_detail .add {margin-top: 20px;}
.shop .item_detail .add .title { padding-bottom: 5px;}
.shop .item_detail .add .imgcon {float: left; width: 80px; margin-left: 40px;}
.shop .item_detail .sim {margin-top: 20px;}
.shop .item_detail .sim .title { padding-bottom: 5px;}
.shop .item_detail .sim .imgcon {float: left; width: 60px; margin-right: 30px;}

.shop .item_detail .optionDropdown { clear: both;}

.shop .cat_overview.cclub { border: 0px solid #ddd; float: left; width: 298px; height: 200px; padding: 0px; }
.shop .cat_overview .cc_banner {  }
.shop .cat_overview .cc_banner .cc_banner_fadeblock {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  height: 30px; width: 100%;
  background-color: #000;
}
.shop .cat_overview .cc_banner .cc_banner_title {bottom:8px; color:#FFFFFF; display:block; position:absolute; text-align:center !important; width:100%; }


.item_thumb img {float: left; margin: 1px 6px 1px 0px;}

/* basket class (also used on the checkout & account page) */
.basket {}
.basket .pageTitle { margin-top: 40px; }
.basket .summary {width: 100%; margin: 20px 0px 18px 0px;}
.basket .summary td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 6px 10px; }
.basket .summary a {text-decoration: none;}
.basket .summary .label {}
.basket .summary .prod_img {width: 50px; float: left; margin-right: 5px;}
.basket .summary .total {font-weight: bold; border: none; color: rgb(85,53,129); }
.basket .summary .btn {border: none; width: 145px; padding: 0px 0px 2px 0px; margin-right: 10px; font-family: Verdana, "Trebuchet MS", Tahoma;}
.basket .summary .buttons { border: none; text-align: right;}

.basket .start {width: 100%;}
.basket .formbox h3, .basket .formbox h4 {margin-bottom: 2px;}
.basket .formbox p {margin-bottom: 17px;}
.basket .start td {/*width: 50%;*/} /* watch out for how these few lines override each other to get a specfic result */
.basket .formbox {}
.basket .start td, .checkout .formbox { padding: 11px; font-size: 100%;}
.basket .start td .formbox {width: auto; display: block; padding: 0px; background-color: transparent; border: none;}

/* checkout also used on the account page */
.checkout {}
.checkout .pageTitle { margin-top: 10px; }
.checkout .txtfield {width: 170px; margin-left: 0px;}
.checkout .btn {padding: 1px 4px;}
.checkout .row { padding-top: 4px; padding-bottom: 2px; height: 28px; }
.checkout .highrow { padding-top: 4px; padding-bottom: 2px; height: 40px;}
.checkout .row .label {margin-right: 2px;}
.checkout .row .value {font-weight: bold; margin-left: 5px;}
.checkout .form_c1 { display: inline; }
.checkout .form_c2 { display: inline; margin-left:10px; }
.checkout .short { float: left; width: 60px; position: relative; top: 4px; left: 0px;}
.checkout .form_c1 .txtfield {}

.checkout .stage {font-weight: bold; margin-bottom: 20px; font-family: Arial; }
.checkout .stage, .checkout .stage a { text-decoration: none;}
.checkout .stage .step {}
.checkout .stage .done, .checkout .stage .done a {color: rgb(110,225,46);}

.checkout .start {  }
.checkout .start .details h3 { font-family: Arial; font-size: 150%; color: rgb(85,53,129); margin-bottom: 10px; }
.checkout .start .details p { margin: 2px 0px; }
.checkout .start .details .detailsLeft { float: left; width: 290px;  padding: 10px; padding-left: 0px; line-height: 16px;}
.checkout .start .details .detailsRight { float: left; width: 290px; padding: 10px; line-height: 16px;}

.checkout .start .newsletter { border: 1px solid #ddd; padding: 10px; margin-bottom: 20px;width: 350px; background: url(/images/menu-gradient-concierge.jpg) repeat-x; }

.checkout .paytable { width: 100%;}
.checkout .paytable td {vertical-align: top; padding: 3px 3px; border: none; }
.checkout .paytable .label { font-weight: bold; border: none;}
.checkout .confirm h3 { color: rgb(85,53,129); }
.checkout .confirm .txtarea {width: 515px; height: 60px;}

.checkout .faillink {text-align: center;}

.checkout_popup { }
.checkout_popup li {margin-bottom: 10px;}


/* account */
.account {  }
.account .accLeft {float: left; width: 320px; }
.account .submenu { height: 25px; display: inline; font-size: 92%;}
.account .submenu p a, .account .submenu p a:visited {font-weight: normal; text-decoration: none; font-family: Arial; text-transform: uppercase; color: rgb(85,53,129);}
.account .submenu a:hover {text-decoration: underline !important;}
.account .submenu .item { display: inline; border-right: 1px solid rgb(110,225,46);}
.account .submenu .last { border-right: none; }
.account .submenu .item p { display: inline; margin: 0px; padding: 5px 10px 0px 10px; text-align: center; }
.account .submenu .first { padding: 5px 10px 0px 0px; }
.account .submenu p { display: inline;  }
.account .accRight {float: left; margin-left: 30px;width: 300px; }
.account .accRight .accHistory { text-align: right; margin-bottom: 10px; }
.account .accRight .accHistory a { color: rgb(85,53,129); }
.account .start {}
.account .start .txtfield {width: 160px;}
.account .newuser { width: 200px; }
.account .pageTitle { margin-top: 40px; }
.account .row { margin: 4px 0px; }
.account .details { margin-top: 20px; }
.account .details .yourDetails { line-height: 16px; margin-bottom: 20px; }
.account .details h3 { margin-top: 10px; }
.account .orderData { margin: 10px 0px; }

/* participants css */
.participant .summary { border: 1px solid #ddd; padding: 10px; margin: 20px 0px; background: url(/images/menu-gradient-concierge.jpg) repeat-x;}
.participant h3 { color: rgb(85,53,129); font-size: 160%; }
.participant h5 { font-weight: normal; }
.participant h5 .addPoints { color: rgb(85,53,129); font-size: 90%; }
.orderHistory { margin-top: 20px; width: 600px; }
.orderHistory th { padding: 6px 0px; color: rgb(85,53,129); border-bottom: 1px solid #ddd; padding-bottom: 10px;  }
.orderHistory tr td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: middle; }
.orderHistory a { color: rgb(85,53,129); }
.orderHistory .addPoints, .participant .orderHistory .viewHistory { font-size: 90%; }
a:hover { text-decoration: underline; }
.campaigns
.participant form, .campaigns form { margin-top: 20px; }
.participant .row , .campaigns .row { margin: 6px 0px; line-height: 22px; padding: 4px;  }
.participant .row label{ float: left; text-align: right; margin-right: 10px; width: 240px; }
.participant .row label .red { color: red; }
.participant .row .txtfield, .participant .row .txtarea { width: 240px; margin-bottom: 6px; color: rgb(100,100,100); }
.participant .row .txtarea { width: 244px; }
.participant .btns { width: 496px; border: none; text-align: right;}

/* search */
.searchpage {}
.searchpage h1.searchheader { font-size: 150%; font-weight: normal; }
.searchpage .search {margin-bottom: 20px;}
.searchpage .search .txtfield {margin-left: 0px;}
.searchpage span.title { font-weight: normal; text-decoration: underline; font-size: 125%;}
.searchpage .string, .searchpage .string:hover {text-decoration: none; line-height: 150%; color: #5e5e5e;}
.searchpage .searchformbox { border: 1px solid #ddd; padding: 10px; margin-bottom: 20px;width: 350px; background: url(/images/menu-gradient-concierge.jpg) repeat-x; }
.searchpage span { font-weight: normal; font-size: 70%; }
.searchpage .odd, .searchpage .even { padding: 10px 0px; }
.searchpage .odd { background-color: #fafafa; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; }

/* generic page */
.generic h3 {margin-bottom: 18px;}
.generic h4 {margin-bottom: 5px;}
.generic .summary {margin-bottom: 22px;}
.generic .summary a {text-decoration: none;}

/* contact css */
.contact .row { margin: 6px 4px; width: 265px; }
.contact .row .btn { float: right;}
.contact .row .label { display: block; margin: 5px 0px 4px; text-transform: uppercase; font-weight: 300; }
.details .row .label { display: block; margin: 5px 0px 4px; text-transform: uppercase; font-weight: 300; }
.contact .red { color: red; }

/* brochure request */
.brochure {  }
.brochure .content, .contactPop .content { width: 480px; }
.brochure .content a, .brochure .content a:visited, .contactPop .content a, .contactPop .content a:visited { text-decoration: underline; }
.brochure .content a:hover, .contactPop .content a:hover { text-decoration: none; }
.brochure form {padding: 0px; margin: 32px 0px 0px 350px; width: 270px;}
*:first-child+html .brochure form { margin-top: 12px; }
* html .brochure form { margin-top: 12px; }
.brochure .content { margin-top: 0px; }
.brochure h3 { color: rgb(85,53,129); font-family: "Trebuchet MS"; font-size: 180%; margin-left: 10px; }
.brochure p { color: #5e5e5e; margin-left: 10px; }
/*
.brochure .link { background: url(/images/Brochure-thumb.jpg) no-repeat left; margin: 10px auto; width: 250px;  }
.brochure .link a { display: block; height: 113px; width: 250px; line-height: 113px; padding-left: 85px; }
*/
.brochure .link { margin: 10px auto; width: 350px; margin-left: 274px;}
.brochure .link a { line-height: 113px; padding-left: 114px; }
.brochure .row, .brochure .submit { margin-top: 20px; width: 270px; }
.brochure .row label { float: left; width: 45px; text-align: left; padding-left: 12px; padding-right: 10px; color: #5e5e5e; line-height: 22px; }
.brochure .submit { text-align: right; width: 253px; }
.brochure .submit p { margin-top: 130px; }
.brochure .txtfield { width: 180px; }
.brochure .formNoErr { display: block; }
.brochure .formErr { padding-left: 66px; }

#brochure_popup {width:660px; height: 394px;}
.popup {position:absolute; top: -18px; left: 138px; display:none; background:white; border:2px solid #DADDE2; color: #96A0AC; font-family: Verdana; z-index: 100; }
.popup .contact_info {padding:20px 20px 0px 20px; background: url(/images/brochure.jpg) no-repeat bottom left; height: 374px; }
.popup .no_bg { background-image: none; }
.popup #pop_close {position:relative; left:100%; top:0;}
.popup #pop_close div { height: 20px; left: -29px; position: absolute; top: -1px; width: 20px;}
.popup #pop_close p {font-size: 138%; margin: 0; padding: 8px; text-align: center;}
.popup #pop_close a { text-decoration: none; color: rgb(85,53,129); }

/* contact popup */
#contact_popup {width:542px; height: 550px; left: 205px;}
* html #contact_popup { left: 140px; }
#contact_popup img { margin-left: 20px; }
#contact_popup .content { padding-left: 20px; color: #553581; }
#contactPop { margin-left: 10px; }

/* form buttons */
.low { background-color: rgb(169,166,197); }

/* form css */
.waitMsg {display: none; background: rgb(99, 99, 99); border: 3px solid rgb(255, 173, 99); width: 300px; text-align: center; position: absolute; top: 0px; left: 0px;}
.waitMsg p {padding: 10px 20px; font-size: 140%; color: #fff;}
.waitMsg .wImg {margin-bottom: 10px;}