#listtitle {border-left:1px solid $white; border-top:0px solid $white; border-bottom:0px solid $white; float:left; width:410px; padding:0px}
#listtitle div .title {width:400px; font-size:110%}
#listtitle div .txt {width:400px}


#questions {position:relative; display:block; border:px dotted #000000; float:left; width:555px; padding:0px; margin:0; left:5px; top:0; background-repeat:repeat-y; background-position: 5 top; back:url('headerimages/listingmiddle.gif')}
#xsitemap .boxtopedge {padding:0px; border:0px dashed #000000;}
#questions .listtophead { width:428px; border:0px dotted #000000; padding-left:124px; background-repeat: repeat-y; padding-right:3px; padding-top:3px; padding-bottom:3px; back:url('headerimages/listingtop2.gif'); background-position-y:0px}
.listbox .sitemaptext { width:120px; border:0px dotted #ff0000; padding:3px; padding-left:5px; padding-bottom:0px; font-size:100%; font-weight:normal;}
.listbox2 .sitemaptext { width:390px; border:0px dotted #ff0000; padding:3px; padding-left:5px; padding-bottom:0px; font-size:100%; font-weight:normal;}

#xsitemap div h3 a {color:#00426B}
#xsitemap div h6 a {color:#00426B}

.sitemaptext h3 {color:#D02029}

.listtophead h4 {color:#ffffff; font-weight:bold; font-size:110%}
.listtophead h5 {color:#95A4BC; font-weight:bold; font-size:90%}

.data a {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:none}
.data a:hover {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:underline}

h4 a {color:#D02029; font-weight:bold; font-size:100%; text-decoration:none}
h4 a:hover {color:#D02029; font-weight:bold; font-size:100%; text-decoration:underline}

.listbox {position:relative; float:left; left:0px; width:125px; padding:0px; padding-bottom:10px; padding-top:5px; top:-5px; display:block; border:4px dotted $selectbrown;}
.listbox2 {position:relative; float:left; left:0px; width:395px; padding:0px; padding-bottom:10px; padding-top:5px; top:-5px; display:block; border:4px dotted $selectbrown;}

.xlistbox img {padding:5px; padding-left:7px}

#indexmain {position:relative; display:block; border:0px dotted #000000; float:left; width:561px; padding:0px; top:10px; left:0px; z-index:1; background-position: left top; back:url('headerimages/homemiddle2.jpg'); padding-left:0px}
#indexmain div .title {width:320px}
#indexmain div .txt {width:230px; padding-left:5px; border:0px dotted $selectbrown;margin:0; float:left; display:inline}
#indexmain div .txt2 {position:relative; width:227px; padding-left:10px; padding-top:20px; padding-bottom:10px; border:0px dotted $selectbrown; margin:0; float:left; display:inline}
#indexmain div .txt2 img {position:relative; border:0px dotted $selectbrown; float:left; border:0px; padding:0px; padding-left:0px; padding-top:5px}
#indexmain div .txt img {border:0px dotted $selectbrown; float:left; margin:0px; padding:0px}
#indexmain div .txt3 {color:$black; font-size:110%; font-weight:bold; position:relative; width:320px; height:85px; padding-left:0px; padding-top:5px; padding-bottom:10px; border:0px dotted $selectbrown; margin:0; float:left; display:inline; line-height:130%}
#indexmain .left {width:230px}
#prodgrplist {position:relative; width:305px; left:5px; padding:0px; padding-left:0px; padding-top:5px; padding-right:7px; display:block; float:left;top:0}
#prodheadtop {border:0px dotted $selectbrown; color:$white; position:relative; display:block; width:313px; padding-left:5px; padding-top:5px; padding-right:0px; padding-bottom:0px}
#prodhead {border:0px dotted $selectbrown; color:$white; position:relative; display:block; width:313px; padding-left:0px; padding-top:0px; padding-right:0px; padding-bottom:10px}
.prodbox {position:relative; float:left; left:6px; width:315px; padding:0px; padding-left:5px; padding-top:0px; top:0px; display:block; border:0px dotted #000000;}
.featurebox {display:block; border:0px solid $ffffff; position:relative; float:left; width:220px; padding:0px; padding-left:9px; padding-top:0px; margin:0px; top:0px; left:0px}

.featurebox h5 a {color:#009CE7; font-weight:bold; font-size:90%; text-decoration:none}

#sitemaphead div .txt {width:495px; display:block; float:left; font-size:100%; font-weight:bold; line-height:120%}
#sitemaphead div .img {float:right}
#sitemaphead div .txt h4 {font-weight:bold; color:#00426B; font-size:130%;  line-height:150%}
#sitemaphead div .txt h3 {font-weight:bold; color:#009CE7; font-size:110%;  line-height:120%}
#sitemaphead div .txt a {font-weight:bold; color:#009CE7; font-size:110%;  line-height:120%; text-decoration:none}
#sitemaphead div .txt a:hover {font-weight:bold; color:#009CE7; font-size:110%;  line-height:120%; text-decoration:underline}


#indexmain div {font-size:100%}
#indexmain div .box {color:$selectblue; position:relative; float:left; border:0px solid $selectbrown; width:324px; padding:0px; padding-left:5px; padding-top:5px; padding-right:10px; padding-bottom:10px; margin:0; margin-left:5px; display:inline; font-size:100%; font-weight:bold; line-height:120%}
#indexmain div div h6 {color:$black}
#indexmain div div .heading {color:$white; background-colour:$black; display:block; border:0px dotted $selectbrown; width:100%; padding:0px}
#indexmain div h5 {color:#009CE7}
#indexmain div div h4 {color:$sectionred}
#indexmain div div h3 {color:$selectblue; font-size:100%}
#indexmain div div h3 a {color:$sectionblue; font-weight:bold; text-decoration:none}
#indexmain div div h6 a {color:$black; font-weight:bold; text-decoration:none; font-size:100%}

.section {vertical-align:top; width:10px; line-height:110%; border-style:dotted; border-width:0px}
.data {vertical-align:middle; width:410px; line-height:120%; border-style:dotted; border-width:0px}
td h3 {font-weight:bold; line-height:120%; color:#00426B}

.prodpics {display:block; float:left; position:relative; left:0; top:0; width:290px; border:0px; border-color:#000000; border-style:dashed}

xhr {padding:0px; margin:0px; border:0px; color:$black; height:1px; width:100%}

#indexmain div .grid {width:400px; padding-left:0; border:0px dotted $selectbrown;margin:0; float:left; display:inline}
#indexmain div .grid2 {width:400px; padding-left:0; border:0px dotted $selectbrown;margin:0; float:left; display:inline}
#indexmain div .grid2 td {background-color:$white}

#indexmain div div table {border:0px; border-collapse:collapse}
#indexmain div div table th {background-color:$panelred; color:$white; border:0px solid $white; padding:1px 5px 1px 5px; text-align:left}
#indexmain div div table td {background-color:$backred; color:$black; border:0px solid $white; padding:1px 5px 1px 5px; text-align:left}
td.accommodation {width:90px}

.minlisting {width:1px; height:300px}

.thumbview  {border-style:dotted; border-width:2px; float:right; padding:0px; margin:0px; z-index:10; left:0; top:0; position:relative}
.preview  {border:0px dotted #000000; margin:0px; left:0px; top:15px; float:left; display:block; padding:5px; padding-left:0px; position:absolute}

.hrsitemap {noshade width="99%" size="1" color="#000000"; padding:0; margin:0px}

.boxtopedge {display:block; float:left; width:555px; position:relative; left:1px; top:0px; z-index:3; border-style:dotted; border-width:0px; padding:0px; margin:0px; background-repeat: no-repeat; background-position:   left top; ; back:url('headerimages/hometop.gif')}
.boxtophead {border:0px dashed #000000; display:block; scroll:left; font-size:30px; color:#FFFFFF; font-weight:bold; width:314px; position:relative; left:-2px; top:0px; z-index:15; margin:0px; padding-left:10px; padding-bottom:4px;  background-repeat: repeat-y; padding-right:0px; padding-top:0px; back:url('headerimages/homemiddle1.gif')}
.boxbottom {display:block; float:left; width:555px; height:10px; position:relative; left:2px; bottom:0px; z-index:15; border-style:dashed; border-width:0px; padding:0px; margin:0px; background-repeat: no-repeat; background-position: left bottom; back:url('headerimages/homebottom.gif')}
.boxbottom2 {width:562px; height:2px; position:relative; left:0px; bottom:0px; z-index:15; border-style:dashed; border-width:0px; padding:0px; margin:0px}