﻿/* Category Styles */
h1 { color: #fff; font-size: 220%; }
.h1onwhite h1 { color: #123; }
#categorydescription { margin: 10px; }
#categorybanner { float:right; }
#categorybanner img { border: 10px solid #567183 !important; margin: 5px 0 5px 15px; }

.recordsku { display: none; }
.recordname { font-size: 110%;font-weight: bold;line-height: 1.2em;margin: 5px;
}
.recordshortdescription a { text-decoration: none; color: #000; }
.recordshortdescription { margin: 5px; }
.recordprice { font-size: 110%; font-weight: normal;padding-left: 5px; margin-left: 5px; border-left: 5px solid #ccc; }
.recordprice a { text-decoration: none; }
.recordcontrols { margin: 10px; }

.recordimage {margin:0 auto 0 auto;width:180px;text-align:center;}
.recordimage a img { border: 10px solid #EDF3FE !important; }
.recordimage a:hover img { border-color: #D1E4EF !important; }

/*SEARCH RESULTS*/
#SearchResultsPane .record {
	width: 160px;
	margin: 0 auto;	
}
#SearchResultsPane .recordimage {margin:0 auto;width:160px;text-align:center;}
#SearchResultsPane .recordname {
	text-align: center;
}	
#SearchResultsPane table td {
	vertical-align: top;
	padding-bottom: 20px;
}
#SearchResultsPane .recordprice { border: none; text-align:center; padding: 0; margin: 0;}

/* Plumeria Sub Category Menu */
#plumeriafeatured {}
#plumeriafeatured .featuredImage {display: block;text-align: center; }
#plumeriasubmain {}
#plumeriasubmain .record {width:180px;margin: 5px 5px 10px 5px;}
#plumeriasubmain .recordname {font-weight:bold;font-size:110%;text-align:center;line-height: 1.2em;margin: 5px 10px;}
#plumeriasubmain .recordname a {font-size:inherit;text-decoration: none;}
#plumeriasubmain ul {padding:5px;margin:5px 10px;border-top:2px solid #ddd;border-bottom:2px solid #ddd;}
#plumeriasubmain li {padding: 2px;list-style:none;}
#plumeriasubmain li a {text-decoration:none;font-size:90%;}
#plumeriasubmain li a:hover {text-decoration:underline;}

/* Detailed List */
#categorydetailedlisttemplate {margin:20px 0 0 0;}
#categorydetailedlisttemplate .record {margin:0 0 10px 0;padding: 0 0 10px 0;width:590px;float:left;border-bottom: 1px solid #eee;}
#categorydetailedlisttemplate .recordimage {float:right;width:160px;margin:0;}

/* Grid List */
#categorygridtemplate table td {vertical-align:top;}
#categorygridtemplate .record {width:180px;margin: 5px 5px 10px 5px;text-align:center;}
#categorygridtemplate .recordimage {width:160px;margin:0 auto;}
#categorygridtemplate .recordname {font-weight:bold;font-size:110%;text-align:center;line-height: 1.2em;margin: 5px 10px;}
#categorygridtemplate .recordname a {font-size:inherit;text-decoration: none;}
#categorygridtemplate .recordshortdescription {font-size:90%;color:#999;}
#categorygridtemplate br {display:none;}

/* Pager Control */
.pager { margin: 10px 0; padding: 5px 0; text-align: center; clear: both; }
.pager ul {list-style:none;margin:0;padding:0;}
.pager ul li {display:inline;margin:0 1px;padding:0;color:#ddd;font-size:85%;}
.pager a, .pager .disabled { color: #444; padding: 3px 6px; background: #eee; border: 2px solid #ddd; text-decoration: none; }
.pager .disabled { color: #ccc; }
.pager li.current a { color: #fff; font-weight: bold; border-color: #666; background: #666; }
.pager a:hover { border-color: #999; }

/* Comforter Shortcuts */
ul#comfyshorts { display: block; width: 780px; overflow: hidden; padding: 0; margin: 0 10px; }
ul#comfyshorts li { display: block; width: 130px; float: left; padding: 0; margin: 0; list-style: none; background-repeat: no-repeat; background-position: top left; }
ul#comfyshorts li a { display: block; width: 130px; height: 150px; float: left; text-indent: -9999px; }
ul#comfyshorts li ul { padding: 0; margin: 10px; width: 110px; float: left; display: inline; }
ul#comfyshorts li ul li { padding: 0; margin: 0; width: 110px; border-bottom: 1px solid #506A7D; font-size: 90%; line-height: 2em; }
ul#comfyshorts li ul li a { width: auto; height: auto; padding: 0 5px; text-indent: 0px; text-decoration: none; }

ul#comfyshorts li.cs1 { background-image: url(../images/comforters/comforterbg-1.jpg) }
ul#comfyshorts li.cs2 { background-image: url(../images/comforters/comforterbg-2.jpg) }
ul#comfyshorts li.cs3 { background-image: url(../images/comforters/comforterbg-3.jpg) }
ul#comfyshorts li.cs4 { background-image: url(../images/comforters/comforterbg-4.jpg) }
ul#comfyshorts li.cs5 { background-image: url(../images/comforters/comforterbg-5.jpg) }
ul#comfyshorts li.cs6 { background-image: url(../images/comforters/comforterbg-6.jpg) }

/* Pillow Shortcuts */
ul#pillowshorts { display: block; width: 780px; overflow: hidden; padding: 0; margin: 0 10px; }
ul#pillowshorts li { display: block; width: 130px; float: left; padding: 0; margin: 0; list-style: none; background-repeat: no-repeat; background-position: top left; }
ul#pillowshorts li a { display: block; width: 130px; height: 150px; float: left; text-indent: -9999px; }
ul#pillowshorts li ul { padding: 0; margin: 10px; width: 110px; float: left; display: inline; }
ul#pillowshorts li ul li { padding: 0; margin: 0; width: 110px; border-bottom: 1px solid #506A7D; font-size: 90%; line-height: 2em; }
ul#pillowshorts li ul li a { width: auto; height: auto; padding: 0 5px; text-indent: 0px; text-decoration: none; }

ul#pillowshorts li.cs1 { background-image: url(../images/pillows/pillow1.jpg) }
ul#pillowshorts li.cs2 { background-image: url(../images/pillows/pillow2.jpg) }
ul#pillowshorts li.cs3 { background-image: url(../images/pillows/pillow3.jpg) }
ul#pillowshorts li.cs4 { background-image: url(../images/pillows/pillow4.jpg) }
ul#pillowshorts li.cs5 { background-image: url(../images/pillows/pillow5.jpg) }
ul#pillowshorts li.cs6 { background-image: url(../images/pillows/pillow6.jpg) }
