body {font-family: arial; color: #000; font-size: 13px;}

h1, h2, h3 {font-weight: normal;}
h1 {font-size: 30px; color: #7ca500; margin: 10px 0 10px 0;}
h2 {font-size: 22px; color: #000; margin: 5px 0 5px 0;}
h3 {font-size: 18px; color: #666; margin: 5px 0 5px 0;}
h4 {font-size: 16px; color: #7ca500; margin: 5px 0 5px 0;}
h5 {font-size: 14px; color: #000; margin: 5px 0 5px 0;}

.box, .box2 {border: 1px solid #666; margin-top: -1px; padding-bottom: 10px; margin-bottom: -1px;}
.box th, .box2 th, .box3 th {padding: 5px; font-weight: normal;}
.product {background: url(../Comcast2/Cart/product_bg.gif) bottom left repeat-x #fafafa; padding: 0; border: 1px solid #999;}
.time {float: right; text-align: right; padding-right: 10px;}
.time p {color: #333; font-size: 12px; line-height: 17px;}
.time a:link, .time a:visited, .link a:link, .link a:visited {color: #0099cc; text-decoration: none;}
.time a:hover, .link a:hover {text-decoration: underline;}
.dottedline {margin: 5px 0 5px 0;}





.status {padding: 10px; font-weight: bold; font-style: italic;}
.greenrow .status {color: #8ea622; font-size: 11px;}
.redrow .status {color: #f28480; font-size: 11px;}
.orangerow .status {color: #ff770b; font-size: 11px;}

.graybox {margin: 10px 0 10px 0; padding: 10px; background: #eee; color: #666;}
.greenbox {margin: 10px 0 10px 0; padding: 10px 10px 10px 10px; background: #dcffc4; color: #666; font-size: 12px; font-weight: bold;}
.left {float: left;}
.right {float: right;}

.pagelinks {background: url(../Comcast2/Cart/pagelinksbg.gif) repeat-x #fff bottom left; border: 1px solid #666; padding: 10px;}

.small {font-size: 10px;}
.spacer {padding: 20px;}

.items {background: url(../Comcast2/Cart/itemsbg.gif) bottom left repeat-x #fff; padding: 7px 0 7px; border: 1px solid #666; margin-bottom: 10px;}
.item {padding: 0 10px 0 10px;}
.number, .number2 {border: 1px solid #999; font-weight: bold; font-size: 22px; color: #666; float: left; margin: 0 5px 0 0; background: #fff;}
.number {padding: 5px 13px 5px 13px;}
.number2 {padding: 5px 8px 5px 8px;}
.smallnumber, .smallnumber2 {border: 1px solid #999; font-weight: bold; font-size: 14px; color: #666; float: left; margin: 0 10px 0 0; background: #fff;}
.smallnumber {padding: 4px 9px 4px 9px;}
.smallnumber2 {padding: 4px 5px 4px 5px;}

.graybar {border: 0; height: 5px; background: url(../Comcast2/Cart/divider.gif) 0 0 repeat-x; margin: 5px 0 12px 0; width: 100%;}
.divider {clear: both; border:0; height: 1px; background-color: #666; margin: 0 10px 0 10px;}
.dots {border-bottom: 1px dotted #a9a9a9; padding: 5px;}
.gray {color: #797979; font-weight: bold;}

.steps {font-weight: bold; color: #666; margin: 0 0 20px 0; padding: 0 0 0 10px;}
.first a:link, .first a:visited, .second a:link, .second a:visited, .third a:link, .third a:visited, .fourth a:visited {color: #333; text-decoration: none;}
.first a:hover, .second a:hover, .third a:hover, .fourth a:hover {text-decoration: underline;}

.steps ul {list-style: none; margin: 0 0 0 0; padding: 0 0 0 0;}
.steps li {list-style-type: none; margin: 0 20px 0 0; display: inline;}
.first, .second, .third, .fourth, .secondgray, .thirdgray, .fourthgray {padding: 3px 0 10px 25px;}
.first {background:url(../Comcast2/Cart/step1.gif) no-repeat; color: #333;}
.second {background:url(../Comcast2/Cart/step2.gif) no-repeat; color: #333;}
.third {background:url(../Comcast2/Cart/step3.gif) no-repeat; color: #333;}
.fourth {background:url(../Comcast2/Cart/step4.gif) no-repeat; color: #333;}
.secondgray {background:url(../Comcast2/Cart/step2_gray.gif) no-repeat; color: #999;}
.thirdgray {background:url(../Comcast2/Cart/step3_gray.gif) no-repeat; color: #999;}
.fourthgray {background:url(../Comcast2/Cart/step4_gray.gif) no-repeat; color: #999;}

.hidden {display:None;}
#inline-sample-content {color: #333; background: #fff; margin: 10px;}

/* BUTTONS */

	/* small buttons */
	.addbtn, .prevbtn, .arrowbtn {display:inline-block; padding:4px 18px 4px 9px; font-size:10px; text-decoration:none; font-weight:bold; line-height:10px; text-align: center;}
	.arrowbtn {color: #fff;}
	.addbtn, .prevbtn {color:#666; border: 1px solid #666;}
	.addbtn:hover, .prevbtn:hover, .delbtn:hover { text-decoration:none; color: #00abcf; border: 1px solid #00abcf;}

	.addbtn {background:url(../Comcast2/Cart/btn_add.gif) center right no-repeat;}
	.addbtn:hover {background:url(../Comcast2/Cart/btn_add_hover.gif) center right no-repeat;}

	.prevbtn {background:url(../Comcast2/Cart/btn_preview.gif) center right no-repeat; width: 59px;}
	.prevbtn:hover {background:url(../Comcast2/Cart/btn_preview_hover.gif) center right no-repeat;}

	.arrowbtn {background:url(../Comcast2/Cart/btn_sm_arrow.gif) center right no-repeat;}
	.arrowbtn:hover {background:url(../Comcast2/Cart/btn_sm_arrow_hover.gif) center right no-repeat;}

	/* medium buttons */
	.mdgraybtn {padding: 5px 16px 4px 16px; } 
	.cartbtn, .mdarrowbtn, .mdreviewbtn {padding: 6px 25px 5px 7px; }
	.mdbluebtn {padding: 6px 16px 5px 16px;}
	
	.mdgraybtn, .cartbtn, .mdarrowbtn, .mdbluebtn, .mdreviewbtn {display: inline-block; font-size: 11px; text-decoration: none; font-weight: bold; line-height: 11px; text-align: center;}
	
	.mdgraybtn {color:#666; border: 1px solid #666; background:url(../Comcast2/Cart/btn_md_gray.gif) center right no-repeat;}
	.mdgraybtn:hover {text-decoration: none; color: #00abcf; border: 1px solid #00abcf;}
	
	.mdbluebtn {color: #fff; background:url(../Comcast2/Cart/btn_md_blue.gif) center right no-repeat;}
	.mdbluebtn:hover {text-decoration: none; background: url(../Comcast2/Cart/btn_md_blue_hover.gif) center right no-repeat;}
	
	.cartbtn {color:#fff; background:url(../Comcast2/Cart/btn_md_cart.gif) center right no-repeat;}
	.cartbtn:hover {text-decoration:none; background:url(../Comcast2/Cart/btn_md_cart_hover.gif) center right no-repeat;}
	
	.mdarrowbtn {color:#fff; background:url(../Comcast2/Cart/btn_md_arrow.gif) center right no-repeat;}
	.mdarrowbtn:hover {text-decoration:none; background:url(../Comcast2/Cart/btn_md_arrow_hover.gif) center right no-repeat;}
	
	.mdreviewbtn {color:#fff; background:url(../Comcast2/Cart/btn_md_review.gif) center right no-repeat;}
	.mdreviewbtn:hover {text-decoration:none; background:url(../Comcast2/Cart/btn_md_review_hover.gif) center right no-repeat;}
	
	/* large buttons */
	.delbtn {padding:6px 25px 5px 7px; }
	.lgarrowbtn, .downbtn {padding:7px 25px 6px 7px; }
	.lgarrowbtn, .downbtn, .delbtn {display:inline-block; font-size:12px; text-decoration:none; font-weight:bold; line-height:12px; text-align: center;}
	
	.delbtn {color:#666; border: 1px solid #666; background:url(../Comcast2/Cart/btn_lg_delete.gif) center right no-repeat;}
	.delbtn:hover {text-decoration: none; background:url(../Comcast2/Cart/btn_lg_delete_hover.gif) center right no-repeat;}

	.lgarrowbtn {background:url(../Comcast2/Cart/btn_lg_arrow.gif) center right no-repeat; color: #fff;}
	.lgarrowbtn:hover {text-decoration: none; background:url(../Comcast2/Cart/btn_lg_arrow_hover.gif) center right no-repeat;}
	
	.downbtn {background:url(../Comcast2/Cart/btn_lg_down.gif) center right no-repeat; color: #fff;}
	.downbtn:hover {text-decoration: none; background:url(../Comcast2/Cart/btn_lg_down_hover.gif) center right no-repeat;}