/* Forms.css PriceSmart.com */

.flush-form { display: block; position: relative; margin: 0px; padding: 0px; }
.search-form { display: block; position: absolute; left: 556px; top: 34px; width: 164px; height: 22px; margin: 0px; padding: 0px; }
.form-label { font-size: 11px; line-height: 15px; color: Black; }
.form-required { display: inline; font-size: 11px; line-height: 15px; font-weight: bold; color: #db0c41; margin-top: 3px; }
.form-checkbox { border: none; vertical-align: middle; margin: 0px; padding: 0px; vertical-align: middle; }

.button-90-red { display: block; position: relative; width: 90px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-90-red-selected.gif); }
.button-90-red a { display: block; position: relative; width: 90px; height: 23px; color: White; }
.button-90-red a:hover img { visibility: hidden; }
.button-90-red span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-150-blue { display: block; position: relative; width: 150px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-150-blue-selected.gif); }
.button-150-blue a { display: block; position: relative; width: 150px; height: 23px; color: White; }
.button-150-blue a:hover img { visibility: hidden; }
.button-150-blue span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-135-red { display: block; position: relative; width: 135px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-135-red-selected.gif); }
.button-135-red a { display: block; position: relative; width: 135px; height: 23px; color: White; }
.button-135-red a:hover img { visibility: hidden; }
.button-135-red span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-135-black { display: block; position: relative; width: 135px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-135-black-selected.gif); }
.button-135-black a { display: block; position: relative; width: 135px; height: 23px; color: White; }
.button-135-black a:hover img { visibility: hidden; }
.button-135-black span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-125-red { display: block; position: relative; width: 125px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-125-red-selected.gif); }
.button-125-red a { display: block; position: relative; width: 125px; height: 23px; color: White; }
.button-125-red a:hover img { visibility: hidden; }
.button-125-red span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-125-blue { display: block; position: relative; width: 125px; height: 23px; font-size: 10px; line-height: 12px; font-weight: bold; background-image: url(/images/button-125-blue-selected.gif); }
.button-125-blue a { display: block; position: relative; width: 125px; height: 23px; color: White; }
.button-125-blue a:hover img { visibility: hidden; }
.button-125-blue span { position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; cursor: pointer; }

.button-bar { display: block; position: relative; width: 580px; height: 33px; background-image: url(/images/button-bar.gif); }
.button-bar-left { display: inline; position: relative; float: left; width: 260px; height: 23px; margin-left: 20px; }
.button-bar-right { display: inline; position: relative; float: right; width: 260px; height: 23px; margin-right: 20px; }
.button-bar-far-right { display: inline; position: relative; float: right; width: 270px; height: 23px; margin-right: 10px; }
.button-bar-copy-left { display: inline; position: relative; float: left; width: 125px; height: 23px; margin-top: 3px; }
.button-bar-button-left { display: inline; position: relative; float: left; width: 125px; height: 23px; }
.button-bar-button-right { display: inline; position: relative; float: right; width: 125px; height: 23px; }

.form-unit-200 { display: block; position: relative; width: 200px; height: 36px; }
.form-unit-space { display: block; width: auto; height: 10px; font-size: 1px; line-height: 1px; }
.form-select-200 { display: block; position: relative; width: 200px; height: auto; }
.form-input-200 { display: block; position: relative; width: 194px; height: auto; }

.form-unit-95-left { display: block; position: relative; float: left; width: 95px; height: auto; }
.form-unit-95-right { display: block; position: relative; float: right; width: 95px; height: auto; }
.form-select-95 { display: block; position: relative; width: 95px; height: auto; }
.form-input-95 { display: block; position: relative; width: 89px; height: auto; }

.form-input-300 { display: block; position: relative; width: 294px; height: auto; }

.form-input-2 { display: inline; position: relative; width: 15px; height: auto; }
.form-input-4 { display: inline; position: relative; width: 30px; height: auto; }
.form-input-400-inline { display: inline; position: relative; width: 394px; height: auto; }


.form-required { display: inline; font-size: 11px; line-height: 15px; font-weight: bold; color: #db0c41; margin-top: 3px; }