﻿/* CSS Document for new Shop Pages using magento */


/* #### GENERAL ADJUSTMENTS #### */

/* only on pages without breadcrumbs */
.col1-layout #content{padding-top:25px;}

#content button.button span{text-transform:capitalize !important;}


/*adjust right col size*/
#torso .generic .col-right{width: 320px; margin-left:0;}

/*styles around ad in right col */
.generic .col-right .sub-section{padding:0 5px; width:310px; border-top:3px solid #D7D7CB; clear:both; }
.generic .col-right .sub-section span.advertisement{ margin: 19px 0 0 10px;}
.generic .col-right .advertisement-content{ margin-bottom:20px; clear:both; margin: 0 auto;  width:300px;}


/* #### PRODUCT IMAGE & DESCRIPTION #### */

/*to remove unecessary space under image */
#torso .product-view .product-img-box .product-image-zoom{height:auto;}
#torso .product-view .product-img-box .product-image-zoom img {position:static;}

.product-view .product-shop .short-description{font-size:105%;}
.product-view .product-shop .short-description p{margin-bottom:0;}

/* #### ORDER FORM #### */
.col-main  .product-view h3{background:url("/images/v3/magento_imgs/smaller_bg.png") no-repeat 0 0; margin:10px 0 0 0; color:#FFF; line-height:25px; padding:7px 0 7px 10px; font-size:165%;}

#torso .generic .product-options{background-color:#FFFFFF; border-color:#CCC; border-width:0 1px; margin:0; padding:5px 30px 5px} 

.col-main .product-options span.required{color:#EB340A;}
.product-options dd input, .product-options dd select{border-color:#D7D7CB;}
.product-options dd input, .product-options dd p{margin:0;}
.product-options dd input, .product-options p.required{padding:0;}

.col-main .product-view .product-options dd{border-bottom:none; padding:5px 10px 10px;}
.col-main .product-view .product-options dl.last dd.last{border-bottom:3px double #CECECE; margin-bottom:5px; padding-bottom:25px;}

#torso .generic .product-options-bottom{background-color:#FFF; border-color:#CCC;}


/*Add to Cart*/
.product-options-bottom .add-to-cart .btn-cart span{background:none; height:auto;  padding:0}
.product-options-bottom .add-to-cart .btn-cart span span{background:url("/images/v3/magento_imgs/add_to_cart.gif") 0 0 no-repeat !important; width:162px; height:42px; text-indent: -9999em; padding:0}

/*product tabs - this is turned off at the moment*/
.col-main .product-collateral{border:1px solid; border-color:#DDD #CCC #CCC;}
.col-main .product-collateral .product-tabs{border-bottom-color:#CCC;}
.col-main .product-collateral .product-tabs li{border-left:none;}
.col-main .product-collateral .product-tabs li.active a{background-color:transparent; color:#C00; font-weight:normal;}
.col-main .product-collateral .product-tabs li a:hover{color:#C00;}
.col-main .product-collateral .product-tabs li.last{border-right:1px solid #CCC;}

.col-main .product-collateral .product-tabs-content{padding:0 10px; font-size:95%;}


/* #### SINGLE COL PAGES #### */
.col1-layout #torso .generic .col-main{width: 940px;  margin: 0 0 0 10px;}

/* #### SHOPPING CART #### */

/*message colours */
#torso .generic .messages li li {margin: 0 0 1px !important;}
#torso .generic .error-msg{border-color:#f16048; background-color:#faebe7; color:#df280a;}
#torso .generic .success-msg{border-color:#446423; background-color:#eff5ea; color:#3d6611;}
#torso .generic .note-msg, .notice-msg{border-color:#fcd344; background-color:#fafaec; color:#3d6611;}


.col1-layout .col-main .cart form{width:938px;}

/*title*/
.col1-layout .col-main .cart .page-title{text-align:left; background:url("/images/v3/magento_imgs/title_bg.png") no-repeat 0 0; height:auto !important;  min-height:39px; position:relative; width:940px; margin:0;}
.col1-layout .col-main .cart .page-title h1{color:#FFFFFF; line-height:25px; margin:0; padding:7px 0 7px 10px; font-size:165%; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}

.col1-layout .col-main .cart fieldset{border-color:#CECECE; border-style:solid; border-width:0 1px; clear:both; padding:0 0 5px 0; }
.col1-layout .col-main .cart .cart-collaterals{border-color:#CECECE; border-style:solid; border-width:0 1px 1px; padding:0 15px}
.col1-layout .col-main .cart table#shopping-cart-table{margin:15px 0 0 20px; width:902px;}

/*table styles */
.col1-layout .col-main .data-table th{text-transform:capitalize; font-weight:bold; font-size:135%; color:#333; background-color:#FFF; border-bottom:1px solid #CECECE !important;}

.data-table tbody th, .data-table tbody td{border-bottom:3px double #CECECE;}
.col1-layout .col-main .data-table .item-options{font-size:105%;}
.col1-layout .col-main .data-table .item-options dt{float:left; clear:left; margin-right:15px; min-width:30px; color:#333; font-style: normal; padding:2px 0}
.col1-layout .col-main .data-table .item-options dd{color:#666; padding:2px 0;}

.col1-layout .col-main .data-table tr.even, .col1-layout .col-main .data-table tr.odd{background-color:#FFF;}
.col1-layout .col-main .data-table tfoot{border-bottom:3px double #000;}
.col1-layout #torso .generic .col-main .data-table tfoot tr{background-color:#FFF !important;}
.col1-layout #torso .generic .col-main .data-table tfoot tr td{padding:0 10px 15px 10px;}

.col1-layout .col-main .cart .cart-table .product-name{color:#000; font-family:Georgia, "Times New Roman", Times, serif; font-size:145%; font-weight:normal;}
.col1-layout .col-main .cart .cart-table .product-name a{color:inherit;}
.col1-layout .col-main .cart .cart-table .product-name a:hover{color:#C00;}

/*remove button*/
.col1-layout .col-main .cart .btn-remove2{background:url("/images/v3/magento_imgs/x.gif") no-repeat 0 0}

/*update button*/
.cart table#shopping-cart-table button.button span{text-transform:capitalize;}

/*Shopping cart summary area */
.col1-layout .col-main .cart #shopping-cart-totals-table{}
.col1-layout .col-main .cart #shopping-cart-totals-table td{padding:3px 0 3px 15px;}
.col1-layout .col-main .cart #shopping-cart-totals-table tfoot td{color:#C00;}
.col1-layout #torso .generic .col-main .cart button.btn-checkout{background:url("/images/v3/magento_imgs/checkout_but.png") 0 0 no-repeat !important; width:142px !important; height:42px !important;}


/*### CHECKOUT ###*/

/*title*/
.checkout-onepage-index #content .page-title{text-align:left; background:url("/images/v3/magento_imgs/title_bg.png") no-repeat 0 0; height:auto !important;  min-height:39px; position:relative; width:940px; margin:0;}
.checkout-onepage-index #content .page-title h1{color:#FFFFFF; line-height:25px; margin:0; padding:7px 0 7px 10px; font-size:165%; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}

/*wrapper*/
.checkout-onepage-index .checkout-wrapper{border-color:#CECECE; border-style:solid; border-width:0 1px 1px;float:left; clear:both; padding:0 15px 15px 15px; width:908px;}

/*left*/
.checkout-onepage-index #torso #content #checkoutSteps{float:left; width:590px; margin-top:15px;}
.checkout-onepage-index .opc .step {background-color:#FFF}


/*### title bar colors ###*/
/*active*/
#checkoutSteps.opc .active .step-title {background: url("/images/v3/magento_imgs/cart_top_mid.gif") repeat-x left center #E51212 !important; border-color: #CC0000 #E46B00 #E46B00 !important;}
#checkoutSteps.opc .active .step-title .number, #checkoutSteps.opc .active .step-title h2{color:#FFF !important;}
/*filled in*/
#checkoutSteps.opc .allow .step-title {background-color:#EEEEEE; border-color:#FFFFFF #DDDDDD #DDDDDD}
#checkoutSteps.opc #opc-billing.allow .step-title {border-top-color:#DDDDDD} /*first one*/
#checkoutSteps.opc .allow .step-title .number{color:#999;}
#checkoutSteps.opc .allow .step-title h2{color:#999;}
#checkoutSteps.opc .allow .step-title a {color:#C00; font-weight:bold;}
/*default*/
#checkoutSteps.opc .step-title{}
#checkoutSteps.opc .step-title .number{border:none; background:none; font:bold 12px/14px Arial,Helvetica,sans-serif; color:#C00;}
#checkoutSteps.opc .step-title h2{color:#C00;}

/*1st one when not active*/
#checkoutSteps.opc li#opc-login .step-title{border-top:1px solid #DDDDDD;}


.checkout-onepage-index #opc-login h3{text-transform:inherit; font-size:145%; font-weight:normal; margin-bottom:10px; padding-bottom: 4px;}
.checkout-onepage-index #checkoutSteps .buttons-set{padding-top:0; margin-top:10px; }
.checkout-onepage-index #opc-login .col-1 h4{margin:20px 0 10px;}
.checkout-onepage-index #opc-login .col-1 .ul li{padding:0 0 5px 10px;}
.checkout-onepage-index .step .form-list div.field{padding-bottom: 3px;}

/*delivery method*/
#checkout-step-shipping_method .sp-methods{margin-bottom:8px;}
#checkout-step-shipping_method .sp-methods dt{float:left; margin:0;}
#checkout-step-shipping_method .sp-methods dd{float:left; margin:0 0 0 15px; color:#666666;}
#checkout-step-shipping_method .sp-methods dd li{margin:0;} 
#checkout-step-shipping_method .sp-methods dd  label{color:inherit;}

/*payment info*/
#checkout-step-payment .sp-methods .checkmo-list label{width:145px !important;}

/*Order review area*/
.checkout-onepage-index .order-review .data-table{margin:15px auto 5px; width: 80%;}
.checkout-onepage-index .order-review h3.product-name{font-size:145%; font-weight:normal !important;}
#checkout-review-table tfoot tr.last td{color:#C00}
#checkout-review-submit p.f-left a{color:#C00; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:30px; padding-left:10px;}
 
/*place order button*/
#checkout-review-submit #review-buttons-container button.btn-checkout{width:142px; height:38px; background:url("/images/v3/magento_imgs/place_order.png") 0 0 no-repeat;}

/*right*/
.checkout-onepage-index #torso #content #checkout-progress-wrapper{float:right; width:300px;}
.checkout-onepage-index #checkout-progress-wrapper .block-title strong{text-transform:capitalize; font-size: 155%;}

.checkout-onepage-index #checkout-progress-wrapper .block-progress dt{text-transform:capitalize; font:bold 12px/14px Arial,Helvetica,sans-serif; color:#999; background-color:#EEEEEE; padding:4px 8px 5px;}
.checkout-onepage-index #checkout-progress-wrapper .block-progress dt.complete{color:#333;}
.checkout-onepage-index #checkout-progress-wrapper .block-progress dt.complete .separator{display:none}
.checkout-onepage-index #checkout-progress-wrapper .block-progress dt.complete a{color:#C00; text-transform:uppercase; font-size:10px; float:right;}

.checkout-onepage-index #checkout-progress-wrapper .block-progress dd.complete p{font-size:100%;}





/* ### MY ACCOUNT PAGES ### */

/*login page*/
.customer-account-login .account-login #login-form{border:solid #DDD; border-width:0 1px 1px; padding:20px; float:left;}
.customer-account-login .account-login .page-title{height:auto !important;  min-height:39px; position:relative;  width:940px; margin:0; background:url("/images/v3/magento_imgs/title_bg_nocart.png") no-repeat 0 0;  }
.customer-account-login .account-login .page-title h1{color:#FFFFFF; line-height:25px; margin:0; padding:7px 0 7px 10px; font-size:165%; font-family:Arial, Helvetica, sans-serif; font-weight: bold;}

.customer-account-login .account-login .col2-set div h2{background-color:#EEE; border:1px solid #DDD; padding:4px 10px; color:#444;} 

/* fixing ie7 float bug */
.customer-account-login .account-login .col2-set{ width:898px;}

/*general*/
.col2-left-layout .col-main{ margin-top: 20px;}
.col2-left-layout .sidebar{ margin-top: 10px;}

/*LHS*/
.sidebar .block .block-title{background: url("/shop/skin/frontend/default/irishtimes/images/bkg_tabs.gif") repeat-x left center; padding:3px 8px; border-bottom: 1px solid #CCCCCC;}
.sidebar .block .block-title strong{text-transform:capitalize;}
.sidebar .block .block-content{background-color:transparent;}
.sidebar .block-account .block-content li.current.last {border-bottom:1px solid #DDDDDD;}

/*.sidebar .block .block-subtitle, .sidebar .block .block-content .item{border-bottom: 1px solid #FFCCC8;} */

/*my account - sidebar*/
.sidebar .block.block-account{border:none;}
.sidebar .block-account .block-title{background: url("/images/v3/magento_imgs/cart_top_mid.gif") repeat-x left center #E51212 !important; border-style:solid; border-width:1px; border-color: #CC0000 #E46B00 #E46B00 !important; }
.sidebar .block-account .block-content{padding:0;}
.sidebar .block-account .block-content li{background-color:#EEEEEE; border-color:#FFFFFF #DDDDDD #DDDDDD; border-style:solid;
border-width:1px; padding:4px 8px; font:bold 11px/14px Arial,Helvetica,sans-serif; color: #555555;}

.sidebar .block-account .block-content li a{color:inherit; padding:0; border:none;}
.sidebar .block-account .block-content li a:hover{color:#C00;}

.sidebar .block-account .block-content li.current{color:#C00;}
.sidebar .block-account .block-content li.current a{}


/*my cart - sidebar*/
.sidebar .block.block-cart{border:none;}
.sidebar .block-cart .block-title{background: url("/images/v3/magento_imgs/cart_top_mid.gif") repeat-x left center #E51212 !important; border-style:solid; border-width:1px; border-color: #CC0000 #E46B00 #E46B00 !important;}

.sidebar .block-cart .block-content{border-style:solid; border-width:0 1px 1px; border-color:#DDDDDD;}
.sidebar .block-cart .block-content .summary{ background-color:#F6F6F6; border-bottom: 1px solid #DDDDDD;}

.sidebar .block .block-content .product-name{color: #CC0000;}
.sidebar .block .block-content .product-name a{color:inherit;}

/* RHS */
.col2-left-layout .col-main .my-account{background:url("/images/v3/magento_imgs/border.gif") repeat-y 0 39px; border-bottom:1px solid #CECECE; padding:0 15px 10px;}
.col2-left-layout .col-main .my-account .page-title{background:url("/images/v3/magento_imgs/smaller_bg.png") no-repeat 0 0; margin:0 0 20px -15px;  line-height:25px; padding:7px 15px 0; }
.col2-left-layout .col-main .my-account .page-title h1{font-size:165%; font-family:Arial, Helvetica, sans-serif; color:#FFF;}

.col2-left-layout .col-main .my-account .page-title .button{margin-top:-2px;}

.col2-left-layout .col-main .my-account .box-content {padding: 0 10px;}

.col2-left-layout .col-main .my-account .page-title a, .col2-left-layout .col-main .my-account .page-title .separator{color:#FFF; text-transform:uppercase; font-size:100%; font-weight:bold;}
.col2-left-layout .col-main .my-account .page-title a:hover{color:#FFF; text-decoration:underline;}

/*dashboard*/
.col-main .my-account .dashboard .welcome-msg{margin: 0 0 2em;}
.col-main .data-table{margin-bottom:10px; border-bottom: 3px double #DDDDDD;}
.col-main .data-table td{padding:8px 8px 6px;}
.col-main .data-table thead, .col-main .data-table thead tr{background-color:#EEE;}
.col-main .data-table thead tr{border:solid #DDDDDD; border-width:0 1px;}
.col-main .data-table tr.last th{padding:4px 8px; font-size:12px; text-transform:capitalize; border-top:1px solid #DDD; border-bottom:1px solid #DDD !important;}

.col-main .my-account .dashboard .box .box-title{background-color:#EEE; border:1px solid #DDD; padding:4px 10px;}
.col-main .my-account .dashboard .box .box-title h3{color:#444;}
.col-main .my-account .dashboard .box .box-title a{color:#C00; padding-top:2px; float:right;}	

.col-main .my-account .order-info-box .box .box-title{background-color:#EEE; border:1px solid #DDD; padding:4px 10px; margin-bottom:10px;}
.col-main .my-account .order-info-box .box .box-title h2{color:#444; margin:0; border-bottom:none;}	


/*edit account*/
.col-main .my-account .fieldset .legend{background-color:#EEE; border:1px solid #DDD; padding:4px 10px; color:#444; font-size:12px;}

/*address book*/
.col-main .my-account .addresses-list h2{background-color:#EEE; border:1px solid #DDD; padding:4px 10px; color:#444; font-size:12px;}
.col-main .my-account .addresses-list li.item{padding: 0 10px 5px; border-bottom:1px solid #DDD; margin-bottom:16px;}
.col-main .my-account .addresses-list li.item h3{ font-family:Arial, Helvetica, sans-serif; color:#C00;}
.col-main .my-account .addresses-list li.item p{text-align:right;}
.col-main .my-account .addresses-list li.item p a{color:#CC0000; font-size:10px; font-weight:normal; text-transform:uppercase;}

.col-main .my-account .addresses-list li.empty p{text-align:left; font-weight:normal;}

/*order details*/

/*tabs*/
.col-main #order-info-tabs{border:1px solid; border-color:#DDD #CCC #CCC;}
.col-main #order-info-tabs {border-bottom-color:#CCC;}
.col-main #order-info-tabs li{border-left:none;}
.col-main #order-info-tabs li.current{background-color:transparent; color:#C00; font-weight:normal;}
.col-main #order-info-tabs li a:hover{color:#C00;}
.col-main #order-info-tabs li.last{border-right:1px solid #CCC;}

.col-main .my-account .order-date {color: #CC0000; text-align: right;}

#torso .col-main .data-table tfoot tr{background-color:#FFF !important;}
#torso .col-main .data-table tfoot td{padding:4px 8px;}
#torso .col-main .data-table tfoot .grand_total td{color:#C00;}
#torso .col-main .data-table h4, #torso .col-main .data-table h5{color:#C00; font-size:110%; margin-bottom:5px;}


.col-main .order-items .order-links{margin-bottom:0; padding:0 8px 5px 0;}
.col-main .order-items .order-links a{font-size:10px; text-transform:uppercase;}
.col-main .order-items h2.sub-title{background-color:#EEEEEE; border:1px solid #DDDDDD; margin-bottom:10px; padding:4px 10px; color:#444;}
.col-main .order-items h2.sub-title .separator{display:none;}
.col-main .order-items h2.sub-title a{float:right; padding-top: 2px;}
.col-main .order-items h2.sub-title a:hover{color:#C00;}


/*back button*/
.col-main .my-account .back-link a{background: url("/images/v3/magento_imgs/back_btn.png") no-repeat scroll 0 0 transparent !important; /*height:38px;  padding:0; text-indent:-9999em;*/ width:107px; display:block;
padding: 38px 0 0 0; height: 0px !important; height /**/:38px; overflow: hidden; }

