/*** Plastic Jungle CSS Files ***/
/**** merchant ****/

#pri fieldset select{margin:14px;}
#pri {margin-left:20px};
.selectbox
{ 
behavior:expression(window.dropdown_menu_hack!=null?window.dropdown_menu_hack(this):0);
}

.merchant {
    margin:0 0 24px;
}

/**** price column ****/
.merchant .priceCol {
    float:left;
    width:250px;
}
.merchant .priceCol h3 {
    margin-bottom:4px !important;
}
.merchant .priceCol1 .displaying {
    margin:8px 0;
    padding:0 8px;
}

/**** info column ****/
.merchant .infoCol {
    float:right;
    width:220px;
}

/**** card info ****/
.merchant .infoCol .cardInfo {
    margin:0 0 16px;
    font-size:1.5em;
    font-weight:bold;
}
.merchant .infoCol .cardInfo th {
    padding:4px 8px 4px 0;
    text-align:right;
}
.merchant .infoCol .cardInfo td {
    padding:4px 0 4px 8px;
}
.merchant .infoCol .cardInfo .yourPrice td {
    color:#FBA011;
}

/**** merchant table ****/
.merchant table.cards {
    width:100%;
}
.merchant table.cards th {
    padding:4px 8px;
    font-weight:normal;
    color:#444;
    text-align:left;
}
.merchant table.cards th.yourPrice {
    font-weight:bold;
}
.merchant table.cards td.yourPrice {
    color:#0B96FF;
}
.merchant table.cards td {
    padding:4px 8px;
    font-weight:bold;
}
.merchant table.cards td.value, .merchant table.cards td.discount {
    color:#444;
}
.merchant table.cards .alt td {
    background:#F6F6F6;
}
.merchant table.cards .details {
    padding-right:4px;
    text-align:right;
}

/**** best value ****/
.merchant .bestValue {
    margin:12px 0;
}
.merchant .bestValue .image {
    float:left;
    width:180px;
}
.image .caption {
    margin:2px 0;
    padding:0 14px 0 6px;
    font-size:0.9em;
    text-align:center;
    color:#949494;
    line-height:1.1em;
}
.merchant .large.image {
    margin:0 0 30px;
    text-align:center;
}
.merchant .large.image .caption {
    margin:4px 0;
}
.merchant .bestValue .info {
    float:right;
    padding:10px 0 0;
    width:160px;
}
.bestValue .info table {
    font-size:1.1em;
    font-weight:bold;
    width:100%;
}
.bestValue .info th {
    padding:0 0 2px;
    font-size:1.2em;
    text-align:left;
}
.bestValue .info td {
    padding:2px 0;
}
.bestValue .info .yourPrice {
    color:#94B600;
}

/**** search tips ****/
#main_content .searchTips h3 {
    margin:16px 0 10px;
    padding:0;
    background:transparent;
}
.searchTips dl {
    margin:12px 0;
    padding:0 0 0 20px;
}

/**** shopping cart ****/
.shoppingCart {
    padding:0 0 0 22px;
}
.shoppingCart h3.first {
    background:transparent !important;
    font-size:2em;
}

/**** shopping cart steps ****/
.shoppingCart .step {
    margin:0 0 10px;
}
h4 {
    margin:0;
    padding:0 8px;
    background:url(../images/shopping-cart-step-bg.gif) repeat-x;
    font-weight:bold;
    color:#585858;
    line-height:30px;
}
.shoppingCart .steps .disabled h4 {
    color:#999;
    text-decoration:none;
}
.shoppingCart .steps h4 img {
    margin:0 10px;
}
h4 a {
    font-size:0.6em;
    font-family:arial, sans-serif;
}
.shoppingCart .step .stepContent {
    margin:0;
    padding:12px 0;
    background:url(../images/shopping-cart-step-arrow.gif) 10px 0 no-repeat;
}

/**** shopping cart contents ****/
.shoppingCart .cartContents {
    width:100%;
}
.shoppingCart .cartContents th, .shoppingCart .cartContents td {
    padding:2px 8px 10px;
    text-align:center;
    vertical-align:top;
}
.shoppingCart .cartContents th {
    color:#585858;
}
.shoppingCart .cartContents th.price {
    text-align:right;
}
.shoppingCart .cartContents .checkbox, .shoppingCart .cartContents .image,
.shoppingCart .cartContents .info {
    padding:2px 2px 10px;
}
.shoppingCart .cartContents .checkbox {
    vertical-align:middle;
    width:20px;
}
.shoppingCart .cartContents .image {
    width:70px;
}
.shoppingCart .cartContents .info {
    text-align:left;
}
.shoppingCart .cartContents .title, .shoppingCart .cartContents td.value,
.shoppingCart .cartContents td.discount, .shoppingCart .cartContents td.price {
    font-size:1.3em;
    font-weight:bold;
    color:#585858;
}
.shoppingCart .cartContents .title {
    display:block;
}
.shoppingCart .cartContents td.price {
    color:#EF960B;
    text-align:right;
}
.shoppingCart .total.first td {
    border-top:solid 1px #E7E7E7;
}
.shoppingCart .total td {
    padding:12px 8px;
    text-align:right;
}
.shoppingCart .total .label {
    font-size:1.3em;
    font-weight:bold;
    color:#585858;
}
.shoppingCart .total.promo .price {
    color:#585858;
}
.shoppingCart .total.promo .price .inner {
    position:relative;
}
.shoppingCart .total.promo .price .inner .delete {
    position:absolute;
    right:-60px;
    top:0;
    font-size:0.7em;
}
.shoppingCart .total .controls {
    font-size:0.9em;
    text-align:left;
}

/**** shopping cart cart step ****/
.shoppingCart .cart.step .submit .continue {
    float:left;
    padding:8px 0 0;
    width:270px;
}
.shoppingCart .cart.step .submit .promoCode {
    float:right;
    padding:8px 10px;
    background:#FAFAFA;
    width:310px;
}
.shoppingCart .cart.step .submit .promoCode label {
    float:left;
    font-weight:normal;
    font-size:0.9em;
    width:110px;
}
.shoppingCart .cart.step .promoCode.error {
    color:#D40000;
}
.shoppingCart .cart.step .promoCode .message {
    clear:left;
    font-size:0.9em;
}
.shoppingCart .cart.step .promoCode .textInput {
    float:left;
    margin:6px 0 0;
}
.shoppingCart .cart.step .promoCode .text {
    width:90px;
}
.shoppingCart .cart.step .promoCode .apply {
    float:right;
    margin:4px 0 0;
}
.shoppingCart .cart.step .null {
    margin:10px 0;
    padding:10px 18px;
    border:solid 1px #E6E7E8;
}

/**** shopping cart shipping step ****/
.shoppingCart .shippingForm .formRow {
    margin:14px 0;
    padding:0 10px;

}
.shoppingCart .shippingForm .text {
    width:260px;
}
.shoppingCart .shippingForm .address {
    float:left;
    width:290px;
}
.shoppingCart .shippingForm .city {
    float:left;
    width:240px;
}
.shoppingCart .shippingForm .city .text {
    width:220px;
}
.shoppingCart .shippingForm .state {
    float:left;
    width:120px;
}
.shoppingCart .shippingForm .state .text {
    width:70px;
}
.shoppingCart .shippingForm .zip {
    float:left;
    width:120px;
}
.shoppingCart .shippingForm .zip .text {
    width:70px;
}
.shoppingCart .shippingForm .submit {
    margin:20px 0 0;
}
.shoppingCart .shipping.step.b .shippedTo, .shoppingCart .shipping.step.b .address {
    float:left;
    padding:10px;
    width:200px;
}
.shoppingCart .shipping.step.b .shippedTo .submit {
    margin:70px 0 0;
}






















/**** shopping card payment step ****/
.shoppingCart .payment.step .paymentForm .formRow {
    padding:10px 0;
    border-bottom:solid 1px #E6E7E8;
}
.shoppingCart .payment.step .paymentForm strong {
    color:#424242;
}
.shoppingCart .payment.step .payPalForm, .shoppingCart .payment.step .creditCardForm {
    padding:0 0 0 26px;



}
.shoppingCart .payment.step .payPalForm .text {
    width:260px;
}
.shoppingCart .payment.step label {
    color:#424242;
}
.shoppingCart .payment.step .cardType .text {
    width:190px;
}
.shoppingCart .payment.step .expDate .text {
    width:60px;
}

/**** shopping cart confirm step ****/
.shoppingCart .confirm.step .stepContent {
    padding:22px 0 0 20px;
}
.shoppingCart .confirm.step .purchasing {
    float:left;
    width:320px;
}
.shoppingCart .confirm.step .details {
    float:right;
    width:250px;
}
.shoppingCart .confirm.step h5 {
    margin:28px 0 4px;
    font-size:1.5em;
    font-family:'Myriad Pro', arial, sans-serif;
}
.shoppingCart .confirm.step .cardList {
    list-style-type:none;
    margin:0;
    padding:0;
}
.shoppingCart .confirm.step .cardList li {
    margin:14px 0;
}
.shoppingCart .confirm.step .cardList .info {
    float:left;
    padding:0 0 0 4px;
    width:220px;
}
.shoppingCart .confirm.step .cardList .title {
    font-weight:bold;
}
.shoppingCart .confirm.step .cardList .price {
    font-weight:bold;
}
.shoppingCart .confirm.step .cardList .price b, .shoppingCart .confirm.step .total .price {
    color:#EF960B;
}
.shoppingCart .confirm.step .total {
    margin:12px 0;
    border-top:solid 1px #E6E7E8;
}
.shoppingCart .confirm.step .label {
    float:left;
    padding:12px 0;
    width:78px;
}
.shoppingCart .confirm.step .total .price {
    float:left;
    padding:12px 0;
    font-size:1.3em;
    font-weight:bold;
}
.shoppingCart .confirm.step .message {
    margin:0 0 18px;
    font-size:1.2em;
}
.shoppingCart .confirm.step .continueShopping {
    margin:6px 0 30px;
    padding:0 0 0 20px;
}

/**** main content sidebar ****/
.sidebar .menu {
    list-style-type:none;
    margin:0;
    padding:0;
}
.sidebar .menu li {
    margin:0;
    padding:0;
}
.sidebar .menu .active a {
    color:#484848;
}
.sidebar form {
    margin:0 0 18px;
}
.sidebar .selectInput .text {
    width:126px;
}
.sidebar .filter .menu li {
    margin:0 0 4px;
}
.sidebar .filter input {
    margin:0 6px 0 0;
    padding:0;
    vertical-align:bottom;
    width:14px;
    height:14px;
    overflow:hidden;
}
.sidebar .filter .menu a {
    font-weight:normal;
}
.sidebar .filter .menu .more {
    padding:0 0 0 20px;
}
.sidebar .filter .menu .more a, .sidebar .filter .menu .clear a {
    font-weight:bold;
}

/**** did you mean ****/
.didYouMean {
    font-size:1.5em;
    line-height:1.1em;
}
.didYouMean b {
    font-weight:normal;
    color:#CC0000;
}
.didYouMean a {
    font-style:italic;
    font-weight:normal;
}

/**** new search results table ****/
.searchResultsTable {
    width:454px !important;
    overflow:hidden;
}
.searchResultsTable td {
    border-top:solid 1px #DDD;
    vertical-align:top;
}
.searchResultsTable .additionalInfo td, .searchResultsTable .first td,
.merchant table.cards .additionalInfo td, .merchant table.cards .first td {
    padding:0 4px 8px;
    border:none;
    font-weight:normal;
}
.searchResultsTable .first td, .merchant table.cards .first td {
    padding:0 4px 2px;
}
.searchResultsTable .additionalInfo, .merchant table.cards .additionalInfo,
.shoppingCart .cartContents .additionalInfo td {
    font-size:0.9em;
    font-weight:normal;
    text-align:left;
    color:#888;
}
.additionalInfo .image {
    text-align:center;
}
.additionalInfo .new {
    font-family:'Myriad Pro', sans-serif;
    font-weight:bold;
    font-style:italic;
    font-size:1.1em;
    text-transform:uppercase;
    color:#FF6600;
}
.merchant table.cards .additionalInfo td {
    padding:0 8px 8px;  
}
.shoppingCart .cartContents .additionalInfo td {
    padding:0 2px 12px;
}
.shoppingCart .cartContents .beforeAdditional td {
    padding-bottom:1px;
}
.shoppingCart .cartContents .additionalInfo img {
    margin:0 13px;
}
.searchResultsTable th {
    text-transform:capitalize;
    white-space:nowrap;
}
.searchResultsTable th, .searchResultsTable .alt td {
    background:#F6F6F6;
}

.searchResultsTable .card .title {
    display:block;
    font-size:1.2em;
    font-weight:bold;
}
.searchResultsTable .value, .searchResultsTable .discount, .searchResultsTable .price {
    text-align:center;
}
.searchResultsTable .value, .searchResultsTable .discount {
    color:#444;
}
.searchResultsTable th {
    color:#444;
    text-align:center;
    vertical-align:top;
}
.searchResultsTable th.merchant {
    margin:0;
    text-align:left;
}
.searchResultsTable tr:hover td {
    background:#E7F3F6;
}
.searchResultsTable tr.first:hover td {
    background:transparent;
}

/**** content footer ****/
.contentFooter {
    padding-top:0;
}
.contentFooter h3 {
    margin-top:16px !important;
}

/**** search results header ****/
.resultsHeader {
    margin:0 0 8px;
    padding:4px 8px;
    background:#F6F6F6;
}
.resultsHeader h3 {
    margin:0 0 4px !important;
    padding:0 !important;
}

/**** other cards ****/
.top.otherCards h3.first {
    margin:0 0 10px !important;
}
.top.otherCards li {
    width:130px;
}
/**** combo box ****/
.combobox {
	width: 185px;
}
/**** modal window ****/
.modalWindow .editPayment .expDate .text {
    width:40px;
}
.modalWindow .contactInfo .text {
    width:220px !important;
}
.modalWindow .contactInfo .city {
    width:242px;
}
.modalWindow .contactInfo .zip .text {
    width:80px;
}
.modalWindow .contactInfo .phone .text {
    width:36px !important;
}
.modalWindow .contactInfo .phone .text.last {
    width:44px !important;
}
.modalWindow .contactInfo .state {
    width:80px;
}
.modalWindow .contactInfo .state .text {
    width:40px !important;
}
.modalWindow .contactInfo .zip .text {
    width:60px !important;
}

/**** new merchant page ****/
.newMerchant {
    padding:0 0 14px;
}
.newMerchant .infoCol {
    float:left;
    width:320px;
}
.newMerchant .infoCol .terms {
    font-size:0.9em;
    color:#AAA;
}
.newMerchant .imageCol {
    float:right;
    width:250px;
}
.merchantListing {
    padding:0 0 14px;
}
.merchantListing .searchResultsTable {
    width:100% !important;
}
.merchantListing .searchResultsTable .image {
    vertical-align:top;
    width:30px;
}
.merchantListing .searchResultsTable .addToCart {
    text-align:right;
}
.merchantListing .searchResultsTable .value {
    font-weight:normal;
}
.merchantListing .searchResultsTable .price {
    font-weight:bold;
    color:#444;
}

/**** merchant b layout ****/
.merchantB .priceCol {
    width:250px;
}
.merchantB .infoCol {
    width:350px;
}
.merchantB table.cards td.yourPrice {
    color:#444;
}
.merchant.offersTable h3 {
    margin-bottom:4px !important;
}
.merchant.offersTable table {
    width:100%;
}
.merchant.offersTable th, .merchant.offersTable td {
    padding:6px;
}
.merchant.offersTable th {
    font-weight:bold;
    text-align:left;
}
.merchant.offersTable .alt td {
    background:#F6F6F6;
}
.merchant.offersTable td.expiration {
    color:#999;
}
.merchant.offersTable td.shop {
    text-align:right;
    white-space:nowrap;
}

/**** merchant index ****/
.merchantIndex h5 {
    margin:14px 0 4px !important;
    padding:1px 4px;
    background:#F1F1F1;
}
.merchantIndex ul {
    list-style-type:none;
    float:left;
    margin:0;
    padding:0 2px;
    font-size:0.9em;
    width:146px;
}
.merchantIndex a {
    font-weight:normal;
}

/**** buy hub ****/
.buyHub .merchantIndex ul {
    clear:none;
    float:left;
    width:140px;
}
.buyHub .merchantIndex li {
    float:none;
    padding:0 4px 0 5px;
    width:140px;
}
.buyHub .merchantIndex li a {
    text-indent:-4px;
}
.buyHub .merchantIndex .viewAll {
    float:right;
    padding-top:4px;
}