body{background-color: #333333;text-align:center;}
div{font-family:Trebuchet "Trebuchet MS", Arial, sans-serif;font-size:12px;color:#FFFFFF;line-height:150%;}
a:link, a:visited, a:active{color:#D3AE5E;}
a:hover{color:#D3AE5E;}
#Main{width:950px;background-color:#333333;margin-left:auto;margin-right:auto;margin-top:20px;}
#Logo{background-color: #333333;background-image: url(/Portals/0/Skins/WearItRight/Images/logo.gif);background-repeat: no-repeat;background-position: left center;width:60%;height:180px;float:left;}


#LogoRight{width:40%;float:right;}
#Login{background-color: #333333;text-align: right;color:#D3AE5E;padding-top:20px;padding-bottom:9px;width:100%;float:left;}
#Contact{background-color: #333333;text-align: right;color:#D3AE5E;padding-top:80px;padding-bottom:9px;width:100%;float:left;}


*html #Contact{padding-top:80px;padding-bottom:8px;}
#Contact a:link, #Contact a:visited, #Contact a:active{color: #D3AE5E;}
#Top{clear:both;}
#ShadowTopLeft{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-topleft.gif);background-repeat: no-repeat;background-position: left top;width:75px;height:14px;}
#ShadowTop{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-top.gif);background-repeat: repeat-x;background-position: left top;width:800px;height:14px;}
#ShadowTopRight{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-topright.gif);background-repeat: no-repeat;background-position: left top;width:75px;height:14px;}
#Middle{background-color: #4D4E50;float:left;width:950px;background-image: url(/Portals/0/Skins/WearItRight/Images/backdrop.gif);background-repeat: repeat-y;background-position: left top;}
#Content{width:800px;background-color: #4D4E50;float:left;margin-left:75px;}
.NavPane{width:160px;height:490px;float:left;padding-top:40px;margin-right:16px;}
.NavPane a:link, .NavPane a:visited, .NavPane a:active{color:#FFFFFF;}
.ContentPane{width:358px;float:left;padding-top:32px;}
.WideContentPane{width:622px;float:left;padding-top:32px;}
.RightPane{width:248px;float:left;padding-top:32px;margin-left:16px;}
.BottomPane{width:800px;float:left;}
#Footer{float:left;width:800px;padding:10px 0 5px 0;}
#Footer a, #Footer span{margin:0 8px 0 8px;}
#ShadowBottomLeft{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-bottomleft.gif);background-repeat: no-repeat;background-position: left top;width:75px;height:14px;}
#ShadowBottom{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-bottom.gif);background-repeat: repeat-x;background-position: left top;width:800px;height:14px;}
#ShadowBottomRight{background-image: url(/Portals/0/Skins/WearItRight/Images/shadow-bottomright.gif);background-repeat: no-repeat;background-position: left top;width:75px;height:14px;}
#Bottom{clear:both;}
.NavPane ul{padding-left: 10px;margin-left: 0;}
.NavPane ul{border-top:1px solid #FFFFFF;margin:0;padding:0;}
.NavPane ul ul{border:1px solid #FFFFFF;margin:0;padding:0;background-color:#767676;}
.NavPane li{list-style-type: none;font-size: 16px;border-bottom: 1px solid #FFFFFF;padding: 8px 0 8px 5px;font-family: 'Century Schoolbook' , 'Times New Roman', 'Times';font-style: italic;}
.NavPane li li{font-size:12px;padding: 2px 0 2px 5px;}
.NavPane a{display:block;}
.Title, .Head, .SubHead{color: #D3AE5E;}
.Title, .Head{font-size:18px;}
.SubHead{font-size:12px;}
.Normal{font-size:12px;margin-bottom:15px;}

.Gallery #PhotoPreview{border:0;cursor:hand;cursor:pointer;}
.Gallery div{margin-top:5px;}
.Gallery .Link{color:#FFFFFF;text-decoration:none;cursor:pointer;cursor:hand;}
.Gallery .LinkOver{color:#D3AE5E;text-decoration:underline;cursor:pointer;cursor:hand;}
.Gallery hr{border-top:1px solid #D3AE5E;height:1px;border-bottom:0;border-left:0;border-right:0;}
.Gallery .FrameLarge{background-image: url(/Portals/0/Photos/frame-large.jpg);background-repeat: no-repeat;background-position: left top;padding:62px 0 70px 68px;}
.Gallery .FrameLarge img{width:488px;}
.Gallery .Row{clear:both;}
.Gallery .FrameSmall{float:left;background-image: url(/Portals/0/Photos/frame-small.jpg);background-repeat: no-repeat;background-position: left top;padding:14px 13px 14px 17px;display:inline;margin-right:1px;}
.Gallery .FrameSmall .Thumb{cursor:pointer;cursor:hand;margin-right:1px;border:2px solid #4D4E50;width:116px;}
.Gallery .FrameSmall .ThumbOver{cursor:pointer;cursor:hand;margin-right:1px;border:2px solid #D3AE5E;width:116px;}

.ProductSummary span{float:left;width:33%;}
.ProductSummary img{float:left;margin-right:10px;width:128px;}
.ProductSummary span span{cursor:hand;cursor:pointer;display:inline-block;text-align:center;width:128px;}
.ProductSummary a{float:left;text-align:center;}
.ProductSummary a span{width:128px;}
.ProductDetail img{float:left;margin-right:15px;margin-bottom:5px;display:inline;}
.ProductDetail .Detail{float:left;width:330px;}
.ProductDetail .Head{display:block;margin-bottom:5px;}
.ProductDetail .Cost{color: #D3AE5E;font-size:14px;font-style:italic;display:block;}
.ProductDetail .Disclaimer{display:block;font-size:12px;float:left;line-height:normal;margin-top:10px;}






/* Kilt Enquiry Form CSS. */
.KiltFormDetails{width: 98%; float: left; width: 350px;}
.FormLeft{width: 47%; float: left; border: 0px;}
.FormRight{width: 47%; float: right; border: 0px;}
.KiltFormDetails .EnquirySection{border: solid 1px white; width: 98%; float: left; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.KiltFormDetails .EnquirySection .Row{font-family: Arial, Helvetica, sans-serif; border: 0px; margin: 2px 2px 2px 2px; padding: 0px 0px 0px 0px; width: 100%;}
.KiltFormDetails .EnquirySection .Row .Normal{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: White;}
.KiltFormDetails .EnquirySection .Row .NormalTextBox{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 80%;}
.KiltFormDetails .EnquirySection .Row .LeftColumn{width: 50%; float: left; margin: 2px 2px 2px 2px;}
.KiltFormDetails .EnquirySection .Row .RightColumn{width: 47%; float: right; margin: 2px 2px 2px 2px;}
.KiltFormDetails .EnquirySection legend{margin: 0 0 0 5px; color: white; font-weight: bold;}
* html .KiltFormDetails .EnquirySection legend{margin: 0 0 0 0; color: white; font-weight: bold;}
.KiltFormDetails .StandardButton{cursor: hand; cursor: pointer; width: auto;}
* html .KiltFormDetails .StandardButton{width: auto; overflow: visible;}
.KiltFormDetails .SubmitRow{float: left; border: 0px; width: 100%; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.KiltFormDetails .EnquiryResponseSection{float: left; margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 80%;}
.KiltFormDetails .EnquiryResponseSection .Normal{color: Red;}

.DiagramContainer{position: absolute;z-index: 499;display: none; width: 250px;}
.DiagramContainer DiagramImage{width: 200px;}

#CalendarBackDrop{position: absolute;z-index: 498;display: none;}
.calendarContainer{position: absolute;z-index: 499;display: none;}
.calendar{width: 162px;text-align: center;border: solid 1px #3C3939;background-color: #3C3939;}
.monthYearSelect, .calendar tbody tr{height: 20px;font-family: Verdana;	}
.monthYearSelect{text-align: right;}
.monthYearSelect img{margin-right: 2px;margin-left: 12px;margin-bottom: 2px;	vertical-align:  bottom;cursor: pointer;cursor: hand;}
.calendar tbody tr{font-size: 70%;}
.monthYearSelect{background-color: #3C3939;font-size: 120%;}
.dayHeadings{font-size: 90%;background-color: #EAEAEA;}
.monthYearSelect td select{background-color: #EAEAEA;margin:  2px 0px 2px 0px;font-size: 70%;font-family: Verdana;}
.calendar tbody tr td{width: 22px;}
.dayHeadings{color: #3C3C3C;}
.weekEnd{background-color: #CACACA;color: #3C3C3C;}
.weekDay{background-color: #FFFFFF;color: #3C3C3C;}
.currentDay{background-color: #094FA3;color: #FFFFFF;}
.weekEnd span, .weekDay span, .currentDay span{text-decoration: underline;cursor: arrow;cursor: hand;}
.calendarSelect{height: 12px;cursor: arrow;cursor: hand;}

.GreyText {
	color: #000000;
}
.GreyText a:link {
	color: #000000;
	text-decoration: none;
}
.GreyText a:visited {
	color: #000000;
	text-decoration: none;
}
.GreyText a:hover {
	color: #000000;
	text-decoration: none;
}
.GreyText a:active {
	color: #000000;
	text-decoration: none;
}







