/***** NEW SITE CSS ******/



body {
	background-image: url("images/new/brandwise_website_design.jpg") !important;
	background-repeat: repeat-x !important;
	margin: 0px !important;
        background-color: #fff !important;
} 

#foxboro_menu {
    background-color: #370a6a !important;
    background-image: url("images/site-design-template/brandwise-nav-w-shadow.png") !important;
    height: 30px !important;
    margin-top: 0px !important;
    padding: 10px !important;
}

#header {
	width: 1075px;
	height: 119px;
	font-family: Arial, Helvetica, sans-serif;
}
#header .left {
	width: 30%;
	float: left;
	padding-top: 20px;
}
#header .center {
	width: 40%;
	float: left;
	padding-top: 46px;
	text-align: left;
	color: #f12718;
	font-size: 10pt;
	
}
#header .right {
	width: 30%;
	float: left;
	padding-top: 46px;
	text-align: right;
	color: #8e8889;
	font-size: 9pt;
}
#header .center span {
	font-size: 14pt;
        font-weight: bold;
	color: #370b6b;
}

#googlesearchbox {
    background: url("http://www.atwebplace.com/Portals/53587/images/search-background21.png") no-repeat scroll 0 0 transparent;
    height: 52px;
    position: absolute;
    right: 0;
    width: 319px;
}



/************************/




#brighton_container {
    
}




#brighton_menu {
height: 50px;
    background: #38096A url(/Portals/62140/images/brandwise_strategy_design_brands_menu.gif) no-repeat left !important;
    /* padding-left: 228px !important; */
    padding-right: 0px !important;
}

#brighton_menu ul li a span {
    padding: 14px 10px 13px 10px !important;
}

#brighton_footer {
    border-top: 1px solid #808080 !important;
}

#brighton_col2 p { 
    color: #333; 
    font-size: 1em !important;
    line-height: 165%; 
    margin-right: 20px; 
    margin-bottom: 2em; 
    margin-left: 20px;
}

#brighton_col2 h1 {
    font-weight:700;
    font-size: 52px !important;
    line-height: 100%;
    letter-spacing: -2.5px; 
    margin-top: 20px; 
    margin-right: 20px; 
    margin-left: 20px;
}

#brighton_col2 h2 {
    border-bottom: 25px solid #38096A;
    font-size: 35px !important;
    font-weight:300;
    letter-spacing: -1.5px;
    margin: 0 20px 0 20px;
    padding-bottom: 10px;
    border-bottom: 25px solid #38096a;
}

#brighton_col2 h3 { 
    font-size: 20px !important; 
    font-weight: 800; 
    line-height: 100%; 
    margin-right: 20px; 
    margin-left: 20px !important; 
    padding-bottom: 10px }

#brighton_col2 h4 {
    font-size: 18px !important;
    font-weight: 600; 
    line-height: 100%; 
    /* margin-right: 20px; 
    margin-left: 20px; */
    letter-spacing: 1px !important; 
    padding-bottom: 5px; 
    border-bottom: 4px solid #38096A;
}

#brighton_content {
    padding-bottom: 20px !important;
}

#brighton_col2 {
    border: 1px solid #808080;
    padding: 8px 0 !important;
}

#brighton_two-column #brighton_col2 {
    width: 57% !important;
    margin-left: 100px; 
}

#brighton_two-column-right #brighton_col2 {
    width: 57% !important;
    margin-left: 100px;
}

#brighton_three-column #brighton_col2 {
    width: 50% !important;
}

#brighton_col1 {
    text-align: center !important;

}

#brighton_content #brighton_col1 div.block div.pad, #brighton_content #brighton_col3 div.block div.pad {
    border-bottom: 1px solid #808080;
    padding: 0 8px 8px 8px !important;

}

#brighton_col1 a:hover, #brighton_col2 a:hover, #brighton_col3 a:hover {
    color: #E43037;
}

#brighton_content div.block {
    margin:0 30px 15px 30px !important;
}



#brighton_sub-menu {
    padding:0 0 0 0 !important;
    margin:0 30px 30px 30px !important;
    text-align: left !important;
    
}

dt {font-weight:bold}

dd {padding:0 50px 50px 0 !important;}

.example {font-style:italic}


<!------------Begin HTML Hex Color Codes Page CSS---------------------------->

?body{font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;color:#333;background-color:#fff;margin:0;padding:0}

#container{padding-left:150px;padding-right:265px}

#container .column{position:relative;float:left}

#content{padding:20px 20px;width:100%}

#left-bar{width:150px;padding:10px 10px;margin-left:-100%;left:225px}

#container >#left-bar{left:-190px}

#right-bar{width:205px;padding:0 10px;margin-right:-265px}

#leftad{clear:both;margin:15px 0 0;background:inherit;height:auto}

#content ul{margin:10px 0 10px 10px;padding:0}

#left-bar ul{margin:0;padding:0}

#left-bar ul li{padding:0;margin-left:10px;list-style-type:none}

.print,.email,.edit,.share{padding-left:23px;text-decoration:none}

#left-bar li.title { color: #38096a; font-weight: bold; margin: 1em 0 }

#right-box { background: #ebebeb; margin: 50px 0 0; padding: 10px; width: 160px; border: solid 1px #38096a; -moz-border-radius: 5px; -webkit-border-radius: 5px }

#right-box ul.poll{margin-top:15px;font-weight:bold;margin-bottom:10px}

#right-box li.poll{display:inline}

.up,.down{padding-left:20px;text-decoration:none;color:#333}

.up{background:url(up.gif) no-repeat left center}

.down{background:url(down.gif) no-repeat left center}

#index-bar{width:190px;margin:50px 0 0;padding:10px}

#index-bar a,a:hover{text-decoration:none;color:#000}

#index-bar ul li{height:25px;line-height:25px;list-style:none;padding-left:10px;color:#FFF;border-bottom:#fff solid;border-width:1px;cursor:pointer}

#right-box ul{margin:0;padding:0}

#right-box ul li{margin-left:10px;padding:0;list-style-type:none}

#right-box li.title{margin:1em 0 0;color:#333;font-weight:bold}

#containercol2 { margin: 0 auto; width: 700px; overflow: hidden }

#containercol2 ul.col2{width:700px;padding:0;list-style:none;float:left}

#containercol2 ul.col2 li h2 { color: #fff; font-size: large; background: url("/Portals/62140/images/pbackbar.jpg") repeat-x left top; text-align: center; border: solid 1px #38096a }

#containercol2 ul.col2 li{float:left;width:340px;padding:5px}

#containercol2 ul li.headline { background: gray; border-bottom: 1px solid #38096a }

#bottomad{margin:14px 0 0}

input.btn,input.bbtn { color: #333; font-weight: bold; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; cursor: pointer; margin: 4px 0 0; border-style: solid; border-width: 1px; border-color: #eee #38096a #38096a #eee }

input.sbar,input.bsbar{color:#333;width:110px;background:#fff;border:1px solid #ccc;border-top:1px solid #8d8e90;border-left:1px solid #8d8e90}

input.btn{width:115px;font-size:medium}

input.sbar{font-size:medium}

input.bbtn{width:110px;font-size:large}

input.bsbar{width:350px;font-size:18px;margin-right:5px}

#navcontainer ul { color: #fff; font-weight: bold; background: #bda6d5 url("/Portals/62140/images/pbackbar.jpg") repeat-x left top; margin: 0; padding-top: 0; padding-bottom: 0; padding-left: 0; width: 100%; float: right; border-top: 1px solid #38096a; border-bottom: 1px solid #38096a }

#navcontainer ul li{display:inline}

#navcontainer ul li a{padding:.2em 1em;color:#fff;text-decoration:none;float:left;border-top:1px solid #fff;border-right:1px solid #333;border-left:1px solid #fff;border-bottom:1px solid #333}

#navcontainer ul li a:hover { color: #333; background: #bda6d5 url("/Portals/62140/images/pbackbar.jpg") repeat-x left top; border-style: solid; border-width: 1px; border-color: #38096a #fff #fff #38096a }

img{border:0}

.ce{text-align:center}

.tab{margin-left:40px}

.dtab{margin-left:80px}

.dd{font-weight:bold;margin-left:7px}

.lb{margin-left:5px}.bld{font-weight:bold}

.bb { color: #38096a; font-size: 14pt; font-weight: bold }

.bbl{font-size:14pt;font-weight:bold}

.nb { color: #38096a; font-weight: bold }

.rg{color:gray;font-weight:bold}

.sg{font-size:10pt;color:gray}

.sm{font-size:small}

.rb{color:#fff;font-weight:bold;text-indent:.3cm}

.wt{color:#fff;font-weight:bold}

.bwt{color:#fff;font-weight:bold;font-size:14pt}

.large{font-size:x-large}.red{color:red}

.main { color: #38096a; font-size: 14pt; font-weight: bold; padding-left: 5px; border-bottom: 1px solid }

#imgspace{text-align:center}

#imgspace img{padding-left:1%}

table{clear:both}

.mtable{border:0 solid silver;background-color:#dbdbdb}

.tcb { background: #bda6d5 url("/Portals/62140/images/pbackbar.jpg") repeat-x left top }

.tclb { background-color: #bda6d5 }

.tcllb { background-color: #bda6d5 }

.tcw{background-color:#fff}

.tcg{background-color:#ebebeb}

.tcbl{background-color:#333}

.tcy{background-color:#ffc}

.icell{padding-left:15px;padding-bottom:3px}

.mlb { background-color: #bda6d5; white-space: nowrap; padding-bottom: 3px; padding-left: 15px; width: 120px; vertical-align: top }

.floatLeft{float:left;clear:left;margin-right:20px}

.floatRight{float:right;margin-left:20px}

.floatRightClear{float:right;clear:right;margin-left:20px}

#atoz ul{float:right;font-weight:bold}

#atoz ul li{margin:0;padding:0;background-image:none;display:inline}

#atoz ul li a{padding:.2em .5em;text-decoration:none;float:left;border-top:1px solid #ccc;border-right:1px solid #333;border-left:1px solid #ccc;border-bottom:1px solid #333}

#atoz ul li a:hover { color: #333; background-color: #bda6d5; border-style: solid; border-width: 1px; border-color: #38096a #ccc #ccc #38096a }

*:first-child+html #container{overflow:hidden}


<!-------------------End HTML Hex Color Codes Page CSS-------------------------------->





/* CSS Classes Vs ID Tutorial */



div.code { font-size: 90%; font-family: verdana; background-color: #d3cede; margin: 5px; padding: 7px; border: solid 2px #38096a }

div.display { font-family: verdana; background-color: #d3cede; margin: 5px; padding: 7px; border: solid 2px #38096a }

div.examp { background-color: #d3cede; margin: 5px; padding: 7px; border: solid 2px #38096a }

div.examp p{
	text-indent: 0px;
}

div.codewrap{
	width: 480px;
	margin: 10px;
}

pre.code { font-size: 11px; font-family: verdana; background-color: #d3cede; padding: 5px 5px 20px; position: relative; width: 470px; overflow: auto; border: solid 2px #38096a; overflow-y: hidden }

#examp p{
	text-indent: 0px;
}

#code { font-size: 120%; font-family: courier; background-color: #d3cede; margin: 5px; padding: 7px; border: solid 2px #38096a }

#examp { background-color: #d3cede; margin: 5px; padding: 7px; border: solid 2px #38096a }

#exampSpecialMarginExample { background-color: #d3cede; margin: 5px; padding: 0; border: solid 2px #38096a }

p#exampleID1 {
	background-color: white;
}

p#exampleID2 {
	text-transform: uppercase;
}
p.exampleID3  { color: white; background-color: #38096a }



/*** start Blog Footer Comment CTA ***/


.blog-post-footer { color: #38096a !important; font-weight: bold; font-size: 120%; font-family: helvetica; background-color: #d3cede!important; margin: 5px; padding: 7px; border: solid 2px #38096a; }