body 
{
    font-family: Avenir, Arial, Arial CE, Verdana;
    line-height:18px;
    font-weight:100; 
    /*color: #a8a8a8;*/
}

/*body font
{
	color: #a8a8a8;
}*/

/*h1
{
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}*/

h1, h2, h3, h4 {
	color : #fff;
	font-weight : normal;
	padding-bottom : 0px;
	margin-bottom : 0.3em;
	margin-top : 0px;
}

h1 {
	font-size : 1.4em;
	font-weight: normal;
}

h2 {
	font-size : 1.0em;
	clear : left;
	color : #fff;
}
h3 {
	font-size : 0.95em;
	clear : left;
	color : #fff;
}
h4 {
	font-size : 0.9em;
	clear : left;
	color : #fff;
}

span.main-header
{
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}

span.sub-header
{
	font-size: 13pt;
	font-weight: bold;
    color: #fff;
    display: block;
}

span.sub-header-template3
{
	font-size: 13pt;
	font-weight: bold;
    text-align: right;
    display: block; /* needed to make text-align work */
    color: #fff;
}

span.description-right
{
	font-size: 18px;
    text-align: right;
    display: block; /* needed to make text-align work */
    line-height: 22px;
    color: #fff;
}

span.description-right-small
{
	font-size: 10pt;
    text-align: right;
    display: block; /* needed to make text-align work */
    color: #fff;
}

span.description-left
{
	font-size: 18px;
    color: #fff;
}

span.description-left-small
{
	font-size: 10pt;
    color: #fff;
    height: 100%;
    display: inline-block;
}

div.news-content
{    
   	position : relative;
    top:0px;
    padding:0px;
    width:650px;
}

div.news-content1
{    
   	position : relative;
    width:650px;
    height:190px;
    margin-top:8px;
}

div.imagelist
{    
	position : relative;
    width:650px;
    _height: 540px;
    min-height:540px;
    margin-top:8px;
}

div.item-text
{
	padding-top: 5px;
	font-size: 11px;
	line-height: normal;
	min-height: 120px;
	max-height: 120px;
    height: auto !important;
    height: 120px;
    overflow: hidden;
}

div.item-readmore
{
	font-size: 11px;
}

#newscontent-text
{   
    position: relative;
    width: 360px;
    min-height: 188px;
    height: auto !important;
    height: 188px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 17px;
    text-decoration: none;
    color: #fff;
    left: 30px;
    top: 10px;
    float: left;
}

#newscontent-text2
{   
	position: relative;
    width: 360px;
    min-height: 188px;
    height: auto !important;
    height: 188px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    line-height: 17px;
    text-decoration: none;
    color: #fff;
    top: 10px;
    right: 50px;
    float: right;
    clear: right;
}
#newscontent-image
{    
   	position : relative;
    width:186px;
    height:188px;
    margin-top:0px;
    float:right;
    right:20px;
    clear:right;
}
#newscontent-image2
{    
   	position : relative;
    display:block;
    width:186px;
    height:188px;
    top:0px;
    left:20px;
    float:left;
}
ul#images
{   
	position: relative;
    list-style:none;
    padding:0px;
    border:0px;
    margin-left:7px;
    padding-top:15px;
}

ul#images li
{
    padding-top:0px;
    margin-right:8px;
    position : relative;
    width:72px;
    height:72px;
    float: left;
    left:7px;
    top:15px;
}

ul#images2
{   
	position : relative;
    list-style:none;
    padding:0px;
    border:0px;
    margin-left:7px;
    padding-bottom:15px;
    top:30px;
}

ul#images2 li
{
    margin-right:8px;
    position : relative;
    background:#abc3e0;
    width:72px;
    height:72px;
    float: left;    
}
#newscontent-im2
{   
	position : relative;
    top:10px;
}

div.template-content
{    
   	position: relative;
    width: 650px;
    background:#000;
}

div.template-header
{    
   	position: relative;
    padding-left: 30px;
    padding-top: 8px;
    padding-bottom: 4px;
}

/*div.template-header h1
{
	display: inline;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}*/

div.template3-content1
{    
   	position : relative;
    background:#76ae99;
    width:650px;
    height:248px;
    margin-top:5px;
}

#template3-image
{    
   	position : relative;
    width:345px;
    height:248px;
    float:left;
    left:20px;
}

#template3-image img
{    
	width: 350px;
	height: 248px;
}

#template3-text
{   
    position: relative;
    width: 250px;
    height: 248px;
    margin-left: 40px;
    top: 20px;
    float: left;
    clear: right;
}

div.template3-content2
{  
   	position : relative;   	
   	min-height: 345px;
   	_height:345px;   	 	
    width:650px;
    background:url("img/template3-content2.gif");
    color:#fff;
    float:left;
}

div.template3-content2a
{  
   	position : relative;   	
   	min-height: 345px;
   	_height:345px;
   	padding-top:6px;   	
    width:650px;
    background:#000;
    color:#fff;
}

div.template3-left
{   
    width: 282px;
    min-height: 314px;
    height: auto !important;
    height: 314px;    
    padding-top: 20px;
    padding: 20px 20px 0px 20px;
    float:left;    
}

div.template3-left table,
div.template3-right table
{
	width:242px !important;
}

div.template3-right
{    
    width: 282px;
    min-height: 314px;
    height: auto !important;
    height: 314px;    
    padding: 20px 20px 0px 20px;
    float:right;
    clear:right;    
}

div.register-header
{    
   	position : relative;
    background:#514e86;
    width:650px;
    height:54px;
}

div.register-content1
{    
   	position : relative;
    background:#514e86;
    width:650px;
    margin-top:5px;
    
    min-height: 500px;
    height: auto !important;
    height: 500px;
}

#register-left
{    
   	position : relative;
    background:#514e86;
    width:322px;
    height:335px;
    margin-top:5px;
    float:left;
}
#register-right
{    
   	position: relative;
    background:#514e86;
    width:322px;
    height:335px;
    top:5px;
    float:right;
    clear:right;
}
#form-left 
{   
    position: relative;
    width:200px;
    height:248px;
    padding:0px;
    margin:0px;    
    padding:0px; 
    float:left;   
}

#form-right
{   
    position: relative;
    width:394px;
    height:248px;
    padding:0px;
    margin:0px; 
    float:left;
    clear:right;   
}

#register-form 
{   
	position: relative;
	padding: 0px;
	margin: 0px;  
	margin-top: 20px;
	margin-bottom: 20px;
	left: 40px;
	text-align: right;
	color: #fff;
	font-weight: bold;  
	font-size: 12px;
}

#register-form td input 
{
	padding: 0px; 
	width: 40px; 
	font-size: 16px; 
}
#register-form td .textbox 
{
	padding: 0px; 
	width: 370px; 
	font-size: 16px; 
}

div.basiclayout-contentinstance
{    
   	position : relative;
    width:620px;
    min-height: 570px;
    height: auto !important;
    height: 570px;
    margin-top:0px;
    padding-right: 30px;
    padding-bottom: 30px;
    border:0px;
}

div.basiclayout-content
{
    width: 590px;
    min-height: 357px;
    height: auto !important;
    height: 357px;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
    color: #fff;
}

div.basiclayout-content1
{    
    width:650px;
    min-height: 240px;
    height: auto !important;
    height: 240px;       
}

div.basiclayout-content2
{
	border-right: solid 2px #fff;
    width: 438px;    
    min-height: 380px;
    height: auto !important;
    height: 380px;    
    float: left;           
}

div.basiclayout-content3
{   
    width: 210px;
    min-height: 380px;
    height: auto !important;
    height: 380px;
    float: right;
}

#basiclayout-text
{   
    /* padding-top: 20px; */
    /* padding-right: 30px; */
    padding-left: 10px;
    /* padding-bottom: 20px; */
}

#basiclayout-text span.description-left-small a,
#basiclayout-text span.description-left-small a:Active,
#basiclayout-text span.description-left-small a:Hover,
#basiclayout-text span.description-left-small a:Visited
{   
	text-decoration: underline;
    color: #fff;
}

#basiclayout-text p
{
	color: #fff;
}

#basiclayout-smalltext
{   
    position : relative;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 70px;
    padding-bottom: 10px;
}
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
    width: 50px;
}

div.SuccessfulReg,
div.EmailVerificationError,
div.RegistrationComplete
{
	color: #fff;
	padding-top: 15px;
	padding-left: 30px;
	width: 600px;
	height: 570px;
}

div.SuccessfulReg p,
div.EmailVerificationError p,
div.RegistrationComplete p
{
	padding-top: 10px;
	padding-bottom: 10px;
}

div.SuccessfulReg h2
{
	margin-bottom: 10px;
}

a.Register
{
	display: block;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #fff;
	padding: 2px 5px 2px 5px;
	width: 40px;
}

div.ErrorMessage
{
	background-color: #fff;
	color: Red;
	border: solid 1px black;
	padding: 10px 10px 0px 10px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;	
	width: 550px;
}

div.ErrorMessage p
{
	font-weight: bold;
	padding-bottom: 10px;
}

div.search-header
{    
   	position : relative;
    width:620px;
    margin-top:0px;
    padding:0px;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.search-content1
{    
 position : relative;
 width:650px;
 min-height:230px;
}
div.search-content2
{    
 position : relative;
 width:650px;
 min-height:480px;
}
div.search-headtext
{
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

#search-text
{   
    position : relative;
    FONT-SIZE: 16px;
    font-weight:400;
    text-align: left;
    color:#fff;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 25px;
}

#search-form 
{   
	position: relative;
	padding: 0px;
	margin: 0px;  
	margin-top: 20px;
	margin-bottom: 20px;
	/* left: 40px; */
	text-align: left;
	color: #fff;
	font-weight: 400;  
	font-size: 14px;
}

#search-form td input
{
	padding: 0px; 
	width: 75px; 
	font-size: 14px;
}

#search-form td .textbox 
{
	padding: 0px; 
	width: 350px; 
	font-size: 14px; 
}

.search-button
{
	background-color: #000;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #fff;
	padding: 1px 5px 1px 5px;
	width: 70px;
}

.dynamic-form
{
	background-color: #75ad98;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	text-decoration: none;
	border: solid 1px #fff;
	padding: 1px 5px 1px 5px;
	width: 70px;
}

a.search-list
{
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 16px;
	border: solid 1px #fff;
	padding: 5px 10px 5px 10px;
	margin-bottom: 5px;
}

/* countdown control */

div.countdown
{
	padding-left: 5px;
	padding-top: 15px;
	padding-right: 8px;
	color: #fff;
	font-size:0.8em;
}

div.countdown a,
div.countdown a:Hover,
div.countdown a:Active,
div.countdown a:Visited
{
	text-decoration: underline;
	color: #fff;
}

/*div.countdown h1
{
	display: inline;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
}*/

#countbox
{
	font-size: 14px;
    color: #fff;
}

/*====== Form Builder ======*/
/* styles taken from Eastgate */

table.TBLcomgenicFormBuilder {
	/*width : 100%;*/
	margin-top : 20px;
}

table.TBLcomgenicFormBuilder tr.question th,
table.TBLcomgenicFormBuilder tr.question td {
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight : normal;
	vertical-align : top;
	text-align : left;
}

table.TBLcomgenicFormBuilder tr.answer td label,
table.TBLcomgenicFormBuilder tr.question td label,
table.TBLcomgenicFormBuilder tr.question th label {
	font-size : 0.9em;
	color: #fff;
}

table.TBLcomgenicFormBuilder tr.question th {
	color: #fff;
}

table.TBLcomgenicFormBuilder .required,
table.TBLcomgenicFormBuilder tr.question td .required,
table.TBLcomgenicFormBuilder tr.question th .required,
table.TBLcomgenicFormBuilder tr.answer td .required {
	font-weight : bold;
	color: #fff;
}

table.TBLcomgenicFormBuilder tr.answer td {
	padding-bottom : 3px;
}

table.TBLcomgenicFormBuilder tr.answer td .answernote {
	display : block;
	font-size : 0.7em;
	padding-top : 5px;
	color : #fff;
}

table.TBLcomgenicFormBuilder td.questionNumber {
	width : 20px;
	padding-right : 5px;
	text-align : right;	
	font-size : 0.9em;
	color : #fff;
}

table.TBLcomgenicFormBuilder .errorMessage {
	color : red;
}

div#questionnairenote p {
	font-size : 0.7em;	
	margin : 0px;
}

table.TBLcomgenicFormBuilder .textbox {
	width : 390px;	
}

table.TBLcomgenicFormBuilder .textarea {
	width : 390px;	
	height : 80px;
	font-family : arial, verdana, helvetica;
}

table.TBLcomgenicFormBuilder .radiolist,
table.TBLcomgenicFormBuilder .checkboxlist {
	padding : 0px;
	margin : 0px;
}

table.TBLcomgenicFormBuilder .radiolist input,
table.TBLcomgenicFormBuilder .checkboxlist input {
	margin-right : 8px;
	width: auto;	
}

table.TBLcomgenicFormBuilder td.submit {
	text-align : right;	
}

table.TBLcomgenicFormBuilder tr.answer td.formelement span 
{
	color: #fff;
}

/* Product and Brand search */

div.divPandB 
{
	font-size: 10pt;
	color: #fff;
	display: inline-table;
	
}
div.divPandB div {
	float : left;
}
div.divPandB div.divProduct {
	width:200px;	
	padding-top : 0.5em;
}
div.divPandB div.divProduct label {
	display : block;
	padding-top : 2px;
}
div.divPandB div.divAndOr 
{
	padding-left: 20px;
	padding-top : 0.6em;	
	width : 73px;
}
div.divPandB div.divAndOr input 
{
	width: 20px;
	margin-right : 0.70em;
}
div.divPandB div.divAndOr label {
	float : left;
	margin : 0.2em 0.7em 0 0.2em;
}
* html div.divPandB div.divAndOr label {
	float : left;
	margin : 0.2em 0.5em 0 0.2em;
}
div.divPandB div.divBrand {
	width : 200px;	
	padding-top : 0.5em;
}
div.divPandB div.divBrand label {
	display : block;
	padding-top : 2px;
}
div.divPandB div.divGo {
	padding-top : 0.6em;
	margin-left : 10px;
}
div.divAlphabet
{
	/* margin-left: 100px; */
	/* width: 375px; */
}

/* 1-column lists */
div.divSearchResults,
div.divZoneList,
div.divSDOptions
{	
	position : relative;
	margin-top : 20px;
	width : 100%;
	padding-bottom: 20px;
}
div.divSearchResults a,
div.divZoneList a,
div.divSDOptions a
{
	float : left;
	display : inline;
	width : 560px;
	text-decoration : none;
	text-align: center;
	padding-top : 8px;
	padding-bottom: 8px;
	margin-left : 6px;
	margin-bottom : 6px;
	font-size : 1.0em;
	font-weight : bold;
	background-color : #807f83;
	color: #fff;
	line-height : 1em;
	border: solid 1px #fff;	
}
div.divSearchResults a:Hover,
div.divZoneList a:Hover,
div.divSDOptions a:Hover
{
	background-color: #000;
}

/* 2-column lists */
div.divStoreCategoryList,
div.divStoreList
{	
	position : relative;
	margin-top : 20px;
	width : 100%;
	padding-bottom: 20px;
}
div.divMapLink a,
div.divStoreCategoryList a,
div.divStoreList a
{
	float : left;
	display : inline;
	width : 285px;
	text-decoration : none;
	text-align: center;
	padding-top : 10px;
	padding-bottom: 10px;
	margin-left : 6px;
	margin-bottom : 6px;
	font-size : 1.0em;
	font-weight : bold;
	background-color : #807f83;
	color: #fff;
	line-height : 1em;
	border: solid 1px #fff;	
}
div.divMapLink a:Hover,
div.divStoreCategoryList a:Hover,
div.divStoreList a:Hover
{
	background-color: #000;
}

div.divMapLink a
{
	float : left;
	display : inline;
	width : 160px;
	text-decoration : none;
	text-align: center;
	padding-top : 10px;
	padding-bottom: 10px;
	margin-left : 6px;
	margin-bottom : 6px;
	font-size : 1.0em;
	font-weight : bold;
	background-color : #807f83;
	color: #fff;
	line-height : 1em;
	border: solid 1px #fff;	
}
div.divMapLink a:Hover
{
	background-color: #000;
}

/* Intros on Store pages */
div.divTheShops,
div.divOptions,
div.divAtoZ
{
	padding-top: 5px;
	padding-bottom: 20px;
	font-size: 13pt;
	font-weight: bold;
	background:#000;
}

/* Store Details Page */
div.divStoreDetails
{
	min-height: 550px;
	height: auto !important;
	height: 550px;
}

div.divStoreText
{
	float: left;
	width: 280px;
}

span.sftext
{
	margin-left:5px;
}

span.sfclear
{
	height:0px;
	clear:both;		
	margin-bottom:0px;
}

div.divStoreText a 
div.divStoreText a:hover,
div.divStoreText a:visited,
div.divStoreText a:active
{
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
}

div.divStoreText h2
{
	font-weight: bold;
}

div.divInfo
{
	display : inline;
	width: 285px;
	float: right;
}

div.divInfo div.divStoreImages
{
	float: left;
	padding-top: 10px;
	padding-left: 6px;
}

div.divInfo div.divStoreImages div.divStoreImage img,
div.divInfo div.divStoreImages div.divStoreLogo img
{
	width: 160px;
	padding-bottom: 10px;
}

/* Store Summary */

div.divStoreSummary
{
	min-height: 550px;
	height: auto !important;
	height: 530px;
	background-color: #807f83;
	color: #fff;
	padding-left: 30px;
	padding-right: 7px;
}

a
{
	color:#adcfe6;
}

.bar
{
	height:4px;
	width:650px;
	background:#fff;
}