/* QuickLive library CSS */

/* Common styles */
/* TODO discuss about name convention, also discuss about separate CSS for common styles */


.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

.ib {display: inline-block }

.sixteen { font-size:16px!important; }

.twentyone { font-size: 21px!important; }

.clearFloat {
    clear:both
}

.floatLeft {
    float:left
}

.floatRight {
    float:right !important
}

.textUnderline {
    text-decoration:underline
}

.textUppercase {
	text-transform:uppercase
}

.textRight {
	text-align:right
}

.textItalic {
    font-style:italic
}

.textBold {
    font-weight:bold
}

.textNormal {
	font-weight:normal !important	
}

.textCapitalize {
	text-transform:capitalize
}

.alignMiddleImage {
	vertical-align:middle	
}

.twoColumns {
	float:left;
	width:50% !important
}

/* Hidded elements for disabled people */

#accessibility-nav, #nav h3 {
	display: none
}

/* Default checkbox and radio button sizes */

.checkbox {
	width: 13px;
	height: 13px
}

/* Page default width and centerlize */

#Page {
	margin: 0 auto;
	width:985px
}

/* Header */
.header-portlet {
	position:relative;
	width:100%
}

/* Mini Basket */
#cart-info dt {
	display:none
}

#cart-info .item-total {
	float:right
}

.mini-basket:hover #cart-content {
    display:block
}

#cart-content {
	background:transparent;
	position:absolute;
	display: none;
	right:-5px;
	z-index:10
}

/* Menu navigation */

#menu li {
	cursor:pointer;
	display:inline;
	float:left;
	position:relative;
	text-decoration:none;
	z-index:100;
}

#menu .drop {
	display:none;
	font-weight:normal;
	left:0;
	overflow:hidden;
	position:absolute;
	text-align:left;
}

#menu .drop a {
	cursor:pointer;
	float:left;
	font-weight:normal;
}

/* Carousel 100% width */

.carousel-portlet {
	overflow:hidden;
	width:auto
}

.products-quickview {
	position:relative
}

.tabs {
	position: absolute
}

.tabs li {
	cursor:pointer;
	float:left;
	top:2px;
	z-index:1
}

.tabs li a {
	display:block
}

.tabs li.active {
	margin-top: 2px;
    z-index: 3
}

.carousel-wrap {
	float:left;
	width:100%;
	z-index:2
}

.carousel-border {
	float:left;
	font-size:2px;
	line-height:0 !important
}

.carousel-corner, .carousel-border-space-top, .carousel-border-space-bottom {
	float:left;
	font-size:2px
}

/* TODO change carousel id to class ? */

#carousel {
	width:100%
}

.carousel-item IMG {
	display: block;
	margin-left: auto;
	margin-right: auto
}

/* Carousel for half page */

/* TODO consider having different names for 'half carousel' instead of using nested selectors */

#login-customer .carousel-border-space-top, #login-customer .carousel-border-space-bottom {
	width: 95%
}

#login-customer  .carousel-wrap {
	width: 414px
}
#login-customer  .carousel-border {
	float: none
}

/* Breadcrumbs portlet */

#breadcrumbs li {
	display:inline
}

#breadcrumbs a {
	background-position:right center;
	background-repeat:no-repeat;
	padding:3px 0 5px 0;
	margin-right: 4px;
}

/* Double borders box */

.double-borders {
	border: 4px double;
}

/* Pagination */

.pagination-links ul * {
    display:inline
}

/* Footer ending */

.footer-background {
    height:21px;
    margin-left:-19px;
    position:absolute;
    width:1000px
}


/* Product promotional portlet */

.product-promotion-portlet .horizontal li {
	float:left	
}
/* Small tabs on product page */
/* TODO:  refactor rounded corners for this version, maybe also consider changing 
classes from "carousel" for more like "rounded corners" */

.product-additional-info-top, .product-additional-info-middle, .product-additional-info-bottom {
	overflow: hidden
}

.product-additional-info-top-left, .product-additional-info-top-right, 
.product-additional-info-top-center {
	float: left
}

/* Fixes for added left top missing line */
.product-additional-info-middle2 {
	position: absolute;
	display: block;
	margin-bottom: 0;
	font-size: 2px;
	line-height: 0px
}

.product-additional-info-bottom-left , .product-additional-info-bottom-right {
	float: left;
	background-repeat: no-repeat
}

.product-additional-info-bottom-center {
	float: left;
	background-repeat: repeat-x
}

.product-additional-info #tabbed-panel-2, .product-additional-info #tabbed-panel-3, .product-additional-info #tabbed-panel-4 {
	display:none
}

/* Product reviews & rating system */

/* TODO refactor existing system for something less complex */

.product-additional-info .reviews .rating {
	border: 0;
	padding: 0;
	position: absolute;
}

.product-additional-info .reviews .rating p {
	margin-top: 0 !important
}

.product-additional-info .reviews .rating li {
	border:0;
	float:left;
	padding:0
}

.product-additional-info .reviews .rating a {
	display:block;
	left:0;
	position:absolute;
	text-align:left;
	text-indent:-1000em;
	top:0;
	line-height: 0px
}

/* Tabs Small */
/*TODO: change mechanism for background-position when a.active */

.new-tabs-small a {
	float: left;
	text-align: center;
	cursor: pointer
}

.new-tabs-small span {
	display: block
}

/* Basket total table */

#basket-total {
	float:left;
	text-align:right;
    width:262px !important;
}

.basket-options {
    overflow:hidden
}

#add-apply-link {
	text-decoration: underline;
	text-indent:0;
	display: block;
	cursor: pointer
}

#basket-gift-code #add-apply-link {
	display: inline
}

.basket-options a.checkout, .checkout-portlet .confirm-button {
    position:relative;
    float:right
}

#basket-total dl {
   border-bottom: 1px solid #E3E3E1;
   clear: both;
}

#basket-total dt {
	float:left;
	text-align:right;
	width:162px
}

#basket-total dd {
	float:left;
	text-align:right;
	width:100px
}

#basket-total .delivery-description, .order-history-portlet #basket-total .total {
	height: 50px;
	margin-top: 0;
	padding-top: 5px;
	padding-bottom: 0
}

#basket-total .delivery-description p, #basket-total .total p, #basket-total .total span {
	line-height: 12px
}

/* added by craig simpson tandm */

#productCont .alantproduct-padding {
    background: url("../../static-images/tandm/alant/alant-logo.jpg") no-repeat scroll left top transparent;
    height: 250px;
    left: 790px;
    margin: 0;
    padding: 10px;
    position: absolute;
    top: 0;
    width: 160px;
}
#productCont .alantproduct-description {
    background: url("../../static-images/tandm/alant/openquotes2.jpg") no-repeat scroll left top transparent;
    height: 16px;
    width: 20px;
}
#productCont .alantproduct-descriptionend {
    background: url("../../static-images/tandm/alant/closequotes2.jpg") no-repeat scroll right bottom transparent;
    height: 16px;
    width: 20px;
}
#productCont .alantcomment-top {
    background: url("../../static-images/tandm/alant/alant-background-top.png") top left;
    margin: 10px 0 0 0;
    padding: 0px;
    width: 465px;
    height: 17px;
}
#productCont .alantcomment-middle {
    background: url("../../static-images/tandm/alant/alant-background-middle.png") repeat-y;
    margin: 0;
    padding: 0;
    width: 465px;
    height: 100%;
}
#productCont .alantcomment-bottom {
    background: url("../../static-images/tandm/alant/alant-background-bottom.png") left bottom;
    height: 17px;
    margin: 0;
    padding: 0;
    width: 465px;
}
ul.atcomment {
    color: #000000;
    font-weight: normal;
    margin: 0px;
    padding: 0px 8px;
}
ul.atproductBullet {
    color: #007aa3;
    font-weight: bold;
    list-style-image: url("../../static-images/tandm/alant/alant-bullet.png");
    margin-bottom: 10px;
    margin-left: 15px;
}
ul.productBullet {
    color: #00572D;
    font-weight: bold;
    list-style-image: url("../../static-images/tandm/alant/product-bullet.png");
    margin-bottom: 10px;
    margin-left: 15px;
}