/* Header Styles */

#container-header {
	/*background: url("../images/bg-header.jpg") #000;*/
	background: #000;
	overflow: hidden;
	
}

.more-nav-overflow {
	overflow: hidden;
}

.small-header {
	min-height:314px;
}


#header {
	width: 850px;
	margin:0px auto 5px auto;
	margin-bottom:0px;
}

#logo {
	float:left;
	margin:10px 0px 12px 8px;
	margin-left:0px;
}

#usp {
	float:left;
	font-size:14px;
	color:#cccccc;
	margin:26px 0 0 20px;
	text-transform: ;
}

#login {
	float:right;
	margin-right:5px;
	margin-top:27px;
}

#login sup {
	color:#ababab;
	font-size:10px;
	padding:0px 10px;
	bottom:0.4ex !important;	
}

#login a {
	color:#c3c3c3;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}

#login a.register {
	color:#f4f4f4;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}


.login-sign-up-button {
	float:right;
	margin-right:5px;
	margin-top:26px;
}

.login-sign-up-button-img {
	float:right;
	margin-right:0px;
	margin-top:21px;
}

.login-sign-up-button a {
	color:#c3c3c3;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
}
.login-sign-up-button a:hover {
	color:#fff;
	text-decoration: none;	
}

.login-sign-up-button sup {
	color:#ababab;
	font-size:10px;
	padding:0px 10px;
	bottom:0.4ex !important;	
}

.login-sign-up-button a.register {
	color:#f4f4f4;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	display:block;
	float:right;
	margin-top:-8px;
}

#title-desc {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#f2f2f2; font-size:14px; font-weight:100; margin:10px 0 40px 10px; float:left; width:500px; letter-spacing:1px;}
#title-desc-full {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color:#f2f2f2; font-size:14px; font-weight:100; margin:10px 0 40px 10px; float:left; width:900px; letter-spacing:1px;}
#title-cta {float:right;margin:17px 0px 0 0;  color:#f2f2f2;}
#title-cta-templates {float:right;margin:0px 10px 0 0;  color:#f2f2f2;}

#promo-area-home {
/*	background: url("../images/bg-promo.gif");*/
	height:500px;
	margin-bottom: 0px;
}

#promo-area {
	background: url("../images/bg-promo.gif");
	height:40px;
	margin-bottom: 0px;
}

#promo {
	width: 850px;	
	margin:0px auto 0px auto;
/*  height:410px;*/
}

#promo-area-tabs {
	width: 850px;	
	margin:0px auto 0px auto;
}

#promo-lighting {
	background: transparent url(../images/bg-lighting.png) no-repeat scroll center 0;
}




.nav-stripe {
	height:90px;
	/*background: url("../images/bg-nav.png");*/
	background:#0066bb;
}
.nav-stripe-manager {
	background:#00bb33;
}
.nav-stripe-manager-admin {
	
	background:#006600;
}
.nav-stripe-manager-reseller {
	
	background:#009900;
}


.nav {
	width: 850px;	
	margin:0px auto 0px auto;
}

#phone {
	/*background: url("../images/nav-sep.gif") no-repeat scroll left 0;*/
	color:#cccccc;
	margin-top:10px;
	margin-right:3px;
	padding-left:0px;
	font-size:14px;
	font-weight: normal !important;
	float:right;
}
.nav #phone a {
	display: block;
	float: left;
	margin:0px 10px 2px 0px;
	padding:0 0 0 20px !important;
	font-size: 14px;
	color:#cccccc;
	text-decoration: none;
	text-transform:none;
}
.nav #phone a:hover {
	text-decoration: underline;
	background: none;
}

.nav ul {
	list-style: none;
	margin: 5px 0 0 0;
	float: left;
	
}

.nav ul.manager {
	list-style: none;
	margin: 0px;
	float: none;
	padding:5px;
	height:33px;
	clear:both;
	
}
.nav ul ul {
	display: none;
}
.nav li {
  display: inline;
  float:left;
}
.nav a, .nav .title {
	display: block;
	float: left;
	margin:0px 5px 2px 0px;
	padding:5px 10px 5px 10px;
	font-size: 14px;
	color:#dddddd;
	text-decoration: none;
	text-transform: uppercase;
}

.nav-manager a
{
	color:#fff;
}

.nav .title
{
	font-weight:bold;
	text-transform:none;
}

.nav li.current_page_item a,
.nav li.current_page_parent a,
.nav li.current_page_ancestor a,
.nav a:hover {  
  background:#fff;
  color:#000;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

.nav a:hover {  
  background:#fff;
  color:#555;
}
.nav a:active { background:#fff; color:#000;}


/*.nav li.current_page_item a {color:#fff;}
.nav li.current_page_parent a {color:#fff;}
.nav li.current_page_ancestor a {color:#fff;}
*/



#promo-tabs {
	float:left;
	clear:both;
	margin:0px 0 10px -10px;
}
#promo-tabs ul {
	list-style: none;
	margin: 0;
	float: left;
	margin-left:20px;
}
#promo-tabs ul ul {
	display: none;
}
#promo-tabs li {
	display: inline;
}

#promo-tabs img {
	display: block;
	float: left;
	margin:3px 10px 0px 10px;
	font-size:12px;
	color:#666;
	text-decoration:none;
}

#promo-tabs a {
	display: block;
	float: left;
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#666;
	min-width:128px;
	text-decoration:none;
}
#promo-tabs a:hover {text-decoration: none; color:#000;}
#promo-tabs a.off:hover {text-decoration: none; color:#000;}

#promo-tabs a span {
	text-transform: uppercase;
	font-size: 18px;
	line-height:14px;
}

#promo-tabs a.on {
	color:#b4b4b4;
	background: url("../images/tab-1-on-a.png");
	height:61px;
}

#promo-tabs a.off {
	color:#666;
	background: none;
	height:61px;
}


#promo-tabs a div {
	padding:14px 0px 0 20px;	
}

#promo-tabs a.on div {
	padding:14px 0px 0 20px;
}


#header-shadow {
	background: url("../images/header-shadow.png") repeat-x 0 0;
	height:12px;
}


#promo-tabs a#promo6.on {
	color:#b4b4b4;
	background: url("../images/tab-6-on.png");
	height:61px;
}



/* Variant Control Cog menu */

.cog-menu {
  position:relative;
  text-align:right;
  float:left;
  margin-top:19px;
}
.cog-menu img {
  vertical-align:top;
}
.cog-menu .cog {
/*   background:url(../images/ui/pages-variant-cog.png) no-repeat 0 0; */
/*   background-position:0 -24px; */
/*   width:38px; */
  background:url(../images/nav-more-arrow.png) 36px -24px no-repeat transparent;
  height:24px;
  line-height:24px;
  display:block;
  padding:1px 30px 0 10px;
  float:right;
  text-align:left;
  font-weight:normal;
  font-size: 14px;
  text-transform: uppercase;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  color:#b3b3b3;
}
.cog-menu.list-open .cog,
.cog-menu .cog:hover {
  background:url(../images/nav-more-arrow.png) 36px -48px no-repeat #000;
  cursor:pointer;
  color:#fff;
}


.cog-menu ul.cog-options {
  width:180px;
  display:none;
  position:absolute;

  margin:24px 0 0 0 !important;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:1px;
  background:#222;
}
.cog-menu ul.cog-options li {
  text-align:left;
  display:block;
  font-size:14px;
}
.cog-menu ul.cog-options li:last-child {
  border-bottom:none;
  -moz-border-radius:0 0 3px 3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
}
.cog-menu ul.cog-options li a,
.cog-menu ul.cog-options li button {
  padding:8px 10px 8px 12px;
  display:block;
  color:#b3b3b3;
  text-shadow:none;
  text-decoration:none;
  font-weight:normal;
  text-transform: none !important;
}
.cog-menu ul.cog-options li:first-child a,
.cog-menu ul.cog-options li:first-child button {
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
}
.cog-menu ul.cog-options li:last-child a,
.cog-menu ul.cog-options li:last-child button {
  -moz-border-radius:0 0 3px 3px;
  -webkit-border-bottom-left-radius:3px;
  -webkit-border-bottom-right-radius:3px;
}

.cog-menu ul.cog-options li a:hover,
.cog-menu ul.cog-options li button:hover {
  /*background-color:#154679 !important;*/
  color:#fff;
  text-transform: none;
}
.cog-menu ul.cog-options li button {
  border:0;
  width:100%;
  text-align:left;
}