/* ------------------------------  */
/* Author: Red Door Interactive    */
/* ------------------------------  */


#cartSummary {
	margin: 0 0 6px 0;
    background-color:#f5f5f5;
    width:222px;
}
#cartSummary  a {
    text-decoration:none;
}
#cartSummary  a:hover {
    text-decoration:underline;
}

#cartSummary .active {
    background-color:#d3d3d3;
    /*margin: 3px 0 0 0;
    padding: 3px;*/
}

#cartSummary p.pricediff {
	margin: 0.5em 0 0.5em 0;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:9px;
}
.cartPlanContainer {
	padding: 3px;
	background-color: #242424;
}
	
h3.cartSummaryTitle {
	color: #fff;
	font-size: 14px;
	padding: 0 5px;
	font-family: Verdana, Helvetica, Arial;
}
#cartsummary-footer {
	padding:10px 20px;
	text-align: center;
	border: 1px solid #d3d3d3;
	border-top: none;
}
#cartSummary #footerbuttons{
	text-align:center;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #242424;
}

/****************************************************************************************************/
/**  Accordian Styles  **/
/****************************************************************************************************/
.toggler, .toggler_active {
	margin: 0;
	padding:6px 0 6px 18px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
.toggler {
	color: #f55f00;
	background: #d3d3d3 url(images/119_skin/cartsummary/img_black-arrow-right.gif) 4px 8px no-repeat;
}
.toggler:hover, .toggler-hover{
	cursor:pointer;
	background: #f5f5f5 url(images/119_skin/arrows.gif) 5px -207px no-repeat;
}
.toggler_active {
	color: #242424;
	background: #d3d3d3 url(images/119_skin/cartsummary/img_black-arrow-down.gif) 4px 8px no-repeat;
	cursor:default;
}

.element {
	height:100%;
}

#cartSummary .bottomButton {
	font-size:10px;
}


/****************************************************************************************************/
/**  Inner Boxes  **/
/****************************************************************************************************/

#cartSummary .orange{
    padding:4px;
    color:#D64D09;
    margin: 2px 0;
    background: #fff url(images/119_skin/cartsummary/here_circle.gif) 3px 7px no-repeat;
}
#cartSummary .orange h4 {
	color:#D64D09;
	background-color: white;
}
#cartSummary .green{
    padding:4px;
    color:#333;
    margin:2px 0;
    background-color: white;
}
#cartSummary .green h4 {
    color:#666666;
}
#cartSummary .grey{
    padding:4px;
    color:#333;
    margin:2px 0;
    background:#fff url(images/119_skin/cartsummary/img_checkmark_grey.gif) top left no-repeat;
}
#cartSummary .grey h4 {
    color:#666666;
}
#cartSummary h4 {
    margin-left: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:15px;
    color:inherit;
}

#cartSummary .empty {
    padding:4px;
    color:#333;
    margin:4px;
    font-size:10px;
}

#cartSummary .item {
    clear:both;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-weight:normal;
    font-size:9px;
    color:#666666;
    padding-top:4px;
    padding-bottom:4px;
}
#cartSummary .item .image, #cartSummary .item .planprice {
    float:left;
    padding-left:16px;
    display: block;
}
#cartSummary .item .planprice{
	font-size:18px;
	color: #242424;
	font-weight: bold;
	padding-left:12px;
}
#cartSummary .item .info {
    float:right;
    width:140px;
}
#cartSummary .item a, #cartSummary .item .itemname {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
}
#cartSummary .item .left{
    float:left;
    width:83px;;
}
#cartSummary .item .right{
    float:right;
    width:40px;
    text-align:right;
    margin-right:10px;
}
#cartSummary hr {
    border:0px;
    height:1px;
    border-bottom:1px solid #DADADA;
    padding:0px;
    margin:0px;
    margin-top:4px;
    margin-bottom:4px;
}
#cartSummary .stepContainer {
	text-align:center;
	height:24px;
	padding:4px;
}
#cartSummary .left {
	float: left;
    margin:2px;
}
#cartSummary .right {
	float: right;
    margin: 2px;
}

/***********************/
/** CSS BUTTON STYLES **/
/***********************/
.nextstep-btn {
	background: url(images/119_skin/buttons/btn_next-step.gif) no-repeat;
	width: 79px;
	display:block;
}
.cancel-btn {
	background: url(images/119_skin/buttons/btn_cancel.gif) no-repeat;
	width: 56px;
	display:block;
}
.emptycart-btn {
	background: url(images/119_skin/buttons/btn_empty-cart.gif) no-repeat;
	width: 77px;
	display:block;
}
.checkout-btn {
	background: url(images/119_skin/buttons/btn_checkout_small.gif) no-repeat;
	width: 81px;
	display:block;
}
.nextstep-btn:hover, 
.cancel-btn:hover, 
.emptycart-btn:hover,
.checkout-btn:hover {
	background-position: 0 -21px;
}