/* Styles for Cremation Urns Direct */


/* Default Styles */
body { background-color:#FFF; color: #000; font: normal 70%/15px Verdana !important; margin: 0; padding: 0; }
a { color: #000; text-decoration: none; }
a img { border: 0; }
a:hover { text-decoration: none; }
form, input, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
fieldset {border:none; padding: 0; margin: 0;}
.clear {clear:both;}
.clear2 {clear:both; padding:15px 0}


#cud-container {
	width:964px;
	margin-left:10px;
}


/* Header */
#cud-header {
	background: url(header.jpg) no-repeat;
	height: 140px;
	overflow:hidden;
}
.logo {
	display:inline;
	float:left;
	height:94px;
	margin:5px 0 0;
	width:397px;
}
.headRight {
	float:right;
	width:500px;
}
.search {
	display:inline;
	float:right;
	margin:12px 0 0;
	width:345px;	
}
.search form {
	display:inline;
}
.search a {
	text-decoration:underline;
	padding-left:2px;
	font-size:1em;;
}
.searchInput {
	font-size:0.9em;
	padding:3px 5px;
	vertical-align:middle;
	width:195px;
}
.searchImage {
	vertical-align:middle;
}
.freeship {
	clear:both;
	color:#0966A3;
	display:inline;
	float:right;
	font-size:1.2em;
	margin:44px 0 0;
	width:287px;
}
.headBottom {
	clear: both;
	color:#FFF;	
}
.headNav {
	color:#82BADF;
	display:inline;
	float:left;
	font-size:1em;
	font-weight:bold;
	margin:13px 0 0 10px;
}
.headNav a {
	color:#FFFFFF;
	padding:0 5px;
}
.headCart {
	display:inline;
	float:right;
	margin:9px 0 0;
	width:315px;	
}
.headCart span {
	vertical-align:middle;
	padding-right:5px;
	font-weight:bold;
}
.headCart img {
	vertical-align:middle;	
}

/* Body */
#bodyShell {
	float:left;
	width:964px;
	background: url(shell.gif) repeat-y;
}

#bodycontent {
	float:right;
	width:781px;
	padding-left:3px;
	display:inline;
}
#bodycontentInner {
	float:right;
	width:753px;
	padding:15px;
	display:inline;
}

#bodycontentInner h1 {
	color:#0A66A5;
	font-family:Georgia;
	font-size:1.6em;
	font-weight:normal;
	margin:5px 0 11px;	
}

.home {
	float:left;	
	width:781px;
}
.hLeft {
	float:left;	
	width:392px;
}
.welcomeTxt {
	color:#000000;
	font-size:1.05em;
	line-height:1.5em;
	padding:10px 8px;
}
.welcomeTxt h2 {
	color:#0A66A5;
	font-family:Georgia;
	font-size:1.6em;
	font-weight:normal;
	margin:5px 0 11px;	
}



.hRight {
	float:right;
	width: 389px;
}
.featured {
	background-color:#F4E9D3;
	padding:10px;
}
.contents-table {
	text-align:center;
	width:369px;
}
.contents-table a.name {
	color:#2A2B2D;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding:7px 0;
	text-decoration:underline;	
}
.contents-table .final {
	color:#0B68A3;
	display:block;
	font-size:1.1em;
	padding:3px 0;	
}
.contents-table .final span {
	font-weight:bold;	
}
.contents-table .vertical-seperator {
	border-right:1px solid #FFFFFF;
	padding-right:5px;
}
.contents-table .horizontal-seperator {
	background:url(dot.gif) repeat-x center center;
	padding:5px 0;
}


/* Nav */
#nav {
	float:left;
	width:180px;
	padding-bottom:150px;
}

ul#leftnav {
	margin:0;	
	padding:0;
	width:180px;
}
ul#leftnav li {
	width:180px;
	list-style:none;
}
ul#leftnav li a {
	background:transparent url(sep.gif) repeat-x scroll 0 0;
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding:5px 7px;
	width:166px;
}
ul#leftnav li a:hover {
	background:#FBF4EA url(sep.gif) repeat-x scroll 0 0;
	color:#0967A5;
}

.resource {
	padding:8px;
}
.resource img {
	margin:8px 0;
}

.ship {
	color:#0B68A5;
	font-size:1.1em;
	padding:2px 15px 10px;
	text-align:center;
}

/* Footer */
 
#cud-footer {
	background: url(footer.jpg) no-repeat 0 0;
	clear:both;
	position:relative;
} 
#badges {
	left:3px;
	position:absolute;
	top:-95px;
}
.footNav {
	color:#7BB5DB;
	padding-top:10px;
	text-align:center;
}
.footNav a {
	color:#FFF;
	font-weight:bold;
	padding:0 5px;
}

.copyright {
	color:#978869;
	font-size:0.95em;
	line-height:1.7em;
	padding:20px 0 50px 10px;
}
.copyright a {
	color:#978869;
}












/* one page checkout styles */
	/*
	 * This controls the look of the line that separates the line items from the invoice 
	 * summary information.
	 * Default default is to show black line.
	*/
    #invoiceseparator {
    	border:1px solid black;
    	height: 1px;
    	padding: 0px;
    	margin:0px;
    }
    
	/*
	 * This controls the look of the area that displays order note.
	 * Default state is to accept style from parent and print text in red.
	*/
	.ordernote {
		color: red;
	}
	
	/*
	 * This controls the look of the area that displays invoice promotion text.
	 * Default state is to accept style from parent
	*/
	#promotext_container {
		padding: 5px;
	}
	
	/*
	 * This controls the look of each promotion text item appearing within the promotext_container
	 * Default state is to accept style from parent
	*/
	.promotext {
	
	}
	.promotioncode {
		border: 1px solid #dedede; 
		padding:5px;
		text-align:center;
		margin-top:15px;margin-bottom:5px;
		background-color: #F6F8FB;
		width:235px;
	}
	.alternate {
		font-size: 12px;
		text-align:left;
		background-color: #F6F8FB;
		padding-left:9px;
		padding-top:2px;
		height:18px;
		margin-bottom:5px;
	}	
	.alternate a:link, .alternate a:visited, alternate a:link, .alternate a:visited {
		font-size: 11px;
		text-align:left;
		font-weight:normal;
		text-decoration:underline;
	}
	.textfieldsmall {
		width: 85px;
		border : 1px solid #7F9CBA;
		color : #333333;
		font-family: <ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
		font-size:12px
	}
	.textfieldmedium {
		width: 185px;
		border : 1px solid #7F9CBA;
		color : #333333;
		font-family: <ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
		font-size:12px
	}
	.textfieldlarge {
		width: 285px;
		border : 1px solid #7F9CBA;
		color : #333333;
		font-family: <ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
		font-size:12px
	}
	.droplistmedium {
		width: 185px;
		background-color: #EFF3F4;
		border : 1px solid #7F9CBA;
	}
	.droplistlarge {
		width: 285px;
		background-color: #EFF3F4;
		border : 1px solid #7F9CBA;
	}	
	
	#custom-section {
		width:100%;
	}
	
	#header {
		vertical-align:bottom;
		width:100%;
		right:10px;
		left:0px;
	}
	
	#logo {
		float:left;
		min-width:201px;
	}

	#navbar {
		float:left;
		width:100%;
		right:10px;
		text-align:right;
	}

	#content {
		right:10px;
	}

	#column1 {
		width:305px;
		padding: 0px;
		margin:0px auto 0px 0px;
	}
	
	#container {
		width:100%;
	}

	#column2 {
		padding-left: 25px;
		width:100%;
	}

	#billingTable {
		background-color:#d6d6d6;
	}

	#billingTable td {
		background-color:white;
	}

	#orderTable {
		background-color:#d6d6d6;
	}

	#cartTable {
		background-color:#d6d6d6;
	}

	#cartTable td {
		background-color:white;
	}

	#billingTable td, input, select, button {
		font-size:12px;
	}

	#orderTable td, input, select, button {
		font-size:12px;
	}

	#cartTable td, input, select, button {
		font-size:12px;
	}
	
	.display_section {
		background-color:#d6d6d6;
	}
	
	.display_section_title {
		background-color:rgb(227,227,227);
	}
	
	.display_section_content {
		background-color:white;
	}
	
	#footer {
		font-family:<ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
		color:<ss:value source="$storeversion.font.paragraph.color" default="#000000"/>;
		text-align:right;
		padding: 50px 0px 15px 0px;
	
	}

	#billInformation {
		font-size:10px;
		font-family:<ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
	}

	#shipInformation {
		font-size:10px;
		font-family:<ss:value source="$storeversion.font.paragraph.face" default="Arial, Helvetica, sans-serif"/>;
	}

	.error {
		color: red; 
		text-align:left;
		font-weight:normal;
		padding:5px;
	}

	.edit {
		visibility: hidden; 
		position: absolute; 
		top: 10px; 
		right: 5px; 
		color: rgb(122, 134, 156);
		font-size:12px
	}

	.interruptor .optional {
		border: 1px dashed rgb(255, 153, 51); 
		margin: 5px 0px; padding: 3px; 
		background-color: rgb(255,255,219);
	}
	
	.section {
		border-bottom: 1px solid #d6d6d6;
		border-left: 2px solid #d6d6d6;
		border-right: 2px solid #d6d6d6;
		background-color:#D6D6D6;
		width:305px;
	}

	.sectionTitle {
		background-color:#EBEBEB;
		color:#999999;
		font-weight: bold;
		padding: 8px 16px;
		border-bottom:0px solid #D6D6D6;
		border-top:1px solid #D6D6D6;
		font-size:16px;
		position:relative;
	}
	
	div.selected {
		<ss:if test="$request.getScheme() == 'https'">
			background: #7A869C url(<ss:value source="$storeversion.images['one_pg_chkout_lock.gif']"/>) no-repeat right;
		<ss:else/>
			background: #7A869C;
		</ss:if>	
		color:#ffffff;
		font-weight:bold;
		padding: 8px 16px;
		border-top:2px solid #D6D6D6;
		z-index:5
	}
	
	.sectionContent {
		font-size: 12px;
		background-color: #ffffff;
	}

	.sectionContentInner {
		padding:2px;
		background-color: #ffffff;
	}

	.sectionContentInner table {
		text-align:left;
	}

	.giftwrapcheckbox {
		margin:0px;
	}
	.checkoutOptionsTxt {
		font-size:11px; 
		width:118px; 
		height:50px; 
		font-family: Arial, Verdana; 
		padding-right:5px;
	}
	.clear {
		clear:both
	}