@charset "utf-8";
/**
 * CustomBuiltCalendars
 * Main Site CSS
 */


/* * * GENERAL ELEMENT STYLES * * * * * * * * * */

body {
	background-image:url(../images/bg-body.jpg);
	background-repeat:repeat-x;
	background-color:#565037;
	margin:10px 0 10px 0;
	font-family:arial, sans-serif;
	font-size:12px;
	color:#00000;
}
a,input,button,td {
	font-family:arial, sans-serif;
}
a {
	text-decoration:none;
	color:#be0004;
	outline:none;
}
hr {
	width:100%;
	margin-bottom:10px;
	border-top:#b8b8b8 dotted 1px;
	padding:0px;
	font-size:0px;
}
small {
	font-size:11px;
}
table {
	margin-bottom:15px;
}
table td {
	padding:5px;
}
ul.list {
	padding-left:17px;
	margin-bottom:15px;
}


/* Headers */
h1 {
	font-family:helvetica, arial, sans-serif;
	font-size:25px;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:normal;
	color:#04637f;
	letter-spacing:-0.5pt;
}
h2 {
	font-family:helvetica, arial, sans-serif;
	font-size:18px;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:normal;
	color:#04637f;
}		
h3 {
	font-family:helvetica, arial, sans-serif;
	font-size:18px;
	margin-top:0px;
	margin-bottom:15px;
	font-weight:normal;
	color:#000000;
}	
div.hero_box h3	{
	color:#04637f;
}	
div.step h3	{
	margin-bottom:5px;
}	
h4 {
	font-family: arial, sans-serif;
	font-size:12px;
	margin-top:0px;
	margin-bottom:5px;
	font-weight:bold;
}
h2 a,
h4 a {	
	color:#04637f;
}


/* Images */
img {
	border:0px;
}	
img.imgRight {
	float:right;
	margin-left:15px;
	margin-top:3px;
	margin-bottom:10px;
}
img.imgLeft	{
	float:left;
	margin-right:15px;
	margin-top:3px;
	margin-bottom:10px;
}


/* Paragraph Blocks */
p {
	margin-top:0px;
	margin-bottom:15px;
	line-height:1.5em;
}	
p.right {
	text-align:right;
}
p.testimonial {
	display:block;
	border:#d7d7d7 solid 1px; 
	background-color:#f4f4f4;
	padding:15px;
}
p.small	{
	font-size:11px;
}
p.top {
	font-size:11px;
	text-align:right;
}





/* * * CUSTOM STYLES * * * * * * * * * */

div.clear {
	width:100%;
	clear:both;
	font-size:0px;
	height:0px;
	display:block;
}

/* Top Nav */
#topNav	{
	width:950px;
	padding:0px 20px 10px 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
	color:#ffffff;
	}
	
#topNav a	{
	color:#ffffff;
	font-weight:bold;
	}	
	
	
div.container	{
	width:100%;
	overflow:hidden;
	}	

div.container_templates	{	
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	}	
	
div.container_templates img	{
	float:left;
	margin-right:10px;
	border:#eeeeee solid 1px;
	}	
	
#slogan	{
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	}	
	
#tagline	{
	float:left;
	font-size:30px;
	margin-top:13px;
	}	
	
#logo	{
	float:right;
	}	
	
#container_site	{
	width:950px;
	padding:10px 20px 20px 20px;
	overflow:hidden;
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
	}	
	
/* -- home page --*/	
	
#hero_graphic	{
	background-image:url(../images/hero-car.jpg);
	background-repeat:no-repeat;
	display:block;
	width:950px;
	height:530px;
	overflow:hidden;
	}
	
#hero_boxes	{
	position:absolute;
	top:150px;
	margin-left:660px;
	}	
	
div.hero_box	{
	width:240px;
	padding:15px;
	background-color:#ffffff;
	margin-bottom:10px;
	cursor:pointer;
	}		
	
div.hero_box h3	{ margin-bottom:5px;	}
div.hero_box p	{ margin-bottom:0px;	}

div.hero_box h3 a	{
	color:#04637f;
	font-weight:normal;
	}

div.hero_box p a	{
	font-weight:normal;
	color:#000000;
	}
	
/* -- content -- */
#content	{
	width:950px;
	}	
	
	
#mainCopy, #municipalLinks	{
	width:560px;
	float:left;
	margin-bottom:15px;
	}
	



#mainCopy.boxXL, #municipalLinks.boxXL	{
	width:918px;
	padding:15px;
	border:#04637f solid 1px;
	overflow:hidden;
	float:none;
	}
	
#content h1	{
	display:block;
	clear:both;
	margin-top:0px;
	margin-bottom:20px;
	font-weight:normal;
	}	
	
#content h1 a	{
	color:#04637f;
	font-weight:normal;
	}	
	
#content	h3	a	{
	color:#000000;
	font-weight:normal;
	}	
	

/*
#content	ul	{
	margin:0 0 15px 0;
	padding:0px;
	list-style-type:none;
	}	
	
#content ul	li	{
	margin-bottom:5px;
	padding:0 0 0 10px;
	background-image:url(../images/bullet-square.gif);
	background-repeat:no-repeat;
	line-height:1.5em;
	}	
*/
div.padding	{
	padding:15px;
	}	

	
table.border	{	
	border-left:#d7d7d7 solid 1px;
	border-top:#d7d7d7 solid 1px;	
	}	
	
table.border td	{
	border-right:#d7d7d7 solid 1px;
	border-bottom:#d7d7d7 solid 1px;
	background-color:#FFFFFF;
	}

table.border td.title	{
	background-color:#ececec;
	}
		


table.border2	{	
	border-left:#d7d7d7 solid 1px;
	border-right:#d7d7d7 solid 1px;
	border-top:#d7d7d7 solid 1px;	
	}	
	
table.border2 td	{
	border-bottom:#d7d7d7 solid 1px;	
	}	

tr.shade1	{
	background-color:#eeeeee;
	}
	
tr.shade2	{
	background-color:#f1f1f1;
	}	
	
	
#faqMatrix.border	td {
	font-size:11px;
	}

		
	
	
table.quotes	{	
	border-collapse:collapse;
	border-left:#d7d7d7 solid 1px;
	border-right:#d7d7d7 solid 1px;
	border-top:#d7d7d7 solid 1px;	
	}	
	
table.quotes td	{
	border-bottom:#d7d7d7 solid 1px;
	}

table.quotes td.title	{
	background-color:#ececec;
	}
		

#faqMatrix.border	td {
	font-size:11px;
	}	
	
	
div.calendarStyle	{
	width:304;
	border:#d7d7d7 solid 1px;
	float:left;
	margin-right:16px;
	display:inline;
	}	
	
div.wallOption	{
	width:528px;
	height:80px;
	padding:15px;
	border:#d7d7d7 solid 1px;
	margin-bottom:5px;
	overflow:hidden;
	}
			
div.wallOption div.optionImg	{
	float:left;
	width:170px;
	margin-right:15px;
	}
	
div.wallOption div.optionCopy	{
	width:335px;
	float:left;
	}		
	
	
#last	{
	margin:0px;
	}	
	
div.cal_details	{
	text-align:center;
	}	
	
div.cal_details	img	{
	border:#d7d7d7 solid 1px;
	margin:2px;
	}	
	
/* -- sidebar callout box --*/

#sidebar	{
	width:375px;
	float:right;
	margin-bottom:15px;
	}	
	
#leftbar	{
	width:350px;
	float:left;
	margin-right:25px;
	margin-bottom:15px;
	display:inline;
	}	

#leftbar div.faqBox	{
	width:313px;
	border:#d7d7d7 solid 1px; 
	background-color:#f4f4f4;
	padding:15px;
	overflow:hidden;
	}
	
div.calloutBox	{
	width:343px;
	border:#e6dece solid 1px; 
	background-color:#f2eee5; 
	
	/* -- border:#d7d7d7 solid 1px;  --*/
	/* -- background-color:#f4f4f4;  --*/
	padding:15px;
	overflow:hidden;
	}
	
div.calloutBox div.image	{
	width:155px;
	float:left;
	margin-right:15px;
	display:inline;
	}	
	
div.calloutBox div.details	{
	width: 173px;
	float:left;
	}		
		
	
/* -- trail --*/

#content #trail h1	{
	color:#04637F;
	}
#content #trail h1 a	{
	color:#04637f;
	}	
	
#content #trail h1 a:hover	{
	color:#00bac6;
	}	
	
	
#content #trail ul	{
margin:0px;
padding:0px;
width:100%;
overflow:hidden;
display:inline-block;
margin-bottom:15px;
font-size:11px;
}

#content #trail ul li	{
	float:left;
	display:inline-block;
	margin-right:5px;
	color:#999999;
	}
	
#content #trail ul li a	{
	color:#999999;
}

#content #trail ul li a:hover	{
	color:#00bac6;
	}
	
/* -- getting started steps --*/
#GetStartedSteps	{
	width:916px;
	border:#04637f solid 2px;
	padding:15px;
	margin-bottom:20px;
	}	
	
#GetStartedSteps div.step	{
	width:169px;
	border:#d7d7d7 solid 1px;
	float:left;
	margin-right:15px;
	display:inline;
	height:212px;
	overflow:hidden;
	}	
	
#GetStartedSteps #lastStep	{
	margin:0px;
	}	
	
	
/* -- most asked questions -- */
#commonQuestions	{
	width:918px;
	border:#d7d7d7 solid 1px;
	background-color:#f2f2f2;
	padding:15px;
	overflow:hidden;
	margin-bottom:20px;
	}

#question1, 
#question2	{
	width:172px;
	float:left;
	margin-right:14px;
	display:inline;
	}	
	
#question3	{
	width:546px;
	float:left;
	margin:0px;
	}	
	
	
/* -- my account --*/
#mainCopy.myaccount 	{
	width:700px;
	}	
	
#sidebar.myaccount	{
 	width:200px;
	}	

		
#accountNav	a{
	display:block;
	}	
	
#accountDetails {
	width:918px;
	padding:15px;
	margin-bottom: 15px;
	border:#04637f solid 1px;
	overflow:hidden;
	float:none;
}
	
#accountDetails .accountSettings a{
	display: block;
	padding: 5px 0;
}

/* -- nav -- */
#nav 	{
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:#d7d7d7 solid 1px;
		}
		
#nav div	{
	margin-top:30px;
	float:left;
	}		
		
#nav div a	{ 
	display:block;
	padding:5px 20px 5px 20px;
	color:#000000;	
	font-weight:bold;
	}

#nav div a:hover	{	
	color:#04637f;	
	}	
	
#nav div a.single	{
	background-image:url(../images/nav-last.gif);
	padding:5px 20px 5px 20px;
	background-repeat:no-repeat;
	background-position:left center;
	}

/* -- drop down --*/
							
#nav ul.dropdown { /* second-level lists */
	position: absolute;
	border: 1px solid #04637f;
	background-color: #ececec;	
	width: 204px;
	display:none;
	margin:0px;
	padding:0px;
	list-style:none;
	z-index:10;
	font-size:12px;
}

#nav  ul.dropdown a	{
	display:block;
	color:#000000;
	padding:5px 17px 5px 17px;
	border-bottom:#d7d7d7 solid 1px;
	font-weight:normal;
	}
		
#nav ul.dropdown a:hover	{
	color:#04637f;	
	background-color:#ffffff;
	}	
	
/* --- 3rd level nav --*/

#nav ul.dropdown ul a { 
	padding-left:30px;
	}
		
#nav #home, 
#nav #learnmore, 
#nav #calendarstyles,
#nav #gallery
{
	background-image:url(../images/nav-dropdown.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}	
	
#nav #home:hover a.parent, 
#nav #home.sfhover	a.parent,	

#nav #learnmore:hover, 
#nav #learnmore.sfhover,

#nav #calendarstyles:hover, 
#nav #calendarstyles.sfhover,

#nav #gallery:hover,
#nav #gallery.sfhover

{
	color:#ffffff;
	background-image:url(../images/nav-dropdown-over.gif);
	background-repeat:no-repeat;
	background-position:left center;
	}	
	
#nav #home:hover a.parent, 
#nav #home.sfhover	a.parent,

#nav #learnmore:hover a.parent, 
#nav #learnmore.sfhover	a.parent,

#nav #calendarstyles:hover a.parent, 
#nav #calendarstyles.sfhover a.parent,

#nav #gallery:hover a.parent,
#nav #gallery.sfhover a.parent
	{
	color:#ffffff;
		}	
	
	
#nav div:hover ul, 
#nav div.sfhover ul {
	display:block;
	}	


/* -- bottom nav --*/
#bottomNav	{
	width:918px;
	border:#d7d7d7 solid 1px;
	background-color:#f2f2f2;
	padding:15px;
	text-align:center;
	}	
		
#bottomNav a	{
	margin:0 5px 0 5px;
	font-size:11px;
	color:#000000;
	}
		
/* -- footer -- */		
#footer	{
	width:950px;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#ffffff;
	font-size:11px;
	}	

#footer a {
	color:#ffffff;
	}


/* --- custom design css -- */
div.galleryLanding		{
	width:224;
	border:#d7d7d7 solid 1px;
	float:left;
	margin-right:15px;
	display:inline;
	}	
	
table.gallery2 img 	{
	margin-bottom:5px;
	border:#eeeeee solid 1px;
	}	
	
	
a.templateColorChoice	{
	width:10px; 
	height:10px; 
	font-size:0px; 
	border:#000000 solid 1px; 
	margin-right:2px; 
	display:block; 
	float:left;
	}		
	

div.narrow div.thumb_large	{
	margin-right:10px;
	}	



/* -- executive gifts -- */
table#CAPricing {
	display: none;
}
div.thumb_large	{
	width:132px;
	float:left;
	margin-right:30px;
	text-align:center;
	display:block;
	font-size:11px;
	}	
	
div.thumb_large img	{
	border:#d7d7d7 solid 1px;
	margin-bottom:5px;
	}	
	
div.thumb_large input	{
	margin-top:10px;
	align:center;
	}	

div.thumb_small	{
	width:350px;
	overflow:hidden;
	}

div.thumb_small	 div.thumb {
	float: left;
	display: block;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align:center;
	cursor: pointer;
	width: 162px;
	height: 125px;
	border: #d7d7d7 solid 1px;
}	
div.thumb_small	 div.thumb img {
	width: 162px;
	height: 125px;
}

	
div.thumb_small #last	{
	margin-right:0px;
	margin-bottom:5px;
	}	
	
div.thumb_calstyle_container	{
	overflow:hidden;
	float:left;
	text-align:center;
	}
		
div.thumb_calstyle_container p	{
	margin-bottom:5px;
	}

	
div.thumb_calstyle	{
	margin-right:15px;
	font-size:11px;
	text-align:center;
	float:left;
	display:block;
	width:122px;
	text-align:center;
	}	
	
div.thumb_calstyle img	{
	border:#d7d7d7 solid 1px;
	}		


#last.thumb_calstyle {
	margin-right:0px;
	}

div.thumb_calstyle_hr	{
	float:left;
	display:block;
	width:1px;
	height:140px;
	border-right:#b8b8b8 dotted 1px;
	margin-left:7px;
	margin-right:7px;
	}	

div.thumb_calstyle img	{
	margin-bottom:5px;
	cursor: pointer;
	}		


div.detail_main_buttons	{
	width: 525px;
	margin: 8px 0;
	text-align: center;
}

div.detail_main_buttons	a {
	margin: 0 5px;
}

div.detail_main_preview_top,
div.detail_main_preview_bottom {
	position: relative;
	border: #d7d7d7 solid 1px;
	width: 525px;
	xheight: 407px;
}
div.detail_main_preview_bottom {
	display: none;
}
div.detail_main_preview_top img,
div.detail_main_preview_bottom img {
	xwidth: 525px;
	xheight: 407px;
}
div.detail_main_preview_loader {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff url(../executive/images/throbber.gif) 50% 50% no-repeat;
}


/* Forms */
form		{
	margin:0 0 15px 0;
	}
	
input.text	{
	width:250px;
	}
	
input.textOther	{
	width:200px;
	}	
	
select	{
	width:250px;
	}	

select.xl	{
	width:300px;
	}	
	
textarea	{
	width:250px;
	}	
	
input.btnGray	{
	background-color:#cdcdcd;
	border:#000000 solid 1px;
	padding:3px 10px 3px 10px;
	width:110px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	height: 25px;
	}	
		
		
input.btnGray	{
	background-color:#cdcdcd;
	border:#000000 solid 1px;
	padding:3px 10px 3px 10px;
	width:200px;
	color:#000000;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	height: 25px;
	}	
				
	
input.btnBlue	{
	background-color:#046380;
	border:#000000 solid 1px;
	padding:3px 10px 3px 10px;
	width:110px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}	

input.btnBlueXL	{
	background-color:#046380;
	border:#000000 solid 1px;
	padding:3px 10px 3px 10px;
	width:200px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	}
a.btnLaunchWizard {
	display: block;
	background-color:#046380;
	border:#000000 solid 1px;
	padding:4px 40px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

/* Login dialog box */
/*
div#dialog_login table td {
	padding: 2px;
}
div#dialog_login input#username {
	width: 175px;
}
div#dialog_login input#password {
	width: 100px;
}
*/

/* Dialog box form errors */
/*
span.formError {
	display: none;
	font-size: 10px;
	color: #990000;
}
*/


/* Meet artists page */
div.artist	{
width:918px;
border:#d7d7d7 solid 1px;
background-color:#f2eee5;
padding:15px;
overflow:hidden;
margin-bottom:20px;
}
	
div.artist div.photo	{
float:left;
width:130px;
height:150px;
background-color:#000000;
}

div.artist div.bio	{
float:right;
width:770px;
}	



/* --- Comments bubble --*/
div.comment_bubble	{
width:308px;
display:block;
overflow:hidden;
clear:both;
padding:30px 15px 10px 15px;
margin-bottom:15px;
border-bottom:#999 solid 1px;
background-repeat:no-repeat;
}

div.comment_bubble.right	{
	background-image:url(../images/comment-right.gif);
}

div.comment_bubble.left	{
	background-image:url(../images/comment-left.gif);
}


/* --- software page --*/

.imgfloat {
	float:left;
	margin:0 10px 15px 0;
}