@import "reset.css";

@media screen{
body {
	background-color: #C8EDF5;
	/*background-image: url(../images/graphics/bg.jpg);*/
	background-repeat: repeat;
	font-family: arial, verdana, tahoma,  helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height: 15px;
	color: #545152;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	}
	
#center {
	text-align: center;
	width: 964px;
	margin: 0 auto;
	}


#wrapper {
	position: relative;
	width: 934px;
	height: 100%;
	margin: 12px auto 0 auto;
	text-align: left;
	background-color: #57C6E4;
	border: 2px solid #fff;
	float: left;
	padding: 12px;
	}
	
#content {
	background-color: #fff;
	float: left;
	width: 910px;
	padding: 0 12px 12px 12px;
	}
	
.full {width:910px; float: left; clear: both;}	

div#info_content{width:500px; background-color:#fff; text-align: left; margin:0 auto; padding: 8px;}
div#info_content img{display:block; margin:0 auto;}

/****               */
/**    nav menu    **/
/*               ****/ 	

div.menu {float:right; width: 420px;}
.menu ul {float: right; list-style: none; margin-bottom:0;}
.menu ul li {float:left; line-height: 22px; margin-bottom:0; font-weight:600;}

div.menu p {margin-left: 86px; margin-top: 0; line-height: 6px;}


.menu a {color: #545152; text-decoration: none;} 
.menu a:hover {color: #ff7200; text-decoration: underline;}



body#about li.about a, body#about li.about a:hover, body#albuminfo li.about a, body#albuminfo li.about a:hover, body#designinfo li.about a, body#designinfo li.about a:hover{color:#bcbcbc; cursor:default; text-decoration: none;}
body#albuminfo a.albums, body#albuminfo a.albums:hover{color:#bcbcbc; cursor:default; text-decoration: none;}
body#designinfo a.designs, body#designinfo a.designs:hover{color:#bcbcbc; cursor:default; text-decoration: none;}

body#login li.login a, body#login li.login a:hover{color:#bcbcbc; cursor:default; text-decoration: none;}
body#faq li.faq a, body#faq li.faq a:hover{color:#bcbcbc; cursor:default; text-decoration: none;}
body#help li.help a, body#help li.help a:hover{color:#bcbcbc; cursor:default; text-decoration: none;}
body#index p.submenu {display:none;}
body#cart_albums p.submenu {display:none;}

div.info {clear:both; padding: 18px 0 0 0; float:left; width:920px;}
div.info p {width: 760px; margin:12px auto;}
div.info a img {float:right; padding:0 96px 0 0;}
span.big_cap {font-size: 28px; line-height:28px; padding-right: 2px; font-family:'Edwardian Script ITC','Nuptial Script',cursive; font-weight: 500;} 

#list{float: left; clear: left;}
	
/*#content{background-image: url(../images/graphics/curl.gif); background-repeat: no-repeat; background-position: top left;}*/	

#banner {
	width: 920px;
	margin: 12px auto 24px auto;
	}
	
#banner img.banner {behavior: url(/samantha/css/iepngfix.htc) }
img.splash_text{width:280px; height:180px; behavior: url(/samantha/css/iepngfix.htc) }

	
#banner img.banner {
	width: 910px;
	height: 119px;
	display:block;
	margin:0 auto;
	}
	
	
#banner img.pro_logo{float:left;}

/****               */
/**    content     **/
/*               ****/
	
#list  	{
	width: 110px;
	float: left;
	}
	
	
#slideHolder  	{
	width: 500px;
	padding: 20px 30px 0px 20px;
	}

#decription {
	width: 240px;
	float: left;
	}
	
#nextprev {
	width: 500px;
	padding: 0px 0px 10px 130px;
	}
		
#lbContent {padding: 12px;}

form.add_form {float:left; width:280px; clear:none; margin:16px 0;}
form.add_form label {width:40px;} 
form.add_form input {width:40px;}
form.add_form input.sub_cart {width:80px; margin-left:4px;}
form.add_form input.data {display:none;}
	
h2 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 22px;
	color: #82975b;
	margin: 12px 0 12px 0;
	}
	
div#content h2{clear:both;}	
	
h3 {
	font-family: Georgia, "Times New Roman", serif;
	font-size: 18px;
	margin: 12px 0;
	}
	
body#cart_albums h2 {color: #545152; margin-bottom:48px;}
body#cart_albums h2 a {color: #545152;}
body#cart_albums h2 a:hover {color: #ff7200; text-decoration: underline;}

body#afterpost img {display: block; margin: 0 auto; float: none;}
	
h3.sub_header {float: left; font-family:  arial,verdana,tahoma,helvetica,sans-serif; font-weight:600; font-size: 16px; color: #fff; background-color: #A7C375; margin: 14px 0; padding: 4px; width: 586px;}

hr {background-color: #bcbcbc; color: #bcbcbc; border:0; height:1px; margin:6px;}
	
li {
	margin: 12px;
	font-weight: normal; 
	}
	
	
img {
	border: none;
	}
	
img.order_now {width:246px; height:126px; margin:0 0 4px 0;}	

	
	
strong {
	font-weight: 600;
	}
	
a, span.pseudo_link {color: #ff7200; text-decoration: underline;}
a:hover, span.pseudo_link:hover {color: #ff7200; text-decoration: none;}

p {
	margin: 16px 0 ;
	}

.goRight {
	float: right;
	text-align: right;
	}
	
.goLeft {
	float: left;
	text-align: left;
	}
		
.alertmessage {
	color: #c50024;
	}
	
.grow {
	padding: 0px 0px 200px 0px;

	}

.question {
	font-size: 15px;
	font-weight:600;
	padding: 0 100px 0px 10px;
	}
		
.answer {
	font-size: 15px;
	color: #646464;
	padding: 0 100px 10px 20px;
	}
	
.half {
	width: 620px;
	}
	
	

	

div.steps {float:left; margin:12px 22px; border-style:solid; border-width:1px 2px 2px 1px; border-color: #A29C83 #716f65 #716f65 #A29C83;}
		
div.steps h3.sub_header {width:240px; margin:0;}

div.steps h3 span {font-size:18px; font-weight:700; margin-right:8px;}

div.steps p {float:left; clear:left; width:240px; height:48px; margin:0; padding:6px 4px 6px 4px; background-image:url(../images/graphics/pattern.jpg);}


body#about div.steps p {float:left; clear:left; width:240px; height:260px; margin:0; padding:6px 4px 6px 4px; background-image:url(../images/graphics/pattern.jpg);}
body#about div.steps p img {display:block; margin:0 auto 6px auto;}
	
div.steps a {color:#545152; text-decoration: none; cursor:pointer;}

body#about div.steps a {float:right;color: #ff7200; text-decoration: none; line-height:22px; font-size: 14px; font-weight:600; margin-right: 6px;}
body#about div.steps a:hover {text-decoration: underline;}

	
#faq a {color: #FF7200; text-decoration: underline;}
#faq a:hover {color: #F9A255; text-decoration: underline;}
	


form p {float: left; clear: both; margin-left: 126px; margin-top:0}
form p small {float: left;}
	
.form_full fieldset {
	border: none;
	margin: 10px;
	text-align: left;
	background: #e5e5e5;
	padding: 12px;
	margin: 10px;
	}

.form_full label,
.form_full input,
.form_half label,
.form_half input{
	display: block;
	float: left;
	margin-bottom: 10px;
}

.form_full label,
.form_half label{
	font-family: verdana, arial, sans-serif;
	text-align: left;
	text-align: right;
	width: 200px;
	padding-right: 20px;
	clear:both;
}

.form_full .long,
.form_half .long{
	width: 280px;
	}

.form_full textarea,
.form_half textarea {
	display: block;
	width: 280px;
	height: 80px;
	float: left;
	margin-bottom: 10px;
	}

.form_full .formbutton,
.form_half .formbutton {
	position: relative;
	width: 90px;
	float: right;
	left: -40px;
	}
	
.form_full .controlbuttons,
.form_half .controlbuttons {
	margin: 0 0 0 12px;
	}	
	
.form_full br {
	clear: both;
	}
		
	
#formholder {
	display: none;
	}
	
input.see_details_submit{border:none; background-color:transparent; width:220px;}

fieldset.logbox {width:340px; margin-left:78px;}
fieldset.logbox label {width:80px;}
fieldset.logbox .controlbuttons {float:left;}
fieldset.logbox {background-image:url(../images/graphics/pattern.jpg); }
fieldset.logbox label.long {width:110px;}
fieldset.logbox a {margin-left:16px;}
	
p.help {float:right; margin: 12px 12px 0 0;}	
	
.cart {float: right; clear:right; margin:8px 24px; padding:6px; border-left: 1px dashed #bcbcbc;}
.cart a {font-weight:600; color:#545152;}
.cart a:hover{color: #ff7200; text-decoration: underline;}


/****               */
/** Shopping Cart  **/
/*               ****/ 

table.cart_table {width:560px; border:1px solid #bcbcbc;}
table.cart_table th {font-weight:600; color:#fff; background-color:#A7C375; padding:6px;}
table.cart_table td {padding:6px;}
table.cart_table td span {font-weight:600;}
table.cart_table tr.even {background-color:#efefef;}

div#order_steps {float:left; clear:left;}
#order_steps img {border:0; padding:0;}

.errormessage {text-align: left; color:#ff0000; font-weight: 700;}
.errormessage br {clear:none;}

body#cart_albums div#order_steps a img {float:none;}
body#cart_albums a img {float:left; clear:both;}
body#cart_albums p {float:left; clear:both;}



.na {color:#929292;}


/****               */
/**  Order Design  **/
/*               ****/ 

div.design_holder {float:left; clear:both; padding:4px;margin:4px 0 8px 0; border-bottom: 1px solid #bcbcbc;}
div.design_holder img {float:left;}
div.design_holder p {float:left; width:580px; margin:0 0 12px 12px;}
div.design_holder p img {margin:12px 0;}


	
/****               */
/** book info page **/
/*               ****/ 

.detail_holder {float: left; clear: both; width: 904px; margin-bottom: 48px;}
.hpd{width:190px;float:left;padding:4px 0px 4px 4px; border-right:1px dotted #545152; margin-left: 4px;}
.hpd p{font-size: 12px; font-weight: 700;margin: 0 0 4px 0;} 
.hpd a{display: block; width:180px; height:20px; background-color: #5b5b5b; font-size: 16px; color: #fff; text-align: right; padding: 4px 0; text-decoration:none; font-weight: 700; margin: 6px 0; line-height: 20px;}
.hpd a:hover{background-color: #ff7200;}
.middle{margin-left: 50px;margin-right:50px;}
.hpd span{display:block;}	

.features_holder   {float:left; width:904px; clear: both; padding:4px 4px 4px 4px; background-color:#f6f2eb; margin-bottom:20px; border-top:1px solid #e1d9cd; border-right:1px solid #e1d9cd; border-bottom:3px solid #e1d9cd; border-left:3px solid #e1d9cd;}
.features_holder h1{float:left; width:504px; font-size:12px; font-weight:700; margin:10px 0 4px 10px;} 
.features_holder h2{width:904px; font-size:14px; font-weight:700; margin:10px 0 4px 10px;} 
.features_holder h3{float:left; width:504px; font-size:12px; font-weight:700; margin:10px 0 4px 10px;} 
.features_holder  p{float:left; width:504px; font-size:12px; margin:10px 20px 4px 10px;} 
.features_holder  a{ color: #ff7200; text-decoration:none; }
.features_holder a:hover{color: #fff;background-color: #ff7200;}
.features_holder img{float: left; border-right:1px dotted #545152; padding-right:10px;}

	.features_holder table.dp_prices {border:1px solid #000;font-size:14px;padding:4px;/*width:320px;*/margin: 5px auto;/*border:1px dotted #000;*/}
	.features_holder table.dp_prices tr.odd{background-color:#fff;}
	.features_holder table.dp_prices tr.even{background-color:#f6f2eb;}
	.features_holder table.dp_prices th{/*background-color:#06c;*/background-color:#D2E2AE;padding:4px;font-weight:bold;color:#000;/*border:1px dotted #000;*/}
	.features_holder table.dp_prices td{padding:4px;border:0px dotted #000;}
	.features_holder table.dp_prices td.tdfirst{width:220px;}
	
 #productDetail input.submitBtn{
	font-size: 12px;
	}
	
#productDetail .form-label {
	font-size: 12px;
	font-weight: normal;
	}
	
#productList div#topOptions div.myrow .sort {
	display: none;
	}	
	

#productGrid div#topOptions div.myrow .sort {
	display: none;
	}
	
div.store div#categoryList div#btmOptions div.pagination {
	display: none;
	}
	
div.store div#checkoutComplete div.container2 input {
	display: none;
	}
	
div.type {background-color:#6C4734;}
div.type h2 {color:#fff;}
div.type p{background-color: #fff; padding:12px;}

/****               */
/**   Light Box    **/
/*               ****/ 

.black_overlay{
    display: none;

}
.white_content {
    display: none;

}

#close { margin-bottom:5px;float:left;}

#lightboxcontent { padding:0px; }

#footer{clear:both; padding:12px 0 0 0;}
div#footer p {float:none;text-align:center; margin:0 auto;}
} 

/* End @media screen */




@media print{

#wrapper {
	width: 600px;
	height: 100%;
	margin: 0 auto;
	font-family: verdana, arial, sans-serif;
	font-size: 12px;
	text-align: center;
	}
	
div.header {display: none;}
div.menu {display: none;}
div#footer {display: none;}

#printform {width: 650px; padding: 8px; text-align: left; font-size: 14px; line-height:180%; }
#printform h3 {text-align: center;}
#printform img {display: none;}



	
} /* end of print style	*/