/* Callout General Info
--------------------------------------------------------------------- */
#content .callout {
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#content .callout h2 {
	padding: 0;
	margin: 0;
	height: 30px;
}

#content .callout h2 a {
	display: block;
	padding: 12px 0 0 12px;
	color: #f27d00;
}

#content .callout h2 a.replaceable {
	/* base style for Leahy/Langridge Image Replacement */
	height: 0;
	overflow: hidden;
	padding-top: 30px; /* padding-top (12px) + graphic height (24px) */
	/* specify background image for title inline on the h2 */
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

#content .callout h2.doubleTitle {
	height: 50px;
}

#content .callout h2.doubleTitle a.replaceable {
	/* base style for Leahy/Langridge Image Replacement */
	height: 0;
	overflow: hidden;
	padding-top: 50px; /* padding-top (12px) + graphic height (24px) */
	/* specify background image for title inline on the h2 */
	background-repeat: no-repeat;
	background-position: 12px 12px;
}



#content .callout h2.tripleTitle {
	height: 70px;
}

#content .callout h2.tripleTitle a.replaceable {
	/* base style for Leahy/Langridge Image Replacement */
	height: 0;
	overflow: hidden;
	padding-top: 70px; /* padding-top (12px) + graphic height (24px) */
	/* specify background image for title inline on the h2 */
	background-repeat: no-repeat;
	background-position: 12px 12px;
}

#content .callout div {
	padding: 0 12px;
	margin: 0;
}

#content .callout div p {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
	line-height: 1.1em; /* text tighten for small spaces */
}

#content .callout p {
	padding: 0 12px; /* DEFAULT: no padding on top or bottom, 12px padding on left and right */
	margin: 0;
}

#content .callout img {
	float: right;
	padding: 0;
	margin: -30px 0 0 0;
}

#content .callout h2 a img {
	float: left;
    margin: 0;
	padding: 0;
}

#content .callout img.doubleTitle {
	float: right;
	padding: 0;
	margin: -50px 0 0 0;
}

#content .callout img.tripleTitle {
	float: right;
	padding: 0;
	margin: -70px 0 0 0;
}

#content .callout .action {
 padding: 1px 0 1px 20px;
 background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_right.gif) left bottom no-repeat;
 }


/* 230px - B2C
--------------------------------------------------------------------- */
#content .first_230 .callout, #content .col_230 .callout {
	width: 228px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-228.jpg) repeat-x bottom right white;
	position: relative;
	height: 123px;
}
#content .first_230 .callout.deemphasized, #content .col_230 .callout.deemphasized {
	height: 97px;
}
#content .first_230 .callout .has-image, #content .col_230 .callout .has-image {
	width: 140px;
	padding-right: 0;
}

/* 230px - B2B
--------------------------------------------------------------------- */
.business #content .first_230 .callout, .business #content .col_230 .callout {
	width: 228px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-B2B-228.jpg) repeat-x bottom right white;
	position: relative;
	height: 123px;
}
.business #content .first_230 .callout.deemphasized, .business #content .col_230 .callout.deemphasized {
	height: 97px;
}
.business #content .first_230 .callout .has-image, .business #content .col_230 .callout .has-image {
	width: 140px;
	padding-right: 0;
}

/* 252px - B2C
------------------------------------------------------ */
#content .first_252 .callout, #content .col_252 .callout {
 width: 250px;
 background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-250.jpg) repeat-x bottom right white;
 position: relative;
 height: 135px;
 }
#content .first_252 .callout.emphasized, #content .col_252 .callout.emphasized {
 height: 330px;
 }
#content .first_252 .callout .has-image, #content .col_252 .callout .has-image {
 width: 165px;
 padding-right: 0;
 }


/* 270px - B2C
--------------------------------------------------------------------- */
#content .first_270 .callout, #content .col_270 .callout {
	width: 268px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-268.jpg) repeat-x bottom right white;
	position: relative;
	height: 143px;
}
#content .first_270 .callout.deemphasized, #content .col_270 .callout.deemphasized {
	height: 97px;
}
#content .first_270 .callout .has-image, #content .col_270 .callout .has-image {
	width: 140px;
	padding-right: 0;
}

/* 270px - B2B
--------------------------------------------------------------------- */
.business #content .first_270 .callout, .business #content .col_270 .callout {
	width: 268px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-B2B-268.jpg) repeat-x bottom right white;
	position: relative;
	height: 143px;
}
.business #content .first_270 .callout.deemphasized, .business #content .col_270 .callout.deemphasized {
	height: 97px;
}
.business #content .first_270 .callout .has-image, .business #content .col_270 .callout .has-image {
	width: 140px;
	padding-right: 0;
}



/* 310px - B2C
--------------------------------------------------------------------- */
#content .first_310 .callout, #content .col_310 .callout {
	width: 308px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-308.jpg) repeat-x bottom right white;
	position: relative;
	height: 86px;
}
#content .first_310 .callout.featured, #content .col_310 .callout.featured {
	height: 184px;
}
#content .first_310 .callout.deemphasized, #content .col_310 .callout.deemphasized {
	height: 62px;
	background-position: left top; /* fix for shallow box */
}
#content .first_310 .callout .has-image, #content .col_310 .callout .has-image {
	width: 177px;
	padding-right: 0;
}



/* 350px - B2C
--------------------------------------------------------------------- */
#content .first_350 .callout, #content .col_350 .callout {
	width: 348px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-348.jpg) repeat-x bottom right white;
	position: relative;
	height: 123px;
}
#content .first_350 .callout.featured, #content .col_350 .callout.featured {
	height: 184px;
}
#content .first_350 .callout .has-image, #content .col_350 .callout .has-image {
	width: 190px;
	padding-right: 0;
	
}

/* 350px - B2B
--------------------------------------------------------------------- */
.business #content .first_350 .callout, .business #content .col_350 .callout {
	width: 348px;
	background: url(http://www.wireless.att.com/global/images/callouts/callout-bkgrd-B2B-348.jpg) repeat-x bottom right white;
	position: relative;
	height: 123px;
}
.business #content .first_350 .callout.featured, .business #content .col_350 .callout.featured {
	height: 184px;
}
.business #content .first_350 .callout .has-image, .business #content .col_350 .callout .has-image {
	width: 190px;
	padding-right: 0;
	
}


#content .callout.plan .has-image, #content .callout.sales .has-image, #content .callout.service .has-image, #content .callout.product .has-image {
	width: auto !important;
}



/* Call to Action
--------------------------------------------------------------------- */
/* PLAN - SALES - SERVICE - PRODUCT */
#content .callout.plan .call-to-action, #content .callout.sales .call-to-action, #content .callout.service .call-to-action, #content .callout.product .call-to-action {
	padding-left: 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* General Arrow */
	position: absolute;
	bottom: 12px;
}

/* SUPPORT - VALUE-ADD - GENERAL */
#content .callout.support .call-to-action, #content .callout.value-add .call-to-action, #content .callout.valueadd .call-to-action, #content .callout.general .call-to-action {
	padding: 0 11px 0 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* General Arrow */
	position: absolute;
	bottom: 12px;
}

/* ALL BOX */
#content .callout.plan .call-to-action.box, #content .callout.sales .call-to-action.box, #content .callout.service .call-to-action.box, #content .callout.product .call-to-action.box, #content .callout.support .call-to-action.box, #content .callout.value-add .call-to-action.box, #content .callout.valueadd .call-to-action.box, #content .callout.general .call-to-action.box {
	padding-left: 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* Blue Box Arrow */
	position: absolute;
	bottom: 12px;
}

/* ALL PDF */
#content .callout.plan .call-to-action.pdf, #content .callout.sales .call-to-action.pdf, #content .callout.service .call-to-action.pdf, #content .callout.product .call-to-action.pdf, #content .callout.support .call-to-action.pdf, #content .callout.value-add .call-to-action.pdf, #content .callout.valueadd .call-to-action.pdf, #content .callout.general .call-to-action.pdf {
	padding-right: 22px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_pdf.gif) left bottom no-repeat; /* PDF Icon */
	position: absolute;
	bottom: 12px;
}

/* ALL NEW-WINDOW */
#content .callout.plan .call-to-action.new-window, #content .callout.sales .call-to-action.new-window, #content .callout.service .call-to-action.new-window, #content .callout.product .call-to-action.new-window, #content .callout.support .call-to-action.new-window, #content .callout.value-add .call-to-action.new-window, #content .callout.valueadd .call-to-action.new-window, #content .callout.general .call-to-action.new-window {
	padding-right: 16px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_preview.gif) left bottom no-repeat; /* New Window Icon */
	position: absolute;
	bottom: 12px;
}



/* Lists
--------------------------------------------------------------------- */
#content .callout .bullet {
 padding: 0;
 margin: 0;
 list-style-type: none;
 line-height: 13px;
 }
#content .callout .bullet li {
 padding: 1px 0 3px 14px;
 margin-left: 0;
 text-align: left;
 list-style-position: outside;
 background: url(http://www.wireless.att.com/global/images/callouts/li-bullet-gray.gif) left top no-repeat;
 }
#content .callout ul {
	list-style-type:none;
	padding-top: 10px;
	margin: 0px
}

#content .callout ul li {
	list-style-type:none;
	padding-bottom: 3px;
	margin: 0px
}

/* PLAN - SALES - SERVICE - PRODUCT */
#content .callout.plan ul li a.multi-action, #content .callout.sales ul li a.multi-action, #content .callout.services ul li a.multi-action, #content .callout.product ul li a.multi-action {
	padding-left: 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* General Arrow */
	margin: 0px
}

/* SUPPORT - VALUE-ADD - GENERAL */
#content .callout.support ul li a.multi-action, #content .callout.value-add ul li a.multi-action, #content .callout.valueadd ul li a.multi-action, #content .callout.general ul li a.multi-action {
	padding: 2px 11px 0 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* General Arrow */
	margin: 0px
}

/* ALL BOX */
#content .callout.plan ul li a.multi-action.box2, #content .callout.sales ul li a.multi-action.box2, #content .callout.service ul li a.multi-action.box2, #content .callout.product ul li a.multi-action.box2, #content .callout.support ul li a.multi-action.box2, #content .callout.value-add ul li a.multi-action.box2, #content .callout.valueadd ul li a.multi-action.box2, #content .callout.general ul li a.multi-action.box2 {
	padding-right: 20px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_box_arrow_right.gif) left bottom no-repeat; /* Blue Box Arrow */
	margin: 0px
}

/* ALL PDF */
#content .callout.plan ul li a.multi-action.pdf2, #content .callout.sales ul li a.multi-action.pdf2, #content .callout.service ul li a.multi-action.pdf2, #content .callout.product ul li a.multi-action.pdf2, #content .callout.support ul li a.multi-action.pdf2, #content .callout.value-add ul li a.multi-action.pdf2, #content .callout.valueadd ul li a.multi-action.pdf2, #content .callout.general ul li a.multi-action.pdf2 {
	padding-right: 22px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_pdf.gif) left bottom no-repeat; /* PDF Icon */
	margin: 0px
}

/* ALL NEW-WINDOW */
#content .callout.plan ul li a.multi-action.new-window2, #content .callout.sales ul li a.multi-action.new-window2, #content .callout.service ul li a.multi-action.new-window2, #content .callout.product ul li a.multi-action.new-window2, #content .callout.support ul li a.multi-action.new-window2, #content .callout.value-add ul li a.multi-action.new-window2, #content .callout.valueadd ul li a.multi-action.new-window2, #content .callout.general ul li a.multi-action.new-window2 {
	padding-right: 16px;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_preview.gif) left bottom no-repeat; /* New Window Icon */
	margin: 0px
}

/* ALL new-window-1024 ticket#16914 */
#content .callout.plan .call-to-action.new-window-1024, #content .callout.sales .call-to-action.new-window-1024, #content .callout.service .call-to-action.new-window-1024, #content .callout.product .call-to-action.new-window-1024, #content .callout.support .call-to-action.new-window-1024, #content .callout.value-add .call-to-action.new-window-1024, #content .callout.valueadd .call-to-action.new-window-1024, #content .callout.general .call-to-action.new-window-1024 {
    padding-right: 16px;
    background: url(http://www.wireless.att.com/global/images/callouts/btn_preview.gif) left bottom no-repeat; /* New Window Icon */
    position: absolute;
    bottom: 12px;
}
/*my world styles */
#myworld-callout_1 {
float:left;
padding-left:12px;
margin-top:12px;
border-right:solid 1px #ccc;
width:350px;
height:130px;
}
#myworld-callout_1 p {
	margin-top:0px;
	margin-bottom:3px;
}

/*positioning for all login/register link blocks */
#myworld-links #myworld-multiple {vertical-align:bottom;}
   	/*style for callouts with only one set of links */
#myworld-links ul.single {float:left;margin:0px 0px 0px 0px;padding-top:0px;}
#myworld-links ul li.title {font-weight:bold;}
#myworld-links ul li {display: inline;}
#myworld-links ul li a {padding: 0 4px; border-right:1px solid #ccc;}
#myworld-links ul li a.last {padding: 0 4px; border-right:0px}
		
		/*style for callouts with cookie driven content and links, maybe, we may not need this*/ 
#myworld-multiple li {display: inline;}
#myworld-multiple li a {padding: 0 4px; border-right:1px solid #ccc;}
#myworld-multiple li a.last {padding: 0 4px; border-right:0px}
#myworld-multiple ul.two-line {float:left;margin:0px 0px 0px 0px;padding-top:8px;}
#myworld-multiple ul li.title {font-weight:bold;width:155px;float:left;}

#myworld-callout_2
{
float:left;margin-left:12px;margin-top:12px;width:208px;height:142px;
}
#myworld-callout_chris
{
float:left;margin-left:12px;margin-top:12px;width:575px;height:475px;
}
.callout-text {width:140px;margin-top:-7px;}

.callout-text p {
height:95px;
margin-bottom:0px;
	}
#myworld-callout_2 a.call-to-action {
	padding-left:20px;
	vertical-align:bottom;
	position:absolute;
	background: url(http://www.wireless.att.com/global/images/callouts/btn_arrow_box_white.gif) left bottom no-repeat; /* Blue Box Arrow */	 
	} 	

ul.bullets  {
list-style-type:disc;
margin-left:16px;
padding-bottom:26px;
}

ul.nobullet {
padding-bottom:12px;
}

a.linkblock {
width:145px;
padding:2px 0px 0px 15px;
background: url(http://www.wireless.att.com/global/images/btn_carrot.gif) left bottom no-repeat;
}

/*style for Search Engine Optimization tiles*/
.top_results
{
padding-top:5px;
height:46px;
}

.top_links{
float:left;
width:142px;
padding-right:5px;
}

.h4 {
padding-bottom:5px;
}	
/*
styles for free phones callouts
*/
 
#content .callout-phone {
      position: relative;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid #ccc;
      height: 241px;
      }
#content .callout-phone img {
      padding: 0;
      margin: -10px -10px 0 -10px;
      }
#content .callout-phone p {
      padding: 0 0 10px 0;
      margin: 0;
      }
#content .callout-phone h2 {
      padding: 5px 0;
      margin: 0;
      font-size: 10px;
      }
#content .callout-phone .view-all {
      position: absolute;
      bottom: 15px;
      padding: 8px 0 0 0;
      margin: 0;
      border-top: 1px solid #ccc;
      width: 128px;
      }
#content .callout-phone .view-all a.action {
      padding: 1px 0 1px 20px;
      background: url(http://www.wireless.att.com/global/images/btn_box_arrow_right.gif) left no-repeat;
      }
#content .callout-phone ul.mini-arrow-list {padding:5px 0;margin:0;font-size:10px;}
#content .callout-phone ul.mini-arrow-list li {padding-bottom:3px;margin:0;}
#content .callout-phone ul.mini-arrow-list li a {padding:1px 0 1px 18px;background:url(http://www.wireless.att.com/global/images/callouts/btn_carrot.gif) left no-repeat;}