body {
background:#fff url(../images/bg-wrap.png) repeat-y;
font:12px/2 Verdana, Arial, Helvetica, sans-serif
}

a {
color:#09F;
text-decoration:none
}

a:visited {
color: #09F;
}

#menu a:visited {
color:#CCCCCC
}

p,ul,dl {
margin-bottom:10px
}


h1,h2,h3,h4 {
color:#09F;
font-weight:700
}

h1 {
font-size:1.5em
}

h2 {
font-size:1.4em;
text-transform:capitalize
}

h3 {
font-size:1.1em;
text-transform:capitalize;
}

h4 {
font-size:1em;
color:#000;
font-style: normal;
text-transform:capitalize;
text-decoration:underline
}

.highlight { color: #FF0000 }
.largetext { font-size: 1.5em; color: #FF0000}

em { font-weight: bold }

.stronglink {
font-weight:bold;
text-transform:uppercase;
color:#ff0000
}

#main li {
background:url(../images/bullet.gif) 0px 5px no-repeat;;
font-weight:700;
padding-left:1.75em
}

#wrap {
position:relative;
width:900px
}

#menu {
background-color:#0099FF;
margin-top:15px;
float:left;
width:200px
}

#content {
color:#000;
float:right;
width:700px
}

#main {
padding:10px 0 0 15px
}

#largeimages {
padding:10px 0;
width:700px
}

div.imageholder {
float:left;
width:350px
}

div.imageholder img.product {
margin:0 25px
}

div.title {
padding:5px 0;
text-align:center
}

div.page {
margin-bottom:10px
}

#calendarimages {
padding:10px 0
}

div.diarythumbnail {
float:left;
font-size:10px;
font-weight:700;
width:135px
}

div.calendarthumbnail {
float:left;
font-size:10px;
font-weight:700;
width:210px
}

#navcontainer ul {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
list-style-type:none;
margin:0;
padding:0
}

#navcontainer li {
margin:0 0 3px
}

#navcontainer a {
/*background-color: #00CC00;*/
background-color: #000;
border:1px solid #333;
display:block;
padding:2px 2px 2px 13px;
width:171px
}


#navcontainer li.subsec a{
padding: 2px 2px 2px 26px;
width:158px;
color:#000;
background-color: #eee;
}

#navcontainer a:link {
color:#EEE;
text-decoration:none;
font-weight: bold
}

#navcontainer a:hover,#navcontainer ul#navlist li#active a {
background-color: #336699;
border:1px solid #333;
color:#fff
}

#navcontainer li.subsec a:hover {
color:#fff;
background-color: #336699;
}

#contacts {
line-height:1.3;
margin-top:10px;
padding: 10px
}

#contacts a,#contacts a:hover {
background-color: #0099FF;
padding:0;
margin:0;
display:inline;
border:0
}

#contacts a:hover {
background-color: #0099FF;
color: #CCCCCC
}





h2 span,div.artist {
color:#aaa
}

#logo,div.backtotop {
padding-top:10px
}

#orders table th {
font-size: 10px;
}

#orders table {
border: 1px solid #aaa;
margin-bottom: 10px
}

#orders table tr.toprow {
background-color: #0099FF
}

#orders table tr th {
padding-left: 5px;
}

#orders table tr.toprow th {
width: 100px;
font-weight: bold;
padding: 0 3px;
border-right: 1px solid #aaa;
}

#orders table th.sidethead {
border-right: 1px solid #aaa
}

#orders table tr.odd {
background-color: #eee
}

#orders table tr {
border-bottom: 1px solid #eee
}

#orders table td {
border-right: 1px solid #aaa;
padding: 3px;
}


#main dl {
background-color:#eee;
padding:10px;
font-size:11px;
border:3px solid #336699
}

#main dt.installment {
clear: both;
float:left;
width:110px;
margin-bottom:10px;
font-weight:bold;
}

#main dd.description {
width: 160px;
margin-bottom:10px;
float:left;
}

#main dd.price {
width: 360px;
margin-bottom:10px;
float:left;
}

#footer {
font-size: 11px;
margin-bottom:15px
}


div.twocol {
width: 685px;
}

div.leftpage {
width: 49%;
float:left
}

div.rightpage {
width:49%;
float:right
}

div.sample {
width: 100px;
text-align:center;
float:left;
margin-right:10px;
margin-bottom:15px;
height:170px;
}

#horizontal div.sample {
height:110px;
}

div.samplename {
font-size:0.75em
}

#products {
width:650px;
position:relative
}

#products a {
position:absolute;
display:block;
font-weight:bold;
color:#000;
line-height:1.2
}

#products a:hover { color: #0099FF}

#diarylink a{ width:215px; height:375px; left: 0; top:10px; text-indent:-9999px; /*border:2px solid #6699FF */ }
#deskcalendarlink a { width:225px; height:235px; left: 215px; top:10px; text-indent:-9999px; /*border:2px solid #99FF66 */}
#plannerlink a { width:200px; height:250px; left: 420px; top: 0px; text-indent:-9999px; /*border:2px solid #6699FF*/  }
#wallcalendarlink a { width:120px; height:290px; left: 440px; top: 0px; text-indent:-9999px; /*border:2px solid #6699FF;*/ display:none  }
#deskpadlink a { width:100px; height:375px; left: 575px; top:15px; text-indent:-9999px; /*border:2px solid #6699FF */}

div.examples {
margin:10px 0;
}

div.example-client { 
width:150px;
margin-right:10px;
float:left
}

div.title a {
color:#000;
font-weight:bold
}

div.title a:hover {
color:#0099FF
}

/*PAGINATION*/
.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 450px;
text-align: left;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #00CC00;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #fff;
background-color: #0099FF;
}


/*SOLD OUT*/
span.outofstock {
color:#CC0000;
font-weight:bold;
}