@charset "utf-8";


/* ---------- Don't need once launched ---------- */


.cake-sql-log{height: 0; bottom: -1px; display: none;}





body {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
}
body#sub{}
body#vendor{position:relative }
.clear {
	clear: both;
}

a:link, a:visited , a{
	cursor: pointer;
	color: #528036;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
color: #528036;
text-decoration: none;
outline:none;
}

/* ---------- Typography ---------- */

p {font-size:12px;
	line-height: 18px;
	margin-top: 15px;
}
#sub p{font-size: 14px;}
h1 {
	font-size: 24px;
	
	text-transform: uppercase;
	color: #FFFFFF;
}
h2, h4 {
	font-size: 14px;
	color: #565656;
	text-transform: uppercase;
	padding-top: 20px;
}
h3 {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-bottom: 5px;
}
h4 {
	font-size: 18px;
}



ul.normal{list-style-type:disc; list-style-position:outside; font-size:14px; line-height:18px; margin:10px 0;}
ul.normal li{margin-left:40px;}

/* ---------- Header ---------- */


#header p {
	font-size: 12px;
	color: #FFFFFF;
}
#top_white {
	background: url(../img/top_white.jpg) repeat-x #ffffff;
	height: 10px;
	z-index:-1;
}


#wrapper {
	background: url(../img/header_back_burst.jpg) 0 -20px no-repeat #7491b5;
}

#sub_header_wrap{background: #7491b5 url(../img/header_back_burst.jpg) 0px -20px no-repeat; border-bottom:1px solid #56729b;}
#sub_header_wrap .signupButton{background-color:rgba(255,255,255,.5); padding:5px;position:absolute; top:30px; right:0px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;-webkit-box-shadow: 0 0px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,.2);
	box-shadow: 0 0px 5px rgba(0,0,0,.2);
}
#sub_header_wrap h1.freeTrial{position:absolute; top:18px; right:0px; font-size:30px;}
#sub_header_wrap .signupButton span{ text-transform:uppercase;
	display: block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: 10px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #627ea6;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#D1E1EA));
	background: -moz-linear-gradient(top,  #fff,  #D1E1EA);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#D1E1EA');
}
#sub_header_wrap .signupButton:hover span{color:black !important;}
#sub_header_wrap .signupButton:hover{ -webkit-box-shadow: 0 0px 5px rgba(0,0,0,.8);
	-moz-box-shadow: 0 0px 5px rgba(0,0,0,.8);
	box-shadow: 0 0px 5px rgba(0,0,0,.8);}


#header_wrap {
	/* background: url(../img/texture_bg.png) repeat; 
	background: url(../img/header_bg_blue.png) no-repeat center 30px;  */
	padding-bottom: 40px;
	height:300px;
	border-bottom:1px solid #56729b;
}

#header {
	width: 940px;
	margin: 0 auto;
	position:relative;
	top:-20px;
	z-index:20;
}
#sub #header{top:0;}

#logo_menu {
	overflow: hidden;
}

#vendor #logo{top:-5px;}
#logo {
	float: left;
	padding:0;
	position:relative; top:-10px;
	margin:0 0 0 0;
}

/* ---------- Menu ---------- */
#navigation{width:100%; background:url(../img/blue_header_bg.png) repeat-x; border-bottom:3px solid rgba(255,255,255, 0.2); /*border-bottom:2px solid rgba(16, 46, 90, 0.1);*/ 
height:53px; padding:14px 0 7px 0; z-index:5 !important;}
	
	
	#navigation ul{float:right; position:relative; list-style-type: none; font-size:15px;height:44px; margin:0; padding:0;}
	
	#navigation li a.green{color:#98ba41 !important; font-size:16px; position:relative; top:-2px; }
	#navigation li a.green:hover{text-shadow:1px 1px 1px #163d6f!important; color:#d1e1f6!important;}
	
	#navigation li a.large{color:#fff !important; font-size:18px; position:relative; top:-2px; }
	#navigation li a.large:hover{text-shadow:1px 1px 1px #163d6f!important; color:#a7c2e6!important;}
	
	 #navigation li.current a{border:1px solid #3d6495; color:#fff!important; -webkit-border-radius: 10px;
-moz-border-radius: 10px; background-color:#5278a9;
border-radius: 10px;}
	#navigation li.current a:hover{color:#fff;}

	#navigation li{float: left; display: inline;}
	#navigation li a{font-size: 0.8em; float: left;  text-shadow:1px 1px 1px #092b57;  display: inline; text-decoration:none; text-transform: uppercase; font-weight: bold; text-align: center; color:#fff; padding:5px 10px 3px 10px; margin-top:9px; font-family:Helvetica, Arial, sans-serif; width: auto;}
	#navigation li:last-child a{padding-right:0;}
	#navigation li.current:last-child a{padding-right:10px;}
	#navigation li a:hover{text-decoration: none; color:#a7c2e6; }
	#navigation li:hover{}
	.login-nav{float: left; display: inline; height:53px; background:url(../img/brd.png) no-repeat 0 0; padding-left:2px; margin: 0 6px; }
	
	.loggedIn{float:right; font-size:10px; position:relative; padding:5px 0 0 50px;}
	.loggedIn a{color:#fff;}
	
	/*




#menu_wrap {
	float: right;
}
#menu {
	height: 37px;
	float: left;
	padding-top: 2px;
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	background:url(../img/menu_repeat.jpg) repeat-x;
}
#menu li {
	float: left;
}
#menu li a {
	text-decoration: none;
	color: #696969;
	padding: 5px 15px 3px 15px;
}
#menu_left {
	width: 36px;
	height: 24px;
	background: url(../img/menu_left.png) no-repeat ;
	display: block;
	float: left;
}
#menu_right {
	width: 36px;
	height: 24px;
	background: url(../img/menu_right.png) no-repeat ;
	display: block;
	float: left;
}
*/
/* ---------- Intro text ---------- */

#intro_text {
	width : 400px;
	margin-top: 45px;
	height:240px;
	overflow: hidden;
	text-align:left;
}

#intro_text a{position:relative; top:20px;}
#intro_text a:first-child{top:0;}
#intro_text .tryItButton{margin-right:20px;}

#intro_text h1, #intro_text p, {color:#56729b;}

#intro_text h1{letter-spacing:-2px; font-size: 32px; word-spacing: 3px; line-height:normal; text-transform:none; margin:0; padding: 5px 0; text-shadow:1px 1px 1px #4d6c98; font-weight: normal; color:#000;}

#intro_text h2{padding-top: 10px;}
	
		
		/* ---------- Button ---------- */
		
		a.frontButton {
			width: 185px;
			height: 47px;
			margin: 20px 20px 0px 0;
			background: url(../img/top_button.png) top left;
			display: block;
			float: left;
			color: #ad5000;
			font-size: 16px;
			text-transform: uppercase;
			text-decoration: none;
			text-align: center;
			line-height: 45px;
		}
		a.frontButton:hover {
			background-position: bottom left;
			color:#542e00;
		}
		
		div.frontTour{position:relative; float:left; margin:30px 0 0 0; font-size:12px; padding-top:5px;}
		div.frontTour a{ color:#000; text-decoration:underline;}
	

#intro_text_subpage h1{
color:#FFFFFF;
font-size:52px;
font-weight:800;
text-transform:none;
line-height:normal;
margin:3px 0 0 0;
padding: 20px 0;
}

#intro_text_subpage {
	margin: 0;
	padding: 0;
}
 body#vendor #intro_text_subpage{height:30px;}

#intro_text_full {
	margin-top: 75px;
	margin-bottom: 75px;
	padding-right: 0px;
	overflow: hidden;
}

.screenshot{position:absolute; top:2px; right:0;}

/* ---------- Content ---------- */
#clients, #bottom-signup {padding-top: 50px; border-top: 1px solid #d5d5d5; }

#content_wrap {
	background: url(../img/white_content_bg.jpg) top left repeat-x #ffffff;
	padding-top: 40px;
	border:0px;
	display:block;
	position:relative;
}
body#vendor #content_sub{border-top:1px solid #56729B;}
body#vendor #navigation{background:#7491B5 url(../img/header_back_burst.jpg) 0 -100px no-repeat;}

#content_sub {background: #ffffff; padding: 40px 0; border:0px; min-height:300px; display:block; position:relative;}
table, tr{width:100%;}
table.packages td{ height: 35px; }
td{width: 250px; margin: 0; padding: 0;vertical-align: middle;}
td.left{width: 425px !important; text-align: left; padding-left: 5px; font-weight: 900; font-size: 13px;}
td, th{text-align: center;}
td small{font-size:10px; text-align:left;}
.oddrow{background-color: #efefef;}
.view_all img:hover{cursor:pointer;}

#content_sub h2{font-weight: normal; font-size: 32px; text-transform: none; padding: 0; color: #000; letter-spacing: -1px;}

#content {
	width: 940px;
	margin: 0 auto;
	padding-bottom: 50px;
}
#left {
	width: 432px;
	float: left;
	overflow: hidden;
}
#right, #right_portfolio {
	width: 465px;
	float: right;
	margin-top: -255px;
}
#left_subpage {
	width: 432px;
	position: relative;
	float: left;
	overflow: hidden;
	margin-top: -120px;
}
#right_subpage {
	width: 405px;
	position: relative;
	float: right;
	margin-top: -200px;
	background: url(../img/right_subpage_bg.png) top left no-repeat ;
	padding: 7px 27px;
}
#right_portfolio {
	margin-top: -175px;
}
.floatimg {
	float: left;
	margin: 0px 30px 10px 0px;
}
.text_block {
	background: url(../img/div_shadow.png) bottom no-repeat;
	overflow: hidden;
	padding-bottom: 50px;
}
.text_block_nosep {
	background: none;
	overflow:hidden;
}
.small_button {
	width: 106px;
	height: 24px;
	display: block;
	margin-top: 20px;
	line-height: 25px;
	background: url(../img/small_button.png) top left no-repeat;
	text-align: center;
	color: #ad5000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}
.small_button:hover {
	background: url(../img/small_button.png) bottom left no-repeat;
}

/* ---------- Homepage ---------- */

#laptop {
	width: 388px;
	height: 261px;
	padding: 41px 0px 0px 72px;
	background: url(../img/laptop.png) top left no-repeat;
}
#from_the_blog {
	overflow: hidden;
}
.blog_small {
	margin-top: 20px;
	height: 75px;
}
.blog_small_text {
	float: left;
	width: 300px;
	margin-left: 20px;
}
.blog_small_text a {
	color: #565656;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.blog_small_text a:hover {
	text-decoration: underline;
}
#recent_project ul {
	margin-top: 20px;
}

/* ---------- Homepage ---------- */

.featureimg {
	border: #e6e6e6 5px solid;
	margin: 15px 15px 10px 0px;
}

/* ---------- Packags ---------- */
span.coming-soon{
	opacity:.6;
	filter:alpha(opacity=60);
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-color:#99CC22;
	font-family:"Lucida Grande",Arial,Sans-serif;
	font-size:11px;
	font-weight:bold;
	background: #99CC22 url(../img/bg-btn-signup.png) repeat-x scroll 0 0;
	padding:3px 6px 5px;
}
	
a.sign-up{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border:1px solid #99CC22;
	font-family:"Lucida Grande",Arial,Sans-serif;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	background: #99CC22 url(../img/bg-btn-signup.png) repeat-x scroll 0 0;
	padding:4px;
}
a.sign-up:hover{border: 1px solid #000;}

/* ---------- Blog ---------- */


#ads img {
	margin-top: 20px;
}
#social {
	margin: 10px 0px;
	overflow: hidden;
}
#social ul {
	margin-top: 20px;
}
#social li {
	float: left;
	margin: 0px 15px 10px 0px;
	overflow:hidden;
}
.blog_post_small {
	width: 260px;
	float: left;
	overflow: hidden;
	margin-right: 27px;
}
.blog_post_featured {
	padding-right: 30px;
}
.blog_post_featured img, .blog_post_small img {
	border: #e6e6e6 5px solid;
	margin: 15px 0px;
}
.postinfo {
	margin-bottom: 20px;
}
.postinfo li a{
	font-size: 11px;
	color: #666666 ;
	display: block;
	float: left;
	margin-right: 10px;
}
#blognav {
	overflow: hidden;
	clear: left;
}
#blognav ul li {
	float: left;
	margin-right: 5px;
	text-align: center;
	margin-top: 50px;
}
#blognav ul li a {
	display: block;
	width: 44px;
	height: 19px;
	background-image: url(../img/blognav.png);
	background-position: top;
	background-repeat: no-repeat;
	text-decoration: none;font-family: 'Lucida Grande', 'Lucida Sans Unicode',sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: white;
	padding-top: 4px;
}
#blognav ul li a:hover, #blognav .on a {
	background-position: bottom;
}
#blognav .next a {
	width: 74px;
	background-image: url(../img/blognavnext.png);
}
.blogtitle_small {
	font-size: 14px;
}
.blogtitle, .blogtitle_small {
	text-decoration: none;
	color: #565656;
}
.blogtitle:hover, .blogtitle_small:hover {
	color: #999999 ;
}
/* ---------- Layout page ---------- */

#full_width_content {
	padding: 7px 27px;
	margin-top: -115px;
	position: relative;
	background: url(../img/full_width_bg.png) top left no-repeat;
	width: 886px;
	overflow: hidden;
}
.content575px {
	width: 575px;
	float: left;
}
.content240px {
	margin-top: 30px;
	padding: 0px 25px;
	width: 240px;
	float: left;
}

#sidebar {
	width: 232px;
	float: right;
	overflow: hidden;
	margin: 50px 30px 0px 0px;
}
.sidebarlist li a  {
	padding-top: 2px;
	color: #696969;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
	text-decoration: none;
}
.sidebarlist li a:hover  {
	text-decoration: underline;
}
.sidebarlist li   {
	margin-bottom: 10px;
	background: url(../img/bullet.png) center left no-repeat;
	padding-left: 15px;
}

.margin_top {
	margin: 20px 0px 10px 0px;
}

/* ---------- Footer ---------- */

#topbar {
	background-color: #878787;
	height: 10px;
}
#footer {
	background-color: #1b1b1b;
}
#footer_content {
	width: 940px;
	margin: 0 auto;
	padding: 40px 0px;
	overflow: hidden;
}
#footer a {
	color: #6f6f6f;
}
.footer_list{
	float: left;
	margin-right: 60px;
}
#footer_content li {
	margin-bottom: 5px;
}
#footer_content a {
	color: #6f6f6f;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
}
#footer_content a:hover {
	text-decoration: underline;
}



/* ---------- Subpage bubble ---------- 

#bubble {
	background: url(../img/about_bubble.png) top left no-repeat;
	width: 392px;
	height: 111px;
	padding: 0px 20px;
	margin-bottom: 20px;
}
.bubble {
	color: #ad5000;
}
.bubblep {
	color: #6f3401; 
}*/

/* ---------- Menu links ---------- */

#menu li a:hover, #menu li a.on {
	text-decoration: none;
	color: #263e60;
	background-color:#fff;
}

#menu li a.on{
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;}

.features .col-3 { width: 220px; position: relative; margin: 0; height: 150px; float: left; }

.features .feature { margin-top: 0px; margin-bottom: 0px; cursor: pointer; padding: 3px 0px 3px 5px; border: 1px solid transparent; }
.features .feature p{margin: 0;}
.col-12 .col-3 { width: 220px; position: relative; margin: 0 15px 0 0; height: 150px; float: left; }
.col-12 .last{margin: 0; padding: 0;}
.col-12 .first{margin-left: 40px;}
.features .feature:hover { background-color:#efefef; border: 1px solid #ddd; }
.features .feature p.light{padding: 0 5px 5px 5px; color:#111;}
.features .feature:hover p.light { color: #000; }
.feature:hover h3, .features .feature:hover h3 { color: #111; }

.feature h3 { font-weight: lighter; padding: 10px 0 6px 43px; color: #444; font-size: 16px; }
h3.rsvp { background: url('../img/icons/mail.png') 5px center no-repeat; }
h3.photo { background: url('../img/icons/image.png') 5px center  no-repeat;}
h3.blogging { background: url('../img/icons/newspaper.png') 5px center no-repeat; }
h3.giftregistry { background: url('../img/icons/gift.png') 5px center no-repeat; }
h3.password { background: url('../img/icons/lock.png') 5px center no-repeat; }
h3.video { background: url('../img/icons/video.png') 5px center no-repeat; }
h3.note { background: url('../img/icons/note.png') 5px center no-repeat; }
h3.camera { background: url('../img/icons/camera.png') 5px center no-repeat; }
h3.star { background: url('../img/icons/star.png') 5px center no-repeat; }

.all-features{clear:both; margin: 0 0 0 410px; border: 1px solid #D5D5D5; border-bottom: none; width: 150px; text-align: center; padding: 8px 5px; background-color: #D5D5D5; }
.all-features a{text-decoration: none; color: #FFF;}
.all-features a:hover{color:#000;}

.col-1, .col-2, .col-3, .col-4, .col-4-5, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {margin-right:35px; float:left;}
.col-12 { margin-right:0px;}

.col-12 {width:925px;}
.col-11 {width:845px;}
.col-10 {width:765px;}
.col-9 {width:685px;}
.col-8 { width:605px;}
.col-7 {width:525px;}
.col-6 {width:445px;}
.col-5 {width:365px;}
.col-4-5 {width:307px;}
.col-4 {width:285px;}
.col-3 {width:205px;}
.col-2 {width:125px;}
.col-1 {width:45px;}


.last {margin-right:0px;}
.margin-bottom {margin-bottom:10px; }

.top15{padding-top: 15px;}
.l { text-align: left; }
.floatleft { float:left; }
.floatright { float:right; }
.r { text-align: right; }
.clear {clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; }


#subheader { background: #171717 url('../img/background/bg-header-signup.gif') top left repeat-x; height: 90px; text-align: right; padding: 18px 10px 3px 10px; text-shadow: 1px 1px 1px #222; }
#subheader h2 { font-size: 21px; color: #eee; margin-bottom: 12px; padding-top:4px;}
#subheader p { font-size: 16px; color: #ddd; }



#title-appstore { padding:2px 0 0 20px; color:#000; background: url('../img/box16.gif') center left no-repeat; font-size:16px; }
#title-partner { padding-left: 20px; color:#000; background: url('../img/people16.gif') center left no-repeat; font-size:16px;}
#client-logos { margin: 0px 0 40px 0;}
#client-logos img { margin: 10px -5px 0 0;}
.client { clear: both; margin-bottom: 20px; font-size: 13px;}
.client p { color: #555; margin-bottom: 7px; }
.client img { float: left; margin-right: 10px; }
.client a { float: right; font-size: 11px; }
.client span { color: #999; font-size: 11px; }

#bottom-signup {padding: 15px 0 14px 0; margin-top:0px; text-align: center; font-size: 16px; color: #999; }
#bottom-signup * { vertical-align: middle; }
#bottom-signup a { color: #999; }
#bottom-signup a:hover { color: #000; }
#bottom-signup span { margin: 0 5px; }
#bottom-signup a.signup{width:163px; height:75px; display:inline-block; background:url(../img/signup_button_static.png) top left no-repeat;}
/* #bottom-signup a.signup:hover{background-position:bottom;} */


.content2 { width:925px; margin: 0 auto; display: block; padding:0 20px; }
.content2:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}

#footer,#push { clear:both;/* .push must be the same height as .footer */ }
#push {height: 375px;}

#footer-wrapper { padding:20px 0 0 0; background:url(../img/bg_foot.png) no-repeat top left; width:994px; margin:auto;}
#sub #footer-wrapper{background:none;}
#footer-wrapper p{ font-size:11px;}
#footer { background-color: #fcfcfc; height: 370px; color: #444 !important; font-size: 12px; }
/*#footer-sub{height:250px; background:url('../img/footer_back.jpg') no-repeat 0 -180px #181818; color: #666; border-top: 1px solid #444; font-size: 11.5px;}*/
#footer-sub{ font-size: 12px; margin-bottom:20px; color:#999;}

#footer-vendor{ font-size: 12px; margin-bottom:20px; color:#999; }

#footer.frontpage { height: 640px; }
#footer h3 {border-bottom: 1px solid #CCC; margin-bottom: 10px; padding:0 0 5px 0; font-size: 13px; color:#444; font-weight:normal;}
#footer a { color: #666 }
#footer a:hover { color: #cdcdcd;  }
#footer ul { list-style-type: none; margin: 0 0 20px 0; padding: 0; }
#footer ul li { margin-bottom:5px; font-size:11.5px; background:none; padding:0; }
#footer ul li a { color:#999;  }
#footer ul li a:hover { color:#3084ca; }

#footer .content { margin-top:20px; }
#footer .copyright { margin-top:20px; }

#footer .contact-us img { margin-right:4px;}
#footer .contact-us li { margin-bottom:7px }
#footer .contact-us, #footer .contact-us a  { color: #cdcdcd; }
#footer .contact-us * { vertical-align: middle; }
#footer .contact-us a:hover { }


#footer-news h3, #footer-twitter h3, #footer-contact h3 { padding: 5px 0 0 30px; height: 22px; }
#footer-news h3 { background: url('../img/feed20.gif') center left no-repeat; }
#footer-twitter h3 { background: url('../img/twitter24.png') center left no-repeat; }
#footer-twitter .datetime { font-weight: bold; color: #fff; margin: 0; padding: 0; font-size: 11px; }
#footer-twitter p{margin: 0; padding: 0;}
#tweet ul li{margin-bottom: 0px;}
#footer-twitter .tweet_avatar { float: left; margin-left: 5px; }

#footer-news a, #footer-twitter a { color: #4d6a92 !important; }
#footer-news a:hover, #footer-twitter a:hover { color: #102e5a !important; }

#footer-contact { font-size: 13.5px; }
#footer-contact h3 { background: url('../img/mail.png') center left no-repeat; }
#footer-contact p { padding: 2px 0 0 25px; height: 22px;  margin-bottom: 10px; }

#footer-contact #footer-phone { background: url('../img/phone16.gif') center left no-repeat; color: #fff;}
#footer-contact #chat-on { background: url('../img/chat16.gif') center left no-repeat; }
#footer-contact #footer-email { background: url('../img/email16.gif') center left no-repeat; }

#footer-news li { border-bottom: 1px solid #111; border-top: 1px solid #333; margin: 0 !important; padding: 10px 0 !important; }
#footer-news li p { margin-bottom: 0; }
#footer-news ul li:first-child { border-top: none;}

/*------------------------- jQUERY ------------*/

#confirmAcct{float:left; position:relative;}
.submit input.disabled:hover, .submit input.disabled{cursor: default;}
input[type=submit]:hover{cursor:pointer;}
.tipsy { padding: 5px; font-size: 12px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tip:hover{cursor:default;}
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-north { background-image: url(../img/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(../img/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(../img/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(../img/tipsy-west.gif); background-position: left center; }


/* --- BEGIN ----------------------------------------------------------
   --------------------------------------- @FORMS --------------------- */  
div.input, div.submit {padding:5px; float:left; position:relative; clear:both; height:30px;}
div.input label{width:170px; position:relative; font-weight:900; float:left; padding:5px 20px 0 0; text-align:right;}
.input_medium, .input_long, .input_short{border:1px solid black; background-color:white; padding:6px; float:left;}
.input_medium{width:200px;}

  /*************** Notifications ***************/

.notification {
                position: relative;
                margin: 0 0 15px 0;
                padding: 0;
                border: 1px solid;
                background-position: 10px 11px !important;
                background-repeat: no-repeat !important;
                font-size: 13px;
                width: 99.8%;
                }
                

.attention {
                background: #fffbcc url('../img/icons/exclamation.png') 10px 11px no-repeat;
                border-color: #e6db55;
                color: #666452;
                }

.information {
                background: #dbe3ff url('../img/icons/information.png') 10px 11px no-repeat;
                border-color: #a2b4ee;
                color: #585b66;
                }

.success {
                background: #d5ffce url('../img/icons/tick_circle.png') 10px 11px no-repeat;
                border-color: #9adf8f;
                color: #556652;
                }

.error {
                background: #ffcece url('../img/icons/cross_circle.png') 10px 11px no-repeat;
                border-color: #df8f8f;
                color: #665252;
                }


.notification .close {
                color:#990000;
                font-size:9px;
                position:absolute;
                right:5px;
                top:5px;
                }
.notification div{
position: relative;
                font-style:normal;
                padding: 10px 10px 10px 36px;
                line-height: 1.5em;}
                
.error, .notification, .information, .attention {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:6px;
-moz-border-radius-topright:6px;
border: 1px solid;
}


.error a {color:#8a1f11;}
.alert a {color:#514721;}
.success a {color:#264409;}

			
input.blur {color: #999;}


#AccountActivateForm .submit input,
#accountsLoginForm .submit input,
#vendorsLoginForm .submit input,
#loginBox.wide .fakeSubmit,
#AccountResetpasswordForm .submit input{display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:900;
	padding: .4em 1.5em .42em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	font-weight:normal;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);}
	

#AccountActivateForm .submit input{margin-left:190px;}

#AccountActivateForm .submit input:active,
#accountsLoginForm .submit input:active,
#loginBox.wide .fakeSubmit:active,
#AccountResetpasswordForm .submit input:active{ 
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}



#AccountActivateForm .submit input:hover,
#accountsLoginForm .submit input:hover,
#loginBox.wide .fakeSubmit:hover,
#AccountResetpasswordForm .submit input:hover{ 
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');}


/*------------------------- LOGIN PAGE ----------*/
#logoPad{position: absolute; top:20px; left: 40px;}
#loginBox{ margin: 100px auto 0 auto; background: url(../img/80.png) repeat; width: 240px; border: 5px solid white; padding: 10px 30px; position: relative;
-moz-border-radius: 15px; border-radius: 15px; -webkit-border-radius: 15px; -moz-box-shadow: 0 0 10px 2px #4f709a; box-shadow: 0 0 10px 2px #4f709a; }
#loginBox.wide{width:400px;}
#loginBox .error{font-size: 12px;}
#loginBox label{width:0px; margin: 0; padding: 0;}
#loginBox input[type = text], #loginBox input[type=password]{width:230px; margin: 0;}
#loginBox div.input{margin: 0; padding: 5px 0;}
#loginBox div.submit{float: right; margin: 0;}
#loginBox div.submit input{font-size: 16px; margin: 0;}
#loginBox #usernameStatus{float:right; position:absolute; z-index: 10; top:10px; right:5px;}
#loginBox p{padding: 0; margin: 0;}
#loginBox a.tip{position: absolute; top:10px; right: 5px;}
#loginBox a.forgotLogin{font-size: 12px; position: relative; top:10px;}
#loginBox .error, #loginBox .alert, #loginBox .success{font-size:12px;}
body.login {background: url(../img/background3.jpg) top left no-repeat #627ea6;}
body.login div.return{font-size:12px; color:#666666; margin:0 auto; text-align:center; position:relative; padding:10px 0 50px 0;}
body.login div.return a{text-decoration:underline;}
#loginBox #username{width:290px;}
#loginBox.wide .fakeSubmit{padding: 4px 5px; width:inherit; margin:5px 0 0 5px;}
#loginBox div#formHolder{}
#loginBox div.signup{border-top: 3px solid #fafafa; display: block; margin: 10px 0;}
#loginBox .feedback{margin-top:15px;}
#loginBox #PasswordStatus, #loginBox #PasswordConfirmStatus{position: absolute; top:10px; right:-10px;}

#loginBox h1{/*color:rgb(163,191,231);*/ color:black; font-size:30px; font-weight:normal; letter-spacing:-1px; word-spacing: 3px; line-height:normal; text-transform: lowercase; margin:0; padding: 5px 0; text-shadow:1px 1px 1px #bbb;}

/*------------------------- CALENDAR ------------*/


table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}



/* ----------------------- FEATURE TOUR PAGE -------------------------------- */

#sidebar-features { background: url('../img/bg-sidebar.jpg') 15px 0px no-repeat; height:700px;padding:0 0 0 0; margin-top:-7px;}
#sidebar-features ul { padding:15px 0 0 0; margin:0;}
#sidebar-features ul li {list-style:none; margin-bottom:20px; padding:0 0 10px 20px; background:none;}
#sidebar-features ul li a {color:#5b5b5b; display:block;padding:5px 0 5px 30px; background:transparent; outline:none; font-size:13px;}
#sidebar-features ul li a:active, #sidebar-features ul li a:focus {color:#000; }

#sidebar-features ul li.current {background: url('../img/current-feature-nav.png') right no-repeat; line-height:55px; margin:-20px 0 0 0;border-width:0px;  padding:0 0 11px 20px; }
#sidebar-features ul li.current a { color:#000; font-weight:normal;}

#sidebar-features ul.list-secondary-features  { margin: -12px 0 0 24px; border-top:1px solid #d9d9d9; padding: 8px 0px 0px;}
#sidebar-features ul.list-secondary-features li { font-size: 11.5px; margin: 0 0 5px 0; border-width: 0px; padding: 0; }
#sidebar-features ul.list-secondary-features li a { font-weight: bold; padding: 0 0 0 15px; margin: 5px 0 10px 0; }
#sidebar-features ul.list-secondary-features li a:hover { color: #78b9e7; }
#sidebar-features ul.list-secondary-features li a.current { color: #000; }

#features-header {float:left; clear:both; position:relative;}
#features-header .features-description{float:right; width:380px; margin:0 15px;}

#features-tour{padding:25px 0 0 20px; margin-top:0px; border-top:1px solid #f1f1f1;}

#features-tour hr {background:#D9D9D9 none repeat scroll 0 0;border:0 none;clear:both;color:#D9D9D9;height:1px;margin-bottom:25px;}





/* ----------------------- Stars -------------------------------- */

	.ui-stars-star,
	.ui-stars-cancel {
	  float: left;
	  display: block;
	  overflow: hidden;
	  text-indent: -999em;
	  cursor: pointer;
	}
	.ui-stars-star a,
	.ui-stars-cancel a {
	  width: 16px;
	  height: 15px;
	  display: block;
	  background: url(../img/jquery/starRating/stars.gif) no-repeat 0 0;
	}
	.ui-stars-star a {
	  background-position: 0 -32px;
	}
	.ui-stars-star-on a {
	  background-position: 0 -48px;
	}
	.ui-stars-star-hover a {
	  background-position: 0 -64px;
	}
	.ui-stars-cancel-hover a {
	  background-position: 0 -16px;
	}
	.ui-stars-star-disabled,
	.ui-stars-star-disabled a,
	.ui-stars-cancel-disabled a {
	  cursor: default !important;
	}
	
	.ratingArea{position:absolute; top:0; right:0;}
	.ratingDesc{font-size:10px; width:80px; display:block; text-align:right;}
	.eachVendor{border-bottom:1px solid #ccc; border-right:1px solid #ccc; float:left; width:461px; display:inline;}
	.eachVendor{display: inline;}
	a.detailLink{display:block; width:100%; height:100%; position:relative; text-decoration:none; color:#333;}
	.vendors, .paging{display: block; float: left;}
	


.button 
{display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	position:relative;
	top:4px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 13px;
	font-weight:900;
	padding: 5px 10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
	/*-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);*/}


.button:hover {text-decoration: none;
	color: #606060;
	outline:none;
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}

/* VENDORS */
.breadcrumbs { float:left; clear:both; width:100%; -moz-border-radius:3px 3px 3px 3px; background:url(/img/bg_breadcrumb.gif) repeat-x scroll 0 0 #EFEFEF; border:1px solid #C4C4C4; height:25px; line-height:24px; margin:10px 25px 10px 0px;}
.breadcrumbs a{background:url(/img/arrow_breadcrumb.png) no-repeat scroll right top transparent; display:block; color:#666; float:left;	padding:0px 15px 5px 10px; font-size:12px;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs a:last-child {background-image:none; font-weight:bold;}
.breadcrumbs a:last-child:hover{text-decoration:none; cursor:default;}


.leftImg{float:left; position:relative; padding:5px 10px 5px 0; margin-right:49px;}
.photoFrame{padding:3px; border:1px solid #ccc;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0px 0px 7px #ccc;  -webkit-box-shadow: 0px 0px 7px #ccc;}