/* Version 2.2 - 15/05/07*/
/* Template */
body { color: #000; margin: 0; padding: 0; font-size: medium; font-family: Verdana, Arial, Helvetica, sans-serif;  background: #333 url("../images/bodyback.gif") 13.2% 0 repeat-y; }
#header { background-color: #fff; color: #000; width: 99.9%; overflow: hidden;}
#columns { clear: both; float: none; z-index: 100; }
#leftcolumn { float: left; background-color: #333; color: #fff; width: 22%; border-right: 2px solid #000; margin-top: 0em; padding-bottom: 1em; min-height: 42em;}
#rightcolumn { float: left; clear: right; background-color: #fff; color: #000; width: 77.7%;  min-height: 42em;padding-bottom: 1em;}

#bottom { clear: both; }
.columnheightrecogniser { font-size: 7px; line-height: 1px; } /* Required font-size for recognition */
.center, #rightcolumn .center { text-align: center; }
.hideelement { display: none; }

/* header */
.logoholder { background-color: #000; color: #fff; }
.logo { text-align: left; padding: 7px 0 1px 10px; }
.belowmenu { color: #fff; background-color: #333; width: 100%; height: 1em; position: relative;font-size: 0.65em;}

/* Tabs */
.tabs { background-color: #000; width: 100%; border-bottom: 1px solid #fff; color: #fff; clear: both; float: none; height: 2.2em; padding-left: 1px; padding-top: 0em; font-size: 0.65em; }
.lefttabs, .righttabs { background-color: #000; color: #fff; float: left;}
.tabs ul { margin: 0; padding: 0; clear: both; }
.tabs li { padding: 0; list-style: none; }
.tabs a:link, .tabs a:visited, .tabs a:active { text-decoration: none; font-weight: bold;   display: block;  border: none;}

/* Left tabs */ 
.lefttabs {  width: 22%; clear: left; border-right: 2px solid #000; margin-top: 0.65em; }
.lefttabs li { }
.lefttabs li.tab, .lefttabs li.tabon { margin-left: 0.2em; line-height: 1.4em; float: left; }
.lefttabs li.logintab, .lefttabs li.logintabon { float: right;  line-height: 1.4em; }
.lefttabs a:link, .lefttabs a:visited, .lefttabs a:active {  color: #003148;  background: url("../images/big_tab_left.gif") top left no-repeat;}
.lefttabs li span { padding: 1px 0.35em 1px 0.35em; background: url("../images/big_tab_right.gif") top right no-repeat; display: block; }
.lefttabs .logintab a:link, .lefttabs .logintab a:visited, .lefttabs .logintab a:active {  background: url("../images/big_tab_left_login.gif") top left no-repeat;  }
.lefttabs .logintab span {  background: url("../images/big_tab_right_login.gif") top right no-repeat; }

	/* left tabs hover and active state */
.lefttabs a:hover, .lefttabs li.tabon a:link, .lefttabs li.tabon a:visited, .lefttabs li.tabon a:active { background-position: 0px -130px;  }
.lefttabs li.logintab a:hover, .lefttabs li.logintabon a:link, .lefttabs li.logintabon a:visited, .lefttabs li.logintabon a:active { background-position: 0px -130px;  }
.lefttabs a:hover span, .lefttabs li.tabon span { background-position: 100% -92px; }
.lefttabs li.logintabon span { background-position: 100% -92px; }

/* Right Tabs */
.righttabs { width: 77%; clear: right; margin-top: 0.25em; }
.righttabs li { margin-left: 0.2em; line-height: 1.79em;  float: left; }
.righttabs a:link, .righttabs a:visited, .righttabs a:active { background: url("../images/tab_left.gif") top left no-repeat; color: #343434; }
.righttabs li span { padding: 1px 0.35em 1px 0.35em; background: url("../images/tab_right.gif") top right no-repeat; display: block; }

	/* Right tabs hover state */
.righttabs a:hover, .righttabs .tabon a:link, .righttabs .tabon a:visited, .righttabs .tabon a:active{ background-position: 0px -130px; color: #ededed; }
.righttabs a:hover span, .righttabs li.tabon span { background-position: 100% -92px; }
/* End Tabs */

/* Left Menu Join to Panel */
.belowmenu span {  display: none;border-left: 1px solid #fff; position: absolute; top: -1px; }
.belowmenu .joinsearch {   left: 0.3em; width: 4.25em;   background-color: #ABD6F8; }
.joincat { left: 4.9em; width: 6.45em;  background-color: #ABD6F8; }
.joinlogin { right: 78%; width: 3.4em; background-color: #B7E0FF;}
*html .belowmenu span { padding-bottom: 2px; }
*html .belowmenu .joinsearch { left: 0.5em; width: 4.35em; }
*html .belowmenu .joincat { left: 5.2em; }
*html .belowmenu .joinlogin {right: 78%; width: 3.45em; }

/* leftcolumn */
.leftbox { width: 99%; border-left: 2px solid #333; font-size: 0.75em; color: #003148; height: 21em;}
	/* Left column JS swappable */
#searchdiv, #logindiv { padding: 0 .5em .5em .5em;}
#logindiv, #catdiv, #searchdiv { display: none; background: #cce7ff url("../images/fadey_backer.jpg") top left no-repeat;}
#loggedin {display: none;}
#searchdiv { display: block;}
#catdiv, .lowerleft { font-size: medium; }
.searchfield { font-weight: bold; padding-top: 0.6em;}
.keyword { width: 85%; font-size: 0.8em; margin-top: 0.2em; border: 1px solid #000;}
.checkboxes { white-space: nowrap;}
.checkboxes input { width: auto;} 
.searchfield .pressbutton, .checkoutrow .pressbutton { background: #A5500A url("../images/searchbutton.gif") top left repeat-x; 19px; border: 1px solid #fff; padding: 1px 2px 1px 2px; font-size: 0.9em; color: #fff; font-weight:bold; width: auto;} 
.leftcategory { padding: 0.1em 0em 0.1em 0em; font-weight: bold; border-top: 1px solid #fff; line-height: 1.2em; margin-bottom: 0.1em; font-size: 0.75em }
.leftcategory a:link, .leftcategory a:visited, .leftcategory a:active{ text-indent: 0.5em; display: block; text-decoration: none; color: #003148;width: 100%;}
.leftcategory a:hover { background-color: #ccc;}

	/* left column static*/
.lowerleft { width: 99%; border-left: 2px solid #333; font-size: medium; color: #003148; }
.leftseperator { border-top: 1px solid #fff; font-size: 1px; line-height: 0px; height: 10px;  background-color: #6996C1; }
.leftstatic { padding: 0.1em 0em 0.1em 0em;  font-weight: bold; border-top: 1px solid #fff;   background-color: #B6DFFF; line-height: 1.25em; font-size: 0.75em }
.leftstatic a:link, .leftstatic a:visited, .leftstatic a:active { text-indent: 0.5em; text-decoration: none; color: #003148; display: block; width: 100%;}
.leftstatic a:hover { background-color: #ccc; }

/* rightcolumn & main content stuff */
#rightcolumn .maincontent { padding-left: 1em;}
	/* See stylesheet ll2.css */

/* new pages */
.finearttop { font-family: "Trebuchet MS", verdana, tahoma; color: #fff; margin: 1em 0 0 .5em; width: 90%; }
.finearttitle { font-size: x-large; font-weight: bold; font-family: "Trebuchet MS", verdana, tahoma; }
.servicetime { font-weight: bold; font-style:italic; } 
.specifications { float: left; clear: both; font-family: Trebuchet MS, verdana, tahoma; color: #fff; width: 45%; }
.specificationstitle { center" style="font-size: large; font-weight: bold; text-align: center; }
.fineartlinks { float: right; font-family: Trebuchet MS, verdana, tahoma; margin: 3em 2em 0; text-align: center; width: 40%; }
#rightcolumn .fineartlinks a:link, #rightcolumn .fineartlinks a:visited, #rightcolumn .fineartlinks a:active { text-decoration: underline; color: #FFCC66; font-weight: bold; font-size: 1.1em;}
.treb { font-family: "trebuchet MS", Verdana, Tahoma; }
.allproduct { text-align: center; color: #fff; width: 45%; float: left;}
.allproducttitle { padding: .7em 0 .25em 0; font-size: x-large;  font-family: "Trebuchet MS", verdana, tahoma;}
#uploadedthumbnails { clear: both; margin-top: 2em; width: 90%;}
.animgthumb { float: left; width: 100px; overflow: hidden; font-size: x-small; margin-right: 2em; text-align: center; margin-top: 1em;}
.uploadedfilename { margin-top: 2em; }
.orderscreen { clear: both; margin-top: 3em; width: 80%; margin-left: 2em;  font-size: small;}
.orderthumb { clear: left; float: left; width: 20%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; height: 10em;}
.orderproducts { float: left; width: 68%;  padding-left: 2em; border-bottom: 1px solid #ccc; height: 10em;}
.orderthumb img { margin-top: 4em; }
.upgraderole { color: #333; font-family: "trebuchet MS", Verdana, Tahoma; font-size: small; }
.prodpagehighlight { height: 2em; }
.prodpagehighlight .left { float:left; }
.prodpagehighlight .right { float: right; font-weight: bold; font-style:italic; }
#rightcolumn .upgraderole a:link, #rightcolumn .upgraderole a:visited, #rightcolumn .upgraderole a:active { color: blue; }

#rightcolumn .textpage { color: #fefefe; text-align: justify; font-family:"trebuchet MS", Verdana, Tahoma; }
#rightcolumn h2.textpage, #rightcolumn h2.textpagec { color: #fefefe;  font-family:"trebuchet MS", Verdana, Tahoma; padding: 0; font-size: x-large; }
#rightcolumn h2.textpagec { text-align: center; }
.blackback { padding: 0.2em; padding-right: 1em;}
.blackback, .blackback p, #rightcolumn .blackback div, .blackback a { background-color: #000; font-size: small;  }
#rightcolumn .blackback a:link, #rightcolumn .blackback a:visited, #rightcolumn .blackback a:active { text-decoration: underline; color: #FFCC66;}
#rightcolumn .blackback i  { font-style: normal;}
.blackback .photserv p img { margin-left: 1em;  }
.photserv a:link, .photserv a:active, .photserv a:visited { padding: 0;}

#rightcolumn .whiteback, #rightcolumn .whiteback td, #rightcolumn .whiteback div { color: #333; background-color: #fff;}
#rightcolumn .whiteback .pagecontent { color: #333; }
/*.columnholderthree { clear: both;  }
.columnholderthree a {  font-size: small;text-align: center; }
.columnholderthree .column { width: 30%; text-align: center; }
.column { float: left; border: 1px solid red;}*/

/* Latent Cart */
#rightcolumn .cartheadings td {color: #333; font-weight: bold;}
#rightcolumn .cartdetail td {color: #333;}
#rightcolumn td.cartproduct { color: #333; }
#rightcolumn .latentcarttable td {  }
/* Checkout / Register Pages */
.cfieldlabel { padding-left: 1em; width: 90%; font-size: .9em; }
.cfieldlabel small { font-size: x-small; color: #999; font-style: italic; }
.cfield { padding-left: 1em; width: 90%;    font-size: .9em;}
.cfieldset { clear: both; padding-top: 1em; }
.cformcol { font-size: small;   padding-bottom: 1em; background-color: #F7F7F7;font-family: Verdana, Arial, Helvetica, sans-serif;}
.cnam, .csurnam, .ctit { float: left; margin-right: 1%; }
.cnam, .csurnam { width: 35%; display: block; }
.ctit { width: 15%; clear: left; }
.crectangle { background-color: #F7F7F7; padding: .5em .5em 1em .5em; }
.cpostagearea { margin-left: 17%; width: 60%;  }
.ctitle { padding: .3em .3em .3em 1em; font-size: small; font-weight: bold; background-color: #CEDAEC;  }
.csubmit, .cloginsubmit { text-align: right; margin-top: 1em; clear: both; padding-top: 1em; }
.cmessage { margin: 1em 1em 1em 1em; font-size: x-small; position: relative; padding-left: 2em; }
.promobox { position: absolute; left: 0px;}
*html .promobox { left: -2em; }
.cfield input, .cfield select { width: 80%; }
.errmsg { margin-left: 1em; width: 70%; }
.camend { padding-top: 1em; }
.coptpass { padding-left: 1em; padding-bottom: 0.5em; }

.registerform { margin: 1em; font-size: small; }
.regfield { margin-top: 1em; }
.regsubmit { text-align: right; width: 95%;}


/* Print Styles */


@media print {
	#header, #leftcolumn { display: none;}
}

/* Form Fields 2 column rows */
.checkoutrow {border-bottom:1px solid #333;clear:both;margin:0pt 0pt 3px;width:100%;}
.checkoutcoll {float:left;padding:3px;text-align:right;vertical-align:middle;width:20%;}
.checkoutcolr {float:left;padding:3px;text-align:left;vertical-align:middle;width:76%;}

#rightcolumn .patable td { color: #000; border-bottom: 1px solid #DDD; }
#rightcolumn .patable a:link#pacat , #rightcolumn .patable a:link#pacat { color: #000; }
#pacat { white-space:nowrap; }

/* Phot Admin   */

.errmsg { border: 1px solid #CC0066; background:#FDDFF5; padding: .5em; margin: 1em; line-height: 1.5em; font-size: small; }
.phadming { border: 1px solid #CCC; padding:.3em }
a:link, a:visited { color: #000; }
#paging a:link, #paging a:visited { text-decoration:underline; margin: 0.6em; }

/* Call back page */
.worldpaypart { margin: 1em;  }
.wpayintro { text-align: center; font-weight: bold; margin-bottom: 1em; }
.worldpaypart table { border: 1px solid #ccc; margin-top: 0.5em; }
.worldpaypart table table { margin-top: 0; }
.worldpaypart .banner { padding: 0.5em; }
.successfulorder { background-color: #F7F7F7; font-size: medium;  color: #003333; width: 80%; margin-left: 8%; margin-top: 1em;}
*html .successfulorder { font-size: small; }
.successfulorder div.successorderno { font-size: 1.1em; margin-left: -4px;}
.successfulorder div.ordersuccessful { font-weight: bold; background-color: #CEDAEC; padding: .2em .2em .2em .4em; margin-bottom: .3em; }
.successfulorder div { font-size: .8em; padding: 5px 6px 1px 10px; }
td.banner b { color: #333; }
.failedorder { font-size: small;  color: #fff; padding: 1em; border: 1px solid #333; text-align: center; width: 80%; margin-left: 8%; margin-top: 1em;}
#rightcolumn table.banner { margin: 0; }
.bannercontainer { margin-left: 50px;}

/* Footer */
.footer { clear: both;  background-color: #eaeaea; width: 100%; }
.footerlinks { text-align: center; font-size: small; margin-top: 0.6em; }
.footerlinks a:link, .footerlinks a:visited, .footerlinks a:active { text-decoration: none; color: #333; }
.footerlinks a:hover { text-decoration: underline; }
.pgi { text-align: right; padding: 5px 3px 3px 0; font-size: 0.8em; }
/* Override Hacks */