/* jdillinger */


html, body { background-color: #fff;
	     font-family: Arial, Helvetica, sans-serif; font-size: 82%; color: #777777; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; }



a img { border: 0; }

a { color: #b188d5; font-weight: bold; text-decoration: none; }
a:hover { color: #b188d5; font-weight: bold; text-decoration: underline; }



h2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; }

hr { color: #926FB1; width: 480px; height: 3px; margin: 0; padding: 0; }


img.newBrandImage { width: 150px; height: 150px; margin: 0 12px 5px 0; border: 0; }

img.listThumbs { width: 100px; height: 100px; margin: 0 10px 10px 0; vertical-align: text-top; }


.columnLabels { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777777; text-transform: uppercase; margin: 0; padding: 0; }
.list { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; margin: 0; padding: 0; }

.subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #777777; text-transform: none; }

#brandModule {
/*border: 1px dashed Green;*/
}

#brandsCategoriesWrap { background: url("images/purpleContainerFaded510.jpg") top left no-repeat #fff; width: 510px; height: auto; margin: 0 auto 0 auto; padding: 0; text-align: center; }

.mainHeadline { background: url("images/purpleMainHeadlineUL.gif") top left repeat-x; width: auto; height: 37px; margin: 0px 10px 0px 10px; padding: 0; text-align: left; }

#brandsContent { width: 490px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: left; } 


#categories { width: 510px; height: auto; margin: 0 auto 0 auto; padding: 0; text-align: center; }

#categoriesContent { width: 490px; height: auto; margin: 0 auto 0 auto; padding: 0; text-align: center; }

#leftCol { background: url("images/sublabelBG.jpg") top left no-repeat; width: 230px; height: auto; margin: 0 20px 0 0px; padding: 5px 0 0 5px; text-align: left; float: left; }
#rightCol { background: url("images/sublabelBG.jpg") top left no-repeat; width: 230px; height: auto; margin: 0; padding: 5px 0 0 5px; text-align: left; float: left; } 


#mainContentWrapper { background-color: #fff; width: 730px; height: auto; margin: 0; padding: 0; text-align: center; }

#detailsWrap { width: 730px; height: auto; margin: 0; padding: 0; text-align: center; }

#subDetailsWrap { background: url("images/purpleContainerFaded510.jpg") top left no-repeat #fff; width: 510px; height: auto; margin: 0; padding: 0; float: left; }

#logoCol { width: 200px; height: auto; margin: 0; padding: 0; float: left; } 

#subDetailsContent { width: 480px; height: auto; margin: 0 10px 0 10px; padding: 0; text-align: left; }

#relatedMaterials { width: 490px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: left; }

#relatedMaterials ul { list-style-image: url("images/bullet.gif"); margin: 0 0 0 25px; padding: 0; line-height: 1.5em; } 

#relatedMaterialsTitle { background: url("images/sublabelBG.jpg") top left no-repeat; width: 480px; height: 25px; margin: 0 auto 0 auto; padding: 5px 0 5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777777; text-transform: uppercase; }




#images { width: 490px; height: auto; margin: 0; padding: 0 10px 0 10px; text-align: left; }

#imagesTitle { background: url("images/sublabelBG.jpg") top left no-repeat; width: 480px; height: 25px; margin: 0 auto 0 auto; padding: 5px 0 5px 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #777777; text-transform: uppercase; }


#thumbsLeft { width: 220px; height: auto; margin: 0 10px 0 20px; padding: 0; text-align: left; float: left; }
#thumbsLeft a img { float: left; align: left; vertical-align: text-top; margin: 0 10px 10px 0; }
#thumbsRight { width: 220px; height: auto; margin: 0; padding: 0; text-align: left; float: left; }