/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline: 0;}
/* typography.css */
body {font-size:75%;color:#333;background:#fff;font-family: Geneva,Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#333;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#1948c1; text-decoration: underline;}
a {color:#1948c1;text-decoration:none;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* grid.css */
/* A container should group all your columns. */
.container {
width: 980px;
margin: 0 auto;
}
/* Use this class on any div.span / container to see the grid. */
.showgrid {
background: url(src/grid.png);
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
float: left;
margin-right: 4px;
}
/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 { width: 37px; }
.span-2 { width: 78px; }
.span-3 { width: 119px; }
.span-4 { width: 160px; }
.span-5 { width: 201px; }
.span-6 { width: 242px; }
.span-7 { width: 283px; }
.span-8 { width: 324px; }
.span-9 { width: 365px; }
.span-10 { width: 406px; }
.span-11 { width: 447px; }
.span-12 { width: 488px; }
.span-13 { width: 529px; }
.span-14 { width: 570px; }
.span-15 { width: 611px; }
.span-16 { width: 652px; }
.span-17 { width: 693px; }
.span-18 { width: 734px; }
.span-19 { width: 775px; }
.span-20 { width: 816px; }
.span-21 { width: 857px; }
.span-22 { width: 898px; }
.span-23 { width: 939px; }
.span-24, div.span-24 { width: 980px; margin: 0; }
/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23 {
border-left-width: 1px!important;
border-right-width: 1px!important;
padding-left: 5px!important;
padding-right: 5px!important;
}
input.span-1, textarea.span-1 { width: 25px !important; }
input.span-2, textarea.span-2 { width: 66px !important; }
input.span-3, textarea.span-3 { width: 107px !important; }
input.span-4, textarea.span-4 { width: 148px !important; }
input.span-5, textarea.span-5 { width: 189px !important; }
input.span-6, textarea.span-6 { width: 230px !important; }
input.span-7, textarea.span-7 { width: 271px !important; }
input.span-8, textarea.span-8 { width: 312px !important; }
input.span-9, textarea.span-9 { width: 353px !important; }
input.span-10, textarea.span-10 { width: 394px !important; }
input.span-11, textarea.span-11 { width: 435px !important; }
input.span-12, textarea.span-12 { width: 476px !important; }
input.span-13, textarea.span-13 { width: 517px !important; }
input.span-14, textarea.span-14 { width: 558px !important; }
input.span-15, textarea.span-15 { width: 599px !important; }
input.span-16, textarea.span-16 { width: 640px !important; }
input.span-17, textarea.span-17 { width: 681px !important; }
input.span-18, textarea.span-18 { width: 722px !important; }
input.span-19, textarea.span-19 { width: 763px !important; }
input.span-20, textarea.span-20 { width: 804px !important; }
input.span-21, textarea.span-21 { width: 845px !important; }
input.span-22, textarea.span-22 { width: 886px !important; }
input.span-23, textarea.span-23 { width: 927px !important; }
input.span-24, textarea.span-24 { width: 968px !important; }
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 41px; }
.append-2 { padding-right: 82px; }
.append-3 { padding-right: 123px; }
.append-4 { padding-right: 164px; }
.append-5 { padding-right: 205px; }
.append-6 { padding-right: 246px; }
.append-7 { padding-right: 287px; }
.append-8 { padding-right: 328px; }
.append-9 { padding-right: 369px; }
.append-10 { padding-right: 410px; }
.append-11 { padding-right: 451px; }
.append-12 { padding-right: 492px; }
.append-13 { padding-right: 533px; }
.append-14 { padding-right: 574px; }
.append-15 { padding-right: 615px; }
.append-16 { padding-right: 656px; }
.append-17 { padding-right: 697px; }
.append-18 { padding-right: 738px; }
.append-19 { padding-right: 779px; }
.append-20 { padding-right: 820px; }
.append-21 { padding-right: 861px; }
.append-22 { padding-right: 902px; }
.append-23 { padding-right: 943px; }
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 41px; }
.prepend-2 { padding-left: 82px; }
.prepend-3 { padding-left: 123px; }
.prepend-4 { padding-left: 164px; }
.prepend-5 { padding-left: 205px; }
.prepend-6 { padding-left: 246px; }
.prepend-7 { padding-left: 287px; }
.prepend-8 { padding-left: 328px; }
.prepend-9 { padding-left: 369px; }
.prepend-10 { padding-left: 410px; }
.prepend-11 { padding-left: 451px; }
.prepend-12 { padding-left: 492px; }
.prepend-13 { padding-left: 533px; }
.prepend-14 { padding-left: 574px; }
.prepend-15 { padding-left: 615px; }
.prepend-16 { padding-left: 656px; }
.prepend-17 { padding-left: 697px; }
.prepend-18 { padding-left: 738px; }
.prepend-19 { padding-left: 779px; }
.prepend-20 { padding-left: 820px; }
.prepend-21 { padding-left: 861px; }
.prepend-22 { padding-left: 902px; }
.prepend-23 { padding-left: 943px; }
/* Border on right hand side of a column. */
div.border {
padding-right: 4px;
margin-right: 5px;
border-right: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
div.colborder {
padding-right: 24px;
margin-right: 25px;
border-right: 1px solid #eee;
}
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-1 { margin-left: -41px; }
.pull-2 { margin-left: -82px; }
.pull-3 { margin-left: -123px; }
.pull-4 { margin-left: -164px; }
.pull-5 { margin-left: -205px; }
.pull-6 { margin-left: -246px; }
.pull-7 { margin-left: -287px; }
.pull-8 { margin-left: -328px; }
.pull-9 { margin-left: -369px; }
.pull-10 { margin-left: -410px; }
.pull-11 { margin-left: -451px; }
.pull-12 { margin-left: -492px; }
.pull-13 { margin-left: -533px; }
.pull-14 { margin-left: -574px; }
.pull-15 { margin-left: -615px; }
.pull-16 { margin-left: -656px; }
.pull-17 { margin-left: -697px; }
.pull-18 { margin-left: -738px; }
.pull-19 { margin-left: -779px; }
.pull-20 { margin-left: -820px; }
.pull-21 { margin-left: -861px; }
.pull-22 { margin-left: -902px; }
.pull-23 { margin-left: -943px; }
.pull-24 { margin-left: -984px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23 { float: left; position:relative; }
.push-1 { margin: -41px 1.5em 41px; }
.push-2 { margin: -82px 1.5em 82px; }
.push-3 { margin: -123px 1.5em 123px; }
.push-4 { margin: -164px 1.5em 164px; }
.push-5 { margin: -205px 1.5em 205px; }
.push-6 { margin: -246px 1.5em 246px; }
.push-7 { margin: -287px 1.5em 287px; }
.push-8 { margin: -328px 1.5em 328px; }
.push-9 { margin: -369px 1.5em 369px; }
.push-10 { margin: -410px 1.5em 410px; }
.push-11 { margin: -451px 1.5em 451px; }
.push-12 { margin: -492px 1.5em 492px; }
.push-13 { margin: -533px 1.5em 533px; }
.push-14 { margin: -574px 1.5em 574px; }
.push-15 { margin: -615px 1.5em 615px; }
.push-16 { margin: -656px 1.5em 656px; }
.push-17 { margin: -697px 1.5em 697px; }
.push-18 { margin: -738px 1.5em 738px; }
.push-19 { margin: -779px 1.5em 779px; }
.push-20 { margin: -820px 1.5em 820px; }
.push-21 { margin: -861px 1.5em 861px; }
.push-22 { margin: -902px 1.5em 902px; }
.push-23 { margin: -943px 1.5em 943px; }
.push-24 { margin: -984px 1.5em 984px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23 {float: right; position:relative;}
/* Misc classes and elements
-------------------------------------------------------------- */
/* In case you need to add a gutter above/below an element */
.prepend-top {
margin-top:1.5em;
}
.append-bottom {
margin-bottom:1.5em;
}
/* Use a .box to create a padded box inside a column. */
.box {
padding: 1.5em;
margin-bottom: 1.5em;
background: #E5ECF9;
}
/* Use this to create a horizontal ruler across a column. */
hr {
background: #ddd;
color: #ddd;
clear: both;
float: none;
width: 100%;
height: .1em;
margin: 0 0 1.45em;
border: none;
}
hr.space {
background: #fff;
color: #fff;
}
/* Clearing floats without extra markup
Based on How To Clear Floats Without Structural Markup by PiE
[http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after, .container:after {
content: "\0020";
display: block;
height: 0;
clear: both;
visibility: hidden;
overflow:hidden;
}
.clearfix, .container {display: block;}
/* Regular clearing
apply to column that should drop below previous ones. */
.clear { clear:both; }
/*Custom Classes*/
.float-left{ float: left}
.float-right{ float: right}
.align-left { text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
body {
background: #fff url(/images/bg.jpg) no-repeat 50% 0;
}
/*Logo*/
.logo {
margin: 35px 0 0 0;
}
/*title*/
div.title {
margin: 60px 0 0 0;
text-align: right;
}
div.title img {
margin: 0 60px 0 0;
}
div.title h2 span.green
{
color: #3d9614;
font-weight: bold;
}
/*Searchbar*/
div.searchbar {
background: #69b424 url(/images/searchbar-middle.gif) repeat-x top left;
margin: 57px 0 0 0;
line-height: 52px;
}
div.searchbar .searchbox {
height: 33px;
width:546px;
margin: 9px 0 0 5px;
}
div.searchbar .searchbox .searchbox-middle {
background: #fff url(/images/searchbox-middle.gif) repeat-x top left;
height:33px;
width:500px;
}
div.searchbar .searchbox .searchbox-middle input {
margin: 7px 0 0 0;
border: none;
font-size: 120%;
width: 500px;
}
div.searchbar .find-button {
cursor: pointer;
margin: 11px 0 0 10px;
}
/*menubar*/
div.menubar {
background: #436acc url(/images/menubar-middle.gif) repeat-x top left;
position: relative;
margin: 10px 0 0 0;
}
div.menubar ul.left-menu {
height: 37px;
margin: 0;
float: left;
}
div.menubar ul.left-menu li {
height: 37px;
display: block;
float: left;
line-height: 37px;
border-right: 1px solid #fff;
margin: 0 12px 0 0;
}
div.menubar ul.left-menu * {
color: #fff;
padding: 0 20px 0 14px;
text-decoration: none;
display: block;
}
div.menubar ul.left-menu p {
font-size: 120%;
padding: 0;
}
div.menubar ul.left-menu a {
background: transparent url(/images/arrow-icon.gif) no-repeat 0 52%;
font-size: 120%;
}
div.menubar ul.right-menu {
margin: 0 10px 0 0;
float: right;
}
div.menubar ul.right-menu li {
display: block;
float: left;
line-height: 37px;
border-left: 1px solid #fff;
padding: 0 0 0 12px;
}
div.menubar ul.right-menu a {
color: #fff;
background: transparent url(/images/arrow-icon.gif) no-repeat 0 52%;
padding: 0 20px 0 14px;
text-decoration: none;
font-size: 120%;
display: block;
}
div.evaluationbar {
background: #6eb923 url(/images/evaluationbar.jpg) no-repeat top left;
height: 46px;
margin: 10px 0 0 0;
}
div.dottedbox {
background: #fff url(/images/dottedbg-middle.gif) repeat-y top left;
padding: 25px 0 0 0;
margin: 8px 0 0 0;
}
div.category h3 {
color: #333;
margin: 0 0 3px 0;
padding: 0 40px 0 30px;
}
div.category p {
padding: 0 40px 0 30px;
line-height: 1.2em;
margin:0 0 8px 0;
}
div.category p a {
color: #1948c1;
text-decoration: none;
margin: 0 5px 0 0;
}
div.category p a:hover {
text-decoration: underline;
}
div.category p a.more-link {
color: #2b9f27;
text-decoration: none;
font-size: 90%;
position: absolute;
}
div.category p a.more-link:hover {
}
div.dottedbox-bottom {
background: #fff url(/images/dottedbg-bottom.gif) no-repeat bottom left;
height: 8px;
padding: 5px 0 0 0;
}
div.favorite-finds {
background: #54a227 url(/images/favoriteshead-middle.gif) repeat-x top left;
margin: 20px 0 0 0;
}
div.favorite-finds h3 {
margin: 0;
color: #fff;
float: left;
line-height: 33px;
font-size: 120%;
}
div.favorite-finds h3 span.yellow {
color:#e3e32c;
}
div.favorite-content {
margin: 1px 0 0 0;
}
div.favorite-content div.favorite-box{
width: 195px;
border-left: 1px solid #c9c9c9;
border-top: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
float: left;
text-align: center;
padding: 20px 0;
}
div.favorite-content div.favorite-box.last{
border-right: 1px solid #c9c9c9;
width: 194px;
}
div.favorite-content div.favorite-box a {
text-decoration: none;
display:block;
color: #4988d9;
margin: 0 0 5px 0;
font-size: 120%;
}
div.favorite-content div.favorite-box a.shopName {
height: 22px;
overflow: hidden;
}
div.favorite-content div.favorite-box a:hover {
color: #5b94de;
}
div.footer {
text-align: center;
margin: 20px 0 0 0;
}
div.footer ul li {
display: inline;
color: #666;
font-size: 90%;
padding-left: 0px;
}
div.footer ul li a {
color: #666;
text-decoration:none;
}
div.footer ul li a:hover {
text-decoration: underline;
}
div.footer ul li.divider {
margin: 0 8px;
}
/**************************************
********* Website Profile *************
**************************************/
div.dottedbox.profile {
padding:0;
}
div.dottedbox.profile .website-images {
padding: 0 0 0 20px;
}
div.dottedbox.profile .website-images a{
display: block;
text-decoration: none;
}
div.dottedbox.profile .website-images img{
margin: 0 0 20px 0;
}
.greenbar {
height: 26px;
background: transparent url(/images/greenbar-middle.jpg) repeat-x top left;
line-height: 26px;
color: #fff;
font-size: 110%;
margin: 0 10px 10px 15px;
}
.greenbar .bar-left {
float: left;
}
.greenbar .bar-content {
float: left;
}
.greenbar .bar-right {
float: right;
}
.darkgreenbar {
height: 26px;
background: transparent url(/images/darkgreenbar-middle.jpg) repeat-x top left;
line-height: 26px;
color: #fff;
font-size: 110%;
margin: 0 10px 10px 15px;
}
.darkgreenbar .bar-left {
float: left;
}
.darkgreenbar .bar-content {
float: left;
}
.darkgreenbar .bar-right {
float: right;
}
.bluebar {
height: 26px;
background: transparent url(/images/bluebar-middle.jpg) repeat-x top left;
line-height: 26px;
color: #fff;
font-size: 110%;
margin: 0 10px 0 10px;
}
.bluebar .bar-left {
float: left;
}
.bluebar .bar-content {
float: left;
}
.bluebar .bar-right {
float: right;
}
div.services {
margin-bottom: 20px;
}
div.services div.span-3 {
width: 99px;
margin: 0 0 5px 20px;
}
div.services div.span-5 {
width: 171px;
margin: 0 10px 5px 20px;
}
div.payment.span-8 {
margin: 0 0 20px 20px;
width: 304px;
}
span.icon-x {
background: transparent url(/images/icon-x.jpg) no-repeat 0 50%;
padding: 0 0 0 20px;
}
span.icon-check {
background: transparent url(/images/icon-check.jpg) no-repeat 0 50%;
padding: 0 0 0 20px;
}
.profile-main a {
color: #1948c1;
text-decoration: none;
}
.profile-main a:hover {
text-decoration: underline;
}
.profile-main a.icon-arrow-right {
background: transparent url(/images/arrow-icon-profile.gif) no-repeat right 60%;
padding-right: 12px;
font-size: 120%;
font-weight: bold;
}
.profile-main h3 {
padding: 0 20px 15px 10px;
height: 20px;
background: transparent url(/images/grey-div-small.jpg) no-repeat bottom left;
}
.profile-main h3 span {
float: left;
}
.profile-main h3 span.link {
float: right;
}
.profile-main h3 span.link a {
color: #2b9f27;
text-decoration: none;
font-size: 90%;
}
.profile-main h3 span.link a:hover {
text-decoration: underline;
}
.profile-main div.span-16, .profile-main.span-16 {
width: 642px;
}
div.ratings {
margin-bottom: 20px;
}
div.ratings div.span-4{
width: 140px;
margin: 0 0 5px 10px;
}
div.ratings div.span-12{
width: 458px;
margin: 0 30px 5px 0;
}
div.knowing {
background: transparent url(/images/grey-box-bg.gif) repeat-y top left;
padding-top: 15px;
margin-bottom: 20px;
}
div.knowing div.span-4 {
width: 120px;
margin: 0 0 5px 30px;
}
div.knowing div.span-12 {
width: 446px;
margin: 0 30px 5px 12px;
}
img.rating-star {
margin: 0 3px 0 0;
}
/**************************************
************** Search *****************
**************************************/
div.dottedbox.search {
padding:0;
line-height: 14px;
}
.greybar {
height: 26px;
background: transparent url(/images/greybar-middle.jpg) repeat-x top left;
line-height: 26px;
color: #58585a;
margin: 0 15px 10px 15px;
}
.greybar .bar-left {
float: left;
}
.greybar .bar-content {
float: left;
}
.greybar .bar-right {
float: right;
}
.greybar div.span-6 {
width: 212px;
}
div.result-row {
margin: 0 15px 20px 15px;
background: transparent url(/images/grey-div-long.jpg) no-repeat bottom center;
padding-bottom: 20px;
}
div.result-row.last-row {
margin: 0 15px 20px 15px;
background: none;
padding-bottom: 10px;
}
.result-row div.span-6 {
width: 212px;
}
div.dottedbox.search .greenbar {
margin: 0 15px 10px 15px;
}
div.dottedbox.search h4, div.dottedbox.search p {
margin: 0 0 3px 0;
}
div.dottedbox.search h4 {
font-weight: bold;
height:20px;
overflow:hidden;
}
div.dottedbox.search a {
color: #1948c1;
text-decoration: none;
}
div.dottedbox.search a:hover {
text-decoration: underline;
}
div.dottedbox.search p.small-link a{
font-size: 85%;
line-height: 12px;
}
div.dottedbox.search div.span-3 {
width: 109px;
padding-left: 10px
}
div.dottedbox.search a.icon-arrow-right {
background: transparent url(/images/arrow-icon-profile.gif) no-repeat right 60%;
padding-right: 12px;
font-size: 100%;
font-weight: bold;
}
div.dottedbox.search p.whatYouSay { position: absolute; width: 196px; }
div.dottedbox.search a.push-down {
display: block;
margin-top: 45px;
width: 121px;
}
.result-row div.span-2 a{
color: #797979;
text-decoration: none;
font-size: 200%;
line-height: 36px;
}
.result-row div.span-2 a:hover{
text-decoration: none;
}
/**************************************
*********** Breadcrumbs ***************
**************************************/
div.breadcrumbs {
text-align: right;
padding: 0 25px 0 0;
margin: 0 0 15px 0;
}
/**************************************
*********** Static Pages **************
**************************************/
.span-24 div.static.span-24, .span-24 div.faq.span-24 {
width: 920px;
padding: 0 30px;
}
div.static img.icon, div.faq img.icon {
float: left;
}
div.static h3, div.faq h3 {
height: 43px;
line-height: 43px;
margin-left: 53px;
background:transparent url(../images/grey-div-long.jpg) no-repeat scroll left bottom;
font-weight: bold;
}
.faq ul {
margin: 0 0 40px 50px;
list-style: none;
}
.faq ul li a {
background: transparent url(../images/arrow-icon-profile.gif) no-repeat left 60%;
padding-left: 18px;
}
.faq h4 {
background:transparent url(../images/questionmark.gif) no-repeat scroll left top;
padding:0 0 0 22px;
line-height: 17px;
font-weight: bold;
margin-bottom: 12px;
}
.faq .about-entry {
margin-bottom: 20px;
}
/**************************************
*********** Admin Pages **************
**************************************/
.span-24 div.admin.span-24 {
width: 920px;
padding: 0 30px;
}
/*********************************************************************************
************** CSS changes for popups based on original css file *****************
**********************************************************************************/
div.signupPopupWrapper_O {background: url(/images/signUpBackground.png) left top no-repeat; width: 249px; height: 158px; position: absolute; margin: -5px 0 0 13px; top:0; left:0;}
div.signupPopupWrapper_O img.close {float: right; margin: 9px 7px}
div.signupPopupWrapper_O div.signupPopupWrapper_I {margin: 50px 0 0 17px}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signup_formWrapper {position: absolute; padding-left: 5px;}
* html div.signupPopupWrapper_O div.signupPopupWrapper_I div.signup_formWrapper {position: absolute; margin-left: -8px}
*+html div.signupPopupWrapper_O div.signupPopupWrapper_I div.signup_formWrapper {position: absolute; margin-left: -8px}
div.signupPopupWrapper_O div.signupPopupWrapper_I input {border: 1px solid #919191; color: #767676; font-size: 10px; padding: 3px; width: 119px}
div.signupPopupWrapper_O div.signupPopupWrapper_I input.submit_image {border: none; position: relative; left: 10px; top: 10px; width: 64px}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signUpTerms {margin: 72px 0 0 10px; color: #58585a; font-size: 10px; position: absolute}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signUpTerms input {border: none !important; width: 13px; height: 13px}
div.signupPopupWrapper_O div.signupPopupWrapper_I #signupErrors, div.signupPopupWrapper_O div.signupPopupWrapper_I #signupErrors *{ color: red !important}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signUpTerms input {margin: 0; border: 1px solid #919191}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signUpTerms a {color: #58585a; font-size: 10px}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.fieldWithErrors {display: inline; border: none; padding: 0; margin: 0}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.fieldWithErrors input {color: red; border-color: red; border-style: solid; border-width:1px}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.signUpTerms div.fieldWithErrors input {color: red; border-color: red; border-style: solid; border-width:1px}
div.signupPopupWrapper_O div.signupPopupWrapper_I div.fieldWithErrors #user_password {border-bottom: -2px}
div.loginPopupWrapper_O {background: url(/images/loginPopupBackground.png) left top no-repeat; width: 249px; height: 158px; position: absolute; margin: -5px 0 0 85px; z-index: 1000; top: 0; left:0;}
div.loginPopupWrapper_O a {float: right; margin: 5px 7px}
div.loginPopupWrapper_O div.loginPopupWrapper_I {margin: 50px 0 0 25px}
div.loginPopupWrapper_O div.loginPopupWrapper_I input {border: 1px solid #919191; color: #767676; font-size: 10px; padding: 3px; margin-bottom: 10px; float: left; width: 119px; height: 13px ;}
div.loginPopupWrapper_O div.loginPopupWrapper_I input.submit_image {border: none; float: right; margin: 2px 20px 0 0; width: 64px; height: 21px}
div.loginPopupWrapper_O div.loginPopup_U {margin: 0px 0 0 12px; clear: both}
* html div.loginPopupWrapper_O div.loginPopup_U {margin: 15px 0 0 15px}
*+html div.loginPopupWrapper_O div.loginPopup_U {margin: 15px 0 0 15px}
div.loginPopupWrapper_O div.loginPopup_U a {color: #58585a; font-size: 10px; margin-top:-6px; float: left; padding: 3px 0 0 0}
div.loginPopupWrapper_O div.loginPopup_U a.icon-arrow-right {
background: transparent url(/images/arrow-icon-profile.gif) no-repeat left 60%;
padding-left: 12px;
}
div.userPopup_O {background: url(/images/suggestSiteBackground.png) top left no-repeat; position: absolute; width: 249px; height: 158px; margin: -20px 0 0 141px; top:0; left:0;}
div.userPopup_O a {float: right; margin: 5px 7px}
div.userPopup_O div.userPopup_I {margin: 100px 0 0 19px;}
div.userPopup_O div.userPopup_I input.greyInput {border: 1px solid #919191; padding: 3px; color: #767676; font-size: 10px}
div.userPopup_O div.userPopup_I input.submit_image {position: relative; top: 6px}
div#flash_notice{ background: url(/images/messageBackground.png) top left no-repeat; width: 248px; height: 101px; position: absolute; margin: 250px 305px 0; z-index: 10000}
div#flash_notice p{ margin-top: 48px; text-align: center; font-size: 13px; color:#fff;}
div.shopReview {background: url(/images/writeReviewBackground.png) left top no-repeat; width: 249px; height: 299px; position: absolute; margin: -13px 0 0 106px; z-index:10000;}
div.reviewNotLoggedIn {background: url(/images/writeReviewBkgNoStars.png) left top no-repeat !important;}
div.shopReview img.close {float: right; margin: 5px 7px}
div.shopReview div.message {font-weight: bold; margin: 120px 0 0 0; text-align: center}
div.shopReview #review_description {border: 1px solid #919191; padding: 4px; margin: 10px 0 0 17px; width: 195px !important; height: 112px !important; overflow: auto}
div.shopReview div#anonReview {margin: 40px 0 0 17px}
div.shopReview div#anonReview #review_name {border: 1px solid #919191; padding: 4px; width: 195px !important}
div.shopReview div#anonReview #review_description {margin: 10px 0; height: 85px!important;}
div.shopReview div.rating {margin: 77px 0 0 20px; position: relative; left: 9px; }
div.shopReview div#anonReview div.rating {padding: 0px 18px 0 0; margin: -17px 0 0 0}
div.shopReview div#anonReview input#captcha_solution {width: 130px!important; border: 1px solid #919191; padding: 4px;}
div.shopReview div.rating input {margin: 0px 6px 0 0; width: 13px; height: 13px; float: left}
div.shopReview div#anonReview div.rating input {float: right}
div.shopReview div.rating input.submit_image {float: left; margin: -5px 0 0 10px; width: 63px; height: 21px;}
div.shopReview div#anonReview div.rating input.submit_image {position: relative; top: -6px; left: -16px;}
div.shopRating {background: url(/images/ratingPopupNoStars.png) left top no-repeat; width: 206px; height: 110px; position: absolute; margin: -14px 0 0 -85px;z-index:10000;}
div.ratingNotLoggedIn {background: url(/images/ratingPopupNoStars.png) left top no-repeat !important}
div.shopRating img.close {float: right; margin: 5px 13px 0 0}
div.shopRating div.message {font-weight: bold; margin: 45px 0 0 0; text-align: center}
div.shopRating div.rating {margin: 50px 0 0 20px}
div.shopRating div.rating p.stars { margin: 0 0 0 -3px;}
div.shopRating div.rating input {margin: -2px 6px 0 0; width: 13px; height: 13px; float: left}
div.shopRating div.rating input#rating_rating_5 {margin-right: 0!important}
div.shopRating div.rating input.submit_image {float: right; margin: -3px 17px 0 0; width: 63px; height: 21px;}
#site_image_link {
padding: 3px 0;
margin: -44px 0 -44px 0;
text-align: center;
background: #333;
color: white;
position: absolute;
width: 275px;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
#site_logo_link {
padding: 3px 0;
margin: -44px 0 0 0;
text-align: center;
background: #333;
color: #fff;
position: absolute;
opacity: 0.8;
-moz-opacity: 0.8;
filter:alpha(opacity=80);
}
/**************************************
*********** Search Results ************
**************************************/
div.dottedbox.search-results {
padding:0;
line-height: 14px;
}
div.dottedbox.search-results h2 {
margin: 0 30px 20px 30px;
}
div.dottedbox.search-results h2 span {
color: #1948C1;
}
div.dottedbox.search-results div.result-row {
width: 920px;
margin: 0 30px 20px 30px;
background: transparent url(/images/grey-div-long.jpg) no-repeat bottom left;
padding-bottom: 20px;
}
div.dottedbox.search-results div.result-row.last-row {
background: none;
padding-bottom: 10px;
}
div.dottedbox.search-results div.result-row h3{
margin: 0 0 6px 0;
}
div.dottedbox.search-results div.result-row .relevance-meter{
margin: 6px 0;
}
.relevance-meter{
border:1px solid #999999;
height:17px;
overflow:hidden;
width:125px;
}
div.dottedbox.search-results p {
margin: 0 0 3px 0;
}
div.dottedbox.search-results a {
color: #1948c1;
text-decoration: none;
}
div.dottedbox.search-results a:hover {
text-decoration: underline;
}