/*
maroon:     #57473a;
bordeaux:   #a7465a;
pink:       #e14d7f;
light blue: #6eb4e8;
rose:       #fddcd3;
green:      #b1cba0;
black:      #333;
font-family: 'Bitstream', serif;
*/

html, body { margin:0; padding: 0;}
a { color: #57473a;} a:hover { color: #a7465a;}
body {
background: white url(../images/page-background.png) no-repeat -100px 50px;
background: white url(../images/stripped-bg.png);
font-family: 'Verdana', sans-serif;
font-size: 12px;
color: #333;
}
#content {
width: 800px;
float: left;
position: relative; top: -10px;
padding-top: 0;
}
.container_12 { clear: both; }
#topbar {
background: #57473A;
height: 45px;
text-align: right;
}
#topbar p {
color: #FFF;
font-weight: bold;
}
#topbar.logged_out p {
float: left;
margin-left: 150px;
}
#topbar.logged p {
margin: 0;
padding: 10px;
}
#topbar a { color: #FFF; }
#topbar a.openid {
color: #DDD; font-weight: normal; font-size: 11px;
}
.comment {
font-style: italic;
color: #57473a;
}
#menu {
background: #B1CBA0 url(../images/menu-bg.png) repeat-x top left;
height: 45px;
font-family: 'Helvetica', 'Arial', sans-serif;
font-size: 14px;
}

#menu ul li {
float: right;
list-style-type: none;
min-width: 90px;
}
#menu a:hover {
background: #57473a;
-moz-border-radius: 15px; -webkit-border-radius: 15px;
}
#menu ul {
position: absolute;
right: 40px;
}
#menu a {
display: block;
background-repeat: no-repeat;
text-align: center;
color: #FFF;
font-weight: bold;
text-decoration: none;
padding: 0 10px;
padding-top: 15px;
height: 30px;
margin-top: -14px;
}
#menu li.active a {
background: #FFF;
-moz-border-radius: 15px; -webkit-border-radius: 15px;
color: #57473a;
}
#logo img { 
float: left; 
position: relative; top: -20px;
}
#logo .inactive, #footer .inactive { font-style: italic; color: #BBB;}
a img {border:0;}
.clear {clear:both;}
.errors, .errorlist { color: #C00; font-weight: bold;}
#content-header, .section h1, .section h2, h2.section, h1.section {
border-bottom: 2px solid #b1cba0;
font-family: 'Bitstream', serif;
}
#content-header a {
color:  #a7465a;
text-decoration: none;
}
#content-header span {
font-size: 14px; font-weight: normal; font-style: italic; color: #333;
}
#feedback-link {
position: absolute; left: 0; top: 100px;
background-color: #6eb4e8; padding: 3px;
-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;
}
#feedback-link form {
display: none;
float: left;
}
#feedback-link label {
color: #FFF;
}
#feedback-link:hover {
background-color: #57473a; padding-left: 10px;
}
input, textarea, select {
border: 1px solid #DBB4A9;
background: #FFF1ED;
color: #666;
padding: 3px;
}
input.button, .big-button {
border: none;
background: #a7465a url(../images/button-bg.png) repeat-x 0 0;
text-shadow: 0px 0px 1px #333;
color: #FFF;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
-moz-box-shadow: #111111 0 0 3px; -webkit-box-shadow: #111111 0 0 3px;
}
.big-button {
display: block;
text-align: center;
text-decoration: none;
line-height: 40px;
}
p.big-button {
cursor: pointer;
}
input.button:hover {
background-position: 0 -54px;
}
#logo form {
float: right;
margin-right: 20px; margin-top: 5px;
}
#logo .search_box {
width: 250px;
font-size: 18px;
}
#logo input {
font-size: 18px;
}
#logo .logo {
position: absolute;
top: 50px; left: 42px;
}
#logo form p a, #footer form p a {
color: #57473a;
font-size: 10px;
}
ul.message {
position: fixed; top: 0; left: 20px; width: 760px;
border: 1px solid #E2C822;
background-color: #FFF9D7;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
ul.message li {
list-style: none;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #57473a;
padding: 10px;
}
#fit-result p {
margin: 2px;
border: 2px solid #a7465a;
background: #fddcd3 url(../images/fit-star.png) no-repeat 5px center;
padding: 10px;
padding-left: 40px;
}
#fit-result.not-fit p {
background-image: url(../images/fit-star-blend.png) !important;
}
.picture-list li {
display: inline;
list-style-type: none;
margin: 15px;
}
.grid_3 .picture-list { margin: 0; padding: 0; }
.picture-list img {
border: 2px solid #a7465a;
-moz-box-shadow: #111 0 0 3px; -webkit-box-shadow: #111 0 0 3px;
}
.picture-list p.comment {
text-align: right;
font-size: 10px;
margin: 0;
margin-right: 50px;
}
.picture-list p.comment a {
color: #57473a;
text-decoration: none;
font-style: italic;
}
.add-it p {
font-style: italic; font-size: 12px;
font-family: 'Bitstream', serif;
margin: 0;
}
.not-found .add-it p {font-size: 24px;}
.add-it a {
padding-right: 18px;
background: transparent url(../images/bra-add.png) no-repeat right center;
line-height: 18px;
color: #a7465a;
font-weight: bold;
font-style: normal;
margin-left: 60px;
}
.add-it .comment {
color: #57473a;
}
.intro-text {line-height: 16px;}
.intro-text span {
font-weight: bold; color: #e14d7f;
}
.hidden { display: none; }
table.measurements, #my-bras {
border: 2px solid #b1cba0;
border-collapse: collapse;
margin: 5px auto;
margin-top: 1px;
}
table.measurements tbody td, table.measurements tfoot td {
font-style: italic;
text-align: right;
}
table.measurements td , table.measurements th, #my-bras td, #my-bras th {
padding: 2px 4px;
}
table.measurements th, #my-bras th {
border-right: 2px solid #b1cba0;
font-weight: bold;
text-align: left;
}
table.measurements thead, #my-bras thead {
background-image: url(../images/measurement-thead.png);
border-bottom: 2px solid #b1cba0;
color: #57473a;
}
table.measurements tr.odd, #my-bras tr.odd {
background-image: url(../images/measurment-tr-odd.png);
}
#my-bras .percentage span.bar {
display: block; background-color: #fddcd3;
border: 1px solid #a7465a; width: 30px;
}
#my-bras .percentage span span { display: block; background-color: #e14d7f; }
#match-shapes { padding: 0; }
#match-shapes li {
list-style-type: none;
float: left;
text-align: center;
margin: 0 10px;
width: 75px;
}
.units-help {
font-size: 12px;
font-weight: bold;
color: #FFF;
padding: 8px;
margin: auto auto;
margin-bottom: 5px;
background-color: #444;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.units-help a:hover { background-color: transparent !important; }
.units-help a {
display: block;
text-align: right;
}
.center { text-align: center; }
.convert-inches, #convert-inches {
background-color: #333;
text-decoration: none;
color: #FFF;
font-weight: bold;
padding: 4px;
position: absolute;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
}
#footer {
border-top: 1px solid #a7465a;
border-bottom: 8px solid #a7465a;
margin-top: 40px; padding: 5px 10px;
background-color: #fddcd3;
padding-bottom: 70px; font-size: 14px;
}
#footer .col { width: 35%; float: left; }
#footer .col ul li {list-style-type: none;}
#footer ul li {
line-height: 24px;
}
#footer ul.icons li a {
padding-left: 20px; background-repeat: no-repeat;
background-position: center left;
}
#footer .twitter {background-image: url(../images/twitter-favicon.png);}
#footer .facebook {background-image: url(../images/facebook-icon.png);}
#footer .feed {background-image: url(../images/feed-icon-12x12.png);}
#footer p { text-align: center; }
#footer p.creds { text-align: right; font-size: 10px; margin: 0; clear: both;}
#footer p.creds a {text-decoration: none;}
#footer .feedback { color: #C00; font-weight: bold;}
#footer .help-pages { font-weight: bold;}
#footer a { color: #57473a; }
#footer .boring a {margin: auto 5px; font-size: 12px;}
#open-selector { height: 24px; }
#content #id_openid_signin, #content #id_username_signin,
#content #open-selector { height: 32px; font-size: 16px;}
#openid_form { margin: 0; }
#topbar-username {display: none;}
#topbar form { margin:0; padding: 5px; padding-right: 20px;}
#openid_form span.comment { font-size: 10px; }
#topbar .open-selector-endpoint {
position: absolute;
top: 30px; right: 235px;
font-size: 11px;
}
#measurements-unit, #is_duplicate, .measurements-unit {
cursor: pointer;
}
#duplicate-section p {
float: right;
}
#duplicate {
display: none;
}
.subtitle {
color: #a7465a;
border: 0 !important;
}
.big-text {
font-size: 24px;
font-family: 'Bitstream', serif;
text-shadow: 1px 1px 0px #DDD;
color: #57473a;
margin-bottom: 0;
}
.how-start img.providers { float: right; margin-left: 15px;}
.how-start p { font-size: 120%; text-align: justify;}
.how-start h3 { font-family: 'Bitstream', serif; font-size: 16px; }
.comparison-list { margin: 0; padding: 0}
.comparison-list li {list-style: none; clear:both; margin-bottom: 20px;
padding-bottom: 10px; border-bottom: 1px solid #57473a;}
.comparison-list a { display: block; width: 100%; text-decoration: none;}
.comparison-list a:hover {background-color: #fddcd3;}
ul.comparison-list span.bra { width: 180px; float: left; display: block;}
.comparison-list img {float:left; margin-top: 10px;}
.comparison-list .size {
display: block; text-align: center;
font-size: 24px;
font-weight: bold;
color: #57473a;
font-family: 'Bitstream', serif;
}
.comparison-list .size span.american {
font-size: 11px;
font-weight: normal;
display: inline;
}
.comparison-list .brand {
font-weight: bold;
font-size: 16px;
color: #a7465a;
}
.comparison-list .model {
color: #333;
}
ul.comparison-list .model {
float: right; text-align: right;
}
table .comparison-list span {
display: block;
}
.factoid {
background-color: #fddcd3; padding: 15px;
font-family: 'Bitstream', serif; font-size: 16px; font-style: italic;
-moz-border-radius: 18px; -webkit-border-radius: 18px;
}
.instructions h3 {
padding-left: 28px; line-height: 28px;
background: transparent url(../images/prev-icon.png) no-repeat center left;
}
.latest-blogpost {
margin-left: 45px;
}
#footer .latest-blogpost {
margin: 0;
}
.latest-blogpost h4 {
color: #57473a;
font-style: italic;
font-size: 18px !important;
font-family: 'Bitstream', serif;
margin-bottom: 0;
}
.latest-blogpost p {
margin: 0;
}
#footer .latest-blogpost * {
font-size: 85%;
text-align: left !important;
}
.comment-link * {
color: #a7465a;
font-style: italic;
}
.question-link, .wiki-page {
padding-right: 18px;
background: transparent url(../images/icon-help.png) no-repeat right center;
line-height: 18px;
}
.wiki-page {
color: #A7465A; font-style: italic;
}
.brasize-list { margin: 0; padding: 0;}
#size-detail .bra-count { margin: 0; text-align: center; color: #57473a; font-style: italic; font-size: 10px;}
.brasize-list {
font-family: 'Helvetica', 'Arial', sans-serif;
}
.brasize-list li { list-style-type: none; }
.brasize-list a {
text-decoration: none;
display: block;
padding: 5px;
}
.brasize-list a:hover {
background-color: #fddcd3;
}
.brasize-list .size {
font-size: 24px; line-height: 18px;
font-weight: bold;
float: right;
color: #57473a;
font-family: 'Bitstream', serif;
}
.brasize-list .size .american {
font-size: 10px;
font-weight: normal;
position: absolute;
}
.brasize-list .brand {
font-weight: bold;
font-size: 16px;
color: #a7465a;
}
.brasize-list .model {
color: #333;
}
.balloon {
width: 190px;
background: transparent url(../images/balloon.png) no-repeat center center;
padding: 10px 0;
position: absolute;
}
.balloon p {
font-weight: bold;
color: #FFF;
padding: 0 20px;
margin: 0;
}
#search-bratabase { top: 130px; right: 360px; }
#browse-bratabase { top: 70px; right: 130px;
background-image: url(../images/balloon-inverted.png)}

/** PAGINATION **/
.paginator {
margin: 8px;
font-size: 12px;
margin-left: 60px;
}
.paginator a {
margin: auto 4px;
border: 1px solid #CCC;
padding: 3px 6px;
text-decoration: none;
color: #57473a;
}
.paginator a:hover {
background-color: #57473a; color: #FFF;
}
.paginate-current a { 
border: 0; 
font-weight: bold;
}
.paginate-current a:hover { 
background-color: transparent !important; 
color: #57473a !important;
}
span.paginate-pages {
font-style: italic;
color: #666;
margin-left: 25px;
}
/** TABS **/
table.tabs { 
width: 100%; 
font-family: 'Bitstream', serif;
}
.tabs a {
display: block;
color: #333;
font-size: 20px;
text-decoration: none;
text-align: right;
width: 250px;
background: transparent url(../images/add-bra-tab-inactive.png) no-repeat right top;
padding-right: 10px; padding-top: 25px; padding-bottom: 10px;
}
.tabs a.active, .tabs a:hover {
background-image: url(../images/add-bra-tab-active.png);
}
.tabs a.active {
font-weight: bold;
}
.tab-step {
width: 100%;
}
/** ADD BRA FORM **/
.add-bra-help {
text-align: right; float: right;
position: relative; top: -50px;
}
.tab-step .comment { font-size: 11px; }
#bra-form .tab-step { width: 90%; margin: 0 auto;}
#bra-form .tab-step table { width: 100%;}
#step-0 input, #step-0 select, #step-1 input { font-size: 16px; }
#bra-form #id_size {
font-size: 24px !important;
width: 120px;
}
#step-0 th p {
text-align: right;
margin: 0 500px 0 0;
font-size: 14px;
}
#step-0 td.spacer { width: 200px; }
#step-1 th { text-align: right; }
#step-1 th h2 { text-align: left; margin: 0; margin-bottom: 10px;}
#bra-form #step-1 input { width: 90px; text-align: right; margin-left: 30px;}
#step-1 td span, #step-1 td div.measure-info {display: none;}
#bra-form .tab-step ul li { list-style: none; display: inline;}
#bra-form .tab-step ul { margin: 0 auto;}
#info {width: 260px; text-align: center;}
#info h2 {color: #FFF; text-align: center;}
#info div { margin: 0 10px; width: 100%; }
#info p { margin-right: 10px; }
#info { background: transparent url(../images/add-bra-info.png) no-repeat center center; }
#step-2 h2 span {
float: right;
font-weight: normal;
font-size: 12px;
}
#bra-form #step-2 div h2 { color: #FFF; margin-bottom: 0;}
#bra-form #step-2 div p { margin: 0 5px;}
#bra-form #step-2 div {
background: transparent url(../images/tags-info.png) no-repeat center center;
float: right; width: 367px;
margin-top: 35px; padding-bottom: 15px;
}

/** Bra detail page **/
.delete-link {
padding: 2px 18px 2px;
background: transparent url(../images/trash.png) no-repeat left center;
color: #EAA;
}
.delete-link:hover {color: #C00;}
#edit-link { float: left; position: relative; top: -10px; left: 45px;}
#bra-tracks { margin-left: 250px;}
#bra-detail .section h2 {margin-top: 0;}
.edit-link {
padding: 4px 26px 4px;
background: #57473a url(../images/tini-pencil.png) no-repeat 6px center;
color: #FFF;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
}
.public-link {
padding-right: 20px;
background: url(../images/public-link.png) no-repeat center right;
}
#step-1 textarea, #id_rant {
width: 100%; height: 250px;
font-family: serif; font-size: 20px;
}
#id_rant {
height: 150px; width: 90%;
}
#bra-detail #step-1 { width: 90%; margin: 0 auto;}
#step-1 .button { float: right; }
#step-2 .pic-list ul { margin: 0; padding: 0; }
#step-2 .pic-list li {
list-style: none; display: block; width: 120px; float: left;
text-align: center; padding-bottom: 10px;
}
#step-2 .pic-list img { border: 2px solid #a7465a;}
#step-2 .pic-list .delete_pic { color: #C66; font-size: 10px;}
#step-2 .pic-list .delete_pic:hover { color: #C00;}
#measurements #steps a.active, #measurements #steps a:hover {
background-image: url(../images/small-tab-active.png);
}
#measurements #steps a {
width: 130px;
font-size: 18px;
padding: 10px 0;
background-image: url(../images/small-tab-inactive.png);
}
#measurements ul li {
list-style: none;
}
#measurements #step-4 ul li {
float: left;
width: 160px;
text-align: center;
font-size: 12px;
border: 1px solid #6eb4e8;
margin: 5px;
}
#measurements #step-4 ul li:hover span,
#measurements #step-4 ul li.active span { font-weight: bold; }
#measurements #step-4 ul li:hover { background-color: #fddcd3;}
#measurements #step-4 ul li:hover ,
#measurements #step-4 ul li.active { border-color: #a7465a; }
#measurements #step-4 ul li.active img {
background-image: url(../images/pages/glow.png);
}
#measurements #step-4 li img { padding: 11px; cursor: pointer; }
#measurements #step-4 p.comment {
text-align: right;
position: relative; top: -40px;
}
#measurements #profile-info {
background: #EEE url(../images/info-icon.png) no-repeat 2px center;
padding-left: 20px;
clear: both;
font-size: 10px;
border: 1px solid #CCC;
}
#measurements fieldset {border: 0;}
#measurements input { font-size: 16px; }
.number_input { width: 80px; text-align: right;}
#measurements h2 {margin: 0 auto;}
.extra-info {
margin-top: 40px; margin-bottom: 20px; clear: both;
font-size: 11px; color: #666;
background: #FCEFEB url(../images/info-icon.png) no-repeat 8px 8px;
padding: 10px; padding-left: 28px;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.extra-info p, .extra-info h3 { margin: 0;}
#measurements .instructions {
-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #fddcd3;
background-color: #D8E1E8;
margin: 0; margin-top: 20px;
color: #555;
margin-bottom: 10px;
}
#measurements .instructions h2 {
margin: 15px 10px;
font-style: italic;
}
#measurements .instructions p { margin-left: 10px; }
#measurements .units { color: #57473a; font-style: italic; }
.nav { clear: both; margin-bottom: 55px; }
.nav .prev { float: left; 
background: transparent url(../images/prev-icon.png) no-repeat center left;
padding-left: 30px;
}
.nav .next { float: right; }
.nav a.next {
background: transparent url(../images/next-icon.png) no-repeat center right;
padding-right: 30px;
}
.nav a { line-height: 28px; text-decoration: none; color: #e14d7f;}
.nav a:hover { font-weight: bold; }

#welcome ol li a, a.action {
float: right; display: block; width: 220px; text-align: center;
color: #FFF; font-weight: bold; text-decoration: none; line-height: 40px;
background: transparent url(../images/welcome-action.png) no-repeat center center;
}
#welcome ol li a:hover, a.action:hover { background-image: url(../images/welcome-action-active.png); }
#welcome #go-to-chest {
display: block; text-align: center; font-weight: bold; line-height: 40px; text-decoration: none; color: #FFF;
background: transparent url(../images/welcome-action-active.png) no-repeat center center;
}
#welcome h2 { color: #57473a; font-family: 'Bitstream', serif; }
#welcome ol { margin: 0; padding: 0;}
#welcome ol li {
list-style: none; padding-left: 75px;
background: transparent url(../images/welcome-ball.png) no-repeat left center;
}
#welcome ol .comment, #chest table h1 {
font-family: 'Bitstream', serif;
color: #a7465a;
}

/** Bra Chest **/
#chest .extra-bra {
float: right; width: 180px; position: relative; top: -55px;
line-height: 24px; text-align: center;
background: #57473a url(../images/bra-add.png) no-repeat 10px center;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#chest .extra-bra a { color: #FFF; text-decoration: none; font-weight: bold; 
display: block;}
#chest .extra-bra:hover { background-color: #a7465a; }
/*#chest #my-bras.shift { position: relative; top: -45px;}*/
#chest #my-bras { width: 100%; }
.bra-status span { display: block; text-align: center; font-size: 34px; color: #6eb4e8; font-weight: bold;}

/** Bra reviews **/
#braviews li { list-style: none;}
#braviews blockquote {
font-family: 'Bitstream', serif; font-size: 16px;
line-height: 24px;
padding: 0; text-align: justify;
}
#braviews blockquote p { margin-top: 0; }
#braviews .review-for-size a {
font-size: 20px;
font-weight: bold;
}

/* Brand/Model/Size browsing */
.tag-cloud { text-align: center; }
.cloud-1 { font-size: 10px; }
.cloud-2 { font-size: 12px; }
.cloud-3 { font-size: 14px; }
.cloud-4 { font-size: 16px; }
.cloud-5 { font-size: 18px; }
.show-all {
line-height: 24px; text-align: center; color: #FFF; width: 200px;
background: #57473a url(../images/icon-eye.png) no-repeat 10px center;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.show-all a { color: #FFF; display: block; }
.tags a, .tag-cloud a {
line-height: 24px;
text-decoration: none;
padding: 2px 4px;
color: #FFF;
background-color: #a7465a;
border: 1px solid #a7465a;
-moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.tags a:hover, .tag-cloud a:hover {
background-color: #FFF;
color: #a7465a;
}
.selected-tags {
margin: 0; padding: 0;
}
.selected-tags li {
list-style: none;
padding-left: 20px;
line-height: 20px;
background: transparent url(../images/icon-tag.png) no-repeat 2px 2px;
}

/** Search styles **/
#basic-search table ul li { display: inline; list-style: none; }
#basic-search table ul { margin: 0; padding: 0; }
#basic-search th { text-align: right; padding-right: 10px;  }
#basic-search #id_size { width: 80px; }
.search-results li { list-style: none; }
.search-results .result strong { font-size: 16px; }
.search-results .result a { color: #a7465a; }
.search-results .result {
font-family: 'Bitstream', serif;
margin-bottom: 0;
}
.search-results .missing {
font-style: italic; color: #777;
}
.search-results .missing a { color: #A87781;}
.search-results .meta {
font-size: 11px; font-style: italic;
margin-top: 0;
}
.search-results .meta span {
font-size: 10px; color: #888;
}

/** User profile **/
#profile h1 {
font-family: 'Bitstream', serif;
}
#profile h1 span {
font-weight: normal; font-size: 12px; font-style: italic;
}
#profile .missing-profile {
background-color:#b1cba0;
border: 2px solid #57473a;
text-align: center;
padding: 10px;
}
#profile .missing-profile a {
color: #a7465a;
font-weight: bold;
}
.profile-measurements, #profile .update, .action-link {
line-height: 24px; text-align: center; width: 200px; 
background: #57473a; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
.profile-measurements a , #profile .update a, .action-link a {
color: #FFF; text-decoration: none; display: block;
}
#profile .has-measurements {
background: transparent url(../images/fit-star.png) no-repeat 5px center;
padding-left: 40px;
}
#profile #rant {
-moz-border-radius: 10px; -webkit-border-radius: 10px;
background-color: #EEE;
font-family: 'Bitstream', serif;
color: #666; font-size: 16px; font-style: italic;
}
#profile #rant h2 {
font-size: 18px;
text-align: center;
text-shadow: 1px 1px 0px #CCC;
}
#profile #rant blockquote {
margin: 20px;
}
#profile .votes {
display: block;
width: 100px;
float: left;
font-size: 30px;
color: #aaa;
text-align: center;
}
#profile .user-comments {
margin: 0; padding: 0;
}
#profile .user-comments li {
list-style: none;
background: transparent url(../images/notices/comment.png) no-repeat center left;
padding-left: 20px;
}
/** Bradmin **/
#bradmin .picture-list ul { margin: 0; padding: 0; font-size: 10px;}
#bradmin .picture-list li { float: left; display: inline; width: 150px; 
text-align: center; border: 1px solid #b1cba0; margin: 10px; padding: 10px;
height: 200px;}
#bradmin #merges { width: 100%;}
#bradmin th {background-color: #EEE;}
/** Contact form **/
#contact-form textarea, #contact-form input { font-size: 16px; }
/** Comparison **/
#diff-table {
margin: 1px auto 5px;
border-collapse: collapse;
border: 2px solid #b1cba0;
}
#diff-table td { padding: 2px 4px; }
#diff-table th { border-left: 2px solid #B1CBA0;}
.compare, #has_both a {
padding: 4px 26px 4px; text-align: center; width: 130px; margin: 0 auto;
background: #57473a url(../images/icon-compare.png) no-repeat 6px center;
-moz-border-radius: 8px; -webkit-border-radius: 8px; color: #FFF;
}
.compare a { color: #FFF; }
#compare textarea, .comment-form textarea { font-size: 14px; width: 80%;}
#compare tfoot tr { border-bottom: 2px solid #b1cba0; }
#compare tfoot .empty { border: 2px solid #b1cba0; }
#compare th.col-measurement {width: 180px;}
#compare td.center {text-align: center !important;}
#compare .grid_8 input.button { font-size: 14px;}
#compare .measurements-unit {width: 50px;}
#compare .signs {width: 50px; text-align: center;}
#compare .diff {font-weight: bold;}
#compare tbody tr:hover {background-color: #b1cba0;}
#compare tbody tr:hover .diff {color: #FFF;}
#compare #has_both {
margin: 2px;
background: transparent url(../images/fit-star.png) no-repeat 5px center;
padding: 10px; padding-left: 40px;
}
#compare blockquote {
font-size: 16px; font-family: 'Bitstream', serif;
font-style: italic;
}
#compare blockquote h3 {margin-top: 0;}
#review-list {margin: 0; padding: 0; padding-top: 10px;}
li.review-item {
list-style: none; border-bottom: 1px solid #6eb4e8; margin-bottom: 10px;
}
.review-item .comments-list li { list-style: none; border-bottom: 1px dotted #CCC;}
.review-item .comment-author, .comment-author a { font-style: italic; color: #AAA;}
#new-review, .comment-form {display: none;}
.comment-form { border-top: 1px dotted #CCC; padding: 10px 0;}
.comment-form .button { float: right; }
#new-review .grid_8 {
border-bottom: 2px solid #b1cba0;
margin-bottom: 20px; padding-bottom: 20px;
}
#review-list .body { font-size: 16px; font-family: 'Bitstream', serif;}
#review-list .add-comment { clear: right;}
#review-list .add-comment a { color: #a7465a; }
#review-list .author { float: right; width: 200px; }
#review-list .author img { float: left; margin: 0 5px; }
#review-list .author img, .avatar { padding: 2px; border: 1px solid #CCC;}
#review-list li .grid_1 input {border: 0; background: none;} 
#review-list li .grid_1, .votes-info {font-size: 28px; text-align: center; color: #D5D5D5;}
.fits-her {
background: url(../images/fit-star.png) no-repeat center top;
padding-top: 40px; }
.bra-fits-her {
background: url(../images/fit-star.png) no-repeat center left;
}
.her-bras li {
padding-left: 40px;
}
.her-bras li .bra-review {
padding-left: 20px; padding-top: 5px;
line-height: 20px;
background: url(../images/icon-review.png) no-repeat center left;
}
.her-bras li p .comment {}
#review-list li .grid_1 p, #review-list .grid_7 p.comment  {font-size: 12px; color: #999; font-style: italic;
}
.review-item .grid_7 h3 { color: #AAA; }
.review-item .grid_1 input:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); }
.review-item .grid_7 a  { color: #999; }
.bra-matrix { font-size: 22px; margin: 0 auto; color: #AAA;}
.grid_3 .bra-matrix { font-size: 12px; }
.bra-matrix a {display: block; padding: 8px 4px; text-align: center; background-color: #b1cba0; color: #FFF; font-weight: bold; text-decoration: none;}
.bra-matrix a:hover { background-color: #57473a; }
.did-you-mean { color: #C00; font-size: 18px;}
.notices-list { border-top: 1px solid #CCC; margin: 0; padding: 0;}
.notifications-control { 
border: 1px solid #CCC;  border-top: 0;
background-color: #FEFFDD;
font-size: 11px; margin: 0;  text-align: center;
margin-left: 230px; padding: 2px;
-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
}
.notifications-control a {
text-decoration: none;
}
.notices-list li {
list-style-type: none;
border-bottom: 1px solid #CCC; padding: 5px;
background-color: #FEFFDD; font-size: 10px;
}
.notices-list a {text-decoration: none; padding-left: 18px;
background-repeat: no-repeat; background-position: center left;}
.notices-list span { float: right; color: #AAA;}
.notices-list .compare-review-upvote a { background-image: url(../images/notices/compare-review-upvote.png);}
.notices-list .compare-review-downvote a { background-image: url(../images/notices/compare-review-downvote.png);}
.notices-list .bra-review-upvote a { background-image: url(../images/notices/bra-review-upvote.png);}
.notices-list .bra-review-downvote a { background-image: url(../images/notices/bra-review-downvote.png);}
.notices-list .bra-picture-approved a { background-image: url(../images/notices/bra-picture-approved.png);}
.notices-list .bra-picture-rejected a { background-image: url(../images/notices/bra-picture-rejected.png);}
.notices-list .compare-created a { background-image: url(../images/icon-compare.png);}
.notices-list .bra-review-comment a ,
.notices-list .compare-review-comment a { background-image: url(../images/notices/comment.png);}
.notices-list .bra-review-comment-reply a { background-image: url(../images/notices/bra-review-comment-reply.png);
}

.cool-stuff {
border: 1px solid #CCC; background-color: #EEE; color: #666;
font-size: 10px; padding: 5px; margin: 20px 0;
}
.cool-stuff a {
text-decoration: none;
}
.cool-stuff p {margin: 0; padding: 0; line-height: 18px;}
.cool-stuff input, .post_extras input {
font-size: 10px; width: 100px; font-weight: bold;
border: 1px solid #ccc; background-color: transparent; color: #666;
}
.comparing ul {margin:0; padding:0;}
.comparing ul li {
list-style-type: none;
}
.disclaimer {
font-style: italic;
font-size: 11px;
color: #BBB;
}
.smiley {
border-width: 0 !important; 
-moz-box-shadow: 0 0 0 transparent !important; 
-webkit-box-shadow: 0 0 0 transparent !important;
}
.model-description {
font-size: 14px;
text-align: justify;
margin: 10px;
}
#shop-results {
list-style-type: none;
padding-top: 5px;
}
#shop-results li {
clear: both;
border-bottom: 1px solid #6eb4e8;
margin-bottom: 10px;
padding-bottom: 10px;
}
#shop-results .main-image {
float: left;
width: 100px; height: auto;
margin: 0 10px;
}
#shop-results img {
border: 2px solid #a7465a;
-moz-box-shadow: #111 0 0 3px; -webkit-box-shadow: #111 0 0 3px;
}
#shop-results .price {
float: right;
font-size: 26px;
font-weight: bold;
margin-left: 15px;
}
#shop-results .store {
color: #e14d7f;
font-size: 20px;
}
#shop-results p img {
height: 75px; width: auto;
}
#shop-results p.result-pictures {
margin-left: 120px;
}
#shop-results p.result-pictures a {
margin: 5px;
}
#where-to-buy {
clear: both;
}
#show-reviews, #browse-brands {
-moz-border-radius-topleft: 15px;
-webkit-border-top-left-radius: 15px;
}
#show-stores, #browse-tags {
-moz-border-radius-topright: 15px;
-webkit-border-top-right-radius: 15px;
}
#titles a {
background: #B1CBA0 url(../images/menu-bg.png) repeat-x top left;
display: block; float: left;
font-size: 24px; line-height: 34px;
text-align: center;
margin: 0; padding: 0;
color: #FFF;
text-shadow: 1px 1px 0px #CCC;
text-decoration: none;
width: 100%;
}
/*
#size-detail #where-to-buy { display: none; }
#size-detail #titles a { width: 50%; }
*/
#titles a { width: 50%; }
#where-to-buy { display: none; }
#titles a.active {
background-image: url(../images/menu-bg-inverted.png);
}
.empty-results {
color: #BBB;
text-shadow: 1px 1px 0px #CCC;
text-align: center;
font-size: 20px;
padding: 10px auto;
}
#pic-upload td {
font-size: 10px; font-style: italic; color: #aaa;
}
.fb-share {
padding-left: 18px;
background: transparent url(../images/facebook-icon.png) no-repeat center left;
line-height: 18px;
}
.login-switch:hover {
color: #666;
}
.login-switch {
text-align: right; color: #aaa; font-style: italic;
cursor: pointer; padding: 5px;
background: #eee url(../images/right-triangle.png) no-repeat left center; 
border: 1px solid #ddd;
font-weight: bold; font-size: 12px;
}
.signin form .button {
font-size: 18px;
padding: 4px 8px;
}
.badges {
list-style-type: none;
margin: 0; padding: 0;
}
.badges li {
display: inline;
white-space: nowrap;
background: #a7465a url() no-repeat 4px 4px;
-moz-border-radius: 5px; -webkit-border-radius: 5px;
text-shadow: 1px 1px 0px #333; color: #FFF;
line-height: 20px; 
padding: 3px 5px 3px 20px;
margin-right: 10px;
}
.badges .badge-g {background-image: url(../images/badge-g.png);}
.badges .badge-b {background-image: url(../images/badge-b.png);}
.badges .badge-s {background-image: url(../images/badge-s.png);}

#welcome-stats p {
font-size: 16px;
color: #666;
}
#welcome-stats a {
font-size: 30px;
font-weight: bold;
}
.browse-by-shape a {
display: block;
width: 100px;
margin: 10px;
float: left;
text-decoration: none;
text-align: center;
}
.browse-by-shape a:hover {
font-weight: bold;
}
#gmap {
height: 350px;
}