@import url(/_ps/lightbox/css/jquery.lightbox.css);
@import url(/_ps/css/pepperforums.css);

* {
font-family:georgia, garamond, sans-serif;
outline:none;
}

body {
background-repeat:repeat;
background-position:top left;
margin:0px 0px 30px 0px ;
color:#444444;
font-size:11px;
}

img {
border:0px;
}

a:link, a:visited, a:active {
color:#C8578B;
text-decoration:none;
font-style:italic;
}

a:hover {
color:#de91b5;
}

p {
margin:0px;
padding:4px 0px 12px 0px;
}

form {
padding:0px;
margin:0px;
}

hr {
background-color:transparent;
height:1px;
border:0px;
border-top:1px dotted #999999;
clear:left;
margin:5px 0px 5px 0px;
}

h1, .pepperforum .h1 {
color:#C8578B;
font-weight:normal;
margin:0px;
padding:10px 0px 20px 0px;
}

h2 {
color:#C8578B;
font-weight:normal;
margin:0px;
padding:10px 0px 10px 0px;
}

h3 {
color:#C8578B;
font-weight:normal;
margin:0px;
padding:10px 0px 5px 0px;
}



#body {
width:997px;
margin:0px auto 0px auto;
text-align:left;
}

#page {
background-image:url(/images/pagetop.gif);
background-repeat:no-repeat;
background-position:50px 55px;
}

#header {
height:160px;
}

#header .logo img {
background-image:url(/images/logo.png);
background-repeat:no-repeat;
background-position:top left;
}

#header .nav {
background-image:url(/images/nav.png);
background-repeat:no-repeat;
background-position:top left;
position:absolute;
width:583px;
height:92px;
margin-left:400px;
}

#header .nav .items {
padding:26px 0px 0px 30px;
}

#header .nav .item {
float:left;
padding:0px 10px 0px 10px;
}

#header .nav * {
font-style:italic;
font-size:13px;
color:#366E92;
text-decoration:none;
text-transform:lowercase;
}

#header .nav a:hover {
color:#67A4CB;
}

#header .nav .separator {
float:left;
height:13px;
width:1px;
border-left:1px solid #B3A983;
margin-top:2px;
}

#menu {
position:absolute;
margin:-45px 0px 0px 5px;
width:193px;
}

#menu .top {
background-image:url(/images/menutop.png);
background-repeat:no-repeat;
background-position:top left;
height:78px;
}

#menu .content {
background-image:url(/images/menubg.gif);
background-repeat:repeat-y;
}

#menu .content .item, #menu .content .itemon {
width:135px;
padding:5px 0px 5px 0px;
margin-left:30px;
border-bottom:1px dotted #BBBBBB;
}

#menu .content .item *, #menu .content .itemon * {
font-style:italic;
font-size:16px;
color:#376F93;
text-decoration:none;
text-transform:lowercase;
}

#menu .content .item a:hover, #menu .content .itemon * {
color:#67A4CB;
}

#menu .subgroup {
width:135px;
padding:5px 0px 5px 0px;
border-bottom:1px dotted #BBBBBB;
margin-left:30px;
}

#menu .subgroup .item, #menu .subgroup .itemon {
width:120px;
padding:2px 0px 2px 10px;
margin-left:0px;
border:0px;
}

#menu .subgroup .item *, #menu .subgroup .itemon * {
color:#B9266F;
font-size:12px;
}

#menu .subgroup .item a:hover, #menu .subgroup .itemon * {
color:#F098C4;
}

#menu .bottom {
background-image:url(/images/menubottom.png);
background-repeat:no-repeat;
background-position:top left;
width:185px;
height:72px;
}

#rightstrip {
width:250px;
position:absolute;
margin:-90px 0px 0px 750px;
}

.paneltype1 {
width:228px;
height:213px;
position:absolute;
background-image:url(/images/paneltype1.png);
background-repeat:no-repeat;
background-position:top left;
}
.paneltype1 .content {
width:180px;
height:110px;
overflow:hidden;
margin:80px 0px 0px 20px;
}

.paneltype2 {
width:224px;
height:160px;
position:absolute;
/*background-image:url(/images/paneltype2.png);*/
/*background-repeat:no-repeat;*/
/*background-position:top left;*/
}
.paneltype2 .content {
width:180px;
height:160px;
overflow:hidden;
margin:10px 0 0 20px; 
}

.paneltype3 {
width:245px;
height:496px;
position:absolute;
background-image:url(/images/paneltype3.png);
background-repeat:no-repeat;
background-position:top left;
}
.paneltype3 .content {
width:160px;
height:430px;
overflow:hidden;
margin:45px 0px 0px 40px;
}

#rightstrip .title {
padding-bottom:3px;
margin-bottom:8px;
border-bottom:1px dotted #555;
}


#searchform div.input {
background-image:url(/images/input170.png);
background-repeat:no-repeat;
background-position:top left;
height:23px;
}

#searchform input.input {
width:140px;
border:0px;
background-color:transparent;
color:#888888;
font-size:11px;
margin:4px 0px 0px 8px;
padding:0px;
}

#searchform .button {
position:absolute;
margin:1px 0px 0px 148px
}

#searchform select.input {
width:170px;
color:#888888;
font-size:11px;
}


#essentials div.input {
background-image:url(/images/input150.png);
background-repeat:no-repeat;
background-position:top left;
height:23px;
}

#essentials input.input {
width:140px;
height:23px;
border:0px;
background-color:transparent;
color:#888888;
font-size:11px;
margin:4px 0px 0px 8px;
padding:0px;
}

#essentials input.button {
position:absolute;
margin:2px 0px 0px 153px
}


#container {
background-color:#FFFFFF;
width:901px;
margin-left:50px;
}

#contentexpander {
width:1px;
height:650px;
float:right;
}

#content {
float:left;
width:680px;
}

#contentpadding {
padding-left:155px;
}

#footer {
clear:both;
margin-left:50px;
background-image:url(/images/footer.png);
background-repeat:no-repeat;
background-position:top left;
width:901px;
height:118px;
}

#footer .content {
width:640px;
padding-top:40px;
margin-left:160px;
}

#siteby {
text-align:center;
padding-bottom:10px;
}

#footer * {
font-style:italic;
font-size:12px;
color:#376F93;
text-decoration:none;
text-transform:lowercase;
}

#footer a:hover {
color:#C8578B;
}


#crumbs {
width:520px;
height:51px;
background-image:url(/images/longfeaturestrip.png);
position:absolute;
margin-top:-30px;
margin-bottom:10px;
}

#crumbs .content {
padding:0px 15px 0px 15px;
}

#crumbs .content * {
float:left;
line-height:45px;
color:#FFFFFF;
padding:0px 1px 0px 1px;
}

#crumbs .content a:hover {
color:#C8578B;
}




.feature {
color:#67A4CB;
font-size:12px;
}


.shortfeature {
width:260px;
float:left;
padding-bottom:15px;
}

.shortfeature .strip, .longfeature .strip  {
height:42px;
line-height:42px;
background-image:url(/images/shortfeaturestrip.png);
background-repeat:no-repeat;
background-position:top left;
padding-left:25px;
color:#FFFFFF;
font-style:italic;
text-transform:lowercase;
font-size:18px;
}

.shortfeature .hcontent {
padding:10px 15px 0px 5px;
}

.shortfeature .hcontent .image {
height:150px;
background-color:#EEE;
}

.shortfeature .vcontent .image {
width:100px;
height:100px;
background-color:#EEEEEE;
margin-top:13px;
float:left;
overflow:hidden;
}

.shortfeature .hcontent .text {
padding-top:10px;
}

.shortfeature .vcontent .text {
width:130px;
float:left;
margin:13px 0px 0px 13px;
}


.longfeature {
width:520px;
margin-bottom:10px;
clear:left;
}

.longfeature .strip {
height:51px;
background-image:url(/images/longfeaturestrip.png);
}

.longfeature .content {
padding:5px;
}

.longfeature .item {
float:left;
margin-right:12px;
width:90px;
height:130px;
}

.longfeature .item .image {
text-align:center;
padding-bottom:5px;
}

.longfeature .item img {
}

.longfeature .item .label {
text-align:center;
padding-top:3px;
}


.productthumb {
float:left;
width:110px;
padding:5px 20px 25px 0px;
}

.productthumb .image {
width:75px;
height:75px;
background-color:#F2F2F2;
}

.productthumb .name {
margin-top:3px;
font-size:120%;
height:47px;
overflow:hidden;
}

.productthumb .price {
font-size:120%;
padding-top:5px;
font-weight:bold;
}

.productthumb .buynow {
height:22px;
margin-top:3px;
}



.pagination {
text-align:center;
}

.pagination * {
margin-left:5px;
margin-right:5px;
}

.pagination .disabled {
color:#AAAAAA;
}

.pagination .current {
font-weight:bold;
color:#000000;
text-decoration:underline;
}

#gallery {
float:left;
width:260px;
margin-right:10px;
}

#gallery div.large {
padding-bottom:10px; background-image:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
}

#gallery div.large img {
width:250px;
height:250px;
}

#gallery div.small {
float:left;
margin:0px 2px 2px 0px;
cursor:pointer;
border:1px solid #D9D9D9;
padding:3px;
}

.grid {
width:100%;
margin-top:10px;
}

.grid th {
border-bottom:1px dotted #BBBBBB;
padding:4px;
background-color:#DFEFFC;
}

.grid div.thumb {
float:left;
border:1px solid #D9D9D9;
padding:3px;
}

.grid div.thumb img {
width:75px;
height:75px;
}

.grid td {
border-bottom:1px dotted #BBBBBB;
padding:4px;
}

.grid tr.footer td {
border-bottom:0px;
text-align:right;
font-size:12px;
font-style:italic;
font-weight:bold;
background-color:#DFEFFC;
}



div.datagrid {
clear:left;
margin-top:30px;
border:1px solid #D9D9D9;
padding-bottom:10px;
}

div.datagrid h2 {
color:#C8578B;
font-weight:normal;
font-style:italic;
padding:5px 20px 5px 20px;
border-bottom:1px dotted #BBBBBB;
margin:0px 0px 10px 0px;
}

table.datagrid td {
padding:4px;
}

table.datagrid td.label {
font-weight:bold;
padding:6px 20px 0px 20px;
vertical-align:top;
}

table.datagrid .input, table.datagrid .errorinput {
background-color:#EDEDED;
border:1px solid #D5D5D5;
font-size:11px;
color:#555555;
width:200px;
padding:2px;
}

table.datagrid .errorinput {
color:#C8578B;
border:1px solid #F098C4;
background-color:#F9ECF2;
}


div.error {
font-size:10px;
font-weight:bold;
color:#C8578B;
padding:10px;
border:1px solid #F098C4;
background-color:#F9ECF2;
margin:10px 0px 10px 0px;
}

div.info {
color:#3C5893;
font-weight:bold;
line-height:20px;
padding:5px 10px 5px 25px;
background-image:url(/images/info.gif);
background-repeat:no-repeat;
background-position:5px 7px;
border:1px solid #B8CDE6;
background-color:#E3EAF3;
margin:5px 0px 10px 0px;
}

.headlinestrip {
background-image:url(/images/headline.jpg);
background-repeat:no-repeat;
background-position:top left;
height:71px;
}
.headlinestrip .headline {
float:left;
color:#FFFFFF;
font-size:16px;
padding:25px 0px 0px 15px;
}

.headlinestrip .date {
float:right;
padding:30px 25px 0px 0px;
color:#000;
}


#gallerynav {
float:right;
margin-top:15px;
margin-right:20px;
}

#gallerynav .item, #gallerynav .itemon {
float:left;
width:22px;
height:26px;
line-height:23px;
text-align:center;
margin-left:3px;
background-color:#C8E4FA;
color:#437898;
font-size:13px;
cursor:pointer;
}

#gallerynav .itemon {
background-color:#A2D4F7;
font-weight:bold;
color:#417393;
}




.category {
float:left;
width:170px;
overflow:hidden;
margin:5px 0px 10px 0px;
}

.category .image {
background-image:url(/_ps/images/ajaxworking.gif);
background-repeat:no-repeat;
background-position:center;
}

.category .image img {
width:160px;
height:90px;
background-repeat:no-repeat;
background-position:top left;
margin-bottom:3px;
border:1px solid #EEEEEE;
}



.pepperforum {
width:520px;
}

.pepperforum .table textarea.field {
width:400px;
}

#newsletterlink {
width:160px;
height:48px;
background-image:url(/images/newsletter.png);
background-repeat:no-repeat;
}

#bloglink {
width:160px;
height:48px;
background-image:url(/images/blog.png);
background-repeat:no-repeat;
}

#twitterlink {
width:160px;
height:48px;
background-image:url(/images/twitter.png);
background-repeat:no-repeat;
}