/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
    MARGIN:0;
}
.Site
{
    font-size:.9em;   
}
.Site FORM
{
	margin:0;
}
.Site form th
{
	text-align:right;
}
.Site form TD
{
	padding:2px 0;
}
.Site IMG
{
	BORDER:none;
}
.Site TABLE
{
	WIDTH: 100%;
	BORDER:none;
}
.Site th, 
.Site td
{
	padding:0;
	text-align:left;
	vertical-align:top;
}
.Site dl, 
.Site ol, 
.Site ul
{
	margin-left:20px;
	padding:0;
	margin-bottom: 10px;
}
.Site ul li
{
	list-style-type:square;
}
.Site H1,
.Site H2,
.Site H3,
.Site H4,
.Site H5,
.Site H6,
.Site p
{
	padding-bottom: 10px;
}
.Site p
{
	margin-bottom: 0;
}

.Site div.entryFooter  {padding-bottom:5px !important}
/* ####################################   Classes   #################################### */

.Site .box
{
    padding:0;
    width:auto;
    height:1%;
}
.Site .box .tl, 
.Site .box .tr
{
	padding:0;
    margin:0;
    width:auto;
}
.Site .box .bl,
.Site .box .br
{
	font-size:0;
	line-height:0;
}

.Site .linebox .tr
{
    margin-left:0;
    padding-top: 0;
}

.Site .carouselbox .tr,
.Site .carouselbox .br,
.Site .purplefadebox .tr,
.Site .purplefadebox .br
{
    margin-left:4px;
}

.Site .carouselbox .shadowLeft,
.Site .purplefadebox .shadowLeft  
{
	padding-left: 1px;
}

.Site .carouselbox .shadowRight,
.Site .purplefadebox .shadowRight  
{
	padding-right: 3px;
}

.Site .box .tr h2.title
{
    margin:0 5px;
    width:auto;
    padding-top: 12px;
}
.Site .carouselbox .tr h2.title,
.Site .purplefadebox .tr h2.title
{
    padding:10px 12px 12px 10px;
    margin:0px;
}

.Site .linebox .tr h2.title
{
	margin-bottom: 0;
    padding:5px 12px 9px;
	line-height: 1em;
	margin:0;
}
.Site .box .content 
{
    padding:0 11px;
    position:relative;
}
.Site .linebox .content
{
    position:relative;
	padding:33px 11px 0;
}
.Site .linebox .bl,
.Site .linebox .br
{
	display:none;
}

.Site .carouselbox .bl,
.Site .carouselbox .br,
.Site .purplefadebox .bl,
.Site .purplefadebox .br
{
	height: 8px !important;
/*	overflow: hidden;*/
	padding: 0;
	margin: 0;
}

.Site .carouselbox .br,
.Site .purplefadebox .br 
{
	margin-left: 8px;
}

.Site .content img
{
	margin:0 5px 5px;
}
.Site .content table td
{
	padding:3px;
}
.Site .detail IMG.picture
{
    MARGIN-BOTTOM: 10px;
    MARGIN-LEFT: 15px;
    position: relative;
}
.Site .formMainTable td,
.Site .formMainTable th
{
   padding: 5px;     
}
.Site .listItem .lIinner
{
    PADDING:0 0 15px;
}
.Site .TestimonialList .listItem .lIinner
{
    PADDING:0 0 5px;
}
.Site .listItem img.thumbnail,
.Site .listItem img.picture,
.Site .detail img.display,
.Site .detail img.picture
{
    float:right;
    margin-bottom:5px;
    margin-left:5px;
    margin-right:0;
    margin-top:0;
}
.Site .label
{
	FONT-WEIGHT: bold;
}

.Site .listItem H4
{
    MARGIN: 0px
}
.Site .NewsList p.date
{
    display:none;  
}
.Site .terminus 
{
	height: 0;
	font-size: 0;
	line-height: 0;
}

.Site .listItem .terminus, 
.Site .detail .terminus
{
	clear:right;
}

.Site .morelink 
{
	margin:15px 0 0;
	line-height:1em
}
.Site .box .entryFooter .morelink 
{
    margin:0;
	padding:15px 0 0;
}
.Site .TestimonialList .morelink 
{
	margin:0;
}
.Site .morelink a
{
    padding:3px 21px 5px 6px;
}
.Site .detail .morelink
{
    float:none;
    text-align: left;
}
.Site .detail .morelink a
{
	text-align: right;
}
.Site .backlink
{
    TEXT-ALIGN: right
}
.Site .stepper P
{
    MARGIN: 0px;
    TEXT-ALIGN: right;
}

.Site TABLE.documentTable TD.cell
{
    BORDER-RIGHT: #000000 1px solid;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}

.Site TABLE.documentTable TH.heading
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
}



.Site .template ul
{
	margin-left:20px;
}

.Site #template_Sub_Page_Listing #footer
{
    padding: 24px 0;
}

.Site .subPageList
{
	margin:0;
	padding:0;
}

.Site .contact .box .cols2 .rowMargin {
    width: 339px;
}

.Site .subPageTitle a
{
	display:block;
}

.Site .subPageTitleThumb img
{
	display:block;
}

.Site .ContactImage a small
{
    display:block;
    text-align:right;
}

.Site #contactThumb
{
    background:#FBFAFC;
    padding:10px;
    width:250px;
    float:right;
}

.Site #contactThumb .morelink
{
    float:right;
}

.Site .contactThumb h5, .Site .contactThumb h4 a, .Site .contactThumb h2
{
    color:#ffffff;
}

.Site .ContactThumbText h4.title
{
    padding:0;
    margin:0;
}

.Site .ContactThumbText
{
    padding-left:85px;
}

.Site #contactThumb h4 a, .Site #contactThumb h5.title
{
}

.Site #contactThumb .entryFooter a
{
    margin-top:10px;
}
   
.Site #contactThumb img
{
    float:left;
    margin-right:5px;
}

.Site .ContactPostFooter
{
    margin-top:10px;
}

.Site .contactThumb h4 h5
{
    margin-left:10px;
    margin-top:10px;
}

.Site .contactThumb h5
{
    width:100px;
}

.Site .contactThumb .listItem
{
    border:0!important;
}

.Site .contactThumb img
{
    margin-right:20px;
    float:left;
    display:inline-block;
}

.Site .contactThumb .title
{
    
    width:120px;
    float:none;
    display:inline;
}



/* ################################### Site IDs ################################# */

#mainTable
{
    line-height:1.2;
	width:100%;
	margin:auto;
}

.Site #topNav, .Site #mainHeader
{
	width: 986px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.Site #topMenu 
{
	float: right;
	/*margin-right: 167px;*/
	padding-right: 18px;
	height: 70px;
}

.Site #topMenu li
{
	display: inline;
	overflow: hidden;
}

.Site #topMenu li a
{
	display: inline;
	overflow: hidden !important;
}

.Site #logo
{
	position: absolute;
	top: 0;
	left: 0;
}

.Site #headerInfoArea
{
	position: relative;
	margin-top: 55px;
}
/*.Site #pagetitle 
{
	position: absolute;
	top:5px;
	left:15px;
}*/

.Site #coverflow 
{
	height : 200px!important;
}

.Site #Eonic_Home_Page .casestudylist 
{
	height:	182px!important;
}

.Site #pageInfo
{
    width:958px;
	margin:0 auto;
    margin-top:55px;
    height:125px;
    position:relative;
    padding-left:40px;
    z-index:1;
}
.Site #location
{
    padding:45px 0 0 20px;
}

.Site #mainFooterInner 
{
	width: 958px;
	margin-left: auto;
	margin-right: auto;
}

.Site #footerNav 
{
	
	margin-top: 24px;
	float: left;
}


.Site #Copyright 
{
	margin-top: 17px;
	width: 298px;
	float: left;
	clear: left;
}

.Site #Copyright p.copyright
{
	/*padding-top: 22px;*/
	padding-right: 74px;
	font-size: 0.9em;
	font-family: Trebuchet MS;
}

.Site #accreditations 
{
	width: 435px;
	height: 81px;
	float: right;
}

.Site #accreditations ul, .Site #accreditations li 
{
	padding: 0;
	margin: 0;
}

.Site #accreditations li 
{
	display: inline;
	float: left;
	list-style: none;
}

.Site #accreditations li
{
	display: block;
	height: 81px;
	text-indent: -99999px;
	color: #fff;
}

.Site #accreditations li a
{
	display: block;
	height: 81px;
}

.Site #accreditations li.peer1
{
	width: 147px;
}

.Site #accreditations li.microsoft
{
	width: 140px;
}

.Site #accreditations li.eonicweb4
{
	width: 148px;
}

.Site #mainMenuBottom 
{
	margin-top: 24px;
	width: 192px;
	float:left;
}

.Site #menuGroups 
{
	margin-left: 192px;
	margin-top: 20px;
}

.Site #menuGroups td
{
	padding-top: 8px;
}

/* ################################## Menu setup ################################### */

.Site #topMenu ul,
.Site #topMenu li,
.Site #membersArea ul,
.Site #membersArea li,
.Site #mainMenu ul, 
.Site #mainMenu li, 
.Site #subMenu ul, 
.Site #subMenu li,
.Site #footerMenu ul,
.Site #footerMenu li
.Site #accreditations ul,
.Site #accreditations li,
.Site #mainMenuBottom ul,
.Site #mainMenuBottom li,
.Site .caseStudyDetail ul,
.Site .caseStudyDetail li
{
    padding:0;
    margin:0;
}

.Site #topMenu li,
.Site #membersArea li,
.Site #mainMenu li, 
.Site #footerMenu li,
.Site #accreditations li,
.Site .caseStudyDetail li
{
	list-style:none;
	display:inline
}
.Site #subMenu li
{
    list-style:none;
}

.Site #mainMenuBottom li
{
	list-style: none;
	margin-bottom:3px;
}

.Site #mainMenuBottom li a
{
	padding-left: 42px;
	line-height: 1.5em
}

.Site #mainMenuBottom li a em
{
	font-style: italic;
}


.Site #menuGroups dt a
{
	font-size: 1.5em;
}


.Site #menuGroups dd
{
	line-height: 1.3em;
	padding-top: 2px !important;
	padding-bottom: 5px !important;
}

.Site #menuGroups dt
{
	padding-bottom: 6px;
}


.Site #menuGroups dd a
{
	font-size: 1.1em;
	padding-left: 2px;
	padding-right: 10px;
	display: block;
}


.Site #membersArea 
{
	position: absolute;
	right: 18px;
}

.Site #topMenu ul a, 
.Site #membersArea ul a
{
	float:left;
	text-decoration: none;
	line-height:1.7em;
	display:block;
	height: 70px;
	overflow: hidden;
}

.Site #footerMenu ul a 
{
	padding-left: 18px;
	padding-right: 19px;
	text-decoration: none;
}

.Site #footerMenu ul li.MenuId_593 a
{
	padding-left: 0
}



.Site #mainMenu ul a span
{
	display: block;
	overflow: hidden;
	margin-top: -500px !important;
	width: 0;
	height: 0;
}
.Site #topMenu ul a,
.Site #membersArea ul a
{
    width:auto;
    padding-left:14px;
    padding-right:14px;
    padding-top:24px;
    height:46px;
}
.Site #topMenu ul a span,
.Site #membersArea ul a span 
{
    width:auto;
    height:auto;
    margin:0 !important;
}


.Site #mainMenu 
{
	position:absolute;
	top:70px;
	left:0;
	z-index:10;
}

.Site #mainMenu ul a
{
	float:left;
	line-height:1.7em;
	height: 52px;
}

/*Plan It*/
.Site #mainMenu ul li.MenuId_577 a
{
	width: 180px;
}

/*Design It*/
.Site #mainMenu ul li.MenuId_578 a
{
	width: 200px;
}

/*Build It*/
.Site #mainMenu ul li.MenuId_579 a
{
	width: 176px;
}

/*Market It*/
.Site #mainMenu ul li.MenuId_580 a
{
	width: 208px;
}

/*Support It*/
.Site #mainMenu ul li.MenuId_581 a
{
	width: 222px;
}




/* ################################## Sub Menu setup ################################### */


.Site #subMenu
{
	margin:0;
	padding-top: 38px;
	float: left;
}

.Site #subMenu ul
{
	margin-left: 20px;
}

.Site #subMenu ul a
{
	line-height: 1em;
	display: block;
	padding: 9px 15px 9px 31px;
	text-decoration: none;
	font-size: 1.2em; 
	font-weight: 300;
}

.Site #subMenu ul ul a
{
	font-size: 1.1em;
	line-height:1.3em;
	padding: 5px 15px 5px 25px;
}

.Site #subMenu ul ul ul
{
	padding-top: 0;
	padding-bottom: 0;
}

.Site #subMenu ul ul ul a
{
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 1em;
}

.Site #subMenu ul ul ul a span
{
	padding-top: 0;
	padding-bottom: 2px;
}

.Site #subMenu ul ul ul ul
{
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.05em;
}

.Site #subMenu ul ul ul ul a
{
	padding-left:0px;
	font-size: 0.9em;
	padding-top: 6px;
	padding-bottom: 6px;
}

/* ======================== */


.Site #mainLayoutContainerInner
{
	width: 958px;
	margin:0 auto;
	min-height: 1%;
	position:relative;
	padding:0;
}
.Site #mainTitle
{
    position:absolute;
    left:46px;
    bottom:0;
    z-index:1
}

.Site #mainTitle H1
{
	MARGIN: 0;
}

.Site #mainLayout
{
	padding:32px 0 45px 0;
	line-height: 1.5;
	min-height: 400px;
}

.Site .fullwidth
{
	margin-left:0 !important;
}

.Site #mainLayout TABLE#productList TD.list
{
    width: 50%;
}

.Site #mainFooter
{
    padding:10px;
}

/* ======================== */

.Site #footer
{
	clear:both;
}

/* ======================== */

.Site TABLE#subPageTable .col1
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable .col2
{
    WIDTH: 40%;
}
.Site TABLE#subPageTable .col3
{
    WIDTH: 30%;
}
.Site TABLE#subPageTable TH.heading
{
    PADDING: 5px;
}
.Site TABLE#subPageTable TD.cell
{
    PADDING:5px;
    VERTICAL-ALIGN: middle;
}
.Site #template_Products_Grouped .backlink
{
	clear:right;
	padding:3px;
	TEXT-ALIGN: right;
}

/* ======================== */

.Site #template_sitemap ul
{
	margin:0 0 0 20px;
	padding:0;
	line-height:1.8;
}
.Site #template_sitemap ul a
{
	padding-left:20px;
}
.Site #template_sitemap ul ul 
{
	line-height:1.5;
}

.Site TABLE#productList
{
    MARGIN-TOP: 10px;
    MARGIN-BOTTOM: 10px
}
.Site TABLE#productList td img
{
    float:none;
    text-align:center !important;
}
.Site TABLE#productList TD.list
{
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
}

.Site #developerLink a
{
	margin:10px;
	color:#fff
}

/* ############################### Header Info ############################ */

.Site #headerInfoLeft
{
	/*position: relative;*/
	float: left;
	width: 245px;
	overflow: hidden;
	padding: 15px;
	color: #fff;
	padding: 45px 15px 15px 15px !important;
	margin-left: 5px;
    font-size: 1.1em;
}

.Site #headerInfoLeft p
{
	line-height: 1.5em;
/*	word-spacing: -3px;*/
}

.Site #headerInfoRight
{
	margin-left: 270px;
/*	position: relative;
	overflow: hidden;
	height:210px;*/
}

.Site #headerInfo
{
	width:400px;
}
.Site #logonForm th, 
.Site #logonForm td
{
	vertical-align:middle;
}

.Site #casestudybrief .casestudyBrief .list .caseStudyColumn1
{
	width: 206px;
	float: left;
	position:relative;
}

.Site #Eonic_Home_Page 
{
	padding-left: 12px;
}

.Site #casestudybrief .casestudyBrief .list .caseStudyColumn2
{
	margin-left: 206px;
	width: auto;
}

.Site #casestudybrief .casestudyBrief .list img
{
	float: none;
}

.Site #casestudybrief .casestudyBrief .list .terminus
{
	clear: both !important;
}

.Site #template template_3_Columns #column1 .title h2 
{
	width: 300px;
}

.Site .fullwidth #mainLayout #Eonic_Home_Page .template_3_Columns #column1
{
	width: 481px !important;
}
				
.Site .fullwidth #mainLayout #Eonic_Home_Page .template_3_Columns #column2				
{				
	width: 241px !important;
	margin-left: 16px !important;			
}								
				
.Site .fullwidth #mainLayout #Eonic_Home_Page .template_3_Columns #column3				
{				
	margin-left: 752px !important;			
}				




/* Sundry classes */

.Site .twentyfiverightpad 
{
	padding-right: 25px;
}

.Site #Eonic_Home_Page .newsarticle
{
	padding-bottom: 0;
}

#bl 
{
	width: 100%; 
	text-align:center;
	display:none;
	position: absolute; 
	top: 100px; 
	left: 0;
	
}
#bl img
{
	margin: 0 auto;
	display:block;	
	width:1034px;
	height:500px;
}

#mask{ 
    position:absolute; /* important */
    z-index: 9999;
    top:0px; /* start from top */
    left:0px; /* start from left */
    height:100%; /* cover the whole page */
    width:100%;  /* cover the whole page */
    display:none; /* don't show it '*/          
    /* styling below */
    background-color: black; 
}
    
#modal_content{
    position:absolute; /* important so we can position it on center later */
    left: 50%;
    top: 50%;
    display:none; /* don't show it */
        
/* styling below */
}
    
#modal_content .box 
{
    width: 300px;
    margin-left: auto;
    right: auto;
    border: solid 1px #fff;
    margin: 0;
    padding: 0;
}
.Site .rsssubscribebutton img
{
    margin-top: 7px;
} 
    

/*.Site .carouselbox .content
{
    padding-right:0;
}*/
.Site .carouselbox .content .module
{
    margin-left: -11px;
    padding-right: 11px;
}

/* Case Study  Carousel Styling  */

.Site #carousel .carousel
{
    margin:0;
    border:none;
    overflow:hidden;
    padding-top:5px;
    padding-bottom:10px;
    text-align:center;
}
.Site #carousel ul
{
    overflow:hidden;
    margin:0;
}
.Site #carousel li
{
      width:668px;
      float:left;
      display:inline;
      overflow:hidden;
      position:relative;
      margin:0;
      text-align:center;
}
.Site #carousel li .caseInfo
{
    position:absolute;
    left:2px;
    bottom:6px;
    width:655px;
    text-align:left;
    background:transparent url(/images/layout/carousel_div_bg.png) repeat-x left top;
    font-family:Verdana, Arial, Helvetica, Sans-Serif;
    color:#272727;
    padding-left:9px;
    font-weight:bold;
    font-size:1.1em;
    padding-top:8px;
}
.Site #carousel li .caseInfo a
{
    color:#272727;
}
.Site #carousel li .caseInfo h3,
.Site #carousel li .caseInfo h3 a
{
    color:#370535;
    font-size:1.2em;
    padding-bottom:3px!important;
}
.Site .carouselTitle
{
    color:#370535;
    font-size:1.2em;
    padding-bottom:3px!important;
}
.Site #carousel li .caseInfo p
{
    margin:0
}
.Site #carousel .carousel-pagination
{
     margin-top:-25px;
     margin-right:27px;
}
.Site #carousel .carousel-pagination a span
{
        font-size:0.1em;
       display:block;
      text-indent:-9999px;
}
.Site #carousel .carousel-pagination a
{
       background:transparent url(/images/layout/carousel_buttons.gif) no-repeat left center;
       margin-right:5px;
       width:12px !important;
       height:11px !important;
       display:block;
       float:left;
       cursor:pointer;
}
.Site #carousel .carousel-pagination a.active
{
    background:transparent url(/images/layout/carousel_buttons.gif) no-repeat right center;
}
.Site #carousel .carousel-wrap
{
    width:668px;
    margin:0;
    display:inline-block;
    margin:0;
    vertical-align:middle;
}
.Site .carousel-wrap ul
{
    left:0;
}
.Site #carousel .carousel img
{
    margin:0;
    border:solid 2px #c8c8c8;
}
.Site .carousel-control
{
    text-indent:-9999px;
    width:13px;
    margin-top:-28px;
    height:22px;
}
.Site #carousel .carousel-previous 
{
    position:absolute;
    top:0;
    right:45px;
    background:transparent url(/images/layout/carousel_buttons.gif) no-repeat left top;
    cursor:pointer;
}
.Site #carousel .carousel-previous:hover
{
    background:transparent url(/images/layout/carousel_buttons.gif) no-repeat left bottom;
}
.Site #carousel .carousel-next
{
    position:absolute;
    top:0;
    right:20px;
    background:transparent url(/images/layout/carousel_buttons.gif) no-repeat right top;
    cursor:pointer;
}
.Site #carousel .carousel-next:hover
{
    background:transparent url(/images/layout/carousel_buttons.gif) no-repeat right bottom;
}
.Site #carousel .center-wrap
{
    position:absolute;
    top:0;
    right:40px;
}




/* Case Study Gallery Styling	*/
.Site .Grid .listItem .lIinner span
{
    text-align:left;
}
/*.Site .CaseStudyGallery .listItem .lIinner
{
      padding-right:22px;
      padding-left:20px;
      padding-top:0;
      padding-bottom:0;
}*/
.Site .CaseStudyGallery .listItem
{
    margin-bottom:40px;
    border-bottom:none;
}
.Site .Grid .listItem .lIinner
{
    padding:0
}
.Site .Grid .listItem .lIinner img
{
    margin:0 !important;
    float:none;
}

.Site .Grid .listItem .lIinner img:hover
{
    opacity:0.9;
    filter:alpha(opacity=90);
}

.Site .Grid .listItem .lIinner h3
{
    margin:0 !important;
    padding:0 !important;
    font-size:1em;
    font-weight:bold;
    line-height:1em;
    position:relative;
    border:solid 3px #424242;
    min-height:32px;
}

.Site .Grid .listItem .lIinner h3 a
{
    display:block;
    color:#fff;
    background-color:#2c2c2c;
}

.Site .Grid .listItem .lIinner h3 a:hover
{
    color:#cac9c9;  
}

.Site .CaseStudyGallery .listItem .lIinner h3 span
{
    position:absolute;
    display:inline-block;
    bottom:0;
    left:0;
    width:211px;
    padding:8px 7px 8px 21px;
    background:transparent url(/images/layout/grid_span_bg.png) no-repeat 0 .1em;
    line-height:1.2em;
}

/* Colour scheme CSS added 14 Dec 2010 */

/* 
	IMPORTANT!!!!!
	!!!===== All css must begin with .Site with the exception of BODY and #mainTable =====!!!
	!!!===== This ensures no styling is applied to the AdminSystem =====!!!
*/

BODY
{
	background-color: #ffffff;
}
.Site /* same element as #mainTable */
{
    color:#636363;
}

.homepage
{
	background: url(/images/layout/layout_grad.png) 0 353px repeat-x;
}

.Site A 
{
	color: #602c83;
	text-decoration: none;
}
.Site A:hover
{
	color: #a70c0c;
}

.Site #mainMenuContainer A:hover 
{
	color: Background;
}
.Site h1,
.Site h2,
.Site h3,
.Site h4,
.Site h5,
.Site h6 
{
	color: #440b6c;
}

.Site H1
{
    FONT-SIZE: 200%;
}
.Site .detail h1
{
	font-size: 2.4em;
}
.Site H2
{
    FONT-SIZE: 180%;
}
.Site H3
{
    FONT-SIZE:1.3em;
}
.Site H4
{
    FONT-SIZE: 1.2em;
}

.Site .content H4
{
    font-weight:700;
}

.Site H5
{
    FONT-SIZE: 105%;
}
.Site H6
{
    FONT-SIZE: 100%;
}
.Site hr
{
    border:none;
    border-top:1px solid #dfdfdf;
    margin:0 0 1em
}
.Site IMG
{
	border:none;
}

/* ################################### Site Classes ################################# */

.Site .box .tl
{
    background:transparent no-repeat 0 0;
}
.Site .box .tr
{
    background:transparent no-repeat 100% 0;
}
.Site .carouselbox, 
.Site .purplefadebox,
.Site #modal_content .box
{
	background-image: none;
}
.Site .carouselbox .tr, 
.Site .purplefadebox .tr,
.Site #modal_content .box .tr
{
	background-image: url(/images/layout/box_carousel.gif);
}
.Site .carouselbox .tl,
.Site .purplefadebox .tl,
.Site #modal_content .box .tl
{
	background-image: url(/images/layout/box_carousel.gif);
}
.Site .box h2.title  
{
	font-weight:400 !important;
	font-size:2.4em;
}
.Site .box .content
{
	border-top: none;
	border-bottom: none;
	background: transparent;
}
.Site .purplefadebox h2.title,
.Site .carouselbox h2.title
{
    font-size:2em
}
.Site .carouselbox .shadowLeft, 
.Site .purplefadebox .shadowLeft
{
	background:#e3dcec;
}

.Site .carouselbox .shadowRight, 
.Site .purplefadebox .shadowRight
{
	background:transparent url(/images/layout/shadowRight.gif) repeat-y right top;
}

.Site .carouselbox .content
{
	border: none !important;
	background:#fff url(/images/layout/box_bg.gif) repeat-x 0 100%;
	min-height:275px;
/*    padding:0*/
}

.Site .purplefadebox .content
{
	border: none !important;
	background:#e3d6f1 url(/images/layout/box_purplefade_bg.gif) repeat-x 0 0;
}
.Site .carouselbox .bl, 
.Site .purplefadebox .bl,  
.Site #modal_content .bl
{
	border: none !important;
	background: transparent url(/images/layout/box_carousel.gif) no-repeat 0 100%;
}
.Site .carouselbox .br, 
.Site .purplefadebox .br,
.Site #modal_content .br
{
	border: none !important;
	background: transparent url(/images/layout/box_carousel.gif) no-repeat 100% 100%;
}

.Site .linebox,
.Site .linebox .tl,
.Site .linebox .tr,
.Site .linebox .bl,
.Site .linebox .br
{
	background-image: none;
	background-color: Transparent;
}

.Site .linebox .bl,
.Site .linebox .br 
{
	display: none;
}

.Site .linebox .content 
{
	border: none !important;
	background-color: Transparent;
	position:relative;
}


.Site .linebox h2.title
{
    color:#602c83;
	/*background: transparent url(/images/layout/box/linebox/header_arrow.gif) no-repeat 100% 45%;*/
}


.Site .linebox .tl
{
	border-bottom:1px solid #dfdfdf;
	padding-bottom: 2px;
}


.Site .deeppurplebox .tl
{
    background-color:#370535;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
}
.Site .deeppurplebox h2.title,
.Site .deeppurplebox h2.title a
{
    color:#fff;
}
.Site .deeppurplebox h2
{
    margin-left:16px !important;
}
.Site .deeppurplebox .content
{
    background:#000 url(/images/layout/deep_purple_box.gif) repeat-x left top;
    color:#ffffff;
     border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    padding-bottom:5px;
}
.Site .deeppurplebox .bl
{
   display:none;
}

.Site .deeppurplebox h3 a
{
    color:#ffffff;
}


.Site .label
{
	font-weight:bold;
}

.Site form .label
{
	/*text-align:right;*/
}
.Site .textarea,
.Site .textbox
{
    font-family:Verdana,Arial,Helvetica,sans-serif;
}
.Site .listItem
{
	border-bottom:1px solid #d6cedc;
}

.Site .listItem a
{
	text-decoration: none !important;
}

.Site .listItem h3.title,
.Site .listItem h3.title a
{
    color:#602c83;
    font-weight:bold
}
.Site .listItem IMG.thumbnail
{
    border:5px solid #dcdcdc;
    margin:0 0 19px 7px;
}
.Site .NewsList .listItem IMG.thumbnail
{
    margin:0 10px 10px 0px;
}

.Site .template
{
	background: none;
	border: none;	
}
/* ################################### Site IDs ################################# */

.Site #headerAreaBg 
{
	background:#0f0019;
}

.Site #headerAreaInnerBg 
{
	background: transparent url(/images/headerbanners/sub-page.jpg) no-repeat center top;
	height:250px;
}

.Site #menuBar 
{
	background: transparent url(/images/layout/menuBarTransparencyRepeat.png) repeat-x 0 0;
	z-index:9
}

.Site #topMenu a,
.Site #membersArea ul a
{
	color: #ffffff;
	font-size:1.2em;
	font-weight:bold;
}
.Site #topMenu a:hover,
.Site #topMenu a.on,
.Site #topMenu a.active,
.Site #membersArea ul a:hover,
.Site #membersArea ul a.active,
.Site #membersArea ul a.on
{
    color:#b28ccf !important;
}

.Site #location
{
    color:#c0c0c0;
}
.Site #location a
{
    color:#c0c0c0;
    text-transform:lowercase;
}
.Site #location A:hover
{
    color:#fff;
}

.homepage #mainLayoutContainer
{
    background:url(/images/layout/backgroundFlowers.jpg) center top no-repeat;
    border-top:1px solid #fff;
}

.Site #Copyright 
{
	color: #fff;
}

.Site #accreditations ul a
{
	background: url('/images/layout/accreditations.png') no-repeat 0 0;
}

.Site #accreditations li.peer1 a
{	
	background-position: 0 0;
}

.Site #accreditations li.microsoft a	
{
	background-position: -147px 0;
}
.Site #accreditations li.eonicweb4 a
{
    background-position: -287px 0;
}

.Site #accreditations li.peer1 a:hover
{
	background-position: 0 -112px;
}

.Site #accreditations li.microsoft a:hover	
{
    background-position: -147px -118px;
}
.Site #accreditations li.eonicweb4 a:hover
{
    background-position: -287px -118px;
}


/* ################################## Menu setup ################################### */

/* Main Menu */

.Site #mainMenu ul li a
{
	background: transparent url(/images/layout/mainMenuSprite.png) no-repeat 0 -104px;
}

/*Plan It - Off*/
.Site #mainMenu ul li a:hover
{
	background: transparent url(/images/layout/mainMenuSprite.png) no-repeat 0 -52px;
}
.Site #mainMenu ul li a.on,
.Site #mainMenu ul li a.active,
.Site #mainMenu ul li a.on:hover
{
	background: transparent url(/images/layout/mainMenuSprite.png) no-repeat 0 0;
}

/*Design It*/
.Site #mainMenu ul li.MenuId_578 a
{
	background-position: -180px -104px;
}
.Site #mainMenu ul li.MenuId_578 a:hover
{
	background-position: -180px -52px;
}
.Site #mainMenu ul li.MenuId_578 a.on,
.Site #mainMenu ul li.MenuId_578 a.active,
.Site #mainMenu ul li.MenuId_578 a.on:hover
{
	background-position: -180px 0;
}




/*Build It*/
.Site #mainMenu ul li.MenuId_579 a
{
	background-position: -380px -104px;
}
.Site #mainMenu ul li.MenuId_579 a:hover
{
	background-position: -380px -52px;
}
.Site #mainMenu ul li.MenuId_579 a.on,
.Site #mainMenu ul li.MenuId_579 a.active,
.Site #mainMenu ul li.MenuId_579 a.on:hover
{
	background-position: -380px 0;
}



/*Market It*/
.Site #mainMenu ul li.MenuId_580 a
{
	background-position: -556px -104px;
}
.Site #mainMenu ul li.MenuId_580 a:hover
{
	background-position: -556px -52px;
}
.Site #mainMenu ul li.MenuId_580 a.on,
.Site #mainMenu ul li.MenuId_580 a.on:hover,
.Site #mainMenu ul li.MenuId_580 a.active
{
	background-position: -556px 0;
}



/*Support It*/
.Site #mainMenu ul li.MenuId_581 a
{
	background-position: -764px -104px;
}
.Site #mainMenu ul li.MenuId_581 a:hover
{
	background-position: -764px -52px;
}
.Site #mainMenu ul li.MenuId_581 a.on,
.Site #mainMenu ul li.MenuId_581 a.on:hover,
.Site #mainMenu ul li.MenuId_581 a.active
{
	background-position: -764px 0;
}




.Site #footerMenu ul a 
{
	color: #fff;
	font-family: Trebuchet MS;
	background: url('/images/layout/footerMenuDivider.gif') no-repeat 100% 50%;
	font-size: 0.9em;
}


.Site #footerMenu ul li.last a 
{
	background: none;
}

.Site #footerMenu ul a:hover, .Site #footerMenu ul a.on, .Site #footerMenu ul a.active
{
	color: #c7bfcd;
}

.Site #footerMenu ul li.MenuId_32 a
{
	padding-left: 0
}


.leftcolfade 
{
	background: transparent url(/images/layout/leftColFade.gif) repeat-y 0 0;
}

.Site #subMenu
{
	background: transparent url(/images/layout/submenuTopFade.gif) no-repeat 100% 0;
}
.Site #subMenu ul 
{	
	background: transparent url(/images/layout/submenu_ul_top_divider.gif) no-repeat 100% 100%;
}

.Site #subMenu ul ul
{	
	background: transparent none;
}
.Site #subMenu ul a
{
    background:transparent url(/images/layout/submenu_ul_top_divider.gif) no-repeat 100% 0;
	color: #370535;
}

.Site #subMenu ul a:hover
{
	background: transparent url(/images/layout/submenu_ul_hover.gif) no-repeat 100% 0;
	color: #370535;
}

.Site #subMenu ul a.active,
.Site #subMenu ul a.on
{
	background: transparent url(/images/layout/submenu_ul_active.gif) no-repeat 100% 0;
	color: #fff;
}



.Site #subMenu ul ul
{
	background: transparent url(/images/layout/submenu_ul_top_divider.gif) no-repeat 100% 0;
}


.Site #subMenu ul ul a
{
	background: url('/images/layout/submenu_ul_ul_bullet.gif') no-repeat 10px 10px;
}

.Site #subMenu ul ul a.active,
.Site #subMenu ul ul a.on,
.Site #subMenu ul ul a:hover
{
	background: url('/images/layout/submenu_ul_ul_bullet_active.gif') no-repeat 10px 10px;
	color: #370535;
}

.Site #subMenu ul ul ul a,
.Site #subMenu ul ul ul a.on, 
.Site #subMenu ul ul ul a.active,
.Site #subMenu ul ul ul a:hover
{
	background:none;
}

.Site #subMenu ul ul ul a:hover span
{
	background: url('/images/layout/submenu_ul_ul_ul_underline.gif') repeat-x 0 100%;
}

.Site #subMenu ul ul ul a.on span, .Site #subMenu ul ul ul a.active span, .Site #subMenu ul ul ul a.on, .Site #subMenu ul ul ul a.active
{
	color: #4f1975 !important;
}

.Site #subMenu ul ul ul ul a, .Site #subMenu ul ul ul ul a:hover span
{
	background-image: none;
}

.Site #subMenu ul ul ul ul a.active, .Site #subMenu ul ul ul ul a.on
{
	color: #4f1975 !important;
}

.Site #subMenu ul ul ul ul ul a, .Site #subMenu ul ul ul ul ul a:hover
{
	background-image: none;
}

.Site #mainMenuBottom ul a 
{
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: normal;
	background:transparent url(/images/layout/mainmenubottom.gif) no-repeat left top;
}
.Site #mainMenuBottom ul a em
{
    font-weight:bold;
}
.Site #mainMenuBottom ul li.MenuId_578 a
{
    background-position:left -31px;
}
.Site #mainMenuBottom ul li.MenuId_579 a
{
    background-position:left -62px;
}
.Site #mainMenuBottom ul li.MenuId_580 a
{
    background-position:left -93px;
}
.Site #mainMenuBottom ul li.MenuId_581 a
{
    background-position:left -124px;
}

.Site #mainMenuBottom ul a.on,
.Site #mainMenuBottom ul a.active,
.Site #mainMenuBottom ul a:hover
{
	color: #ffffff;
	background-position:-273px top;
}
.Site #mainMenuBottom ul li.MenuId_578 a.on,
.Site #mainMenuBottom ul li.MenuId_578 a.active,
.Site #mainMenuBottom ul li.MenuId_578 a:hover
{
    background-position:-273px -31px;
}
.Site #mainMenuBottom ul li.MenuId_579 a.on,
.Site #mainMenuBottom ul li.MenuId_579 a.active,
.Site #mainMenuBottom ul li.MenuId_579 a:hover
{
    background-position:-273px -62px;
}
.Site #mainMenuBottom ul li.MenuId_580 a.on,
.Site #mainMenuBottom ul li.MenuId_580 a.active,
.Site #mainMenuBottom ul li.MenuId_580 a:hover
{
    background-position:-273px -93px;
}
.Site #mainMenuBottom ul li.MenuId_581 a.on,
.Site #mainMenuBottom ul li.MenuId_581 a.active,
.Site #mainMenuBottom ul li.MenuId_581 a:hover
{
    background-position:-273px -124px;
}

/* ======================== */

.Site #mainTitle h1
{
    color:#370535;
    font-size:3.4em;
    background-color:#fff;

    padding-right:17px;
    padding-left:13px;
    padding-top:0;
    padding-bottom:0 !important;
}

.Site .fullwidth
{	
	background: transparent none;
}


.Site .homepage #mainLayoutContainer
{	
	background: transparent none;
}

.Site #mainFooter
{
	background: #110119 url(/images/layout/footer.png) no-repeat 50% 0;
	font-size:.95em;
}

.Site #mainFooterInner
{
	min-height: 300px;
}

.Site #menuGroups td
{
	background: url(/images/layout/mainFooterMenuDivider.gif) repeat-y 0 0;
}


.Site #menuGroups dl
{
	margin-left: 17px;
}

.Site #menuGroups dt
{
	text-transform: lowercase;
}


.Site #menuGroups a
{
	color: #969696;
	text-decoration: none;
	font-weight: normal;
}
.Site #menuGroups dt a,
.Site #menuGroups a:hover
{
    color:#fff;
}

.Site #menuGroups a:hover, .Site #menuGroups a.on, .Site #menuGroups a.active
{
	/*background: transparent url(/images/layout/mainFooterMenuArrow.gif) no-repeat 0 4px;*/
}

.Site #menuGroups dt a:hover, .Site #menuGroups dt a.on, .Site #menuGroups dt a.active
{
	background: transparent none;
}

/* ------------ case study detail ------------- */

.Site .caseStudyDetail
{
    padding-top:27px
}
.Site .caseStudyDetail #column1
{
    float:left;
    width:574px;
}
.Site .caseStudyDetail #column2
{
    float:right;
    width:360px;
}
.Site .caseStudyDetail h1
{
    border-bottom:1px solid #370535;
    color:#370535;
    font-size:2.75em;
    line-height:.6em;
    margin:0 0 .8em;
    padding:0 15px 0.28em
}
.Site .caseStudyDetail .addthis_button
{
    float:right;
    padding-right:15px
}
.Site .caseStudyDetail dl
{
    font-size:1.2em;
    margin:0;
    padding:0 0 0 15px
}
.Site .caseStudyDetail dt,
.Site .caseStudyDetail dd
{
    font-weight:bold;
    margin:0;
    padding:0 0 6px
}
.Site .caseStudyDetail dt
{
    color:#370535;
    float:left;
    clear:left;
    margin-right:10px;
}
.Site .caseStudyDetail dd
{
    color:#64257e;
}
.Site .caseStudyDetail .body
{
    padding:12px 0 30px 15px
}
.Site .caseStudyDetail h2
{
    font-size:2.1em
}
.Site .caseStudyDetail .terminus
{
    clear:both;
}
.Site .caseStudyDetail .stepper
{
    float:right;
}
.Site .caseStudyDetail .backlink
{
    padding-left:15px
}
.Site .caseStudyDetail .deeppurplebox .content
{
    padding:0 10px 10px
}
.Site .stepper .prev,
.Site .stepper .next
{
    background:url(/images/layout/icons.gif) no-repeat 0 0;
    padding:0 5px 0 16px
}
.Site .stepper .next
{
    background-position:100% 0;
    padding:0 16px 0 5px
}

.Site .stepper .ghostprev
{
    background-position:0 100%;
    color:#bbb;
}
.Site .stepper .ghostnext
{
    background-position:100% 100%;
    color:#bbb;
}
.Site #picDetail
{
    position:relative;
/*    min-height:344px;*/
}
.Site #picDetail a
{
    display:block
}
.Site #picDetail a:focus
{
    outline:none
}
.Site #picDetail a.lightbox
{
    position:absolute;
    top:0;
    left:0
}
.Site #picDetail #thumbs
{
    padding-top:350px;
}

.Site #picDetail a img
{
    border:3px solid #d2d2d2;
    display:block;
    margin:0
}
.Site #picDetail a.thumb img
{
    float:left;
    margin:11px 11px 0 0
}
.Site #picDetail li.last a.thumb img
{
    float:left;
    margin-right:0
}
.Site #picDetail a:hover img
{
    border-color:#64257e
}
.Site .caseStudyDetail .box h2.title
{
    font-size:24px;
    margin:0!important;
    padding:4px 10px 7px
}
.Site .caseStudyDetail span.picture
{
    margin:0
}
.Site .caseStudyDetail span.picture div
{
    color:#fff;
    text-align:center
}

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

.Site .ewXform ol li
{
    margin-top:0
}
.Site .content .ewXform .button
{
    background:#370535 url(/images/layout/button_bg.gif) no-repeat 90% center !important;
    border:none;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#fff !important;
}
.Site .content .ewXform .button:hover
{
    background:#370535 url(/images/layout/button_bg_hover.gif) no-repeat 90% center !important;
    color: #c1c0c1 !important;
}
.Site .deeppurplebox .content .ewXform .button
{
    border:1px solid #B9A8B8;
}
.Site .morelink a
{
    background:#370535 url(/images/layout/button_arrow.gif) right center no-repeat;
    border-radius:2px;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
	color:#fff;
	display:inline-block;
    font-size:.9em;
    font-weight:bold;
    margin-left:5px;
	text-decoration:none;
}
.Site .morelink a:hover
{
	color: #c1c0c1;
}


.Site .deeppurplebox .morelink a
{
    border:1px solid #fff;
}

/*
.Site .backlink 
{

	text-align: right !important;
}

.Site .backlink a
{
	width: 97px;
	height: 22px;
	display: block;
	text-indent: -99999px;
	background: transparent url(/images/layout/backtolist_sprite.gif) no-repeat 0 0;
	overflow:hidden;
	float: right;
	font-size: 0;
}

.Site .backlink a:hover
{
	background-position: 0 -31px;
}
*/

span.req
{
	margin-left: 4px;
	color: #F00;
	font-weight:bold;
}
.Site .EmailForm fieldset.withH3 h3,
.Site .EmailForm .hint
{
    color:#fff;
}

.Site #flashHeader div
{
    color:#cb81fe;
    padding:50px 20px;
    text-align:center
}
.Site #flashHeader a,
.Site #flashHeader a:hover
{
    color:#fff
}

/* Carousel styles */

.Site .carousel .thumb
{
    border:none !important;
}
.Site .carousel .btnNext
{
    background-color:#000 !important; 
}
.Site .carousel .btnPrev
{
    background-color:#000 !important; 
}

#AddLocation fieldset select
{
    width:200px
    }
    
/* =================== TAG CLOUD STYLES ============= */

.Site .tags
{
    margin-bottom:15px;
    margin-top:15px;
}

.Site .tagLineHeight
{
    line-height:0.5em;margin:0px;
}

.Site .tag0
{
  font-size:0.8em;
  color:#A16AC9;
}

.Site .tag1
{
  font-size:0.8em;
  font-weight:bold;
  color:#A16AC9;
}

.Site .tag2
{
    font-size:1.2em;
    font-weight:bold;
    color:#945CBC;
    
}

.Site .tag3
{
   font-size:1.5em;
   color:#7E45A8;
}

.Site .tag4
{
    font-size:1.7em;
    color:#682F91;
    font-weight:bold;
}

.Site .tag5
{
    font-size:2.0em;
    color:#632491;
}

.Site .tag6
{
    font-size:2.2em;
    font-weight:bold;
    color:#541B7C;
}

.Site .tag7
{
    font-size:2.4em;
    color:#440B6C;
}

.Site .tag8
{
    font-size:2.6em;
    font-weight:bold;
    color:#631460;
}

.Site .tag9
{
    font-size:2.8em;    
    color:#4d0c4a;
}

.Site .tag10
{
    font-size:3.0em;font-weight:bold;
    color:#370535;
}

.Site .detail .column1
{
    width:48%;
    float:left;
}

.Site .detail .column2
{
    width:48%;float:right;
}


/*=============================Products================================*/

.Site .Grid .listItem .lIinner {
}

.Site .ProductList h3
{
    font-size:110%;
    margin-bottom:5px;
}

.Site .ProductList .listItem .lIinner {
    padding: 10px;
    text-align: left;
    border:#CCCCCC solid 1px;
    margin-top:10px;
    background:#FFFFFF;
}

#cartFull input.principle {
    background: url("/ewcommon/images/admin/submit-principle-bg.gif") no-repeat scroll right top transparent;
    border: 1px solid #D8D9DA;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    float: right;
    padding: 0 27px 0 5px;
}

.Site #cartLogonBox #cartFull input.empty {
    background: url("/images/layout/button_bg.gif") no-repeat scroll 90% center #370535 !important;
    border: #D0CFD0;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    padding: 0 27px 0 5px;
}

#cartFull input.principle {
    background: url("/ewcommon/images/admin/submit-principle-bg.gif") no-repeat scroll right top transparent;
    border: 1px solid #D8D9DA;
    border-radius: 4px 4px 4px 4px;
    color: #333333;
    padding: 0 27px 0 5px;
}

#cartFull input.button {
    padding-right: 30px;
    background: url("/images/layout/button_bg.gif") no-repeat scroll 90% center #370535 !important;
    border: medium none;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF !important;
}

.Site .productBriefOptions
{
    color:#A4A074;
    margin-left:10px;
    float:left;
}

.Site .productBriefOptions select
{
    font-size:1.0em;
    width:235px;
}

.Site .productBriefButtons
{
    color:#A4A074;
    margin-left:0px;
    float:left;
    width:100%;
}

.Site .productBriefButtons label
{
    display:none;
}

.Site .productBriefButtons .entryFooter
{
    margin-top:8px;
}

.Site .ProductGallery .listItem
{
    margin-bottom:10px;
}

.Site .productBriefOptions .selectOptions h4
{
    color:#A4A074;
}

.Site .productBriefDetails
{
    float:left;
    width:185px;
}

.Site .ProductList .listItem .lIinner img
{
    float:left;
    margin: 0 5px 5px 0;
}

.Site .odd {

    background:#FFFFFF!important;
}

.Site .even {
    background:#EEECDB;
}

.Site .ProductGallery .listItem .lIinner a {
    color:#b4b4b4;
}

.Site .entryFooter 
{
}

.Site h2.title .morelink
{
    background: url(/images/layout/buttonBg.jpg) repeat-x;
    border-left:1px solid #a4a08c;
    color: #FFFFFF!important;
    padding: 0px 10px 0px 10px;
    display:inline;
    float:right;
    margin-right:6px;
}
.Site h2.title .morelink .gtIcon
{
    display:none;
}
.Site h2.title .morelink a
{
    color: #FFFFFF!important;
}

.Site .cartButtons input.button, .cartButtons input.textbox
{
    -moz-border-radius:3px;
    border-radius:3px;
    border:0px solid #dac7db;
    background: url("/images/layout/button_arrow.gif") no-repeat scroll right center #370535;
    color: #FFF;
    cursor: pointer !important;
    font-size: 1em;
    font-weight: 500;
    height:25px;
    width:130px;
    margin: 2px 0 0 2px;
    padding: 0 10px 2px 10px;
    
}

.Site .cartButtons input.qtyButton, .cartButtons input.qtybox
{
    -moz-border-radius:0px;
    border:1px solid #dac7db;
    background: none no-repeat scroll right top #FFFFFF;
    color: #515049;
    cursor: pointer !important;
    font-size: 1em;
    font-weight: 500;
    height:25px;
    margin: 2px 0 0 2px;
    float:left;
    padding: 0 10px 2px 10px;
    
}

.Site .ListGroupedQty input.qtyButton, .ListGroupedQty input.qtybox
{
    -moz-border-radius:0px;
    border:1px solid #dac7db;
    background: none no-repeat scroll right top #FFFFFF;
    color: #515049;
    cursor: pointer !important;
    font-size: 1em;
    font-weight: 500;
    margin: 5px 0 0 2px;
    padding: 2px 2px 0px 0px;
    
}

.Site .cartButtons input.qtybox
{
    height:23px;
    padding:0;
}

.Site .whitebox
{
    border:#cccccc 1px solid;
    border-radius:6px;
    moz-border-radius:6px;
    background: url("/images/layout/whiteboxBg.jpg") repeat-x #E7E7E7;
    padding:5px;
}


.Site .price
{
    font-size:100%;
}

.Site span.price, .Site span.rrpPrice {
    display: inline;
}

.Site span.price {
    font-size: 100%;
}

.Site .listItem img.thumbnail, .listItem img.picture, .detail span.picture {
    float: left;
    margin: 0 10px 0px 0px;
    border:0px #cccccc solid;
}

.Site .detail span.picture 
{
    display:block;
    float: right;
    margin: 0 0 0 20px;
    border:0px #cccccc solid;
}

.Site .listItem img.thumbnail
{
    border:1px #cccccc solid;
}

.listItem .terminus
{
    clear:both;
}


.Site .productBrief
{
    line-height:1.00em;
    font-size:100%!important;
}

.Site .ProductList .cols1 .listItem .lIinner .CartButtons
{
    display:block;
}

.Site .sentMessage,
.Site .sentMessage h3
{
    color:#fff
}