/*structure*/

body {
  background:#e7b6b9 url(/media/images/main/heart_tile.jpg) repeat;
  color:#fff;
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
  /*font-size: 14px;*/
  font-size: 15px;
  height: auto;
  height: 100%;
  margin: 0 auto;
  min-height: 100%;
}

#container {
  background:url(/media/images/main/main_bg.gif) top right repeat-y;
	margin:0 auto;
	min-height:600px;
	width:926px;
  text-align:left;
}

#header { 
  background:url(/media/images/main/header_bg.gif) center no-repeat;
  height:188px;
  padding:0 12px 0 12px;
  width:902px;
}
#header img {
  border:none;
  margin:55px 0 0 274px;
}

#ads { 
  padding:0 10px;
  text-align:center;
  width:902px;
}

#navigation {
  background:#CB2C29;
  height:48px;
  margin:0 10px 0 11px;
}
#navigation ul {
  list-style-type:none;
  margin:0;
  padding:0;  
  text-align:center;
}
#navigation ul li {
  display:inline;
  /*font-size:110%;*/
  font-size:105%;
  text-transform:capitalize;
  list-style-type:none;
  margin:0;
  padding:20px 0 0 0;

}
#navigation ul li a {
  color:#fff;
  line-height:3em;
  padding:10px;
  text-decoration:none;
}
#navigation ul li a:hover { font-weight:bold;}

#submenu {
  color:#FDF4F5;
  text-align:right;
  padding-right:13px;
  height:0px;
}
#submenu a {
  color:#CB2C29;
  padding:5px;
}
.twitter {font-size:93%;}
#sidebar {
  background:#F2D8DB;
  float:right;
  padding:0 10px 20px 10px;
  width:210px;
}
#sidebar img {
  border:none;
  padding-top:10px;
}
.home-sidebar {
  margin:58px 0 0 0;
}
#main {
  background:#f7e6e7;
  color:#333;
  line-height:2em;
  margin:0 11px 0 13px;
  padding:15px;
  width:872px;
}
#main strong {
  font-size:110%;
}
/*#main em {
  background:#E8C5C9;
}*/
#main ul, #sidebar ul {
  margin:0 0 0 14px;
  padding:0;
}
#main ul li, #sidebar ul li {
  font-size:93%;
  line-height:1.5em;
  list-style-image:url(/media/images/heartbullet.png);
  margin:0 0 0 10px;
  padding:10px 0 0 0;
}
#main ul li strong {
  line-height:2em;
}
#main .right {text-align:right;}
#main p a, .faqlist a, #main li a {
/*  background:#fff;*/
  color:#CB2C29;
  text-decoration:none;
}
#main p a:hover, .faqlist a:hover, #main li a:hover {
/*  background:#CB2C29;*/
/*  color:#fff;*/
  text-decoration:underline;
}
#main img {border:none;}
/* Carousel */

/* HOME */
#steps {float:left;margin-top:10px;}
#steps li {
  margin:0 0 18px !important;
}
#home-carousel {
  float:left;
  margin-left:30px;
}

/* template gallery slideshow*/
#main .carouselcontrols {
  margin-left:170px;
}
#main .carouselcontrols img {
  height:384px;
  width:512px;
}
#main .carouselcontrols .next {
  color:#CB2C29;
  float:right;
  text-decoration:none;
}
#main .carouselcontrols .prev {
  color:#CB2C29;
  float:left;
  padding-left:10px;
  text-decoration:none;
}

/*Template colours*/
.colour_selector {float:left;text-transform:capitalize;width:100px;}

.hotpink {background:#FF69B3;color:#FF69B3;}
.palepink {background:#FFB5C6;color:#FFB5C6;}
.pink {background:#fab5f6;color:#fab5f6;}
.redtemplate {background:#d86a67;color:#d86a67 !important;}
.green {background:#9cd489;color:#9cd489;}
.turqoise {background:#65c7c8;color:#65c7c8;}
.skyblue {background:#63b8ff;color:#63b8ff;}
.paleblue {background:#90cfe6;color:#90cfe6;}
.purple {background:#b452cd;color:#b452cd;}
.yellow {background:#f7dc69;color:#f7dc69;}
.plum {background:#9f73a9;color:#9f73a9;}
.lightpurple {background:#bc98f7;color:#bc98f7;}


.hotpink, .palepink, .pink, .redtemplate, .green, .turqoise, .skyblue, .paleblue, .purple, .yellow, .plum,.lightpurple {
  font-size:1px;
  height:60px;
  width:60px;
}
/**/

#main ul .home_carousel {
  height:202px;
  list-style-image:none !important;
  list-style-type:none !important;
  width:270px;
}
.reg_carousel {
  height:375px;
  list-style-image:none !important;
  list-style-type:none;
  width:500px;
}
/* FORMS */
#sidebar .submit {
/*  margin:0 0 0 105px !important;*/
  margin:0 0 0 1px !important;
}
#main .submit {
  margin:10px 0 0 180px;
}
#create, #register {
  font-size:73%;
}
#create label, #register label {
  display:inline-block;
  font-size:130%;
  text-align:right;  
  width:166px;
  vertical-align:top;
}
#create input, #register input {
  clear:left;
  display:inline-block;
}
#create .help, #register .help {
  margin-left:170px;
}
#create .errorlist, #register .errorlist {
  color:#CB2C29;
  font-size:110%;
  list-style-type:none;
}

/* Headings */
h1 {
  color:#CB2C29;
  /*font-size:170%;*/
  font-size:130%;
  margin:0;
  padding:0;
}

h2 {
  color:#CB2C29;
  font-size:110%;
  margin:0;
  padding:0;
}

.showgroup h1 {
  cursor:pointer;
}

/* createwebsite tempalte gallery */
.template_photo {
  float:left;
  margin-right:20px;
}
.template_photo p {
  margin:0;
  padding:0;
}

/* Misc */
.cb {clear:both;}
.cbl {clear:left;}

/* Add Ons */
#main #create ul li{
  list-style-image:none;
  list-style-type:none;
  margin:0;
  padding:0;
}
#main #create ul li label {width:100px;}
#main #create p label {width:211px;}
/*#main #create p label {width:112px;}*/

.red {color:#CB2C29;}
.helptext {font-size:125%;}

/*ABOUT */
.about-image {
  float:right;
  padding:80px 10px 0 20px;
}
.about-image p {
  font-size:83%;
  margin-top:0;
  padding-top:0;
  text-align:center;
}
/*FOOTER*/
#footer {
  margin-right:30px;
  padding-bottom:30px;
  text-align:center;
}
#footer li {
  color:#ccc;
  display:inline;
  list-style-type:none;
  padding-right:10px;
}
#footer a {
  color:#333;
  font-size:83%;
  text-decoration:none;
}
#footer a:hover {
  text-decoration:underline;
}

/*PRICING*/
#pricing-list .col {
  background:#FCF5F5;
  float:left;
  line-height:1.3em;
  margin-right:10px;
  width:280px;
}
#pricing-list .col h1 {
  padding-top:10px;
  text-align:center;
}
#pricing-list .col .col-top {
  height:380px;
  padding:5px 5px 0 5px;
}
#pricing-list .col .col-bottom {
  background:#FCF5F5;
  height:145px;
  font-size:87%;
  padding:5px 5px 0 5px;
}
#pricing-list .col .col-bottom img {
  height:40px;
  margin-left:61px;
  margin-top:10px;
}
#pricing-list .col button {
  background:#2A78CB;
}

/*FEATURE LIST*/
h3 {
	margin: 0;	
	padding: 7px 0 0 0;
	font-size: 16px;
	text-transform: uppercase;
}

div#feature_list {
/*  width: 750px;*/
	/*height: 260px;*/
  height: 295px;
	overflow: hidden;
	position: relative;
}

div#feature_list ul {
	position: absolute;
	top: 0;
	list-style: none;	
	padding: 0;
	margin: 0;
}

ul#tabs {
	left: 0;
	z-index: 2;
	width: 300px;
}

ul#tabs li {
	font-size: 12px;
	font-family: Arial;
}

ul#tabs li img {
	padding: 5px;
	border: none;
	float: left;
/*  margin: 10px 10px 0 0;*/
	margin: 0 10px 0 0;
}

ul#tabs li a {
/*  color: #222;
  text-decoration: none;  
  display: block;
  padding:10px 0px 10px 10px;
  outline: none;
*/	
  color: #222;
	text-decoration: none;	
	display: block;
	padding:10px 1px 20px 10px;
	outline: none;
}

ul#tabs li a:hover {
	text-decoration: underline;
}

ul#tabs li a.current {
	background:  url('/media/images/featurelist/feature-tab-current.png') right no-repeat;
	/*color: #CB2C29;*/
	color: #fff;
}

ul#tabs li a.current:hover {
	text-decoration: none;
	cursor: default;
}

ul#output {
	right: 10px;
	width: 320px;
	height: 200px;
	position: relative;
}

ul#output li {
	position: absolute;
	width: 320px;
	height: 200px;
}

ul#output li a {
	position: absolute;
	bottom: 10px;
	right: 10px;
	padding: 8px 12px;
	text-decoration: none;
	font-size: 11px;
/*  color: #FFF;*/
	background: #F2D8DB;
	-moz-border-radius: 5px;
}

ul#output li a:hover {
	background: #D33431;
	color:#fff;
}

/* defaulting feature list */
#feature_list ul li {
/*  line-height:1.1em;*/  
  margin:0 !important;
  list-style-image:none !important;
  list-style-type:none !important;
}