html, body { width:100%; height:100%; }	
body { margin:0; padding:0; background:#fff; }
body.prodinfo-canvas {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-stretched-canvas-bg.jpg') top left no-repeat; }
body.prodinfo-acrylic {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-acrylic-bg.jpg') top left no-repeat; }
body.prodinfo-aluminum {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-aluminum-bg.jpg') top left no-repeat; }
body.prodinfo-bamboo {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-bamboo-bg.jpg') top left no-repeat; }
body.prodinfo-framed-artwork {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-framed-artwork-bg.jpg') top left no-repeat; }
body.prodinfo-archival-prints {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-archival-prints-bg.jpg') top left no-repeat; }
body.prodinfo-archival-acrylic {  margin:0 !important; padding:0 !important; background:#fff url('../../custom-art/images/info-archival-acrylic-bg.jpg') top left no-repeat; }

/*  TYPOGRAPHY  */
@font-face { font-family:'Century Gothic'; src:url('fonts/CenturyGothic.eot'); }
.wht { color:#fff; }
.gry { color:#999; }
.gld { color:#fc3; }
.blk { color:#000; }
.aqua { color: #00a7b6; }
.pink { color: #EC008C; }

::selection  { background:#ff0099; color:#ffffff; }
::-moz-selection { background:#ff0099; color:#ffffff; }
::-webkit-selection { background:#ff0099; color:#ffffff; }


/*  LAYOUT  */

#prodinfo { padding:24px; }
#prodinfo h1 { color:#000; font:40px 'Century Gothic', 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin:0; padding:0 0 6px 0; }
#prodinfo h2 { color:#000; font: bold 14px / 1.4em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin:0; padding:6px 0; text-align:left; }
#prodinfo p { color:#333; font:14px / 1.4em 'Myriad Pro', Myriad, Arial, Helvetica, sans-serif; margin:0; padding:0 0 6px 0; text-align:left; }


#orderinfo { width:100%; }
#tabs { float:left; width:100%; }

#cart { color:#333; font:normal 0.8em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif; }

#cnt_canvas,
#cnt_aluminum,
#cnt_acrylic,
#cnt_bamboo {
	float: left;
	width: 570px;
	height: 100px;
	padding: 6px;
	margin: 0 0 12px 0;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
}

#orderinfo div h2 {
	color: #00a7b6;
	font: normal 1.0em/1.4em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
}
#orderinfo div p {
	color: #333; 
	font: 12px/16px Arial, Helvetica, sans-serif;
    text-align: left;
}
#orderinfo div a {
	color: #c93;
	font: normal 0.9em Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0 0 6px 0;
    text-decoration: none;
}
#orderinfo div a:hover {
	color: #fc3;
	text-decoration: underline;
}

a.backbtn {
	color: #fff;
	font: bold 0.9em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	background: #c93 !important;
	padding: 8px 8px 6px 8px;
	cursor: pointer;
	border: 1px solid #c93;
}

input[type=submit],
#orderinfo input[type=submit] {
	color: #fff;
	font: bold 0.9em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 1px;
	background: #c93 !important;
	padding: 6px 6px 4px 6px;
	cursor: pointer;
	border: 1px solid #c93;
}
a.backbtn:hover,
input[type=submit]:hover,
#orderinfo input[type=submit]:hover{
	color: #fff;
	background: #fc3 !important;
}

#secure {
	color: #c93;
	height: 20px;
	background: transparent url('ico_padlock.gif') 2px 2px no-repeat;
	padding: 0 0 2px 19px;
	vertical-align: bottom;
}


.error {
	position:absolute;
	top: 180px;
	color:red;
	font: bold 0.8em "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
	text-align:left;
	margin: 5px 0;
	padding: 5px 5px 5px 20px;
	background: transparent url('ico_error.png') 0px 4px no-repeat;
	float:left;
	display:none;
}

				
				

.bodyflashtext {
	color: #333; 
	font: 12px/16px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: left;
}
.bodysmall {
	color: #333; 
	font: 10px/12px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: justify;
}
.bluetext {
	color:#c90; 
	font: 12px/16px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: left;
}
.header1 {
	color: #333; 
	font: bold 14px/18px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: left;
}
.header2 {
	color: #333; 
	font: bold 12px/16px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: left;
}
.print {
	color: #333;
	font: 12px/16px "Myriad Pro", Myriad, Arial, Helvetica, sans-serif;
    text-align: right;
	float: right;
}
.bodyflashtext a,
a.bodyflashtext {
	color:#c90;
	text-decoration: none;
}
.bodyflashtext a:hover,
a.bodyflashtext:hover {
	color:#c90;
	text-decoration: underline;
}
a.header2:link,
a.header2:visited,
a.header2:active {
	text-decoration: none;
}
a.header2:hover {
	text-decoration: underline;
}
a.print:link,
a.print:visited,
a.print:active {
	color:#333;
	text-decoration: none;
}
a.print:hover {
	color:#CCC;
	text-decoration: none;
}
.bg {
	background-image: url('../../images/giving-back/bg.jpg');
	background-repeat: no-repeat;
	background-position: center center;
}
.dottedline {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
}
.formboxes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #E4E4E4;
	border: thin solid #666666;
	padding:4px;
}