﻿/* CSS Document */
body { text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; }

#header { width:800px; height:160px; }
#headerLeft { position:relative; float:left; width:200px; padding:0xp; margin:0px; z-index:102; left:-20px; }
#headerLeftZ { position:relative; top: 98px; width:200px; padding:0xp; margin:0px; z-index:101; left:-380px; }
#headerRight { position:relative; float:right; width:600px; padding:0px; margin:0px; z-index:103}
#hrSpacer { height: 120px; width:100%; text-align:right; }

#hrContent { height: 40px; width: 100%; }
#hrContent span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding-left:10px; }
#hrContent a { color:#666666; text-decoration:none; }
#hrContent a:hover { color:#333333; }

#hrContentHiddenServices { display:none; position:relative; margin:0px; padding:0px; top:-10px; }
#hrContentHiddenServices span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding-left:10px; }
#hrContentHiddenServices a { color:#666666; text-decoration:none; }
#hrContentHiddenServices a:hover { color:#333333; }

#hrContentHiddenAbout { display:none; position:relative; margin:0px; padding:0px; top:-10px; }
#hrContentHiddenAbout span { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; padding-left:10px; }
#hrContentHiddenAbout a { color:#666666; text-decoration:none; }
#hrContentHiddenAbout a:hover { color:#333333; }

#main { width:800px; }

#mainLeftRev { position:relative; float:left; width:265px; height:375px; padding:0xp; background-image:url(../Images/mainLeftRevBackground.png); margin:0px; font-family: "Copperplate Gothic Bold"; font-size:22px; }
#mainRightRev { position:relative; float:right; width:535px; padding:0px; margin:0px; height:375px; }
#mainRightRev hr { color:#006633; width:95%; height:1px; }
#mainRightRev ul { padding-top:10px; }
#mainRightRev a { text-decoration: underline; color:#006600; padding-left:40px; }
#mainRightRev a:hover { text-decoration:none; font-size:14px; font-weight:bold; }
#mainLeftRev hr { color:#FFFFFF; width:95%; height:1px; }
#mainRightRev p { font-size:11px; text-align:left; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; margin:0px; }
#mainRightRev ul { font-size:12px; text-align:left; padding-left:30px; margin:0px; }

#productsRow { width:100%; padding-bottom:30px;}
#productsRow span.productsImage { width:30%; position:relative; float:left; margin:0px; padding-left:5px; }

#mainLeft { position:relative; float:left; width:450px; height:375px; padding:0xp; margin:0px; }
#mainRight { position:relative; float:right; width:350px; padding:0px; margin:0px; background-color:#FFBA00; height:375px; }
#mainRight p { font-size:11px; text-align:left; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; margin:0px; }
#mainRight a { color:#333333; text-decoration:none;  }
#mainRight hr { color:#FFFFFF; width:95%; height:1px; }

#mainLeftSub { position:relative; float:left; width:265px; height:375px; padding:0xp; margin:0px; }
#mainRightSub { position:relative; float:right; width:535px; padding:0px; margin:0px; background-color:#FFBA00; height:375px; }
#mainRightSub p { font-size:12px; text-align:left; padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px; margin:0px; }
#mainRightSub a { color:#333333; text-decoration:underline;}
#mainRightSub a:hover { text-decoration:none; font-size:14px; font-weight:bold; }
#mainRightSub hr { color:#FFFFFF; width:95%; height:1px; }
#mainRightSub ul { font-size:12px; margin:2px 0px 2px 2em; text-align:left; }
#mainRightSub p.title { font-size:16px; font-family:"Copperplate Gothic Bold"; }

#mainRightRow { width:100%; padding-bottom:15px; z-index:101; position:relative; }
#mainRightRow span.L { font-size:12px; text-align:left; width:25%; float:left; margin:0px; padding-left:5px; }
#mainRightRow span.R { font-size:12px; text-align:left; width:70%; float:right; margin:0px; }

#mainRightSubRow { position:relative; float:left; width:100%; padding-left:10px; margin:0px; font-size:12px; }
#mainRightSubRow span.L { text-align:left; width:60%; float:left; }
#mainRightSubRow span.R { text-align:left; width:40%; float:right; }
#mainRightSubRow:hover { cursor: default; font-size: 14px; font-weight:bold; }

.mainGallaryPagingHolder { width:100%; text-align:right; z-index:102; position:relative; top:-30px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
.mainGallaryPaging { width:120px; background-color:#FFFF99; height:20px; border: 1px black dotted; vertical-align:middle; }
.arrowHolder_Left { width:48px; position:relative; float:left; }
.arrowHolder_Right { width:48px; position:relative; float:right; }

#footer { height:20px; width:800px; text-align:left; text-indent:15px; color:#999999; font-size:12px; padding-top:8px; }
#footer a { color:#999999; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

#line { height:1px; width:800px; background-color:#333333; margin-top:5px; margin-bottom:5px; }

#trophy { font-size:12px; text-align:left; margin-left:30px; padding-top:10px; }
#trophy:hover { font-size:14px; font-weight:bold; cursor:default; }

#hours { width:300px; padding-top:40px; }
#rowHeader { width: 100%; font-weight:bold; padding-bottom:12px; }
#columnHeader { font-size:14px; width:30%; text-align:left; float:left; }
#row { width: 100%; font-size:12px; }
#row:hover { font-weight:bold; cursor:default; font-size:14px; }
#column { width:30%; text-align:left; float:left; padding-bottom:4px; }