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

#proddetail {position:relative; display:block; border:0px dotted #000000; float:left; width:394px; padding:0px; margin:0; left:5px; top:0; background-image:url('headerimages/detailmiddle.gif'); background-repeat:repeat-y; background-position: 5 top; back:scroll}
#proddetail .detailtophead { width:380px; border:0px dotted #000000; padding-left:10px; background-image:url('headerimages/detailtop2.gif'); background-repeat: repeat-y; padding-right:3px; padding-top:3px; padding-bottom:3px; back:scroll; background-position: left top}
#proddetail .proddetailtext { display:block; float:left; width:170px; border:0px dotted #ff0000; padding:0px; padding-right:3px; padding-top:10px; font-size:120%; font-weight:bold; line-height:120%}
#proddetail .proddetailtext2 { display:block; float:left; width:180px; border:0px dotted #ff0000; padding:5px; font-size:100%; font-weight:normal; line-height:120%}
#proddetail .proddetailtext3 { display:block; float:left; width:170px; border:0px dotted #ff0000; padding:5px; padding-right:3px; padding-top:5px; font-size:100%; font-weight:normal; line-height:120%}
#proddetail .proddetailtext4 { display:block; float:left; width:360px; border:0px dotted #ff0000; padding:5px; padding-right:3px; padding-top:5px; font-size:100%; font-weight:normal; line-height:120%}
#proddetail .enlarge { display:block; float:left; width:360px; border:0px dotted #ff0000; padding:5px; padding-right:3px; padding-top:5px; font-size:90%; font-weight:normal; line-height:120%}

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

.proddetailtext h6 {color:#D02029}
.proddetailtext h5 {color:#95A4BC}
.proddetailtext3 h6 {color:#D02029}
.proddetailtext3 h5 {color:#95A4BC}

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

.proddetailtext2 h6 a:hover {color:#D02029; font-weight:bold; font-size:100%; text-decoration:underline; line-height:120%}
.proddetailtext2 h6 a {color:#D02029; font-weight:bold; font-size:100%; text-decoration:none; line-height:120%}
.proddetailtext2 h5 a:hover {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:underline; line-height:120%}
.proddetailtext2 h5 a {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:none; line-height:120%}
.proddetailtext2 h4 a:hover {color:#000000; font-weight:bold; font-size:100%; text-decoration:underline; line-height:130%}
.proddetailtext2 h4 a {color:#000000; font-weight:bold; font-size:100%; text-decoration:none; line-height:130%}

.proddetailtext4 h6 a:hover {color:#D02029; font-weight:bold; font-size:100%; text-decoration:underline; line-height:120%}
.proddetailtext4 h6 a {color:#D02029; font-weight:bold; font-size:100%; text-decoration:none; line-height:120%}
.proddetailtext4 h5 a:hover {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:underline; line-height:120%}
.proddetailtext4 h5 a {color:#009CE7; font-weight:bold; font-size:100%; text-decoration:none; line-height:120%}
.proddetailtext4 h4 a:hover {color:#000000; font-weight:bold; font-size:100%; text-decoration:underline; line-height:130%}
.proddetailtext4 h4 a {color:#000000; font-weight:bold; font-size:100%; text-decoration:none; line-height:130%}

.proddetailtext h6 a:link {color:#D02029; font-weight:bold; font-size:90%; text-decoration:none}
.proddetailtext h6 a:hover {color:#D02029; font-weight:bold; font-size:90%; text-decoration:none}
.proddetailtext h6 a:visited {color:#D02029; font-weight:bold; font-size:90%; text-decoration:none}
.proddetailtext h6 a:active {color:#D02029; font-weight:bold; font-size:90%; text-decoration:none}
.proddetailtext h6 a {color:#D02029; font-weight:bold; font-size:90%; text-decoration:none}
.proddetailtext h5 a {color:#000000; font-weight:bold; font-size:75%; text-decoration:none}
.proddetailtext h5 a:link {color:#000000; font-weight:bold; font-size:75%; text-decoration:none}
.proddetailtext h5 a:hover {color:#000000; font-weight:bold; font-size:75%; text-decoration:none}
.proddetailtext h5 a:visited {color:#000000; font-weight:bold; font-size:75%; text-decoration:none}
.proddetailtext h5 a:active {color:#000000; font-weight:bold; font-size:75%; text-decoration:none}

.detailbox {position:relative; float:left; left:0px; width:380px; padding:0px; padding-left:10px; padding-bottom:10px; padding-top:5px; top:-5px; display:block; border:0px dotted #000000;}

.mindetail {position:relative; float:left; display:block; top:0; left:0; width:1px; height:160px; border-style:solid; border-width:0px}

.xdetailbox img {padding:5px; padding-left:7px; padding-right:10px}

#indexmain {position:relative; display:block; border:0px dotted #000000; float:left; width:561px; padding:0px; top:10px; left:0px; z-index:1; background-image:url('headerimages/homemiddle2.jpg'); background-position: left top; back:scroll; 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}
#prodgrpdetail {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}

#proddetailhead div .txt {width:385px; display:block; float:left; font-size:100%; font-weight:bold; line-height:120%}
#proddetailhead div .img {float:right}
#proddetailhead div .txt h4 {font-weight:bold; color:#00426B; font-size:130%;  line-height:150%}

#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%}

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

hr {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}

.mindetailing {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:0px; float:left; position:relative; padding:5px; padding-left:0px; padding-right:10px}

.hrproddetail {noshade width="99%" size="1" color="#000000"}

.boxtopedge {display:block; float:left; width:394px; position:relative; left:0px; top:0px; z-index:3; border-style:dotted; border-width:0px; padding:0px; margin:0px; background-image:url('headerimages/hometop.gif'); background-repeat: no-repeat; background-position:  left top; ; back:scroll}
.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-image:url('headerimages/homemiddle1.gif'); background-repeat: repeat-y; padding-right:0px; padding-top:0px; back:scroll}
.boxbottom {display:block; float:left; width:394px; height:10px; position:relative; left:2px; bottom:0px; z-index:15; border-style:dashed; border-width:0px; padding:0px; margin:0px; background-image:url('headerimages/homebottom.gif'); background-repeat: no-repeat; background-position: left bottom; back:scroll}
.boxbottom2 {width:394px; height:2px; position:relative; left:0px; bottom:0px; z-index:15; border-style:dashed; border-width:0px; padding:0px; margin:0px}