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


#cartSummary {
	margin: 0 0 6px 0;
    background-color:#f1f1f1;
    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 {
	margin: 0 0 3px 0;
	padding: 3px;
	background-color: #242424;
}
	
h3.cartSummaryTitle {
	color: #fff;
	font-size: 12px;
	padding: 0 5px;
	font-weight:bold;
}
#cartsummary-footer {
	padding:10px 20px;
}

/****************************************************************************************************/
/**  Accordian Styles  **/
/****************************************************************************************************/
.toggler, .toggler_active {
	margin: 0;
	padding:6px 0 6px 18px;
	font-size: 11px;
	font-weight: bold;
    background-position:5px;
    background-repeat:no-repeat;
    background-color: #d3d3d3;
}

.toggler {
	color: #f55f00;
	background-image: url(../images/119_skin/cartsummary/img_black-arrow-right.gif);
	cursor: pointer;
}

.toggler_active {
	color: #242424;
	background-image:url(../images/119_skin/cartsummary/img_black-arrow-down.gif);
	cursor:default;
}

.element {
	height:100%;
}

/****************************************************************************************************/
/**  Footer Items  **/
/****************************************************************************************************/
#cartSummary .bottomButton {
	font-size:10px;
}
#cartSummary #viewCart {
}
#cartSummary #emptyCart {
}
#cartSummary #viewCart a {
    color:#46b428;
}

#cartSummary #checkout {
    float:right;
}
#cartSummary #stepContainer {
    font-size:10px;
	height:36px;
	border-bottom: 1px dotted #000;
}
#cartSummary #checkout{
	width:159px;
	height:35px;
	background: url(../images/119_skin/buttons/btn_checkout.gif) top left no-repeat;
} 
#cartSummary #checkout:hover{
	background-position: 0 -35px;
	cursor:pointer;
}
/****************************************************************************************************/
/**  Inner Boxes  **/
/****************************************************************************************************/

#cartSummary .orange{
    padding:4px;
    color:#CC6600;
    margin: 2px 0;
    background: #fff url(../images/119_skin/cartsummary/here_circle.gif) 3px 7px no-repeat;
}
#cartSummary .orange h4 {
	color:#CC6600;
	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 {
    float:left;
    width:28px;
    padding-left:16px;
    padding-right:8px;
    display: block;
}
#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;
    color:#333;
}
#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;
}
/****************************************************************************************************/
/**  Float containers fix: http://www.csscreator.com/attributes/containedfloat.php  **/
/****************************************************************************************************/
.item:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.orange:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.grey:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}