@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;
}

#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:#6AAAFC;
}

/*tan box model hack*/
* html #subHeader
{
  width: 528px;
  width: 510px;
  height: 29px;
  height: 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;}

#mainBox {
	width:765px;
}

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

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

.unfeaturedAccessoryBox {
	width:581px;
}

.featuredAccessoryBox2 {
	width:582px;
	float:left; 
	background-image:url(/images/mattingAccessoriesMain/accessoryGradient2.gif); 
	background-position:bottom; 
	background-repeat:repeat-x;
}

.featuredAccessoryBox2 h2 {
	color:#666666;
	font-size:18px;
	font-weight:bold;
	line-height: 18px;
}

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

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

#smallCurve {
	width:53px;
	float:left;
}

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

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

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

#introCopyBox {
	width:291px; 
	height:56px; 
	float:left;
	background-image:url(/images/mattingAccessoriesMain/MAintroCopy.jpg); 
}

#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/mattingAccessoriesMain/MAlargeCurve.jpg);
}

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

#contentBoxImg {
	margin-top:2px;
	float:left; 
	margin-right:25px;
}

#popularFrameBox {
	float:right; 
	width:343px; 
	background-color:#FFFFFF;
}

#popularTitleBox {
	float:left; 
	width:100%; 
	height:41px;
}

.popularTextBox {
	float:left; 
	width:331px; 
	background-repeat: no-repeat; 
	background-position: right top; 
}

.unpopularTextBox {
	float:left; 
	width:581px; 
	background-repeat: no-repeat; 
	background-position: right top; 
}

.popularTextBox2 {
	float:left; 
	width:331px; 
	background-repeat: no-repeat; 
	background-position: right top; 
}

.popularTextBox p{
margin:0px 0px 13px 0px;
color:#666666;
width: 285px;
}

.popularTextBox2 p{
margin:0px 0px 13px 0px;
color:#666666;
width: 290px;
}

.accessoryPageContent {
	float:left; 
	width:541px; 
	background-repeat: no-repeat; 
	background-position: right top;
	background-image:url(/images/greyCurve.gif);
	padding:16px 20px 0px 20px; 
}

.accessoryPageContent p {
line-height:14px;
font-size:11px;
color:#333333;
margin:13px 0px 0px 0px;
}

.accessoryPageContent ul {
list-style:none;
text-indent:-10px; 
margin-left:10px;
line-height:14px;
font-size:11px;
color:#333333;
}
.archivalPageContent {
	float:left;
	width:581px;
}
.archivalPageContent td {
	padding:0px 9px 20px 18px;
	vertical-align:top;
}
.archivalPageContent h2 {
	color:#000000;
	line-height:20px;
	padding-top:15px;
}
.archivalPageContent h4 {
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	color: #333333;
}
.archivalPageContent p {
	font-size:11px;
	line-height:14px;
	color:#666666;
	padding-top:5px;
}
.archivalPageContent img {
	border:#CCCCCC 2px solid;
	margin-right:8px;
}
.popularText {
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	color: #333333;
	padding-top: 20px;
	padding-right: 15px;
}

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

h3 {
	font-size: 14px; 
	font-weight: bold;
	line-height:24px;
	color:#4185FC;
}

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

.popularTextAttention {
	color:#CC0000;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
}

#popularDescriptionBox {
	width:100%;
	height:85px;
	clear:both;
}

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

#adsFrame {
	width:237px;
	float:left;
}

.adBox {
	width:204px;
	margin-top:20px;
}

.adBoxTitle {
	width:204px;
	height:17px; 
	font-size: 11px; 
	line-height: 18px;
 	font-weight: bold; 
	text-align:left;
}

.cornerLeft {
	float:left;
}

.cornerRight {
	float:right;
}

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

.adDescription {
 	font-size: 10px; 
 	line-height:14px; 
	font-weight: normal;
}

#FAQBox {
	width:343px;
	float:left;
}

#FAQBoxText {
	font-size: 11px; 
	line-height: 14px;	
	font-weight: normal;	
	padding-left: 10px;	
	color: #333333;	
	padding-top: 20px;
}

#FAQBoxText p {
padding-bottom:14px;
}

#FAQBoxText ul {
	list-style:none;
	margin:0px;
	padding:0px;
}

#FAQBoxText li {
	padding-bottom:14px;
}

.faqStyle {
font-size: 14px; 
font-weight: bold;
}

#searchNav {
	width:184px; 
	float:left; 
	background-image:url(/images/searchGradient.gif); 
	background-position:top; 
	background-repeat:repeat-x;
	display:table;
}

#searchBoxTitle {
	width:174px;
	font-size: 11px;	
	font-weight: bold;
	padding-top:2px;
	padding-bottom:4px;
	color: #000000;
	padding-left:8px;
	margin-top:4px;
	float:left;	
}

#searchBoxTitle input {
	font-weight:normal;
	height:18px;
	vertical-align:middle;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#advancedTitle {
	font-size: 11px; 
	line-height: 14px;	
	font-weight: bold; 
	padding-top:8px; 
	padding-bottom:4px; 
	color: #000000;
}

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

.linkBox {
	border: 2px solid #c2c2c2; 
	width:172px;
	float:right;
	margin-top:2px;
}

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

.linkThumb {
font-size: 10px;
line-height: 14px;
font-weight: bold;
background-color: #ffffe7;
padding-top: 6px;
padding-left: 10px;
}

.links {
font-size: 10px;
line-height: 14px;
background-color: #ffffe7;
}
.links ul{
font-size: 10px;
line-height: 14px;
padding-top: 3px;
padding-left: 9px;
padding-bottom: 6px;
background-color: #ffffe7;
list-style:none;
margin:0px;
}

.clear {
clear:both;
height:1px;
overflow:hidden;
}


/*for other pages besides main*/
#blankMainBox {
background-repeat:no-repeat; 
background-position:top right; 
float:left; width:581px; 
display:table;
background-image:url(/images/greyCurve.gif);
}
#blankMainBox h2 {
margin-top:16px;
margin-left:20px;
margin-bottom:-5px; 
}

#blankMainBox p {
font-size:11px;
margin-top:13px;
line-height:14px;
margin-left:20px;
margin-right:10px;
font-style:normal;
}

.featuredDescriptionBox {
	width:581px;
	height:180px;
	float:left;
	margin:2px 0px 0px 0px;
	background-color:#D7E6FF;
}

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

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

.cornerSetBlock {
width:581px; float:left; margin:19px 0px 0px 0px;
}

.cornerSetBlock h1{
color:#666666; line-height:18px; font-size:18px;
}

.cornerSetBlock p{
margin:0px 0px 6px 18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; font-size:11px;

}

.viewDetailsBox {
margin:8px 0px 0px 0px;
}

.viewDetailsBox select{
width: 88px; font-size: 9px; border: 1px solid #c2c2c2;
}

.viewDetailsBox a{background:url(/images/previewArtIcon.gif) no-repeat left top; padding:0px 0px 5px 20px; font-size:10px; float:left;}

.cornerSet {
float:left; background:#E5E5E5; width:112px; height:184px; margin:0px 0px 2px 2px;
}

.cornerSet .cornerSetImgContainer{
margin:8px 0px 0px 12px; width:88px;
}

.cornerSet .cornerSetImgContainer img{
border:#C2C2C2 solid 2px;
}

.cornerSet .info{
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:0px 0px 0px 12px; width:100px; height:61px;
}

.cornerSet strong{
font-size:11px;
}

.cornerSet .order{
padding:0px 0px 0px 12px; width:99px;
}

.cornerSet .order a{
display:block; width:87px;
}

.cornerSet .order img{
float:left;
}

.searchBoxTitleAdv {
	width:174px;
	font-size: 11px;	
	font-weight: bold;
	padding-top:2px;
	margin-bottom:-3px;
	color: #000000;
	padding-left:8px;
	margin-top:4px;	
}

.searchBoxTitleAdv select {
	border: 1px solid #7F9DB9; 
	padding:1px; 
}

.selectSpacing {
	margin-bottom:7px;
}

.searchBoxTitleAdv input {
	font-weight:normal;	
	vertical-align:middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select {
border: 1px solid #7F9DB9;
}

/*GIFT CERTIFICATES PAGE */
#giftCertContainer {
width:581px; float:left; background:url(/images/giftCertModuleBGVDay.jpg) no-repeat top left; height:259px;
}

#giftCertContainer h1{
font-size:18px; line-height:18px; margin:15px 0 0 20px; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666;
}

#giftCertContainer h2{
font-size:14px; margin:4px 0 12px 20px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000;
}

#giftCertContainer p{
font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666666; margin:0 0 20px 20px; width:432px; 
letter-spacing:-0.3px; 
line-height:14px;
}

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

#giftCertMain {
width:581px; float:left; margin:0px 0 0 0; background: url(/images/giftCertModuleBGleft.jpg) top right no-repeat;
}

#giftCertMain h1 {float:left; display:inline; margin:8px 0 0 20px; padding:0; line-height:22px; font-size:18px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#CC0000; letter-spacing:-0.1px;}

#giftCertMain p {
float:left; clear:both; display:inline; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin:2px 0 0 20px; letter-spacing:-0.1px; min-width:561px;
}

#giftCertMain table form select{
width:120px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
}


/*THANKS PAGE*/
.thanksBox {
	background-color: #efefef;
	border: 2px solid #cdcdcd;
	margin:20px;
	padding:10px;
}

.thanksHeader {
	font-size:22px;
	font-weight:bold;
	color: #333333;
	margin: 10px 0px 0px 0px;
}

.thanksText {
	font-size:16px;
	line-height:19px;
	color:#000000;
	margin: 0px 10px 10px 5px;
}
.elistHeader {
    font-size:16px;
	line-height:17px;
	color:#000000;
	margin:0px 10px 10px 5px;
}
.elistList {
    font-size:10px;
	line-height:22px;
}
.elistListException {
	font-size:10px;
	line-height:8px;
}

/*CATALOG REQUEST*/
#catalog-request .title_area {
	line-height:18px;
	padding-top:24px;
	height:55px;
}
.catalog-request-description {
	float:left;
	width:70%;
	display:inline;
	margin-right:5%;
}
.catalog-request-required {
	float:left;
	width:20%;
	display:inline;
	margin-right:5%;
}
#catalog_request .grey-row {
	padding:13px 15px;
}
.gdCoupons {
	margin:15px 15px 0px 15px;
	width:280px;
	background-color: #efefef;
	border:2px solid #cdcdcd;
	float:left;
}
.gdCoupons p {
	margin:7px 10px 8px 10px;
	line-height:15px;
}
.gdCoupons h1 {
	size: 18px;
	margin:7px 10px 8px -10px;
	line-height:18px;
	font-weight: bold;
}
.greyLine {
	background-image: url(images/greyLine.jpg);
	background-repeat: repeat-x;
	width: 755px;
	margin-top: -7px;
	margin-left: -8px;
}
.popularText table td table {
	border:1px solid #cccccc;
	margin-top:14px;
}
.popularTexttable td table th {
	vertical-align:top;
	padding:6px 13px;
	border:1px solid #cccccc;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.popularTexttable td table td {
	padding:4px 5px 4px 13px;
	line-height:18px;
	border:1px solid #cccccc;
	vertical-align:top;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
form {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
select {
	height:18px;
	font-size:11px;
	margin:6px 4px 0px 0px;
	border:1px solid #333333;
}
input {
	/* buttons are having issues -- height:12px; */
	font-size:11px;
	margin:6px 0px 0px 0px;
	padding:1px;
	border:0px solid #333333;
}
/*tan hack to fix formatting issue*/
* html #productSearch .searchButton
{
  margin:3px 0px 0px 4px;
  margin:3px 0px 0px 4px;
}

.linkBox {
width:171px; border:2px solid #C2C2C2; background-color:#FFFFE7; text-align:left; margin:2px 0px 0px 0px;
}

.linkBoxTitle {
border-bottom:2px solid #C2C2C2; background-color:#FFFFCC;
}

.linkBoxTitle h5 {
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; 
line-height:14px; 
font-weight:bold; 
margin:3px 0px 3px 0px;
}

.linkBox ul {
font-size: 10px;
line-height: 14px;
padding-top: 3px;
padding-left: 9px;
padding-bottom: 6px;
background-color: #ffffe7;
list-style:none;
margin:0px;
}

.featureContent ul{
text-indent: 0px;
margin-left: 0px;
list-style-type: disc;
}

.featureContent li{
padding-left: 5px;
}