/* Device Workflow Tool */


.DeviceToolWorkFlow h1 {
	color: #828186;	
	margin-top: 0;
	/*margin-bottom: 5px;*/
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: normal;
}

.hr {
	height: 1px;
	background-color: #ccc;
	width: 770px;
	margin: 0 0 10px 0;
}

.PortalCatBody .hr {
	width: 240px;
	height: 2px;
	background-color: #E87D1E;
}

.AdminSmallBodyContainer .hr {
	width: 272px;
}

.PortalCatBodyContainer .hr {
	width: 225px;
	height: 1px;
}

h1 {
	font-size: 25px;
}


#wfIntroSentence {
	font-size: 17px;
}

.boxLeft {
	float: left;
}

.DeviceToolWorkFlow .boxLeft {
	width: 313px;
}

.boxRight {
	float: right;
	text-align:center;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

#QuestionContainer {
	margin: 0 0 0 20px;
	position: relative;
}

.QuestionBox {
	margin: 0 14px 0 0;
}

.PreviousWorkFlowQuestion, .QuestionBoxInnerContainer {
	width: 525px;
	float: left;
	margin: 0 14px 0 0;	
font-size: 12px;
}


.QuestionBox h2, .PreviousWorkFlowQuestion h2 {
	color: #c26e29;	
	font-size: 20px;
	line-height: 27px;
	font-weight: 400;
}

.ImageBox {
	width: 220px;
	float: right;
	margin-right: 18px;
}

/*.ImageBoxB2B {
	margin-top: 39px;
}*/

#QAWorklfows {
	width: 811px;
	margin: 0 auto 0 auto;
}

#QAWorklfows, #QAWorklfows a {
	color: #4a5fab;
}

#QAWorklfows p, .QuestionBox h2, #QAWorklfows li, #QAWorklfows ul, #QAWorklfows ol {
	margin: 0 0 8px 0;
}
/*
#QAWorklfows  ol li {
	list-style: upper-alpha;
}*/



#ManSelect {
	margin-bottom: 20px;
	/*width: 525px;*/
	float: left;
}

#ModSelect {
	margin-bottom: 13px;
	float: left;
	width: 525px;
}

/*#QAWorklfows  ol {
	counter-reset: item;
}



#QAWorklfows  ol li:before {
	content: counter(item) ") ";
	counter-increment: item;
}

*/

#QAWorklfows ul {
	 margin: 0;
	 padding: 0 0 0 0;
}

.QAWorkFlowTop {
	height: 12px;
	background: url('/skins/skin_21/images/CowboyPortal/PortalModuleTop.png') no-repeat;
}

.QAWorkFlowBody {
	background: url('/skins/skin_21/images/CowboyPortal/PortalModuleBody.png') repeat-y;
	padding-top: 12px;
	min-height: 150px;
}

.QAWorkFlowBottom {
	height: 15px;
	background: url('/skins/skin_21/images/CowboyPortal/PortalModuleBottom.png') no-repeat;
}

.WFSubmit, .portalButtonLeft, .portalButtonRight, .portalButtonMiddle, .thePortalButton, .resetButton, .portalContinueRight, .portalContinueLeft, .portalContinueMiddle {
	display: block;
	float: left;
	margin: 5px 0 5px 0;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.thePortalButton {
	position: relative;
	bottom: 15px;
}

.productListReset {
	position: relative;
	bottom: 20px;
	left: 20px;
}

.WFSubmit:link, .thePortalButton:link {
	text-decoration: none;
}

.portalButtonLeft {
	background: url('/skins/skin_21/images/CowboyPortal/ContinueButtonLeft.png') no-repeat;
	height: 31px;
	width: 8px;
}

.portalButtonMiddle {
	background: url('/skins/skin_21/images/CowboyPortal/ContinueButtonMiddle.png') repeat-x;
	height: 31px;
	min-width: 170px;
}

.portalButtonRight {
	background: url('/skins/skin_21/images/CowboyPortal/ContinueButtonRight.png') no-repeat;
	height: 31px;
	width: 8px;
}

/**/
.portalContinueLeft {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Left.png') no-repeat;
	height: 50px;
	width: 20px;
}

.portalContinueMiddle {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Body.png') repeat-x;
	height: 50px;
	min-width: 170px;
}

.portalContinueRight {
	background: url('/skins/skin_21/images/CowboyPortal/PortalButton3Right.png') no-repeat;
	height: 50px;
	width: 20px;
}

.portalContinueText {
	display: block;
	margin: 16px 0 0 0;
	text-align: center;
	padding: 0;
	font-size: 17px;
}


/**/

.portalButtonText {
	display: block;
	margin: 7px 0 0 0;
	text-align: center;
	padding: 0;
}

.portalButtonText:hover, .portalContinueText:hover {
	color: #ccc;
	text-decoration: none !important;
}

/****/


.resetButtonLeft {
	background: url('/skins/skin_21/images/CowboyPortal/ResetButtonLeft.png') no-repeat;
	height: 31px;
	width: 8px;
	border: 1px solid red;
}

.resetButtonMiddle {
	background: url('/skins/skin_21/images/CowboyPortal/ResetButtonMiddle.png') repeat-x;
	height: 31px;
	min-width: 170px;
}

.resetButtonRight {
	background: url('/skins/skin_21/images/CowboyPortal/ResetButtonRight.png') no-repeat;
	height: 31px;
	width: 8px;
}

.resetButtonText {
	display: block;
	margin: 7px 0 0 0;
	text-align: center;
	padding: 0;
}

.resetButtonText:hover {
	color: #fff;
}


.QAWorkFlowTab {
	margin-bottom: 15px;
	max-width: 770px;
}

.QAWorkFlowTabLeft, .QAWorkFlowTabRight, .QAWorkFlowTabBody {
	float: left;
}

.QAWorkFlowTabLeft {
	background: url('/skins/skin_21/images/CowboyPortal/portalTabSmallLeft.png') no-repeat;
	width: 11px;
	height: 45px;
}

.QAWorkFlowTabBody {
	background: url('/skins/skin_21/images/CowboyPortal/portalTabSmallBody.png') repeat-x;
	height: 45px;
}

.QAWorkFlowTabRight {
	background: url('/skins/skin_21/images/CowboyPortal/portalTabSmallRight.png') no-repeat;
	width: 11px;
	height: 45px;
}

.QAWorkFlowTabContent p {
	margin: 0 !important;
}

.QAWorkFlowTabContent {
	font-size: 16px;
	margin: 14px 0 0 0;
}

#QAWorklfows ul li a {
	text-decoration: none !important;
}

#QAWorklfows ul li  a:hover, .toolQuestion:hover, .RecStatement:hover {
	color: red !important;
}

.RecStatement {
	font-weight: normal;
}

.QuestionBox p, .QuestionBox li { 
	font-size: 16px;
	text-decoration: none !important;
	font-weight: normal;
}

.toolQuestion {
	margin-top: 32px;
	text-decoration: underline !important;
	display: block;
	font-size: 25px;
	font-weight: bold;
}

.portalslash {
	color: #000;
}


/* Portal Product List */

a.ProductListName {
	font-size: 16px;
	text-decoration: none;
}
p.ProductListSummary {
	font-size: 11px !important;  
	color: rgb(20, 20, 20);
	line-height: 1.2;
}

.ProductSummaryText {
	margin: 0 0 10px 0 !important;
	line-height: 1.2em;
}
/*  Commented By Surya on 02.22.2016 for fixing home page 
.list-products strong {
	font-size: 16px;
}
*/
dl.product-price {
	margin: 5px 0;
	/*background: url(images/bg-pricing.gif) repeat-x bottom;*/
	display: block;
	overflow: auto;
	clear: both;
	width: 100%;
	font-size: 12px;
}
dl.product-price dt {
	clear: none;
	float: left;
	background-color: rgb(247, 247, 247);
	padding-right: 5px;
}
dl.product-price dd {
	float: right;
	background-color: rgb(247, 247, 247);
	margin: 0;
	padding-left: 5px;
}
dl.pricefinal {
	font-size: 14px;
	padding-top: 3px;
	color: rgb(255, 102, 51);
}
dl.pp-list-view {
	width: 195px;
	font-size: 13px;
	padding: 0;
	margin: 0 0 5px 10px;
}
dl.pp-list-view dd, dl.pp-list-view dt {
	background: #f1f7ff;
	margin: 0;
}
.list-products-price p.priceCall {
	margin: 5px 0;
	padding: 0px 0px 10px 10px;
	font-weight: bold;
	color: #F63;
}
a.ProductNameText {
	font-weight: bold;
	line-height: 1.4;
	text-decoration: underline;
}
.rowseperator {
	/*background: url(images/bg-pricing.gif) repeat-x bottom;*/
}


.list-header-sub p {
	margin: 2px 0;
}
.list-products {
	margin: 0 0 10px 0;
	padding: 5px;
	border: 1px solid #ccc;
	font-family: Arial;
}
.list-products-price {
	margin: 0;
	padding: 10px 0 0 0;
	font-size: 11px;
	/*background: url(images/bg-pp-list-view.gif) no-repeat left top;*/
}
.list-products-price p {
	/*background: url(images/bg-pp-list-view.gif) no-repeat left bottom;*/
	margin: 0;
	padding: 0 0 5px 0;
}


.AttributeCurrent {
	float: left;
	width: 525px;
}

.WorkFlowExitInner {
	width: 525px;
	float: left;
}

.WorkFlowExitInner ul {
	padding-left: 0;
}

.PortalProductList {
	width: 525px;
	float: left;
}

.PortalCatName a {
	display: block;
	height: 43px;
}

#MatchedProducts {
	padding-left: 0;
}

#MatchedProducts li {
	display: inline-block;
	list-style-type: none;
	width: 125px;
	text-align: center;
}

#MatchedProducts img {
	width: 65px;
	height: 65px;	
	margin: 0 auto 0 auto;
}

#MatchedProducts span {
	display: block;
	font-size: 12px;
}

#MatchedProductsContainer {
	width: 300px;
	float: right;
}

#MatchedProductsTextContainer {
	width: 456px;
	float: left;
	position: relative;
}

.thePortalExistButton {
	position: absolute !important;
	bottom: -6px;
}

/*.thePortalCompleteButton {
	position: abosolute !important;
	bottom: -126px;
}

.thePortalToolButton {
	position: absolute !important;
	bottom: -9px;
}*/

.redoButton {
	color: #C26E29 !important;
}

.redoButton:hover {
	color: #4A5FAB !important;
}

.PortalWorkFlowCompleteText {
	font-size: 12px !important;
	margin-top: 18px !important;
}

.PortalWorkFlowComplete {
/*	position: absolute;
	bottom: -206px;*/
}


.PortalAddtoCart .AddToCartButton {
	background: url(/skins/Skin_21/images/CowboyPortal/addtocartButton.png) !important;
	height: 50px !important;
	width: 210px;
}

.PortalAddtoCart .AddToCartButton:hover {
	background-position: 0 -53px !important;
}

#footer div {
	padding-top: 15px;
}

p.loadingText {
	text-align:center;
	color: #ccc;
	margin: 0;
}
	
ul.workflowProgress li {	float:left; margin:0; padding:5px; border:1px solid #eaeaea; color:#eaeaea; border-right:none;}
	
ul.workflowProgress li.progActive {color:#0a4a00;}

ul.workflowProgress li.progComplete {background-color:#0a4a00; color:#fff;}

/*ul.workflowProgress li.progOther {} */

.lineGraphicTop {
background: url('/skins/skin_21/images/CowboyPortal/lineGraphicTop.png') no-repeat;
height: 13px;
}

.lineGraphicBottom {
background: url('/skins/skin_21/images/CowboyPortal/lineGraphicBottom.png') no-repeat;
height: 13px;
}

#PortalCanvas {
width: 860px;
margin: 0 auto 0 auto;
padding: 20px 0 7px 0;
}

#PortalIntroTxt p {
margin: 8px 0 0 0;
padding: 0;
font-size: 13px;
width: 460px;
}

#PortalCanvas .boxRight {
width: 385px;
}

/* Intuit Landing Page */

#landingPageContent img {
	margin-bottom:  24px;
}

#landingPageContent p.SpecialSnowflake {
	margin-bottom: 0;	
}

/*-----------------------------------------------------------------------------------------*/

.workflowReset, .decisionToolReset, .preworkflowReset {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-right: 8px;
}

#PortalIntroTxt h2, .toolTitle, .catBrowse h2, .PortalTitle {
	color: #4367b0;
	font-size: 26px;
	margin-bottom: 8px;
	margin-top: 0;
	font-family: Arial;
}

/*Start DSI code - Compatibility checker*/
h3.comp {
	margin: 1em 0 0.5em 0;
	padding-top: 1em;
	color: #6B6F83;
	font-size: 1.25em;
	text-align: center;
}
.comph2 {
	margin: 0;
	font-size: 1.5em;
	text-align: center;
	color: #727272;
}

.comph1 {
	margin: 0;
	font-size: 2.0em;
	text-align: center;
	color: #727272;
}
/*End DSI code*/

/* Hides from IE-mac \*/
* html .clear, * html .floatform {
	height: 1%;
}
.clear, .floatform {
	display: block;
}
/* End hide from IE-mac */

ul.tame, ul.tame li {
	list-style-position: outside;
	margin: 0;
	padding: 0;
	display: list-item;
	list-style: none;
	/*width: 140px;*/
}
ul.tame li {
	line-height: 1.50em;
	/*width: 150px;*/
	font-size: 1em;
}
ul.tame ul.tame li {
	font-size: 10px;
	padding: 0 0 0 8px;
	background: url('images/redarrow.gif') no-repeat 5px left;
}
ul.tame ul.tame {
	padding: 0 0 0 5px;
}
ul.tame ul.tame li a {
	color: rgb(0, 75, 145);
}
ul.tame ul.tame li a:hover {
	color: rgb(66, 66, 66);
}
.tameHoriz, ul.tameHoriz li {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1em;
}
ul.tameHoriz li, ul.tameHoriz li a {
	display: inline;
	font-size: 1em;
	font-weight: bold;
}
br.cl, .cl {
	clear: both;
}

.floatLeft {
	float: left !important;
	margin-right: 8px;
}
.floatRight {
	float: right !important;
}

#PortalCanvas .boxLeft {
	width: 440px;
padding-left: 30px;
}

#PortalCanvas .boxRight {
	width: 335px;
}

#PortalIntroTxt {
	font-size: 14px;
	margin-bottom: 25px;
}

#PortalIntroTxt p {
	margin: 8px 0  0 0;
	padding: 0;
	font-size: 13px;
}



#PortalIntroTxt h2, .toolTitle, .catBrowse h2, .PortalTitle {
	color: #4367b0;
	font-size: 26px;
	margin-bottom: 8px;
	margin-top: 0;
	font-family: Arial;
}

#PortalIntroTxt h3 {
	margin: 8px 0  0 0;
	padding: 0;
}

#rightNav {
	display: inline-block;
	width: 200px;
	margin: 10px;
	border: 1px solid #ccc;
	padding: 10px;
	min-height: 140px;
	float: right;
}

/*** Workflow Divs ***/

.WorkFlowTitle {
	width: 770px;
}

.QAWorklfows {
	padding: 0;
	padding-top: 15px;
}
.WorkfowCurrent {
	padding: 0;
	margin: 0;
}
.WorkfowCurrent h2 {
	margin: 8px 0 0 10px;
	font-size: 18px;
	/*color: #252525;*/
}

.colorBar {
	height: 2px;
	background-color: #e87d1e;
}

.WorkfowCurrent h2 a {
	font-size: 12px;
	font-weight: normal;
	float: right;
}

p.WorkflowHistory {
	margin: 0 0 0 5px;
	padding: 0;
	width: 770px;
	color: #ccc;
	font-size: 18px !important;
	font-weight: bold !important;
}

.WorkflowExit {
	width: 770px;
}


p.WorkflowHistory a {
	float: right;
	padding: 12px 20px 7px 5px;
}

.QuestionBox .boxRight {
	border: 1px solid red;
}

.QuestionBox .boxLeft {
	border: 1px solid red;
}

/*Start DSI code*/
.workflowReset, .decisionToolReset, .preworkflowReset {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	margin-right: 8px;
}

.workflowReset:hover, .decisionToolReset:hover, .preworkflowReset:hover {
	color: #C26E29 !important;	
}
/*End DSI code*/

.buttonText {
	display: inline-block;
	margin: 7px 0 0 17px;
	font-weight: bold;
}

.question { 
	font-size: 14px;
}

#IntroBox{
    Padding-left:5%;
}






.attributeBack {
	height:22px;
	display:inline-block;
	background: url(/skins/Skin_21/images/CowboyPortal/PartnerPortal-Back.png) no-repeat left -2px;
	text-indent:10px;
	}

/*Image Based Compatibility Selection */

.iCompMan, .iCompMod {
	display:block;
	padding: 10px 0 5px 0;
	height:140px;
	font-size:12px;
}

.iCompMan:hover, .iCompMod:hover {
	background-color: #fffdec;
}

/*ManufacturerModels*/
.iCompManPortal, .iCompModPortalLink {
	display:block;
	padding: 10px 0 5px 0;
	height:140px;
	font-size:12px;
}

.iCompManPortal:hover, .iCompModPortalLink:hover {
	background-color: #fffdec;
}
/*ManufacturerModels*/

/*Start DSI code - changes for compatibility phone model headset connector/accessory*/
.iCompManHCAPortal, .iCompModHCAPortalLink, .iCompProdModHCAPortalLink {
	display:block;
	padding: 10px 0 5px 0;
	height:140px;
	font-size:12px;
}

.iCompManHCAPortal:hover, .iCompModHCAPortalLink:hover, .iCompProdModHCAPortalLink:hover {
	background-color: #fffdec;
}
/*End DSI code - changes for compatibility phone model headset connector/accessory*/



.compImg {
	display:block;
	margin:auto;
	height:110px;
	width:100px;
}