/* --------------------------------------------------------------------------
   Page Layout
   -------------------------------------------------------------------------- */
#main-wrapper {
  margin:0 auto;
  width:950px;
  padding:0 8px;
  background:#fff url("/images/main-bg.gif") repeat-y scroll 0 0;
  display: block;
}

#main-wrapper-small {
  margin:0 auto;
  width:538px;
  padding:0 8px;
  background:#fff url("http://static.ecift.com/email/main/main-bg.gif") repeat-y scroll 0 0;
  display: block;
}

#header-wrapper {
  background:#fff;
}

#mainmenu-wrapper {
  background:#a60300;
  height:30px;
}

#main-bottom {
  margin:0 auto;
  width:950px;
  padding:0 8px;
  height:10px;
  background:url("/images/bottom-bg.gif") no-repeat scroll 0 0;
}

#main-bottom-small {
  margin:0 auto;
  width:538px;
  padding:0 8px;
  height:10px;
  background:url("http://static.ecift.com/email/main/main-bottom-bg.gif") no-repeat scroll 0 0;
}

#header, #mainmenu {
  margin:0 auto;
  width:950px;
  clear:both;
  overflow:hidden;
}

#header {
  padding:5px 0 1px;
}

#main {
  padding:0 5px;
  clear:both;
  overflow:hidden;
}

#content {
  clear:both;
}

#footer {
  clear:both;
}

#logo {
  float:left;
  /*margin:5px 20px 12px 3px;*/
}

#navmain {
  clear:both;
}

/* --------------------------------------------------------------------------
   Basic layout elements
   -------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Header
   -------------------------------------------------------------------------- */
#header #stats {
  float:right;
  margin:10px 10px 0 0;
}
#header #stats a {
  margin:0 10px 0 0;
  text-decoration:none;
}
#header #stats img {
  vertical-align:middle;
}

#header, #header #user_login a, #header #startpage_user_login a {
  color:#666;
}

#metamenu {
  float:right;
  margin:15px 3px 0 0;
  font-size:11px;
}

#metamenu li {
  margin:0;
  display:inline;
  border:solid #900;
  border-width:0 1px 0 0;
  padding:0 10px;
}
#metamenu li.last {
  border-width:0;
  padding:0 0 0 0;
}

/* --------------------------------------------------------------------------
   Main menu
   -------------------------------------------------------------------------- */
#mainmenu ul {
  margin:5px 10px 0 10px !important;
  margin:5px 5px 0 10px;
}
#mainmenu li {
  margin:0;
  padding:0;
  float:left;
}

#mainmenu a, #mainmenu a:hover {
  color:#fff;
  font-weight:bold;
  font-size:12px;
}
#mainmenu li a {
  border-left:1px solid #bb7675;
  padding:5px 15px 2px;
  display:inline-block; /* TODO: check IE! */
  position:relative;    /* position + z-index: hide left border of selected's sibling (see below) */
  height:12px;
  line-height:15px;
  z-index:1;
}
#mainmenu li.first a {
  border-left-width:0;
}
#mainmenu li a.selected {
  background-color:#e9e9e9;
  background-image:none; /* IMPORTANT: for ie6 */
  border:solid #fff;
  border-width:3px 3px 0 3px;
  padding:3px 16px 8px;
  height:14px;
  color:#900;
  margin-right:-2px;  /* negative margin + z-index: hide left border of selected's sibling (see above) */
  z-index:10; /* IMPORTANT: not more than 90, causes problems with lightbox-overlay otherwise */
  margin-bottom:expression("-8px");
}

/* --------------------------------------------------------------------------
   Sub menu
   -------------------------------------------------------------------------- */
#submenu {
  padding:5px;
  background-color:#e9e9e9;
  border-style:solid;
  border-color:#fff;
  border-width:3px 0;
  margin:0 -2px 10px;
  overflow:hidden;
  height:expression("100%");
}

#submenu ul {
  margin:0px 8px 0px 14px;
}

#submenu li {
  margin:0;
  padding:0;
  float:left;
}

#submenu a, #submenu a:hover {
  font-size:12px;
}

#submenu li a {
  border:1px solid #e9e9e9;
  padding:4px 14px;
  display:inline-block; /* TODO: check IE! */
  position:relative;    /* position + z-index: hide left border of selected's sibling (see below) */
  z-index:1;
}
#submenu li a.selected {
  background-color:#fff;
  background-image:none; /* IMPORTANT: for ie6 */
  border:1px solid #ccc;
}


/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
#footer {
  border-top: 3px solid #a60300;
  color:#8c8c8c;
  font-size:11px;
  margin:0 auto;
  text-align:center;
}
#footer p {
  margin:20px 0;
}
#footermenu {
  margin:20px 0;
}
#footermenu a, #footermenu a:hover {
  color:#8c8c8c;
  text-decoration:none;
}
#footermenu li {
  margin:0;
  display:inline;
  border:solid #8c8c8c;
  border-width:0 1px 0 0;
  padding:0 10px;
}
#footermenu li.last {
  border-width:0;
  padding:0 0 0 10px;
}

/* --------------------------------------------------------------------------
   Content
   -------------------------------------------------------------------------- */
#content {
  background:#eee url("/images/content-bg.gif") repeat-x scroll 0 0;
  overflow:hidden;
  margin-top:0;
  height:expression("100%");
}
.content-inner {
  margin:20px 0 10px;
  overflow:hidden;
}

/* --------------------------------------------------------------------------
   Columns, rows
   -------------------------------------------------------------------------- */
.row {
  clear:both;
}

* html .row {
  clear:both;
  height:expression("100%");
}

.row-seperator {
  clear:both;
  border-bottom:1px solid #ddd;
  margin-bottom:12px;
  padding-top:8px;
  font-size:0px;
  line-height:0px;
}
.column-main {float:left; width:66.666%; overflow:hidden;}
.column-main-inner {margin-left:10px; overflow:hidden;}
.column-sub {float:right; width:33.333%; overflow:hidden;}
.sidebar {margin-top:37px; margin-left:13px; overflow:hidden;}

.column-centered {text-align:center;}

.column-left {padding-right:10px; overflow:hidden;}
.column-right {padding-left:10px; overflow:hidden;}
.column-middle{padding:0 10px; overflow:hidden;}
.column-content {padding:10px; overflow:hidden;}

.column-half {width:49.111%; width:expression("49.111%"); overflow:hidden;}
.column-quarter {width:24.666%; overflow:hidden;}
.column-third {width:33.333%; width:expression("32%"); overflow:hidden;}
.column-2third {width:66.666%; overflow:hidden;}
.column-90 {width:90%; width:expression("89%"); overflow:hidden;}
.column-95 {width:94%; overflow:hidden;}
.column-85 {width:85%; overflow:hidden;}
.column-80 {width:79%; overflow:hidden;}
.column-75 {width:74%; overflow:hidden;}
.column-65 {width:65%; overflow:hidden;}
.column-60 {width:59%; width:expression("59%"); overflow:hidden;}
.column-45 {width:44%; width:expression("44%"); overflow:hidden;}
.column-40 {width:38%; width:expression("37%"); overflow:hidden;}
.column-20 {width:18%; overflow:hidden;}
.column-15 {width:13%; overflow:hidden;}

/* --------------------------------------------------------------------------
   Floating boxes
   -------------------------------------------------------------------------- */
.float-left {float:left;}
.float-right {float:right;}

/* --------------------------------------------------------------------------
   Boxes
   -------------------------------------------------------------------------- */
.box-info, .box-panel {
	border:2px solid #fff;
	height:expression("100%");	
}
h2.section-header, .section-header-pager {
  background-color:#fff;
  margin:0 auto;
  padding:0 10px;
  line-height:36px;
  height:37px;
}
h2.section-header {
  font-size:16px;
  border-bottom:1px solid #ddd;
}

h4.section-header {
  background-color:#fff;
  margin-bottom:10px;
  padding:0 10px;
  line-height:30px;
  height:29px;
  font-size:14px;
  border-bottom:1px solid #ddd;
}

h2.section-header-payment {
  font-size:16px;
  border-bottom:1px solid #ddd;
  background-color:#fff;
  margin:0 auto;
  padding:0 10px;
  line-height:36px;
  min-height:37px;
}

h4.section-header {
  background-color:#fff;
  margin-bottom:10px;
  padding:0 10px;
  line-height:30px;
  height:29px;
  font-size:14px;
  border-bottom:1px solid #ddd;
}

div.section-header-wrapper {
  font-size:16px;
  border-bottom:1px solid #ddd;
  background-color:#fff;
}

.box-info h3 {
  border-top:1px solid #ddd;
  font-weight:bold;
  font-size:13px;
  margin:0 auto;
  padding:0 10px;
  line-height:36px;
  height:37px;
}

.box-content {
  background-color:#f7f7f7;
  padding:10px;
}

.box-margin {margin:10px;}
.box-margin-top {margin-top:10px;}
.box-margin-right {margin-right:10px;}
.box-margin-bottom {margin-bottom:10px;}
.box-margin-left {margin-left:10px;}

.box-padding {padding:10px;}
.box-padding-top {padding-top:10px;}
.box-padding-right {padding-right:10px;}
.box-padding-bottom {padding-bottom:10px;}
.box-padding-left {padding-left:10px;}

.box-teaser {
	line-height: 1.2;
	margin-top: 0px;
	width: 290px;
	background: #f7f7f7;
}

.box-teaser .box-info h4 {
	border-bottom: 1px solid #e7e7e7;
	font-weight: bold;
	padding-bottom: 4px;
	margin-left: 10px;
}

.box-teaser .box-info {
	padding: 8px 10px 3px 0px;	 
	border: 1px solid #e7e7e7;
}

.box-explanation {
  background-color:#e6e6e6;
  font-size:12px;
  line-height:12px;
  margin:3px 0;
  padding:5px 7px 6px;
  font-weight:normal !important;
}
.box-explanation.white {
  background-color:#fff;
}

/* special width for registration form */
#register .box-explanation {width:327px;}

.box-bordered {border:1px solid #fff;}