@charset "utf-8";
/* CSS Document */

/* Pink #f50bc1 */
/* Green #8cc63f */

html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
	background-image:url(../images/321shop_bg.jpg);
	background-repeat:repeat-x;
}

a { color:#85be3b;
	text-decoration:none;}
	
a:hover { color:#629421;
	text-decoration:none;}	


strong {
	font-size: 12px;
	font-weight: bolder;
}


h1 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #2194d7;
	line-height: 0px;
}

h2 {
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

h3 {
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #85be3b;
	margin: 0px;
	padding: 0px;	
	
}
h4 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	color: #2194d7;
	margin: 0px;
	padding: 0px;	
}



.label {
        		float: left;
        		width: 150px;
        		text-align: right;
        		padding: 6px;
        		font-size: 12px;
}
    		
.field {
    			float: left;
    			width: 200px;
    			text-align: left;
    			padding: 2px;	
}





#wrapper{
	width: 990px;
	margin: 0 auto;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}


#contentpad {padding-left:20px;}
.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}

#ddcheader {
	width: 990px;
	background-color: #000000;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height:132px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/321shop_header_bg.jpg);
	background-repeat: no-repeat;
	font-size:10px;
}

#ddcheader #ddcstorelogo {
	float: left;
	padding-top:16px;
	padding-left:22px;
	height:45px;
	width:300px;
	cursor: pointer;
}

#ddcmainmenu {
	width:600px;
	float:left;
	color:#ffffff;
	padding-left:20px;
	padding-top:37px;
	font-size: 0px;
}
#ddcmainmenu img {
	margin: 0px;
	padding: 0px;
	border:none;
}

#ddctopsearch {

	color:#1f92cc;
	float:right;
	width:270px;
	text-align:right;
	padding-top: 20px;
	padding-right:8px;
}

#ddctopsearch input {
	vertical-align:middle;
}

#ddcheaderlinks {
	width: 300px;
	float: right;
	text-align: right;
	margin-top: 16px;
	font-size: 11px;
	padding-right:10px;
	color:#FFFFFF;
}
#productlisting {
	float: left;
	width: 755px;
	border: 1px solid #000;
}

#productarea {
	float: left;
	width: 732px;
	margin-right:8px;
}


#contentpages {
	float: left;
	width: 710px;
	margin-right:30px;
	font-size: 12px;
	padding-top: 15px;
}
.contactinfo {
	float: left;
	border: thin solid #D5D5D5;
	padding: 20px;
	width: 250px;
	Height: 175px;
}
.contacthours {
	float: left;
	border: thin solid #D5D5D5;
	margin-left: 20px;
	padding: 20px;
	width: 250px;
	Height: 175px;
}



#homefeatures {
	padding-top:16px;
	padding-bottom:8px;
	}

#productdetail {
	float: left;
	width: 732px;
	margin-right:8px;
}

.nowhangingbox {
	width: 700px;
	border: 1px solid #D5D5D5;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 10px;	
}

.nowhanging {

	float: left;
	
	
	
}

.nowhangingtext {
	float: right;
	width: 260px;
	font-size: 12px;
}



#productdetail #d_maininfo {
	float: left;
	width: 400px;	
}
.featuredartwork {
	margin-bottom: 15px;
	margin-right: 30px;
	float:left;
}


#productdetail #d_title {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom:6px;
	color:#1f92cc;
}

#productdetail #d_price {
	font-size: 18px;
	font-weight: bold;
	margin-top: 5px;
}

#productdetail #d_images {
	float: left;
	width: 300px;
	border: 1px solid #ccc;
	margin-top: 10px;
	text-align: center;
	font-size: 11px;
	margin-right:20px;
}

#productimages #d_images .enlarge {
	font-size: 11px;
	color: #666;
	padding-bottom: 10px;
}

#sizes {
	margin-top:20px;
	width:350px;
	color: #8D8D8D;
}
#sizes .greentext {
	color:#8cc63f;
	padding-bottom:20px;
	font-weight:bold;
	font-size:11px;
	}
#sizes .grabsize {
	width:80px;
	float:left;
	cursor:pointer;
	cursor:hand;
}
#sizes img {
	border:none;
	padding-right:6px;
	padding-bottom:6px;
}
#sizes strong {
	font-size: 18px;
}

#productdetail #d_images .mainimage {
	margin: 0 auto;
	text-align: center;
	padding-top:15px;
}

#productdetail #d_images .mainimage a:hover img, #productdetail #d_images .secondaryimage:hover {
}

#productdetail #d_images .mainimage a img, #productdetail #d_images .secondaryimage a img {
	margin-bottom:15px;
}

#productdetail #d_images .secondaryimage{
	margin-left:18px;
	width:120px;
	height:120px;
	background-repeat:no-repeat;
	background-position:center;
	border:2px #efefef solid;
	float:left;
	display:inline-table;
}

#productdetail #d_images .secondaryimage a img {
	margin: 5px;
}

#productdetail .d_description {
	font-size: 12px;
}

#productdetail .d_addtocart {
	background-color: #ebf7ff;
	border: 3px solid #c3e6ff;
	padding: 3px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 100px;
	text-align: center;
	margin-top: 5px;
}

#productdetail .d_addtocart:hover {
	background-color: #fff;
}

#shoppingcart {
	float: left;
	width: 220px;
	text-align: center;
	margin-bottom: 6px;
	color: #4A4A4A;
}

#list {
	overflow: hidden;
	margin-left:8px;
	text-align: left;
	height: 300px;
	width:210px;
	padding-top: 8px;
}

#addhowto {
	text-align: center;
	padding-top: 12px;
}

.backtoindex {
	display: block;
	background-color: #EFEFEF;
	padding: 3px;
	text-decoration: none;
	color: #000;
}

.backtoindex:hover {
	background-color: #DADADA;
}

.cartblock {
	background-image: url(../images/shop_bg.jpg);
	background-repeat: repeat-y;
	width:222px;
	text-align:left;
	font-size: 14px;
	
}

.drop li {
	margin-left: 15px;
}
.droppable-active {
	opacity: 1.0;
}
.droppable-hover {
	opacity: 1.0;
	background-color: #333333;
}

  

.productblock {
	width: 242px;
	float: left;
}

.productblock select { font-size:10px;}
.productblock .pbinfo { 
	padding-top: 8px;
	float:left;
	width:50px;	
}
.productblock .pbtitle {
	font-size: 13px;
	width: 195px;
	float: left;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

.productblock .productname { 
	font-weight:bold;
	color:#2092ce;	
}
.productblock .pbimage {
	margin-left:auto;
	margin-right:auto;
	width: 231px;
	height:168px;
	text-align: center;
	background-position:center;
	background-repeat:no-repeat;
	background-color: #FFFFFF;
	color:#FFFFFF;
	cursor:move;
}


#parentlist #list li {
	list-style: none;
	font-size: 11px;
}

#list #toplistrow {
	width: 206px;
	font-size: 11px;
	color:#84c03a;
	background-color:#000000;
	margin-top: 6px;
	margin-bottom: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#list #toplistrow #cell0 {
	float: left;
	width: 20px;
	padding: 2px;
}

#list #toplistrow #cell1 {
	float: left;
	padding: 2px;
	width: 140px;
}

#list #toplistrow #cell2 {
	float: left;
	padding: 2px;
	width: 26px;
}

#list #toplistrow #cell3 {
	float: left;
	padding: 2px;
	width: 30px;
}

#list .reglistrow {
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BEBEBE;
}

#list .reglistrow #cell0 {
	float: left;
	width: 22px;
	text-align: center;
	padding-top: 4px;
}

#list .reglistrow #cell1 {
	float: left;
	padding: 2px;
	width: 150px;
}

#list .reglistrow #cell2 {
	float: left;
	padding: 2px;
	width: 20px;
}

#list .reglistrow #cell3 {
	float: left;
	padding: 2px;
	width: 30px;
}

.highlight {
	background-color: #E1EAD9;
	padding: 5px;
}

#intcategories {
	background-color: #efefef;
	padding:2px;
	margin-bottom:10px;
	height:35px;
	overflow:hidden;
}

#intcategories a { color:#8cc63f;}

#intcategories #categoryname {
	font-size: 18px;
	font-weight: bold;
	float: left;
	width: 450px;
	padding: 5px;
	padding-left:15px;
	color:#1f91cd;
}

#intcategories #subcats {
	float: right;
	width: 250px;
	padding: 5px;
	text-align: right;
}

#intcategories .headers {
	font-size: 18px;
	font-weight: bold;
	float: left;
	padding: 5px;
	padding-left:15px;
	color:#4E4E4E;
}

#ddcart_credit {
	width: 950px;
	margin: 0 auto;
	text-align: right;
	padding: 5px;
	font-size: 10px;
	color: #666666;
}

#ddcart_credit a {
	color: #666666;
	text-decoration: none;
}

#ddctoplinks {
	padding-top: 5px;
	padding-bottom:10px;
}

#ddctoplinks a:link {
	color:#8cc63f;
	text-decoration: none;
}

#ddctoplinks a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#ddctoplinks a {
	color:#8cc63f;
	text-decoration: none;
}

.ddctitle h2 {
	margin: 0;
	width: 300px;
	float: left;
}

.ddctitle h3 {
	margin: 5px;
	width: 300px;
	float: right;
	text-align: right;
}
#checkout_cart {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #E2E2E2;
	font-size:14px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
}
#checkout_shipping {
	width:950px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #E2E2E2;
	font-size:14px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
#checkout_shipping #left {
	float:left;
	width:440px;
	margin-right:25px;
}
#checkout_shipping #right {
	float:left;
	width:440px;
}
#checkout_cart h3, #checkout_shipping h3 {
	padding-left:30px;
	padding-bottom:10px;
	color: #616161;
}

#entershipdetails {
	background-color: #EDEDED;
	padding-top:12px;
	padding-bottom:12px;
	border: thin solid #E1E1E1;
	margin-left:30px;
	margin-bottom:15px;
}
#entershipdetails .options, #entershipdetails h4, #entercardinfo .options {
	padding:6px;
}
#entershipdetails input {
	margin-right:6px;
}
#enterbilldetails input {
	margin-right:6px;
}
#entershipdetails select, #enterbilldetails select {
	font-size:18px;
	color:#4E4E4E;
}


#payment { width:150px; font-size:18px; }
#enterbilldetails {
	background-color: #EDEDED;
	padding-top:20px;
	padding-bottom:12px;
	border: thin solid #E1E1E1;
	margin-left:30px;
}
#enterbilldetails .options, #enterbilldetails h4 {
	padding:6px;
}

#entercardinfo {
	background-color: #EDEDED;
	padding-top:12px;
	padding-bottom:12px;
	border: thin solid #E1E1E1;
	margin-left:30px;
}
#entercardinfo .field input, #entercardinfo .field select { height:22px; font-size:18px; color:#4E4E4E; }
#quoteshipdetails {
	float:right;
	width:480px;
	padding-right: 40px;
	color: #494949;
	}
#quoteshipdetails .options {
	font-size:14px;
	text-align:right;
	}
	
#paymentbutton { text-align: right; margin-top: 8px;}

#checkout_product_table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

#checkout_product_table .toprow td {
	background-color: #FED6F4;
	font-weight: bold;
	font-size: 14px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#checkout_product_table .regrow1 td {
	background-color: #fff;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
}

#checkout_product_table .regrow2 td {
	background-color: #EDEDED;
	font-size: 12px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
}

#shippingquotes_loading {
	text-align: right;
}

#summarytotal {
	font-size: 15px;
	font-weight: bold;
	text-align: right;
	margin-top: 15px;
	padding-right: 45px;
	color:#494949;
}

#summarytotal span {
	font-weight: normal;
}

/* Shipping Styles */

.shippingcompany {
	padding: 5px;
}

.shippingcompany .label {
	float: left;
	width: 300px;
	font-size: 18px;
	font-weight: bold;
}

.shippingcompany .logo {
	float: right;
	width: 100px;;
	text-align: right;
}

.shippingquotetable {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 5px;
}

.shippingquotetable .toprow td {
	background-color: #FED6F4;
	font-weight: bold;
	font-size: 12px;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

.shippingquotetable .regrow1 td {
	background-color: #fff;
	font-size: 12px;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

.shippingquotetable .regrow2 td {
	background-color: #EDEDED;
	font-size: 12px;
	border-right: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

#newaddr .label, #newaddr2 .label {
	float: left;
	width: 120px;
	text-align: right;
	padding: 6px;
	font-size: 14px;
    		}
    		
#newaddr .field, #newaddr2 .field {
	float: left;
	width: 220px;
	text-align: left;
	font-size: 12px;
	padding:4px;
}
#newaddr .field input, #newaddr2 .field input {
	width:200px;
	font-size:18px;
	color:#252525;
	padding:2px;
}
.paymentoption {
	background-color: #FFFFCC;
	padding: 10px;
	margin-top: 1px;
}

.paymentoption .radio {
	width: 30px;
	float: left;
}

.paymentoption .label {
	width: 500px;
	float: left;
	font-weight: bold;
}

.paymentoption .details {
	width: 600px;
	float: left;
	margin-left: 30px;
	margin-top: 10px;
}

#createaccount {
	font-size: 12px;
}

#createaccount .label {
	float: left;
	width: 160px;
	text-align: right;
	padding: 6px;
}

#createaccount .field {
	float: left;
	width: 275px;
	padding: 2px;
}

#acctinfoediting {
	margin-top: 10px;	
}

#acctinfoediting .label {
	float: left;
	width: 175px;
	text-align: right;
	padding: 6px;
}

#acctinfoediting .field {
	float: left;
	width: 200px;
	padding: 2px;
}

#addressediting {
	margin-top: 10px;	
}

#addressediting .label {
	float: left;
	width: 160px;
	text-align: right;
	padding: 6px;
}

#addressediting .field {
	float: left;
	width: 220px;
	padding: 2px;
}

.paymentoption {
	padding: 5px;
	background-color: #fff5c1;	
}

#orderstable {
	font-size: 12px;	
}

#orderstable .toprow {
	background-color: #fff1a5;
	font-weight: bold;
}

#orderstable .regrow1 {
	background-color: #fff;	
}

#orderstable .regrow2 {
	background-color: #f0f0f0;	
}

.success {
	margin-top: 10px;
	background-color: #e3ffcf;
	padding: 5px;
	border: 1px solid #46a500;
	font-weight: bold;	
}

.fail {
	margin-top: 10px;
	background-color: #ffefef;
	padding: 5px;
	border: 1px solid #ce0000;
	font-weight: bold;	
}

#ordertracking #ordernum {
	font-size: 20px;
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #d4e7ff;
}

#ordertracking #ordernum input, #ordertracking #email input, #ordertracking #viewstatus input {
	font-size: 20px;
}

#ordertracking #email {
	font-size: 20px;
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #deedff;
}

#ordertracking #viewstatus {
	float: left;
	width: 30%;
	padding: 10px;
	background-color: #e7f2ff;
	text-align: center;
	padding-top: 22px;
	padding-bottom: 22px;
}

#orderstatus {
	margin-top: 15px;	
}

#orderstatus #ordernumber {
	font-size: 18px;
	margin-bottom: 10px;
}

#loginfields {
	padding-top:50px;
}

#loginfields a {
	cursor:pointer;
	cursor:hand;
	font-size:14px;
	color:#67942C;
} 
#continue a {
	cursor:pointer;
	cursor:hand;
	font-size:18px;
	font-weight:bold;
	border:1px solid #CCCCCC;
	display:block;
	width:200px;
	text-align:center;
	padding:8px;
	margin-top:12px;
	color:#262626;
	background-color:#FED6F4;
}
#continue a:hover {
	color:#f50bc1;
	background-color:#E5E5E5;
}

#loginfields .email {
	font-size: 20px;
	float: left;
	width: 240px;
	padding-left: 10px;
	
}
#loginfields .password {
	font-size: 20px;
	float: left;
	width: 240px;
	padding-left: 10px;
	
}
#loginfields .loginbutton {
	float: left;
	width: 100px;
	height:56px;
	text-align: left;
	display:block;
}
#loginfields .loginbutton input {
	font-size: 20px;
	margin-top:21px;
	width:110px;
}

#loginfields .email input, #loginfields .password input {
	font-size: 20px;
	width:220px;
}


#pagenums {
	padding: 3px;
	height: 20px;
}

#pagenums a {
	color: #000;
	font-weight: bold;
	padding: 3px;
	text-decoration: none;
	font-size: 12px;
}

#pagenums a:hover {
	background-color: #efd565;
}

#pagenums #firstpage {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #lastpage {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #nextlast {
	float: left;
	width: 100px;
	text-align: center;	
	padding-top: 3px;
}

#pagenums #pages {
	float: left;
	width: 240px;	
	text-align: center;
}

.activepage {
	font-weight: bold;
	background-color: #efd565;
	padding: 3px;
	display: inline;
}

.summarylink {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.summarylink:hover {
	text-decoration: none;
	color: #969696;
}
