/* $Id:style.css, */
/*
** HTML elements
*/
fieldset{ margin-bottom:1em;  padding:.5em}
form{ margin:0;  padding:0}

img{ border:0}
table{ border-collapse:collapse}
th{ text-align:left;  padding-right:1em;  border-bottom:3px solid #ccc}
th.active img{ display:inline}
tr.even, tr.odd{ background-color:#eee;  border-bottom:1px solid #ccc}
tr.even, tr.odd{ padding:0.1em 0.6em}
td.active{ background-color:#ddd}

/*
** Menu styles
*/
ul.menu{ list-style:none;  border:none;  text-align:left}
ul.menu li{ margin:0 0 0 0.5em}
li.expanded{ list-style-type:circle;  list-style-image:url(menu-expanded.png);  padding:0.2em 0.5em 0 0;  margin:0}
li.collapsed{ list-style-type:disc;  list-style-image:url(menu-collapsed.png);  padding:0.2em 0.5em 0 0;  margin:0}
li.leaf{ list-style-type:square;  list-style-image:url(menu-leaf.png);  padding:0.2em 0.5em 0 0;  margin:0}

hr{/* IE friendly <hr />*/font-size:0; /* Hack for IE */position:relative; background-color:#fff; border:1px dotted #ccc; border-style:dotted; margin-top:-10}

li, a.active{  color:#000}
td.menu-disabled{ background:#ccc}

/*
** Other common styles
*/
.breadcrumb{ padding-bottom:0px; font-size:10px;}
.block-region{ background-color:#ff6;  margin-top:4px;  margin-bottom:4px;  padding:3px}
.block ul{ margin:0;  padding:0 0 0.25em 1em}
br.clear{ clear:both;  height:0}
.container-inline div{ display:inline}
.error{ color:#cc0000;}
.item-list .icon{ color:#555;  float:right;  padding-left:0.25em;  clear:right}
.item-list .icon a{ color:#000;  text-decoration:none}
.item-list .icon a:hover{ color:#000;  text-decoration:none}
.item-list .title{ font-weight:bold}
.item-list ul{ margin:0 0 0.75em 0;  padding:0}
.item-list ul li{ margin:0 0 0.25em 1.5em;  padding:0;  list-style:disc}
.form-item{ margin-top:1em;  margin-bottom:1em}
tr.odd .form-item, tr.even .form-item{ margin-top:0;  margin-bottom:0;  white-space:nowrap}
.form-item input.error, .form-item textarea.error{ border:2px solid #cc0000;}
.form-item .description{ font-size:0.85em}
.form-item label{ display:block;  font-weight:bold}
.form-item label.option{ display:inline;  font-weight:normal}
.marker, .form-required{ color:#f00}
.more-link{ text-align:right}
.node-form .form-text{ display:block;  width:95%}
.node-form .standard{ clear:both}
.node-form textarea{ display:block;  width:95%}
.node-form .attachments fieldset{ float:none;  display:block}
.nowrap{ white-space:nowrap}
.ok{ color:#080}
#pager{ clear:both;  text-align:center}
#pager a, #pager strong.pager-current{ padding:0.5em}
.path{ padding-bottom:0.7em;  font-size:1.1em}

/*
** Module specific styles
*/
#aggregator .feed-source .feed-title{ margin-top:0}
#aggregator .feed-source .feed-image img{ margin-bottom:0.75em}
#aggregator .feed-source .feed-icon{ float:right;  display:block}
#aggregator .feed-item{ margin-bottom:1.5em}
#aggregator .feed-item-title{ margin-bottom:0;  font-size:1.3em}
#aggregator .feed-item-meta, #aggregator .feed-item-body{ margin-bottom:0.5em}
#aggregator .feed-item-categories{ font-size:0.9em}
#aggregator td{ vertical-align:bottom}
#aggregator td.categorize-item{ white-space:nowrap}
#aggregator .categorize-item .news-item .body{ margin-top:0}
#aggregator .categorize-item h3{ margin-bottom:1em;  margin-top:0}
.book-navigation .menu{ border-top:1px solid #888;  padding:1em 0 0 3em}
.book-navigation .page-links{ border-top:1px solid #888;  border-bottom:1px solid #888;  text-align:center;  padding:0.5em}
.book-navigation .page-previous{ text-align:right}
.book-navigation .page-up{ margin:0 4em}
.book-navigation .page-next{ text-align:left}
.node-unpublished, .comment-unpublished{ background-color:#fff4f4}
.preview .node, .preview .comment{ background-color:#ffffea}
.archive{ margin:1em 0 1em 0}
.calendar .row-week td a{ display:block}
.calendar .row-week td a:hover{ background-color:#888; color:#fff}
.calendar a{ text-decoration:none}
.calendar a:hover{ text-decoration:none}
.calendar table{ border-collapse:collapse;  width:100%;  border:1px solid #000}
.calendar td, .calendar th{ text-align:center;  border:1px solid #000;  padding:1px;  margin:0;  font-size:0.8em}
.calendar td.day-blank{ border:0}
.tips{ margin-top:0;  margin-bottom:0;  padding-top:0;  padding-bottom:0;  font-size:0.9em}
#forum .description{ font-size:0.9em;  margin:0.5em}
#forum td.created, #forum td.posts, #forum td.topics, #forum td.last-reply, #forum td.replies, #forum td.pager{ white-space:nowrap}
#forum td.posts, #forum td.topics, #forum td.replies, #forum td.pager{ text-align:center}
.forum-topic-navigation{ padding:1em 0 0 3em;  border-top:1px solid #888;  border-bottom:1px solid #888;  text-align:center;  padding:0.5em}
.forum-topic-navigation .topic-previous{ margin-right:4em;  text-align:right}
.forum-topic-navigation .topic-next{ text-align:left}
.locale-untranslated{ font-style:normal;  text-decoration:line-through}
#node-admin-filter ul{ list-style-type:none;  padding:0;  margin:0;  width:100%}
#node-admin-buttons{ float:left;  margin-left:0.5em;  clear:right}
td.revision-current{ background:#ffc}
dl.multiselect dd.b, dl.multiselect dd.b .form-item, dl.multiselect dd.b select{ font-family:inherit;  font-size:inherit;  width:14em}
dl.multiselect dd.a, dl.multiselect dd.a .form-item{ width:8em}
dl.multiselect dt, dl.multiselect dd{ float:left;  line-height:1.75em;  padding:0;  margin:0 1em 0 0}
dl.multiselect .form-item{ height:1.75em;  margin:0}
#permissions td.module, #blocks td.region{ font-weight:bold}
#permissions td.permission, #blocks td.block, #taxonomy td.term, #taxonomy td.message{ padding-left:1.5em}

#access-rules .access-type, #access-rules .rule-type{ margin-right:1em;  float:left}
#access-rules .access-type .form-item, #access-rules .rule-type .form-item{ margin-top:0}
#access-rules .mask{ clear:both}
.poll .bar{ height:1em;  margin:1px 0;  background-color:#ddd}
.poll .bar .foreground{ background-color:#000;  height:1em;  clear:left;  float:left}
.poll .links{ text-align:center}
.poll .percent{ text-align:right}
.poll .total{ text-align:center}
.poll .vote-form{ text-align:center}
.poll .vote-form .choices{ text-align:left;  margin:0 auto;  display:table}
.profile{ clear:both;  margin:1em 0 1em 0}
.profile .picture{ float:right;  margin:0 1em 1em 0}
.profile dt{ margin:1em 0 0.2em 0;  font-weight:bold}
.profile dd{ margin:0}
.node-form .poll-form fieldset{ display:block}
img.screenshot{ border:1px solid #808080;  display:block;  margin:2px}
.search-form{ margin-bottom:1em}
.search-form p{ margin-top:0;  margin-bottom:0.2em;  padding-top:0;  padding-bottom:0}
.search-form input{ margin-top:0;  margin-bottom:0}
.search-results p{ margin-top:0}
.search-results dt{ font-size:1.1em}
.search-results dd{ margin-bottom:1em}
.search-results .search-info{ font-size:0.85em}
.search-advanced .criterion{ float:left;  margin-right:2em}
.search-advanced .action{ float:left;  clear:left}
#tracker td.replies{ text-align:center}
#tracker table{ width:100%}
.theme-settings-left{ float:left;  width:49%}
.theme-settings-right{ float:right;  width:49%}
.theme-settings-bottom{ clear:both}
#user-login-form{ text-align:center}
.more-help-link{ font-size:0.85em;  text-align:right}


/* Tab navigation */
ul.primary{ border-collapse:collapse;  padding:0 0 0 1em;  white-space:nowrap;  list-style:none;  margin:5px;  height:auto;  line-height:normal;  border-bottom:1px solid #bbb}
ul.primary li{ display:inline}
ul.primary li a{ background-color:#ddd;  border-color:#bbb;  border-width:1px;  border-style:solid solid none solid;  height:auto;  margin-right:0.5em;  padding:0 1em;  text-decoration:none}
ul.primary li.active a{ background-color:#fff;  border:1px solid #bbb;  border-bottom:#fff 1px solid}
ul.primary li a:hover{ background-color:#eee;  border-color:#ccc;  border-bottom-color:#eee}
ul.secondary{ border-bottom:1px solid #bbb;  padding:0.5em 1em 0.5em 1em;  margin:5px}
ul.secondary li{ display:inline;  padding:0 1em;  border-right:1px solid #ccc}
ul.secondary a{ padding:0;  text-decoration:none}
ul.secondary a.active{ border-bottom:4px solid #999}

/*
** Help module
*/
.help-items{ float:left;  width:22%;  padding-right:3%}
.help-items-last{ padding-right:0}

/*
** Autocomplete styles
*/
/* Suggestion list */
#autocomplete{ position:absolute;  border:1px solid;  overflow:hidden}
#autocomplete ul{ margin:0;  padding:0;  list-style:none}
#autocomplete li{ background:#fff;  color:#000;  white-space:pre;  cursor:default}
#autocomplete li.selected{ background:#0072b9;  color:#fff}
/* Animated throbber */
html.js input.form-autocomplete{ background-image:url(throbber.gif);  background-repeat:no-repeat;  background-position:100% 2px}
html.js input.throbbing{ background-position:100% -18px}

/*
** Progressbar styles
*/
.progress{ font-weight:bold}
.progress .bar{ background:#fff url(progress.gif);  border:1px solid #00375a;  height:1.5em;  margin-top:0.2em}
.progress .filled{ background:#0072b9;  height:1em;  border-bottom:0.5em solid #004a73;  width:0%}
.progress .percentage{ float:right}

/*
** Collapsing fieldsets
*/
html.js fieldset.collapsed{ border-bottom-width:0;  border-left-width:0;  border-right-width:0;  margin-bottom:0}
html.js fieldset.collapsed *{ display:none}
html.js fieldset.collapsed table *, 
html.js fieldset.collapsed legend, 
html.js fieldset.collapsed legend *{ display:inline}
html.js fieldset.collapsible legend a{ padding-left:15px;  background:url(menu-expanded.png) 5px 50% no-repeat}
html.js fieldset.collapsed legend a{ background-image:url(menu-collapsed.png)}
/* Note:IE-only fix due to '* html' (breaks Konqueror otherwise). */
* html.js fieldset.collapsible legend a{ display:block}

/*
** Resizable text areas
*/
.resizable-textarea{ width:95%}
.resizable-textarea .grippie{ height:14px;  background:#eee url(grippie.png) no-repeat 100% 100%;  border:1px solid #ddd;  border-top-width:0;  cursor:s-resize}

/*
** Formatting for welcome page
*/
#first-time strong{ display:block;  padding:1.5em 0 .5em}





/* $Id: style.css,v 1.2 2004/08/20 09:34:53 dries Exp $ */

/*
** HTML elements
*/
body {
  font-family: arial, helvetica, sans-serif;
  scrollbar-arrow-color:#cc0000; 

}
a:link {
  color: #cc3300
}
a:visited {
  color: #cc3300
}
a:active {
  color: #ccc
}
.front-title { 
  font-size: 1.1em;
}
.front-title a {
  font-weight: bold;
  color: #E45B00;
}
.front-title a:link {
  font-weight: bold;
  color: #E45B00;
}
.front-title a:visited {
  font-weight: bold;
  color: #E45B00;
}
.front-title a:hover, a:active {
  font-weight: bold;
  color: #E45B00;
}
.front-spacer {
margin-bottom: 15px; 
display: block;
}
.front-submitted {
  color: #7c7c7c;
  font-size: 10px;
  display: inline;
}
.front-storylink-links {
font-size: 11px;
margin-right: 20px;
margin-bottom: 15px;
line-height: 12px;
}
.hotlinkswrapper-left {
margin-left: 10px;
margin-right: 10px;
}
.hotlinkswrapper-right {
margin-left: 10px;
margin-right: 10px;
}

h2 {
  background-color: #EFEFEF;
  border: solid 1px #777;
  font-size: 1em;
  padding: 5px;
}
h2.title {
  background-color: #efefef;
  border: solid 1px #E7E7E7;
  margin: 2px 0px 2px 0px;
}

h2.title a {
  font-weight: bold;
  color: #E45B00;
}

h2.title a:link {
  font-weight: bold;
  color: #E45B00;
}
h2.title a:visited {
  font-weight: bold;
  color: #E45B00;
}
h2.title a:hover, a:active {
  font-weight: bold;
  color: #E45B00;
}
.priceclick  {
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.productimage  {
	text-align: center;
	margin: 0px 0px 10px 0px;
}


p {
  margin: 0 12px 0 0;
  padding: 0;
}
table {
  font-size: 1em;
}

/*
** Page layout blocks / IDs
*/
#main {
  width: 80%;
}
#header .title {
  padding-top: .75em;
}

/*
** Common declarations for child classes of node, comment, block, box etc
*/
.node .submitted {
  color: #7c7c7c;
  font-size: 10px;
  display: inline;
}
.node .taxonomy {
  color: #7c7c7c;
  font-size: 0.9em;
  float: right;
}
.node .content {
  clear: both;
  padding-left: 1em;
}
.node .links {
  padding: 0px 50px 0px 5px;
}
.comment {
  border: solid 1px #777;
  margin: 0.5em 0 0.5em 0;
  padding: 0.5em;
}
.block {
  margin-bottom: 10px;
  font-size: 0.9em;
}
.block .content {
  border: solid 1px #E7E7E7;
  border-top: none;
  margin: 0;
  padding: 5px;
  background-color: #F7F7F7;
}
.block h2.title {
  margin: 0;
  text-align: center;
  color: #373737;
  background-color: #efefef;
}

.block a {
  font-weight: bold;
  color: #D81F00;
}

.block a:link {
  font-weight: bold;
  color: #D81F00;
}
.block a:visited {
  font-weight: bold;
  color: #D81F00;
}
.block a:hover, a:active {
  font-weight: bold;
  color: #666666;
}

/*
** Module specific styles
*/
.item-list ul li {
  list-style-image: url(bullet.png);
}
.calendar .day-today {
  background-color: #ccc;
}
.calendar .day-selected {
  background-color: #bbb;
}
.calendar .header-month {
  background-color: #ddd;
}
.calendar .header-week {
  background-color: #ccc;
}
.calendar .day-blank {
  background-color: #ddd;
}
.calendar .day-link a {
  color: #000;
}
.calendar .row-week {
  color: #aaa;
}
.path, .path a, .path a:visited {
  color: #888;
}


/* image gallery module */
ul.galleries{ list-style-type:none;  margin:0;  padding:0}

ul.galleries li{ background:#eee;  border:1px #ccc solid;  margin:1em 0;  padding:1em}

ul.galleries li img{ float:left;  padding-right:4px;  margin-right:4px}

ul.galleries li div.count{ clear:both}

ul.galleries h3{ margin:0;  padding:0}

ul.images{ list-style-type:none;  margin:0;  padding:0}

ul.images li{ float:left;  margin:1em}




/* common.css for chameleon - more efficient to load one file than two */
/* $Id: common.css,v 1.9 2006/01/20 09:09:18 dries Exp $ */

/*
** HTML elements
*/
a, a:link, a:active {
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
body {
  margin: 0;

  font-size: .9em;
  line-height: 1.3em;
}
blockquote {
  font-style: italic;
}
table {
  margin: 0;
  padding: .5em;
  border-collapse: collapse;
}
code, pre {
 font-size: 1em;
}
pre {
 font-size: 0.8em;
 padding: 1em;
 background: #eee;
}
li {
 padding-bottom: .3em;
}
h1, h2, h3, h4, h5, h6 {
  margin-bottom: 3px;
}
h1 {
  font-size: 1.3em;
}
h2 {
  font-size: 1.2em;
}
h3 {
  font-size: 1.1em;
}
h4, h5, h6 {
  font-size: 1em;
}
p {
  margin: 0 0 .5em 0;
}
br {
  line-height: 0.6em;
}

/*
** Page layout blocks / IDs
*/
#header {
  margin-top:10px;
  margin-bottom: 2px;
  width:900px;
}
#help {
  font-size: 0.8em;
}
#content {
  clear: both;
}
#sidebar-left, #sidebar-right {
  vertical-align: top;
  padding: 10px;
}
#main {
  padding-left: 1em;
  padding-right: 1em;
  vertical-align: top;
}
#footer {
 font-size: 0.8em;
 padding-top: 2em;
 text-align: center;
}

/*
** Common declarations for child classes of node, comment, block, box etc
*/
.title {
  margin: 0 0 .25em 0;
}
.content {
  margin: 0 0 .5em 0;
}
.links {
  font-size: 0.8em;
  line-height: 1.25em;
}
.block {
  width: 180px;
}
.messages {
  padding: 0.3em;
  margin: 0.5em 0em 0.5em 0em;
}
.status {
  border: 1px solid #3a3;
  color: #3a3;
}
.error, form-item input.error {
  border: 1px solid red;
  color: red;
}

/*
** Common navigation links added on the admin/themes/settings page
*/
.navlinks {
  padding: 0em 0.5em 1.5em 0em;
  clear: both;
}
.primary a {
  font-size: 1.0em;
  padding: 0em 0.5em 0em 0em;
}
.secondary a {
  font-size: 0.9em;
  padding: 0em 0.5em 0em 0em;
}

/*
** Logo Image Positioning
*/
#header img {
  float: left;
}
#header {
  clear: both;
}
/*
** Module specific styles
*/
.form-item textarea {
  font-size: 1em;
}
#aggregator .feed-source {
  border: 1px solid gray;
  padding: 1em;
}

/* codefilter module */
div.codeblock {
  padding: 5px;
  border: 1px solid #CCC;
  background-color: #EEE;
}

/* img_assist module */
span.left{ float:left;  margin:5px 5px 5px 0px}
span.right{ float:right;  margin:5px 0px 5px 5px}
span.caption{ display:block; /* put the caption under the image (not next to it) */}
.inline img{ border:1px solid #000; /* put a thin border around inline images */}
br.clear-both{ clear:both; /* clear floats so the next node will display normally */}


/* tagadelic */
.wrapper.tagadelic{ text-align:justify;  margin-right:1em}
.tagadelic.level1{ font-size:10px}
.tagadelic.level2{ font-size:11px}

.tagadelic.level3{ font-size:12px}

.tagadelic.level4{ font-size:13px}

.tagadelic.level5{ font-size:13px}

.tagadelic.level6{ font-size:14px}

.tagadelic.level7{ font-size:14px}

.tagadelic.level8{ font-size:15px}

.tagadelic.level9{ font-size:16px}

.tagadelic.level10{ font-size:16px}

/* vote up down */
.front-vote-widget {
  background: url(frontpage-vote-score-widget.png) no-repeat;
  float: left;
  clear: left;
  width: 53px;
  height: 48px;
  text-align: center;
  margin-right: 15px;
  display: block;
}
.vote-up-down-via {
  color: #999;
  padding-left: 0;
  font-size: 10px;
  display: inline;
}
points {
  font-weight: bold;
}

.vote-up-down-widget-alt {
  font-weight: normal;
  font-size: 17px;
  text-align: center;
  margin-bottom: 0px;
  background: url(top-widget.png) no-repeat 0% 0%;
  float: right;
  clear: right;
  margin-left: 20px;
  margin-top: 0;
  padding: 0px 0px 0px 0px;
  border: 0;
  height: 49px;
  width: 53px;
}

html>body .vote-up-down-widget-alt {
  font-weight: normal;
  font-size: 17px;
  text-align: center;
  margin-bottom: 0px;
  background: url(top-widget.png) no-repeat 0% 0%;
  float: right;
  clear: right;
  margin-left: 20px;
  margin-top: -84px;
  padding: 0px 0px 0px 0px;
  border: 0;
  height: 49px;
  width: 53px;
}

.vote-points {
background: transparent;
padding: 0;
margin-top: 7px;
}
.vote-points-label {
  font-size: 9px;
  padding: 0;
  background: transparent;
}
.vote-up-down-widget-alt .vote-up-act,
.vote-up-down-widget-alt .vote-up-inact,
.vote-up-down-widget-alt .up-inact {
  display: block;
  margin-top:6px;
}
.vote-up-down-widget-alt span.vote-up-act,
.vote-up-down-widget-alt span.vote-up-inact,
.vote-up-down-widget-alt span.up-inact {
}
.vote-up-down-widget-alt .vote-up-act,
.vote-up-down-widget-alt .vote-up-inact:hover {
  background: url(bottom-full-widget-shaded.png) no-repeat 0% 0%;
    width: 53px;
    height: 23px;
}
.vote-up-down-widget-alt .vote-up-inact,
.vote-up-down-widget-alt .up-inact {
   background: url(bottom-full-widget-unshaded.png) no-repeat 0% 0%;
     width: 53px;
     height: 23px;
}

.storylink .picture img {
  float: left !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0.3em 0 0.3em 2px !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
.storylink h2.title, 
.storylink .content, 
.storylink .submitted, 
.storylink .links {
  padding-left: 26px;
}

.storylink-alt .picture {
  display: inline;
}
.storylink-alt .picture img {
  float: none !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0.3em 0.3em 0 0 !important;
  max-width: 18px !important;
  max-height: 18px !important;
}
.storylink-alt h2.title, 
.storylink-alt .content, 
.storylink-alt .submitted, 
.storylink-alt .links {
  padding-left: 42px;
}

/* Fixing IE6 bug, the "* html" make other browsers ignore it */

/* Hides from IE-mac \*/
* html .storylink .picture img {
  width: 18px !important;
  height: 18px !important;
}
* html .storylink-alt .picture img {
  width: 18px !important;
  height: 18px !important;
}
* html .vote-up-down-widget-alt .vote-up-act,
* html .vote-up-down-widget-alt .vote-up-inact,
* html .vote-up-down-widget-alt .up-inact {
  width: 55px;
}
* html .content {
  height: 1%;
}
/* End hide from IE-mac */

.service-links .delimiter {
background: #fff;
background-repeat: no-repeat;
background-position: center;
color: #fff;
}

.service-links {
font-size: .4em;
}


.image-float-container {
clear: right;
}

* html .image-float-container p{ /* IE 3px jog hack*/
height: 1%;
}

.image-float-container p{
margin-top: 0;
margin-right: 60px;
}

.image-float {
width: 60px;
float: right;
}


#logobox {
float: left;
vertical-align: bottom;
}

#topnav {
float: right;
text-align:right;
margin-top: 10px;
}

#headerline {
width: 900px;
height: 6px;
background-image: url(images/headerline.gif);
}

.divider {
color: #cccccc;
font-weight: normal;
}

.tagline {
color: #999999;
font-face: courier;
font-weight: bold;
font-size: 12px;
}

#header .title {
  padding-top: .75em;
}

a.header:link { font-size: 12px; color: #333333; text-decoration: none; font-weight:normal; }
a.header:visited { font-size: 12px; color: #333333; text-decoration: none; font-weight:normal; }
a.header:hover { font-size: 12px; color: #cc0000; text-decoration: none; cursor: hand; font-weight:normal; }
a.header:active { font-size: 12px; color: #333333; text-decoration: underline; font-weight:normal; }

a.more:link { font-family: Verdana, Arial, Helvetica; font-size: 9px; color:#c0c0c0; text-decoration: underline; }
a.more:visited { font-family: Verdana, Arial, Helvetica; font-size:  9px; color:#c0c0c0; text-decoration: underline; }
a.more:hover { font-family: Verdana, Arial, Helvetica; font-size: 9px; color:#c0c0c0;  text-decoration: underline; }
a.more:active { font-family: Verdana, Arial, Helvetica; font-size: 9px; color:#c0c0c0; text-decoration: underline; }

a.itemtitle:link { font-size: 12px; color: #333333; text-decoration: none; font-weight:bold; }
a.itemtitle:visited { font-size: 12px; color: #333333; text-decoration: none; font-weight:bold; }
a.itemtitle:hover { font-size: 12px; color: #333333; text-decoration: none; cursor: hand; font-weight:bold; }
a.itemtitle:active { font-size: 12px; color: #cc0000; text-decoration: underline; font-weight:bold; }

.itemtitle { font-size: 12px; color: #333333; text-decoration: none; font-weight:bold; }
.iprice { font-size: 15px; color: #cc3300; font-weight:bold; padding-top: 16px;}

INPUT.abutton {  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 9px;  font-style: normal;  color: #000000;  background-color: #ffffff;  border-right-width:2pt;  border-left-width:2pt;  padding: 2pt;  border-top-width:1pt;  border-top-color: #666666;  border-right-color: #cccccc;  border-bottom-color: #cccccc;  border-left-color: #cccccc;}

#ItemContainer {
	width: 240px;
	height: 160px;
	float:left;
	border:1px dotted #ccc; border-style:dotted; 
	margin-left:4px;
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer; 
}

#ItemContainer:hover{
	background: #efefef;
	cursor: pointer; 
}

#AdContainer {
	width: 200px;
	height: 160px;
	float:left;
	border:1px dotted #ccc; border-style:dotted; 
	margin-left:4px;
	margin-bottom: 5px;
	text-align: center;
}

#SingleContainer {
	width: 450px;
	height: 600px;
	border:1px dotted #ccc; border-style:dotted; 
	margin-left:4px;
	margin-bottom: 5px;
	text-align: center;
	overflow:hidden;
}

.detailphoto img {
  border: 0;
  margin: 0;
  max-width: 400px;
  max-height: 400px;
}