/* RECOMMENDED PORTFOLIO ====================== */
table.RecommendedPortfolioList {border-collapse:collapse;width:100%;}
table.RecommendedPortfolioList th {display:none;}
table.RecommendedPortfolioList td {padding:5px; }
table.RecommendedPortfolioList td IMG {padding-bottom:55px; }
table.RecommendedPortfolioList td.RecommendedListColumn1 {font-weight:bold; background:rgb(233,233,233); border-bottom:1px solid rgb(153,153,153);}
table.RecommendedPortfolioList td.RecommendedListColumn2 {background:rgb(233,233,233); border-bottom:1px solid rgb(153,153,153);}
table.RecommendedPortfolioList td.RecommendedListColumn3 {background:rgb(233,233,233); border-bottom:1px solid rgb(153,153,153);}
table.RecommendedPortfolioList td.RecommendedListColumn4 {background:rgb(233,233,233); text-align:right; border-bottom:1px solid rgb(153,153,153);}

/* VIEW PORTFOLIO ====================== */



div.DetailsHeaderEdit {margin:0 1px; padding:5px; background:rgb(244,244,244);}
div.DetailsHeaderOne {display:block; padding:5px; margin:0;}
div.detailsHeaderTwo {display:block; text-align:right;padding:5px; border:solid rgb(233,233,233); border-width:1px 0;}
div.detailsHeaderTwo div.DetailsHeaderLeft {float:left;}
div.detailsHeaderTwo div.DetailsHeaderRight {}

div.thumbnail {display:block; width:190px; padding:10px; float:left; height:230px; overflow:auto;}
div.thumbnail A {}
div.thumbnail A.action {}
div.thumbnail span.sku {display:block; font-weight:bold;}
div.thumbnail span.name {display:block;font-weight:bold;}
div.thumbnail span.pricing {display:block;}
div.thumbnail span.pricing EM {font-style:normal;}
div.thumbnail span.comment {display:block; width:190px; overflow:auto; height:15px; }

div.DetailsAlert {display:block; padding:10px; border:3px solid red; color:red; overflow:auto;margin-top:1em; font-weight:bold; text-align:center;}

div.thumbnailnotvalid {display:block; width:184px; padding:10px; float:left; height:224px; border:3px solid red; color:red; overflow:auto;}
div.thumbnailnotvalid A {}
div.thumbnailnotvalid A.action {}
div.thumbnailnotvalid span.sku {display:block; font-weight:bold;}
div.thumbnailnotvalid span.name {display:block;font-weight:bold;}
div.thumbnailnotvalid span.pricing {display:block;}
div.thumbnailnotvalid span.pricing EM {font-style:normal;}
div.thumbnailnotvalid span.comment {display:block; width:190px; overflow:auto; height:15px; }

div.DetailsAlert {color:red;}

/* Edit Portfolio Item ============================= */

table.ItemEditTable {border-collapse:collapse; padding:1px;}
table.ItemEditTable TD {padding:5px;}

span.ItemEditSubtitle {padding:5px; font-weight:bold; border-bottom:1px solid rgb(233,233,233);display:block;margin:1em 0; }

table.ItemEditTable TD div.ItemEditData {margin-bottom:2em;}
table.ItemEditTable TD div.ItemEditData TABLE {}
table.ItemEditTable TD div.ItemEditData TABLE TD {vertical-align:top;}

div.ItemEditImages {padding:5px}
div.ItemEditImages div.ItemImageDiv {text-align:center; display:block; width:160px; height:180px; float:left; border:1px solid rgb(233,233,233);}
div.ItemEditImages div.ItemImageDiv IMG {}
div.ItemEditImages div.ItemImageDiv INPUT {}
div.ItemEditImages div.ItemImageDiv LABEL {}

div.ItemEditSaveCancel {display:block; padding:1em 5px;clear:left;}
div.ItemEditSaveCancel a.action {float:left; text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton120.jpg) top center no-repeat; height:21px; width:120px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:0 1em 0 0; padding:4px 0px 0px 0px;}


div.ProductNameDescription {margin-bottom:2em; }
div.ProductNameDescription SPAN {font-weight:bold;}

table.ItemEditTable TD div.ProductColorSwatches {}
table.ItemEditTable TD div.ProductPricing {}


dl.module {padding:0; margin:0 0 2em 0 ; }
dl.module dt {padding: 0 0 2px 0; margin: 0 0 2px 0; font-weight:bold; border-bottom:1px dotted rgb(0,0,0);}
dl.module dd {margin:0; padding:0;}
dl.module dd A.arrow {display:block;padding-left:7px; color:rgb(51,51,51); background:url(images/arrowBlack.gif) 0px 4px no-repeat;}
dl.module dd A.arrow:hover {color:rgb(204,34,40); background:url(images/arrowRed.gif) 0px 4px no-repeat;}


dl.module dd table  		{border-collapse:collapse; width:100%;}
dl.module dd table TH 		{}
dl.module dd table TR 		{}
dl.module dd table TD 		{padding:2px 4px; border-bottom:1px solid rgb(215,215,215);}
dl.module dd table TD EM 	{font-style:normal; font-weight:bold; color:rgb(242, 104, 30)}

dl.module dd UL 	{display:block; padding:0; margin:0 0 0 2em;}




/* Create Spec Sheet ======================= */
div.SSTemplateSelect {padding:5px}
div.SSTemplateSelect span.TemplateTitle {}

div.SSTemplates {padding:5px 5px 2em 5px; margin:0 0 2em 0; border-bottom:1px solid rgb(200,200,200); height:325px;}
div.SSTemplates div.SSTemplate {width:170px; padding:5px; margin:0 25px; float:left; /*border-right:1px solid rgb(233,233,233);*/}
div.SSTemplates div.SSTemplate A {}
div.SSTemplates div.SSTemplate A IMG {border:1px solid rgb(51,51,51);}
div.SSTemplates div.SSTemplate DIV {}
div.SSTemplates div.SSTemplate DIV SPAN {display:block; font-weight:bold;}
div.SSTemplates div.SSTemplate DIV UL {}
div.SSTemplates div.SSTemplate DIV UL LI {}
div.SSTemplates div.SSTemplate DIV INPUT {}
div.SSTemplates div.SSTemplate DIV LABEL {}

Table.SSCustomize {}
Table.SSCustomize TD {padding:5px;}
Table.SSCustomize TD span.TemplateTitle {display:block; font-weight:bold; border-bottom:1px solid rgb(200,200,200); padding-bottom:3px;}
Table.SSCustomize TD div#SSUploadImage {}
Table.SSCustomize TD div#SSUploadImage A {}
Table.SSCustomize TD div#SSUploadImage A.action {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton120.jpg) top center no-repeat; height:21px; width:120px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:0px; padding:4px 0px 0px 0px;}
Table.SSCustomize TD div#SSLogo {}
Table.SSCustomize TD div#SSLogo IMG {}

Table.SSCustomize TD TABLE {border-collapse:collapse;}
Table.SSCustomize TD TABLE TD {padding:2px;}

div.SSItems {padding-top:5px; margin-top:5px;}



div.popupStage {}
table.oimtable1 {border:collapse:collapse; padding:5px;}


table.oimtable2 {border:collapse:collapse;border-top:1px solid rgb(233,233,233);}
table.oimtable2 TD {padding:3px; border-bottom:1px solid rgb(233,233,233);}

/**** Add To Product to Portfolio *****/

.viewPortfolio-addItem DIV {margin: 10px}
.viewPortfolio-addItem .plSearch {display: block; width: 100%; text-align: center;}
.viewPortfolio-addItem .plSearch A {text-decoration:none;text-align:center; font-weight:bold; background:url(images/orangebutton154.jpg) top center no-repeat; height:21px; width:154px; display:block;  font-size:12px; color:rgb(255, 255, 255); margin:0 auto; padding:4px 0px 0px 0px;}