﻿
/* Callout General Info
--------------------------------------------------------------------- */

.small img { 
	margin:0px; 
}
.address {
font-size:10px !important;
line-height:12px;
}
.legal{font-size:10px !important;color:#999999;}
.legal a{font-size:10px;color:# 0A94D6} 
#content .callout input{font-size:8pt;}

/***** NEW CALLOUTS FOR ATLAS ****/
#content .callout-container {
	border: 1px solid #ccc;
	margin-bottom:10px;
}
#content .callout-vert-spacer {
	height:10px;
	margin:0px;
	padding:0px;
	line-height:1px;
}
#content .callout-horiz-spacer {
	width:10px;
	margin:0px;
	padding:0px;
	float:left;
	line-height:1px;
}

#content .callout {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	font-size:11px;
	line-height:11px;
}
#content .callout h2 {
	padding: 0;
	margin: 0;
	height: 33px;
}

#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 {

	margin: 0;
}

#content .callout div p {
	padding: 0 pt;
	margin: 0 pt;
	font-size: 11px;
	line-height: 11px; /* text tighten for small spaces */
	padding-bottom: 1px;
}

#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;
	margin-bottom:-10px;
}

#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 .first_230 .callout, #content .col_230 .callout {
	width: 228px;
	background: url(/businesscenter/images/global/callouts/callout-bkgrd-B2B-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;
}




#content .first_270 .callout, #content .col_270 .callout {
	width: 268px;
	background: url(/businesscenter/images/global/callouts/callout-bkgrd-B2B-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;
}



/* 310px - B2C
--------------------------------------------------------------------- */
#content .first_310 .callout, #content .col_310 .callout {
	width: 308px;
	background: url(/businesscenter/images/global/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;
}




#content .first_350 .callout, #content .col_350 .callout {
	width: 348px;
	background: url(/businesscenter/images/global/callouts/callout-bkgrd-B2B-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;
	
}


#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(/businesscenter/images/global/icons/btn_arrow_box_white.gif) left top no-repeat; /* General Arrow */
	position: absolute;
	bottom: 12px;
        line-height:15px;
}

/* 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: 1px 11px 1px 20px;
	background: url(/businesscenter/images/global/icons/btn_arrow_box_white.gif) left top no-repeat; /* General Arrow */
	position: absolute;
	bottom: 12px;
	font-size:11px;
	line-height:13px;
}

/* 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(/businesscenter/images/global/icons/btn_arrow_box_white.gif) left top 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-left:22px;
	background: url(/businesscenter/images/global/icons/btn_pdf.gif) left top 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(/businesscenter/images/global/icons/btn_preview.gif) left top no-repeat; /* New Window Icon */
	position: absolute;
	bottom: 12px;
}



/* Lists
--------------------------------------------------------------------- */
#content .callout ul {
	list-style-type:none;
	padding-top: 10px;
	margin: 0px
}

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

#content .medium ul {
	List: Circle;list-style-type:disc;line-height:1em;margin-left:15px;
}

#content .medium ul li {
	List: Circle;list-style-type:disc;line-height:1em;margin-left:15px;
}
#content .medium .circle{margin-left: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(/businesscenter/images/global/icons/btn_arrow_box_white.gif) left top 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: 3px 11px 0 20px;
	background: url(/businesscenter/images/global/icons/btn_arrow_box_white.gif) left top 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(/businesscenter/images/global/icons/btn_box_arrow_right.gif) left top 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(/businesscenter/images/global/icons/btn_pdf.gif) left top 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(/businesscenter/images/global/icons/btn_preview.gif) 0% 4px  no-repeat; /* New Window Icon */
	margin: 0px
}
#content .callout a{line-height:12px;}
/* 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(/businesscenter/images/global/icons/btn_preview.gif) left top no-repeat; /* New Window Icon */
    position: absolute;
    bottom: 12px;
}
#tscontent .has-image{
	width: 140px;
	}
#content .callout-container {
border:1px solid #CCCCCC;
margin-bottom:10px;
height:123px;
}
.calloutspacer{
height:31px;
margin:0px;
padding:0px;
}
#content .callout ul li .multi-action {
background:transparent url(/businesscenter/images/global/icons/btn_preview.gif) no-repeat scroll 0% 0%;
margin:0px;
padding-right:16px;
}
.gobtnblue, .buttonStyle-1 {
background:transparent url(/businesscenter/images/global/buttons/en_us/btn_go.gif) no-repeat scroll 0pt;
border:0pt none;
cursor:pointer;
height:18px;
width:47px;
}



#ddcallout{
width:228px;height:120px;background-color:white;border: 1px solid #ccc;font-size:11px;margin-bottom:10px; 
}
#ddcallout .ddimg{
margin:10px 10px 0;
}

#ddcallout .ddtextabove{
width:210px;margin-bottom:10px;padding-left:10px;
}
#ddcallout .ddselect{
width:150px;font-size:10px;
}
#ddcallout .ddoption{

}
#ddcallout .ddtextbelow{
width:210px;margin-top:10px;
}
#ddcallout .gobtnblue{
margin-left:10px;
}
#ddcallout #theoptionselect{margin-left:10px;width:150px;}

#content .first_350 .callout.large, #content .col_350 .callout.large {
height:184px;
}
