@import url(/css/PFheadFoot.css);

* {
	margin: 0;
	padding: 0;
	/* border: 0; */
}

* img {
	display:block;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


a:link    {color:#000000; text-decoration:underline;}
a:visited {color:#000000; text-decoration:underline;}
a:active  {color:#000000; text-decoration:underline;}
a:hover   {color:#000000; text-decoration:none;}

#headerNav {
	width:765px;
}

#headerBottom {
	width:765px;
	height:27px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	background-color:#4E007E;
}

#headerBottom img {
	float:left;
}

#headerTitle { 
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top:4px;
}

#subHeader {
	width:510px;
	height:21px;
	float:left;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-left: 18px;
	padding-top:6px;
	background-color: #CA91FF;
}

/*tan box model hack*/
* html #subHeader
{
  width: 528px;
  w\idth: 510px;
  height: 29px;
  he\ight: 21px;
}

#subHeader a:link    {color: #ffffff; text-decoration:underline;}
#subHeader a:visited {color: #ffffff; text-decoration:underline;}
#subHeader a:active  {color: #ffffff; text-decoration:underline;}
#subHeader a:hover   {color: #ffffff; text-decoration:none;}

#mainContentBox
{
	width:581px; 
	float:left;
}

#subHeaderBox {
	width:581px; 
	height:29px; 
	float:left;
}

#smallCurve {
	width:53px;
	height:29px;
	float:left;
	background-image:url(/images/RMsmallCurve.jpg);
}

#titleBox {
	width:528px; 
	height:56px; 
	float:left;
	background-image:url(/images/readyBackground.jpg);
}

h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20px;	
	font-weight: bold; 
	text-align: left;
	line-height:54px; 
	margin-left:20px;
}

#introCopyBox {
	width:291px; 
	height:56px; 
	float:left;
}

#introCopyTitle { 
	font-size: 11px; 
	line-height: 14px; 
	font-weight: bold;
}

#introCopyContent {	
	font-size: 11px; 
	line-height: 14px;	
	font-weight: normal; 
	padding-left:14px; 
	padding-top:5px;
}

#curveLargeBox {
	width:53px; 
	height:56px; 
	float:left; 
	background-image:url(/images/RMlargeCurve.jpg);
}

#contentBox {
	width:581px;
	float:left; 
	background-position:bottom; 
	background-repeat:repeat-x;
}


#contentMainBox {
background-repeat:no-repeat; 
background-position:top right; 
float:left; width:581px; 
background-image:url(/images/greyCurve.gif);
}

strong {
color:#000000;
}

/*START CONTENT*/

#mainBoxLeftColumn {
width:223px; float:left;
}

#mainBoxLeftColumn .productImage {
margin-top:2px; float:left; clear:both; text-align:right;
}

.leftCornerTable {
width:8px; height:16px; background:url(/images/RMpulloutCornerLeft.jpg) no-repeat;
}

.rightCornerTable {
width:8px; height:16px; background:url(/images/RMpulloutCornerRight.jpg) no-repeat;
}

#pricingPreview select {
border:#7F9DB9 solid 1px;
margin-top:6px;
margin-left:48px;
}

#pricingPreview input {
margin-top:6px;
margin-bottom:5px;
margin-left:48px;
}

#pricingPreview {
float:right; display:inline; width:204px; margin:23px 0px 0px 0px; font-size:11px;
line-height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#pricingPreview .title {
font-size:11px; font-weight:bold; width:188px; background-color:#e1beff;
}

#pricingPreview .previewBox {
border:#C2C2C2 solid 2px; color: #333333; width:200px;
}

#pricingPreview .previewBox div {
margin:10px 0px 8px 8px;
}

#pricingPreview .sizePriceTable {
border-top:#C2C2C2 solid 2px;color:#000000; width:100%;
}

#pricingPreview .grayBox {
color:#000000; background-color:#EAEAEA; border-top:#FFFFFF solid 2px; padding:5px 8px 5px 8px; text-align:center; font-size:10px; width:200px;
}

a.redLink:link    {color:#CC0000; text-decoration:underline; font-weight:bold;}
a.redLink:visited {color:#CC0000; text-decoration:underline; font-weight:bold;}
a.redLink:active  {color:#CC0000; text-decoration:underline; font-weight:bold;}
a.redLink:hover   {color:#CC0000; text-decoration:none; font-weight:bold;}

#quantityDiscount {
float:right; display:inline; width:204px; margin:8px 0px 0px 0px; font-size:11px; line-height:14px;
}

.topBorder {
background:url(/images/grayBorder.gif) repeat-x; height:2px;
}

#quantityDiscount .titleLeft {
font-size:11px; font-weight:bold; background-color:#e1beff; width:69px; padding-left:25px;
}

#quantityDiscount .titleRight {
font-size:11px; font-weight:bold; background-color:#e1beff;width:79px;padding-left:15px;
}

#quantityDiscount .leftColumn {
border-left:#C2C2C2 solid 2px; color: #333333; text-align:center; padding-left:15px;
}

#quantityDiscount .rightColumn {
border-right:#C2C2C2 solid 2px; color: #333333;text-align:center; padding-right:19px;
}

#quantityDiscount .grayBox {
color:#000000; background-color:#EAEAEA; border-top:#FFFFFF solid 2px; padding:5px 5px 5px 9px; width:179px; text-align:center; font-size:10px;
}

#quantityDiscount .grayBox .strongText {
color:#CC0000; font-weight:bold;
}

.evenRow {
background-color:#EAEAEA;
}

#sizePriceTable {
float:right; display:inline; width:204px; margin:8px 0px 0px 0px; font-size:11px;
line-height:14px;
}

#sizePriceTable .titleLeft {
font-size:11px; font-weight:bold; background-color:#e1beff; width:68px; padding-left:40px;
}

#sizePriceTable .titleRight {
font-size:11px; font-weight:bold; background-color:#e1beff;width:74px; padding-left:8px;
}

#sizePriceTable .leftColumn {
border-left:#C2C2C2 solid 2px; color: #333333; text-align:center; padding-left:8px;
}

#sizePriceTable .rightColumn {
border-right:#C2C2C2 solid 2px; color: #333333;text-align:center; padding-right:40px;
}

#mainBoxRightColumn {
width:358px; float:left;
}

#mainBoxRightColumn h2 {
	font-size: 18px;
	font-weight: bold;
	color:#666666;
}

#mainBoxRightColumn #frameTitleTable {
margin:20px 0px 3px 23px;
}

#mainBoxRightColumn p {
font-size:11px;
line-height:14px;
font-style:normal;
color: #333333;
margin:0px 20px 0px 23px;
}

#extraInfo {
margin:14px 0px 0px 12px; border: 2px solid #C3C3C3; width:339px; display:inline; float:left; padding-bottom:9px;position:relative;
}

#extraInfo p{
margin:37px 0px 0px 10px; color:#6A6A6A; font-size:11px; line-height:14px; width:140px; float:left; display:inline;
}

#extraInfo ul{
margin:9px 0px 0px 0px; color:#6A6A6A; font-size:11px; line-height:14px; width:170px; float:left; list-style:none;
}

#extraInfo a:link, #extraInfo a:visited, #extraInfo a:active, #extraInfo a:hover {font-weight:bold; font-size:11px; color:#6A6A6A; text-decoration:underline; display:inline;}

#extraInfo a:hover {text-decoration:none;}

#extraInfo .magnify{background:url(/images/magnifyLinkIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px; margin:0px 0px 10px 0px; position:absolute; left: 10px; top: 9px;}

#individualFrame {
margin:8px 0px 0px 10px; width:343px; float:left; display:inline;
}

#individualFrame table {
width:347px;
}

#individualFrame table td {
background-color:#E5E5E5;width:109px;
}

#individualFrame .framePicBox {
text-align:center; margin:12px 0px 4px 0px;
}

#individualFrame .framePicBox img {
border:#B5B5B5 solid 2px; margin:0px auto 0px auto;
}

#individualFrame .frameSKUBox {
margin:0px 0px 6px 13px; font-size:11px; font-weight:bold;
}

#individualFrame .viewDetailsBox {
margin:0px 0px 6px 13px;
}

#individualFrame .profileBox {
margin:0px 0px 6px 13px;
}

#individualFrame .previewArtBox {
margin:0px 0px 9px 13px;
}

#individualFrame .orderNowBox {
margin:0px 0px 8px 13px;
}

#individualFrame .viewDetails{background:url(/images/viewDetailsIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;}
#individualFrame .profile{background:url(/images/profileIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;}
#individualFrame .previewArt{background:url(/images/previewArtIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;}
#individualFrame .cornerSet{background:url(/images/cornerSetIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;margin:0px 0px 3px 13px;}

.contentTitle {
	font-size: 14px; 
	line-height: 20px; 
	font-weight: bold;
	line-height:24px;	
}












#searchNav {
	width:184px; 
	float:left; 
	display:table;
}

.smalltitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
}

.smalltitlesSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding-top:4px;
	padding-bottom:4px;
	color: #000000;
}

.smallcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: normal;
}

.searchLine {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-right: 10px;
	padding-left:8px;
	height: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.collectionsBox {
	border: 2px solid #c2c2c2;
}

.collectionsBox li {
list-style:none;
}

.collectionsBox .indent {
text-indent:-10px; 
margin-left:10px;
}

.collections {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	background-color: #FFFFCC;
	border-bottom: 2px solid #CCCCCC;
	padding-top: 6px;
	padding-left: 9px;
	padding-bottom: 6px;
}

.viewThumbnails {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	background-color: #ffffe7;
	padding-top: 6px;
	padding-left: 10px;
}

.collectionsItems {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	padding-top: 6px;
	padding-left: 9px;
	padding-bottom: 6px;
	background-color: #ffffe7;
}

.search {
	background-image: url(/images/searchGradient.gif);
	background-repeat: repeat-x;
}

.indent {
text-indent:-10px; 
margin-left:10px;
}

#orderNowTable {
color:#6A6A6A; font-size:11px;
}

#orderNowTable strong{
color:#6A6A6A;
}

#orderNowTable .magnify{background:url(/images/magnifyLinkIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px; margin:0px 0px 10px 0px; font-weight:bold; color:#6A6A6A;}

#orderNowTable .previewPSF{font-weight:bold; color:#6A6A6A; font-size:11px;}

#orderNowTable .previewPSF img{padding:0px 5px 30px 0px; float:left;border:0px;}

#orderNowTable .addFavorities{background:url(/images/addFavoritesIcon.gif) no-repeat left top; padding:2px 0px 5px 20px; font-size:11px;margin:0px 0px 3px 0px; font-weight:bold; color:#6A6A6A;}

#orderNowTable .viewCollection{background:url(/images/viewCollectionIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;margin:0px 0px 3px 0px; font-weight:bold; color:#6A6A6A;}

.profileCell {
padding-top:15px;
}

/*DOCUMENT KIT / FRAMING KIT*/

.popularTextBox {
	float:left; 
	width:331px; 
	background-repeat: no-repeat; 
	background-position: right top;
	background-image:url(/images/greyCurve.gif);
}

.popularText {
	font-size: 11px;	
	font-weight: normal;
	line-height: 14px;
	color: #333333;
	padding-top: 20px;
	padding-right: 15px;
}

.popularTextBox {
	float:left; 
	width:331px; 
	background-repeat: no-repeat; 
	background-position: right top;
	background-image:url(/images/greyCurve.gif);
}

.popularText {
	font-size: 11px;	
	font-weight: normal;
	line-height: 14px;
	color: #333333;
	padding-top: 20px;
	padding-right: 15px;
}

.featuredAccessoryBox {
	width:581px;
	height:180px;
	float:left; 
	background-image:url(/images/accessoryGradient.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;
}

.featuredAccessoryImage {
	float:left;
	width:250px;
	margin-top:2px;
}

.redlink a:link    {color:#CC0000; text-decoration:underline;}
.redlink a:visited {color:#CC0000; text-decoration:underline;}
.redlink a:active  {color:#CC0000; text-decoration:underline;}
.redlink a:hover   {color:#CC0000; text-decoration:none;}

.popularTextBox ul{
font-size: 11px;
padding-left: 0px;
list-style:none;
margin:0px;
text-indent:-9px; 
margin-left:9px;
}

.grayBox {
color:#000000; background-color:#EAEAEA; border-bottom:#FFFFFF solid 2px; padding:5px 5px 5px 9px; width:179px; text-align:left; font-size:10px;
}

.evenRow {
background-color:#EAEAEA;
}

.viewDetailsBox {
margin:0px 0px 6px 13px;
}

.viewDetails{background:url(/images/viewDetailsIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:11px;}

.frameKits {
float:right; width:343px;
}

.frameKits .box{
width:113px; background-color:#E5E5E5; float:left; margin:0px 2px 2px 0px;
}

.frameKits .kitImage{
padding:12px 0px 0px 0px;
}

.frameKits .kitImage img{
border:#B5B5B5 solid 2px; float:left;margin:0px 0px 0px 13px; display:inline;
}

.frameKits .sku{
font-size:11px; font-weight:bold; margin:0px 0px 0px 13px;
}

.frameKits .price{
font-size:11px; font-weight:bold; margin:1px 0px 4px 13px;color:#CC0000;
}

.frameKits .price select{
border:#7F9DB9 solid 1px; padding:0px 0px 0px 0px; width:87px; font-size: 0.85em;
}

.frameKits .price option{
display: block; padding:0px 0px 0px 0px;
}

.frameKits .orderKit{
height:23px;
}

.frameKits .orderKit img{
border:none; float:left;margin:0px 0px 0px 13px; display:inline;
}

.frameKits .orderKit input{
border:none; float:left;margin:0px 0px 0px 13px;
}

.frameKits .customize{
height:25px;
}

.frameKits .customize img{
border:none; float:left;margin:0px 0px 0px 13px; display:inline;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	margin: 0;
}

h3 {
	font-size: 14px; 
	font-weight: bold;
	line-height:24px;
	color:#CC0000;
	margin: 0;
}

/*THUMBNAIL PAGE*/
#thumbnailNavContainer{
width:581px; background:url(/images/grayCurvePurpleBG.gif) top right no-repeat; float:left;
}

#thumbnailNavContainer #thumbnailNav{
margin:3px 0 0 0; width:579px; float:left; display:inline; background:url(/images/grayCurvePurpleBG2.gif) top right no-repeat #E1D7FF;
}

#thumbnailNavContainer #thumbnailNav ul{
list-style:none;
padding-top:9px;
padding-bottom:12px; 
float:left;
}

#thumbnailNavContainer #thumbnailNav #leftCol{
padding-left:17px; float:left; width:246px;
}

#thumbnailNavContainer #thumbnailNav #rightCol{

}

#thumbnailNavContainer #thumbnailNav li{
font-size:11px; line-height:18px; color:#CC0000;
}

#thumbnailNavContainer #thumbnailNav a:link    {color:#CC0000; text-decoration:underline;}
#thumbnailNavContainer #thumbnailNav a:visited {color:#CC0000; text-decoration:underline;}
#thumbnailNavContainer #thumbnailNav a:active  {color:#CC0000; text-decoration:underline;}
#thumbnailNavContainer #thumbnailNav a:hover   {color:#CC0000; text-decoration:none;}

#thumbnailsContainer{
width:580px; float:left; padding:6px 0 0 1px; display:inline;
}

#thumbnailsContainer .thumbnail{
width:189px; float:left; margin:0 0 10px 4px; display:inline;
}

#thumbnailsContainer .thumbnail img{
border:2px solid #AAAAAA;
}

#thumbnailsContainer .thumbnail p{
font-size:12px; font-weight:bold; margin:1px 0 0 3px;
}

/*************************
PRICE TABLE SWITCH
*************************/
#priceTableSwitch select {
border:#7F9DB9 solid 1px; width:107px;
}

#priceTableSwitch #ppfsku{
width:112px;
}

#priceTableSwitch {
float:right; display:inline; width:204px; margin:13px 0px 0px 0px; font-size:11px;
line-height:14px;
font-family:Verdana, Arial, Helvetica, sans-serif; 
}

#priceTableSwitch .title {
font-size:11px; font-weight:bold; width:188px; background-color:#e1beff;
}

#priceTableSwitch #selectSKUCell {
border:#C2C2C2 solid 2px; color:#333333; width:204px;
}

#priceTableSwitch #selectSKUCell .text{
float:left; display:inline; width:76px; padding:5px 0 0 6px;
}

#priceTableSwitch #selectSKUCell .form{
float:left; display:inline; width:111px; padding:2px 0 2px 0;
}

#priceTableSwitch .sizePriceTable {
border-top:#C2C2C2 solid 2px;color:#000000; width:100%;
}

#priceTableSwitch .grayBox {
color:#000000; background-color:#EAEAEA; border-top:#FFFFFF solid 2px; padding:5px 8px 5px 8px; text-align:center; font-size:10px; width:200px;
}