Fence@charset "utf-8";
* { margin: 0 0; }
#mainbody { position:relative; }
#clear { clear:both; }
body { margin-top: 0px; background-color: #000000; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF;}
a:link { color: #FFFFFF;  font-size: 13px; }
a:visited { color: #FFFFFF; font-size: 13px;}
a:hover {  color: #FFFB00; font-size:13px;}
h1 { font-size: 12px; color: #0000000; font-weight:bold; line-height:2.3em; margin:0px; padding:0px;}

h2 { font-size: 14px; color: #FFFFFF; font-weight:bold; margin:0px; padding:0px; padding-top:10px}


/* -------- crumb trail styles --------------*/

#crumbTrail { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#333333; }
#crumbTrail a{ color:#333333; text-decoration: none; }
#crumbTrail a:hover { color:#FFFB00; font-size:9px; }

/* ------- banner styles ----*/
#topBanner { position:relative; }
#topBanner #topLeft { float:left; background-repeat: repeat-y; background-image: url(../images/repeat_bg_left.gif); height:112px; width:239px; overflow: hidden; }
#topBanner #banner { float:left; width:980px; }
#topBanner #topRight{ float:left; background-repeat: repeat-y; background-image: url(../images/repeat_bg_right.gif); height:112px; width:239px; }

/* --------- nav styles ------*/

.navBar { padding:0; }
#navBar { position:relative; width:1458px; margin: 0px; 	padding: 0px; }
#leftNav { float:left; background-image:url(../images/repeat_bg_left.gif); background-repeat:repeat-y; height:140px; }
#rightNav { 	float:left; background-image:url(../images/repeat_bg_right.gif); background-repeat:repeat-y; width:239px; height:140px; }
#buttonBar { float:left; }	

#mainTable { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; color: #000000; text-align: justify; width:700px;}


.diyimage { width: 250px; float: right; margin-left: 15px; height: 160px;}
.subTitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #333333; background-image: url(../images/repeat_nav_bar.gif); background-repeat: repeat-x; height: 20px;}
select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
 
.repeatbg {  background-color: #000000; /*background-image: url(../images/repeat_bg.gif);*/}
.storeTable { background-color: #333333; text-align: left; width: 100%; padding: 7px; text-indent: 3px; height: 500px;}
#centreDoc  .repeatbg  #mainTable  #mainStoreTable  #storeTable  a { font-size: 11px; line-height: 20px; color: #FFFFFF; 	text-decoration: none;}
#centreDoc .repeatbg #mainTable #mainStoreTable #storeTable a:hover { font-size: 11px; line-height: 20px; color: #FFFB00; text-decoration: none;}
#centreDoc .repeatbg #mainTable #mainStoreTable #storeTable a:active { font-size: 11px; line-height: 20px; color: #FFFFFF; text-decoration: none;}


#projectsTable { border: 1px none #333333; background-color: #999999;}

.left_repeat_bg { background-image: url(../images/repeat_bg_left.gif); background-repeat: repeat-y;}
.right_repeat_bg { background-image: url(../images/repeat_bg_right.gif); background-repeat: repeat-y;}

/* ----------- styles for display table ------------------*/
.bodyTop { background:url(../images/main_top.gif) no-repeat 0px 0px; display:block;  width:685px;}

.bodyTop h1 {color:#000000; font-size:12px; font-weight:bold; padding-left:20px; padding-top:7px; }
.bodyDetails { padding-right: 0px; padding-left: 0px; margin-right: 0px; margin-left: 0px; background-image: url(../images/main_rpt.gif); background-repeat: repeat-y; font-size: 12px; }
.bodyDetailsMedia { padding-right: 15px; padding-left: 10px; margin-right: 0px; margin-left: 0px; background-image: url(../images/main_rpt_media.gif); background-repeat: repeat-y; }
	
.bodyDetailsLogin { padding-right: 15px; padding-left: 10px; margin-right: 0px; margin-left: 0px; background-image:url(../images/login_rpt.gif); background-repeat: repeat-y; }
.titleBox { background-color:#666666; }
.titleBox strong{ font-size: 12px; font-weight: bold; }
.titleStyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bolder; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px;}
.fullTable { line-height: 1.5em; background-color: #000000; padding: 5px;}
.photobox { height: 100%; padding: 10px; float: right; background-color: #212121;}
#centerTitle { color: #FFFFFF; background-repeat: no-repeat; padding-top: 5px; padding-bottom: 0px; background-image: url(../images/center_title.gif); line-height: 26px;}
#title_center { background-image: url(../images/Untitled-2_06.gif); background-repeat: repeat-x; float: left; padding-bottom: 0px;}
.centerMain{ background-image: url(../images/main_rpt.gif); background-repeat: repeat-y;}
#emailLink a { color: #f1f1f1; font-size:11px; }
#emailLink a:hover{ font-size:11px; }	

/* ------- store styles ----------*/
	
#mainStoreTable { margin-left: 13px; padding: 0px;}
.storeNav { margin-left:5px; width: 140px; }
#ifTable { font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; width: 520px; background-color:#999999;}
	
	
/* -------- form validation ---------*/

.formVal {font-family: Verdana, Arial, Helvetica, sans-serif;color:#666666;}

/* ---------- footer styels ------*/

#footer {color: #CCCCCC; font-size:9px; margin-top:5px; margin-left:10px;}
#footer a:link {font-size:9px; color: #CCCCCC; text-decoration:none;}
#footer a:visited {font-size:9px; color: #CCCCCC; text-decoration:none;}
#footer a:hover { font-size:9px; color: #FFFB00;}

#productInstructions{ z-index:5; position:absolute; width:978px; height:20px; background-color:#000000; left: 246px; top: 230px;}
.repeatYellow { border-bottom-width: 1px; border-bottom-style: ridge; border-bottom-color: #bcbc00; margin-right: 30px; margin-left: 30px; width: 500px;}

#funStuffNav a{display:block; width:180px;color:#000000; text-decoration:none; font-size:12px; font-weight:bold; background-image:url(../images/fence-button-up.jpg); background-repeat:no-repeat;}
#funStuffNav a:hover{  background-image:url(../images/fence-button-dn.jpg); background-repeat:no-repeat}

#termsConditions {display:none; height:500px; width:700px; top:0px; left:0px; border:#000000 thin solid; overflow:scroll; position:absolute; background-color:#FFFFFF; color:#000000; padding-left:10px; padding-right:10px;}
#termsConditions a{color:#990000}
#termsConditions a:hover{color:#333333}