/*
Style sheet for historicphotographs.com.au
(c) 2011 Internet Exposure
*/


/*
Global links
*/


.mode1 a:link,
.mode2 a:link,
.mode3 a:link,
.mode4 a:link { color: #ffffff; }

.mode1 a:visited,
.mode2 a:visited,
.mode3 a:visited,
.mode4 a:visited { color: #ffffff; }

.mode1 a:active,
.mode2 a:active { color: #ffcb73; } 
.mode3 a:active { color: #eeeeee } 
.mode4 a:active { color: #FFC875 } 

.mode1 a:hover,
.mode2 a:hover { color: #ffcb73; }
.mode3 a:hover { color: #eeeeee }
.mode4 a:hover { color: #FFC875 }


/*
Home page links
*/


.mode1 a.browselink:link { color: #ffffff; text-decoration: none; } 
.mode2 a.browselink:link { color: #ffcb73; text-decoration: none; } 
.mode3 a.browselink:link { color: #eeeeee; text-decoration: none; } 
.mode4 a.browselink:link { color: #dddddd; text-decoration: none; } 

.mode1 a.browselink:visited { color: #ffffff; text-decoration: none; }
.mode2 a.browselink:visited { color: #ffcb73; text-decoration: none; }
.mode3 a.browselink:visited { color: #eeeeee; text-decoration: none; }
.mode4 a.browselink:visited { color: #dddddd; text-decoration: none; }

.mode1 a.browselink:active { color: #ffcb73; text-decoration: underline; } 
.mode2 a.browselink:active, 
.mode3 a.browselink:active, 
.mode4 a.browselink:active { color: #FFFFFF; text-decoration: underline; } 

.mode1 a.browselink:hover { color: #ffcb73; text-decoration: underline; }
.mode2 a.browselink:hover,
.mode3 a.browselink:hover,
.mode4 a.browselink:hover { color: #FFFFFF; text-decoration: underline; }


.mode1 a.browsesublink:link { color: #eeeeee; text-decoration: none; } 
.mode2 a.browsesublink:link,
.mode3 a.browsesublink:link,
.mode4 a.browsesublink:link { color: #FFFFFF; text-decoration: none; } 

.mode1 a.browsesublink:visited { color: #eeeeee; text-decoration: none; }
.mode2 a.browsesublink:visited,
.mode3 a.browsesublink:visited,
.mode4 a.browsesublink:visited { color: #FFFFFF; text-decoration: none; }


.mode1 a.browsesublink:active { color: #ffcb73; text-decoration: underline; } 
.mode2 a.browsesublink:active { color: #ffcb73; text-decoration: underline; } 
.mode3 a.browsesublink:active { color: #eeeeee; text-decoration: underline; } 
.mode4 a.browsesublink:active { color: #dddddd; text-decoration: underline; } 

.mode1 a.browsesublink:hover { color: #ffcb73; text-decoration: underline; }
.mode2 a.browsesublink:hover { color: #ffcb73; text-decoration: underline; }
.mode3 a.browsesublink:hover { color: #eeeeee; text-decoration: underline; }
.mode4 a.browsesublink:hover { color: #dddddd; text-decoration: underline; }


.mode1 a.scopelink:link,
.mode2 a.scopelink:link,
.mode3 a.scopelink:link,
.mode4 a.scopelink:link  { color: #FFFFFF; text-decoration: none; } 

.mode1 a.scopelink:visited,
.mode2 a.scopelink:visited,
.mode3 a.scopelink:visited,
.mode4 a.scopelink:visited  { color: #FFFFFF; text-decoration: none; }

.mode1 a.scopelink:active,
.mode2 a.scopelink:active,
.mode3 a.scopelink:active,
.mode4 a.scopelink:active  { color: #ffcb73; text-decoration: underline; } 

.mode1 a.scopelink:hover,
.mode2 a.scopelink:hover,
.mode3 a.scopelink:hover,
.mode4 a.scopelink:hover  { color: #ffcb73; text-decoration: underline; }


/*
Results links
*/


.mode1 a.imagecyclerlink:link IMG,
.mode2 a.imagecyclerlink:link IMG,
.mode3 a.imagecyclerlink:link IMG,
.mode4 a.imagecyclerlink:link IMG { border-color: #ffffff; border-style: solid; border-width: 4px; padding: 0; margin: 0; }

.mode1 a.imagecyclerlink:visited IMG,
.mode2 a.imagecyclerlink:visited IMG,
.mode3 a.imagecyclerlink:visited IMG,
.mode4 a.imagecyclerlink:visited IMG { border-color: #ffffff; border-style: solid; border-width: 4px; padding: 0; margin: 0; }

.mode1 a.imagecyclerlink:active IMG,
.mode2 a.imagecyclerlink:active IMG,
.mode3 a.imagecyclerlink:active IMG,
.mode4 a.imagecyclerlink:active IMG { border-color: #ca002e; border-style: solid; border-width: 4px; padding: 0; margin: 0; }

.mode1 a.imagecyclerlink:hover IMG,
.mode2 a.imagecyclerlink:hover IMG,
.mode3 a.imagecyclerlink:hover IMG,
.mode4 a.imagecyclerlink:hover IMG { border-color: #ca002e; border-style: solid; border-width: 4px; padding: 0; margin: 0; }


.mode1 a.thumblink:link IMG,
.mode2 a.thumblink:link IMG,
.mode3 a.thumblink:link IMG,
.mode4 a.thumblink:link IMG { border-color: #ffffff; border-style: solid; border-width: 4px; padding: 0; margin: 0 }

.mode1 a.thumblink:visited IMG,
.mode2 a.thumblink:visited IMG,
.mode3 a.thumblink:visited IMG,
.mode4 a.thumblink:visited IMG { border-color: #ffffff; border-style: solid; border-width: 4px; padding: 0; margin: 0 }

.mode1 a.thumblink:active IMG,
.mode2 a.thumblink:active IMG,
.mode3 a.thumblink:active IMG,
.mode4 a.thumblink:active IMG { border-color: #ca002e; border-style: solid; border-width: 4px; padding: 0; margin: 0 }

.mode1 a.thumblink:hover IMG,
.mode2 a.thumblink:hover IMG,
.mode3 a.thumblink:hover IMG,
.mode4 a.thumblink:hover IMG { border-color: #ca002e; border-style: solid; border-width: 4px; padding: 0; margin: 0 }


.mode1 a.buttonlink:link IMG,
.mode2 a.buttonlink:link IMG,
.mode3 a.buttonlink:link IMG,
.mode4 a.buttonlink:link IMG { border-color: #ffffff; border-style: solid; border-width: 1px; padding: 0; margin: 0 }

.mode1 a.buttonlink:visited IMG,
.mode2 a.buttonlink:visited IMG,
.mode3 a.buttonlink:visited IMG,
.mode4 a.buttonlink:visited IMG { border-color: #ffffff; border-style: solid; border-width: 1px; padding: 0; margin: 0 }

.mode1 a.buttonlink:active IMG,
.mode2 a.buttonlink:active IMG,
.mode3 a.buttonlink:active IMG,
.mode4 a.buttonlink:active IMG { border-color: #ffcb73; border-style: solid; border-width: 1px; padding: 0; margin: 0 }

.mode1 a.buttonlink:hover IMG,
.mode2 a.buttonlink:hover IMG,
.mode3 a.buttonlink:hover IMG,
.mode4 a.buttonlink:hover IMG { border-color: #ffcb73; border-style: solid; border-width: 1px; padding: 0; margin: 0 }

.mode1 a.morelink:link,
.mode2 a.morelink:link,
.mode3 a.morelink:link,
.mode4 a.morelink:link { color: #EEEEEE; text-decoration: none; }

.mode1 a.morelink:visited,
.mode2 a.morelink:visited,
.mode3 a.morelink:visited,
.mode4 a.morelink:visited { color: #EEEEEE; text-decoration: none; }

.mode1 a.morelink:active,
.mode2 a.morelink:active,
.mode3 a.morelink:active,
.mode4 a.morelink:active { color: #ffffff; text-decoration: underline; }

.mode1 a.morelink:hover,
.mode2 a.morelink:hover,
.mode3 a.morelink:hover,
.mode4 a.morelink:hover { color: #ffffff; text-decoration: underline; }


.mode1 a.actionlink:link,
.mode2 a.actionlink:link { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #3a4b3f; padding: 5px; text-decoration: none; } 
.mode3 a.actionlink:link { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: rgb(85,85,85); padding: 5px; text-decoration: none;} 
.mode4 a.actionlink:link { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #222222; padding: 5px; text-decoration: none;} 

.mode1 a.actionlink:visited,
.mode2 a.actionlink:visited { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #3a4b3f; padding: 5px; text-decoration: none; } 
.mode3 a.actionlink:visited { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: rgb(85,85,85); padding: 5px; text-decoration: none;} 
.mode4 a.actionlink:visited { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #222222; padding: 5px; text-decoration: none;} 

.mode1 a.actionlink:hover,
.mode2 a.actionlink:hover { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #86978b; padding: 5px; text-decoration: none; } 
.mode3 a.actionlink:hover { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #aaaaaa; padding: 5px; text-decoration: none;} 
.mode4 a.actionlink:hover { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #999999; padding: 5px; text-decoration: none;} 

.mode1 a.actionlink:active,
.mode2 a.actionlink:active { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #86978b; padding: 5px; text-decoration: none; } 
.mode3 a.actionlink:active { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #aaaaaa; padding: 5px; text-decoration: none;} 
.mode4 a.actionlink:active { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #999999; padding: 5px; text-decoration: none;}  


a.actionlinkred:link { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #aa556a; padding: 5px; text-decoration: none;} 

a.actionlinkred:visited { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #aa556a; padding: 5px; text-decoration: none;} 

a.actionlinkred:hover { font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #ca002e; padding: 5px; text-decoration: none;} 

a.actionlinkred:active{ font-weight: inherit; color: #ffffff; border: 2px solid #ffffff; background-color: #ca002e; padding: 5px; text-decoration: none;} 


/*
Header styles
*/

/* original
.mode1 #header { color: #ffffff; margin: 0px; border: 0; padding: 0; background: #3a4b3f url(header_back_1.jpg) no-repeat top center }
.mode1 #header .menucell {color: #ffffff;  background-color: rgb(33,50,38); border-style: solid; border-top-width: 1px; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-right-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none }
.mode1 #header .headercell {color: #ffffff; border-style: none; border-width: 0px}
*/
.mode1 #header { color: #ffffff; margin: 0px; border: 0; padding: 0; background-color: #3a4b3f; }
.mode1 #header .menucell { height: 30px; color: #ffffff;  background-color: rgb(33,50,38); font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; border-style: solid; border-top-width: 0px; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-right-width: 0px; }
.mode1 #header .headercell {color: #ffffff; border-style: none; border-width: 0px}

.mode1 #header a:link  { color: #ffffff; text-decoration: none }
.mode1 #header a:visited { color: #ffffff; text-decoration: none }
.mode1 #header a:active { color: #ffcb73; text-decoration: none } 
.mode1 #header a:hover { color: #ffcb73; text-decoration: none }

.mode1 #header a.highlight:link  { color: #ffcb73; text-decoration: none }
.mode1 #header a.highlight:visited { color: #ffcb73; text-decoration: none }
.mode1 #header a.highlight:active { color: #ffffff; text-decoration: none } 
.mode1 #header a.highlight:hover { color: #ffffff; text-decoration: none }

.mode2 #header { color: #ffffff; margin: 0px; border: 0; padding: 0; background-color: #536458; }
.mode2 #header .menucell {height: 30px; color: #ffffff;  background-color: #3a4b3f; border-style: solid; border-top-width: 0px; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-right-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none }
.mode2 #header .headercell {color: #ffffff; border-style: none; border-width: 0px}

.mode2 #header a:link  { color: #ffffff; text-decoration: none }
.mode2 #header a:visited { color: #ffffff; text-decoration: none }
.mode2 #header a:active { color: #ffcb73; text-decoration: none } 
.mode2 #header a:hover { color: #ffcb73; text-decoration: none }

.mode2 #header a.highlight:link  { color: #ffcb73; text-decoration: none }
.mode2 #header a.highlight:visited { color: #ffcb73; text-decoration: none }
.mode2 #header a.highlight:active { color: #ffffff; text-decoration: none } 
.mode2 #header a.highlight:hover { color: #ffffff; text-decoration: none }

.mode3 #header { color: #ffffff; margin: 0px; border: 0; padding: 0; background-color: rgb(85,85,85); }
.mode3 #header .menucell {height: 30px; color: #ffffff;  background-color: #444444; border-style: solid; border-top-width: 0px; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-right-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none }
.mode3 #header .headercell {color: #ffffff;  border-style: none; border-width: 0px}

.mode3 #header a:link  { color: #ffffff; text-decoration: none }
.mode3 #header a:visited { color: #ffffff; text-decoration: none }
.mode3 #header a:active { color: #ffcb73; text-decoration: none } 
.mode3 #header a:hover { color: #ffcb73; text-decoration: none }

.mode3 #header a.highlight:link  { color: #ffcb73; text-decoration: none }
.mode3 #header a.highlight:visited { color: #ffcb73; text-decoration: none }
.mode3 #header a.highlight:active { color: #ffffff; text-decoration: none } 
.mode3 #header a.highlight:hover { color: #ffffff; text-decoration: none }

.mode4 #header { color: #ffffff; margin: 0px; border: 0; padding: 0; background-color: #222222; }
.mode4 #header .menucell {height: 30px; color: #ffffff;  background-color: #000000; border-style: solid; border-top-width: 0px; border-top-color: #FFFFFF; border-bottom-width: 1px; border-bottom-color: #FFFFFF; border-left-width: 0px; border-right-width: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none; }
.mode4 #header .headercell {color: #ffffff;  border-style: none; border-width: 0px}

.mode4 #header a:link  { color: #ffffff; text-decoration: none }
.mode4 #header a:visited { color: #ffffff; text-decoration: none }
.mode4 #header a:active { color: #FFC875; text-decoration: none } 
.mode4 #header a:hover { color: #FFC875; text-decoration: none }

.mode4 #header a.highlight:link  { color: #ffcb73; text-decoration: none }
.mode4 #header a.highlight:visited { color: #ffcb73; text-decoration: none }
.mode4 #header a.highlight:active { color: #ffffff; text-decoration: none } 
.mode4 #header a.highlight:hover { color: #ffffff; text-decoration: none }


.mode1 .headersearch,
.mode2 .headersearch { font-weight: bold; color: #ffffff; border: 2px solid rgb(33,50,38); background-color: #86978b; padding: 5px; } 
.mode3 .headersearch { font-weight: bold; color: #ffffff; border: 2px solid #aaaaaa; background-color: #555555; padding: 5px; } 
.mode4 .headersearch { font-weight: bold; color: #ffffff; border: 2px solid #999999; background-color: #000000; padding: 5px; } 

/*
Text classes
*/

h2 { border-style: solid; border-color: #ffffff; border-width: 0px 0px 1px 0px; margin: 0px 10px 0px 10px; text-align: left; padding: 4px 0px 4px 0px; clear: both; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; }

.mode1 h2,
.mode3 h2 {  color: #ffffff; }
.mode2 h2 {  color: #ffcb73; }
.mode4 h2 {  color: #eeeeee; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }

.mode1 h3,
.mode3 h3 {  color: #ffffff; }
.mode2 h3 {  color: #ffcb73; }
.mode4 h3 {  color: #eeeeee; }

.maintitle { margin-top: 10px; }
.mode1 .maintitle,
.mode3 .maintitle {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ffffff; }
.mode2 .maintitle {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #ffcb73; }
.mode4 .maintitle {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #eeeeee; }

.mode1 .hometitle,
.mode2 .hometitle,
.mode3 .hometitle,
.mode4 .hometitle  {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; }


.mode1 .subtitle,
.mode2 .subtitle,
.mode3 .subtitle,
.mode4 .subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffffff; }


.mode1 .homesubtitle,
.mode3 .homesubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #FFFFFF; }
.mode2 .homesubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #ffcb73; }
.mode4 .homesubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #eeeeee; }

.mode1 .subtitlegrey,
.mode2 .subtitlegrey,
.mode3 .subtitlegrey,
.mode4 .subtitlegrey { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #cccccc; }


.mode1 .subsubtitle,
.mode2 .subsubtitle,
.mode3 .subsubtitle,
.mode4 .subsubtitle  { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; }


.mode1 .standardtext,
.mode2 .standardtext,
.mode3 .standardtext,
.mode4 .standardtext  { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #ffffff; }


.mode1 .standardtextgrey,
.mode2 .standardtextgrey,
.mode3 .standardtextgrey,
.mode4 .standardtextgrey { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #cccccc; }


.mode1 .standardtextmedium,
.mode2 .standardtextmedium,
.mode3 .standardtextmedium,
.mode4 .standardtextmedium { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff;}

.mode1 .standardtextsmall,
.mode2 .standardtextsmall,
.mode3 .standardtextsmall,
.mode4 .standardtextsmall { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #ffffff;}


.mode1 .footermenutext,
.mode2 .footermenutext,
.mode3 .footermenutext,
.mode4 .footermenutext { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #ffffff;}


.mode1 .tinytext,
.mode2 .tinytext,
.mode3 .tinytext,
.mode4 .tinytext { font-family: Arial, Helvetica, sans-serif; font-size: 8px; font-weight: bold; color: #ffffff;}


.mode1 .standardsubtext,
.mode2 .standardsubtext,
.mode3 .standardsubtext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #dddddd;}
.mode4 .standardsubtext { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #eeeeee;}


.mode1 .recordtext,
.mode2 .recordtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffcb73;}
.mode3 .recordtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #dddddd;}
.mode4 .recordtext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff;}


.mode1 .recordtextsmall,
.mode2 .recordtextsmall,
.mode3 .recordtextsmall,
.mode4 .recordtextsmall { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; }


.mode1 .recordsubtext,
.mode2 .recordsubtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffcb73; }
.mode3 .recordsubtext,
.mode4 .recordsubtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dddddd; }


.mode1 .recordIDtext,
.mode2 .recordIDtext,
.mode3 .recordIDtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff; }
.mode4 .recordIDtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #dddddd; }


.mode1 .recordtextverysmal,
.mode2 .recordtextverysmal,
.mode3 .recordtextverysmal,
.mode4 .recordtextverysmal { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #ffffff; }


.mode1 .yeartext,
.mode2 .yeartext,
.mode3 .yeartext,
.mode4 .yeartext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF;}


.mode1 .pricetext,
.mode2 .pricetext,
.mode3 .pricetext,
.mode4 .pricetext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #ffffff; }


.mode1 .shoptotal,
.mode2 .shoptotal,
.mode3 .shoptotal,
.mode4 .shoptotal { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; }


.mode1 .shoptext,
.mode2 .shoptext,
.mode3 .shoptext,
.mode4 .shoptext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #ffffff;}


.mode1 .shopsubtitle,
.mode2 .shopsubtitle,
.mode3 .shopsubtitle,
.mode4 .shopsubtitle { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; }


.mode1 .standardtextmedium,
.mode2 .standardtextmedium,
.mode3 .standardtextmedium,
.mode4 .standardtextmedium { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #ffffff;}


.mode1 .descriptiontext,
.mode2 .descriptiontext,
.mode3 .descriptiontext,
.mode4 .descriptiontext { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF ;}


.mode1 .pricelisttext,
.mode2 .pricelisttext,
.mode3 .pricelisttext,
.mode4 .pricelisttext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff;}


.mode1 .thumbnew,
.mode2 .thumbnew { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffcb73;}
.mode3 .thumbnew,
.mode4 .thumbnew { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #dddddd;}


.mode1 .previewnew,
.mode2 .previewnew { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffcb73;}
.mode3 .previewnew,
.mode4 .previewnew { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #dddddd;}


.mode1 .moretext,
.mode2 .moretext,
.mode3 .moretext { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #ffffff;}
.mode4 .moretext { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #eeeeee;}

.mode1 .advancedsearchtext,
.mode2 .advancedsearchtext,
.mode3 .advancedsearchtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #dddddd;}
.mode4 .advancedsearchtext { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #eeeeee;}

.mode1 .advancedsearchtexttitle,
.mode2 .advancedsearchtexttitle,
.mode3 .advancedsearchtexttitle { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #dddddd;}
.mode4 .advancedsearchtexttitle { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #eeeeee;}



/*
Block Classes
*/

.imagecycleimage { vertical-align: middle; }

p { margin-bottom: 4px; }

#pagecontent { margin-top: 10px; }

.maincontent { min-width: 950px; margin-left: auto; margin-right: auto; }

/*
.fullwidthcontent { text-align: center; max-width: 950px; }
*/

.fullwidthcontent { text-align: center; }

#paymentform input,
#paymentform textarea,
#paymentform select { width: 400px; }

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #ffffff; background-color: #86978b; }

body.mode1 { color: #ffffff; background-color: #86978b; background-image: url(body_back_1.jpg); background-attachment:fixed; background-position: top left; background-repeat: repeat-x; margin: 0px; border: 0px; padding: 0px; }
body.mode2  { color: #ffffff; background-color: rgb(115,137,106); background-image: url(body_back_2.jpg); background-attachment:fixed; background-position: top left; background-repeat: repeat-x; margin: 0px; border: 0px; padding: 0px; }
body.mode3 { color: #ffffff; background-color: rgb(150,150,150); background-image: url(body_back_3.jpg); background-attachment:fixed; background-position: top left; background-repeat: repeat-x; margin: 0px; border: 0px; padding: 0px; }
body.mode4 { color: #ffffff; background-color: rgb(96,96,96); background-image: url(body_back_4.jpg); background-attachment: fixed; background-position: top left; background-repeat: repeat-x; margin: 0px; border: 0px; padding: 0px;}


/* dark rgb(33,50,38) medium #3a4b3f; light  #86978b; */

.mode1 .pagetitle,
.mode2 .pagetitle { padding: 10px; color: #ffffff;  background-color: #86978b; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none }
.mode3 .pagetitle { padding: 10px; color: #ffffff;  background-color: #aaaaaa; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none }
.mode4 .pagetitle { padding: 10px; color: #ffffff;  background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none }


.mode1 .advancedsearch { margin-top: -20px; padding: 0px 10px 10px 300px; color: #ffffff;  background-color: #3a4b3f; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff; }
.mode2 .advancedsearch { margin-top: -20px; padding: 0px 10px 10px 300px; color: #ffffff;  background-color: #536458; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff;  }
.mode3 .advancedsearch { margin-top: -20px; padding: 0px 10px 10px 300px; color: #ffffff;  background-color: rgb(85,85,85); font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff;  }
.mode4 .advancedsearch { margin-top: -20px; padding: 0px 10px 10px 300px; color: #ffffff;  background-color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none; border-width: 0px 0px 0px 0px; border-style: solid; border-color: #ffffff;  }

.mode1 .columntitlebar { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: rgb(33,50,38) }
.mode2 .columntitlebar { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #3a4b3f}
.mode3 .columntitlebar { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #444444}
.mode4 .columntitlebar { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #000000}


.mode1 .columntextbar,
.mode2 .columntextbar { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 4px; border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #86978b}
.mode3 .columntextbar  { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 4px; border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #aaaaaa}
.mode4 .columntextbar  { margin-top: 0px; margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 4px; border-top-width: 0px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #333333}


.mode1 .footerbar,
.mode2 .footerbar { margin: 10px 0px 0px 0px; padding: 10px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #536458}
.mode3 .footerbar { margin: 10px 0px 0px 0px; padding: 10px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #555555}
.mode4 .footerbar { margin: 10px 0px 0px 0px; padding: 10px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #222222}

.footerbar a:link, .footerbar a:visited { text-decoration: none; }
.footerbar a:active, .footerbar a:hover { text-decoration: underline; }

/*
.mode1 .textbar,
.mode2 .textbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #536458}
.mode3 .textbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #555555}
.mode4 .textbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff ; background-color: #222222}
*/

.mode1 .textbar,
.mode2 .textbar,
.mode3 .textbar,
.mode4 .textbar { text-align: left; margin-top: 0px;  margin-left: 10px; margin-right: 10px; margin-bottom: 10px; padding: 4px; }


/* original
.mode1 .previewdetailsbar,
.mode2 .previewdetailsbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #536458}
.mode3 .previewdetailsbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #555555}
.mode4 .previewdetailsbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 10px; padding: 4px; border-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #000000}


.mode1 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 10px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #3a4b3f}
.mode2 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 4px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #86978b}
.mode3 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 4px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #aaaaaa}
.mode4 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 4px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #999999}

*/

.mode1 .previewdetailsbar,
.mode2 .previewdetailsbar { padding: 10px; background-color: #536458}
.mode3 .previewdetailsbar { padding: 10px; background-color: #555555}
.mode4 .previewdetailsbar { padding: 10px; background-color: #000000}


.mode1 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 10px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #3a4b3f}
.mode2 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 10px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #86978b}
.mode3 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 10px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #aaaaaa}
.mode4 .previewtitlebar { text-align: left; margin: 0px 0px 0px 0px; padding: 10px; border-top-width: 0px; border-left-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #999999}



/* original
.mode1 .resultsbar,
.mode2 .resultsbar { margin: 0px 0px 10px 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff; background-color: #536458;}
.mode3 .resultsbar { margin: 0px 0px 10px 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff; background-color: #555555;}
.mode4 .resultsbar { margin: 0px 0px 10px 0px; padding: 4px; border-width: 1px; border-style: solid; border-color: #ffffff; background-color: #222222;}
*/

.resultsbar { }


.mode1 .titlebar { text-align: left; margin: 0px 10px 0px 10px; padding: 4px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #3a4b3f; }
.mode2 .titlebar { text-align: left; margin: 0px 10px 0px 10px; padding: 4px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #86978b; }
.mode3 .titlebar { text-align: left; margin: 0px 10px 0px 10px; padding: 4px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #aaaaaa; }
.mode4 .titlebar { text-align: left; margin: 0px 10px 0px 10px; padding: 4px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff; background-color: #999999; }


.mode1 .alertbar,
.mode2 .alertbar,
.mode3 .alertbar,
.mode4 .alertbar { margin-top: 0px;  margin-left: 4px; margin-right: 4px; margin-bottom: 0px; padding: 4px; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; border-style: solid; border-color: #ffffff ; background-color: #ca002e}


.mode1 .subsectionbar,
.mode2 .subsectionbar,
.mode3 .subsectionbar,
.mode4 .subsectionbar { margin: 4px 0px 4px 0px; padding: 5px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #dddddd; }


.mode1 .resultspulldown,
.mode2 .resultspulldown,
.mode3 .resultspulldown,
.mode4 .resultspulldown { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000;}


.mode1 .previewimage,
.mode2 .previewimage,
.mode3 .previewimage,
.mode4 .previewimage { border: 5px; border-style: solid; border-color: #ffffff; background-color: #ffffff }


.mode1 .barpaddingdiv,
.mode2 .barpaddingdiv,
.mode3 .barpaddingdiv,
.mode4 .barpaddingdiv { padding: 0px 4px 0px 4px }


.splitwidth { display: inline-block; width: 50%; min-width: 687px; margin: 10px 0px 0px 0px; vertical-align: top; }


.splitwidthinner { width: 100%; }


.splitwidthcontent { width: 50%; float: left; clear: none; }


.splitwidthimage { width: 140px; float: left; clear: none; text-align: left; }


.splitwidthimage img { width: 120px; height: 120px; }


.splitwidthtext { width: auto; text-align: left; margin: 30px 0px 0px 0px; }

.clearing0px { clear: both; height: 0px; }