body { margin:0px; background:#d3d3d3; }

/*******************************************/
/*                  Form                   */
/*******************************************/

.FormField { font:11px Arial, Helvetica, sans-serif; border:1px solid #E1E1E1; }
.FieldFailed { background:#FFE6E6; border:1px solid #FF0000; }
.FormButton { margin-left:85px; }
.Form div { clear:both; display:block; margin-bottom:4px; }
.Form div label { display:block; float:left; margin:4px 4px 0 0; width:80px; text-align:right; }
.Form div table label, .Form div ul label { float:none; width:auto; text-align:left; }
.Form .InfoBox { float:none; clear:both; margin-left:125px; border:1px solid #E1E1E1; width:470px; height:80px; padding:5px; overflow:auto; }
.Form .Agree label { float:left; padding-left:10px; text-align:left; }
.Form .Agree input { float:left; margin-left:125px; }

/* Service and Consumable Form */
#OrderForm h2 { font-size: 14px; margin-bottom:10px; } 
#OrderForm .Col { display:inline; float:left; margin:3px 0 3px; width:300px; }
#OrderForm .Col .Group { clear:none; display:block; float:left; margin-bottom:10px; }
#OrderForm .Col div { clear:both; display:block; margin-bottom:4px; }
#OrderForm .Col div label { display:block; float:left; margin:4px; width:110px; text-align:right; }
#OrderForm .FormButton { margin:10px 0 0 510px; }


/*******************************************/
/*                Products                 */
/*******************************************/

/* Product List */
#ProductList { margin:10px 0 40px 0; }
#ProductList .Item .Thumbnail { display:inline; float:left; width:110px; height:110px; margin:0 10px 0 0; border:1px solid #EEE; }
#ProductList .Item .Summary { display:inline; float:left; width:530px; }
#ProductList .Item .Price { float:left; margin:10px 0 5px 0; color:#004f94; font-weight:normal; font-size:14px; }
#ProductList .Item .MoreInfo { float:right; margin:10px 30px 5px 0; }

/* Product */
#Product h2 { font-weight:normal; }
#Product #Details { float:left; margin-right:10px; width:640px; }
#Product #Details h1 { float:left; width:auto; }
#Product #Details #StyleNumber { float:left; margin:20px 0 0 10px; }
#Product #Details #Image { float:right; width:220px; margin-left:15px; }
#Product #Details #Description { width:430px; margin-bottom:10px; }
#Product #Details .List ul { margin:5px 0 20px 30px; padding:0; list-style:square; }
#Product #Details .List ul li { margin:0 10px 2px 0; padding:0; color:#004f94; font-size:14px; }
#Product #Details .List ul li span { color:#313131; font-weight:normal; font-size:10px; }
#Product #Details #Images { float:left; margin-top:10px; }


/*******************************************/
/*                 Contact                 */
/*******************************************/

#Contact .Details { float:left; margin-left:50px; width:250px; }
#Contact .Form { float:left; width:370px; }

/* Google Map */
.GoogleMap {  background:#FBFBFB; border:1px solid #B7BABC; }
.GoogleMap .Loader { position:relative; top:40%; padding-top:25px; background:url(../images/bg_indicator.gif) no-repeat top center; text-align:center; }
.GoogleMap .Launcher, .GoogleMap .Error { position:relative; top:48%; text-align:center; }
.GoogleMap .Launcher { cursor:pointer; }


/*******************************************/
/*         Management / Directors          */
/*******************************************/

#Directors h2 { margin:4px 0; }
#Directors .Photo { float:left; margin:4px 20px 10px 0; border:1px solid #999; }
#Directors .Details { float:left; width:550px; }
#Directors .Title { display:block; padding:4px 0 8px; color:#999;  }


/*******************************************/
/*            Technical Support            */
/*******************************************/

#Support { float:left; width:510px; padding-bottom:40px; }
#Support h2 { margin-bottom:12px; }
#Support .Categories a { font-size:12px; color:#000; text-decoration:underline; }
#SupportMenu { display:block; float:right; margin-bottom:15px; width:130px; padding-right:20px; }
#SupportMenu .Form { padding-bottom:15px; }
#SupportMenu ul { margin:0 0 25px; padding:0; list-style:none; }
#SupportMenu ul li { margin:0; padding:0; }
#SupportMenu ul li a { display:block; margin:0; padding:4px 2px 2px 4px; height:15px; color:#424444; text-decoration:none; border-bottom:1px solid #E1E1E1; }
#SupportMenu ul li a:hover { background:#f2f2f2; text-decoration:none; }
#SupportMenu ul li a.Selected { background:#e9e9e9; }

/* Accordion Pane List Display */
#Accordion .Link { display:block; margin-bottom:1px; padding:5px 10px 5px 28px; font-size:12px; color:#575756; background:#e4e4e4 url(../images/arrow_off.gif) no-repeat 5px 4px; }
#Accordion .Selected { color:#FFFFFF; background:#144084 url(../images/arrow_on.gif) no-repeat 6px 4px; }
#Accordion .Item { display:block; width:auto; padding:0 12px 12px; }
#Accordion .Item ul { margin:0; padding:0; list-style:none; }
#Accordion .Item ul li { margin:20px 10px 10px 15px; padding:0; }
#Accordion .Item ul li h4 { margin:5px 0 3px 0; font-size:11px; color:#000; font-weight:bold; font-style:italic; }
#Accordion .Item ul li .Date { display:block; margin:0 0 10px 0; }
#Accordion .Item ul li .Summary { display:block; margin:5px 0 5px 0; }
#Accordion .Item ul li .More { min-height:15px; padding:6px 5px 6px 15px; background:transparent url(../images/ico_download.gif) no-repeat scroll 0pt 5px; }


/*******************************************/
/*                   News                  */
/*******************************************/

#NewsMenu { display:block; float:right; margin-bottom:15px; width:130px; padding-right:20px; }
#NewsMenu .Form { padding-bottom:15px; }
#NewsMenu ul { margin:0 0 15px; padding:0; list-style:none; }
#NewsMenu ul li { margin:0; padding:0; }
#NewsMenu ul li a { display:block; margin:0; padding:4px 2px 2px 4px; height:15px; color:#424444; text-decoration:none; border-bottom:1px solid #E1E1E1; }
#NewsMenu ul li a:hover { background:#f2f2f2; text-decoration:none; }
#NewsMenu ul li a.Selected { background:#e9e9e9; }
#News { float:left; width:500px; }
#News h2 { margin:4px 0 10px 0; }
#News h2 a { text-decoration:underline; }
#News .Date { margin-bottom:10px; }
#News .MoreInfo { display:block; margin-top:5px; }
#News .Article .Thumbnail { display:inline; float:left; width:110px; height:110px; margin:0 10px 0 0; border:1px solid #EEE; }
#News .Article .Summary { display:inline; float:left; width:370px; }
#News .Article .Details { float:left; width:500px; }
#News .Article .Details #Viewer { width:490px; }
#Unsubscribe .Form label { width:80px; }
#Unsubscribe .Form .FormButton { margin:5px 0 0 86px; }


/*******************************************/
/*              Event Calendar             */
/*******************************************/

/* Latest Event */
#LatestEvents { float:left; margin-right:40px; width:310px; }
#LatestEvents h3 { margin-bottom:0; }
#LatestEvents .Item {  padding:15px; width:300px; background:#FFF; border-bottom:3px solid #F1F1F1; }
#LatestEvents .Item a { color:#333; font-size:11px; line-height:12px; }
#LatestEvents .Item a:hover { text-decoration:none; }
#LatestEvents .Item a img { float:left; margin:0 15px 5px 0; width:110px; height:70px; }
#LatestEvents .Item h2 { margin-bottom:5px; line-height:14px; }
#LatestEvents .Item h2 a { color:#000; font-size:12px; }
#LatestEvents .Item .Details { float:left; width:250px; }

/* Calendar */
#EventCalendar { float:left; width:310px; }
#EventCalendar h3 { margin-bottom:0; }
#EventCalendar #Calendar { width:100%; border-collapse:collapse; border:3px solid #F1F1F1; line-height:normal; }
#EventCalendar #Calendar td { border:3px solid #F1F1F1; }
#EventCalendar #Calendar .Nav  { height:20px; background:#201d21; border:0; }
#EventCalendar #Calendar  h1 { margin:0; font-size:14px; color:#FFF; background:none; text-align:center; }
#EventCalendar #Calendar .Legend { float:left; margin-top:3px; }
#EventCalendar #Calendar .Day { padding:3px; height:10px; color:#E1E1E1; font-size:14px; background:#FFF; line-height:12px; }
#EventCalendar #Calendar .Day .Number { float:left; margin-top:20px; }
#EventCalendar #Calendar .DayOfWeek { padding:8px 0 4px; text-align:left; font-weight:normal; font-size:12px; color:#000; text-align:center; text-transform:uppercase; }
#EventCalendar #Calendar .BlankStart { height:10px; background:#F6F6F6; }
#EventCalendar #Calendar .BlankEnd { height:10px; background:#F6F6F6; }
#EventCalendar #Calendar .Current { color:#FFF; background:#085497; }
#EventCalendar #Calendar .Active { color:#000; }
#EventCalendar #Calendar .Group { position:relative; float:left; height:35px; }
#EventCalendar #Calendar .Group .Events { position:absolute; top:0; left:0; }
#EventCalendar #Calendar .Group .Events img { display:inline; float:left; margin-right:5px; width:16px; }

/* Details */
#EventDetails .Details { display:inline; float:left; margin-right:15px; width:420px; }
#EventDetails .Details .Image { max-width:500px; margin-bottom:30px; }
#EventDetails .Extras { float:right; width:230px; min-height:363px; background:#EFEFEF; }
#EventDetails .Extras h2 { padding:10px 20px; background:#201d21; color:#FFF; }
#EventDetails .Extras h3 { margin:25px 0 5px; }
#EventDetails .Extras .Content h2 { margin-top:0; color:#001d33; }
#EventDetails .Extras .Content .TicketInfo { display:block; margin-bottom:10px; }
#EventDetails .Extras .Content ul { margin:0; padding:0 0 0 20px; list-style:disc; }
#EventDetails .Extras .Content ul li { margin:0; padding:0; }

#EventDetails .Extras .Booking h3 { margin-bottom:10px; }
#EventDetails .Extras .Booking .Form  label { float:none; width:auto; text-align:left;  }
#EventDetails .Extras .Booking .Form .FormField { width:140px; width:120px; }
#EventDetails .Extras .Booking .Form .Submit { margin-left:82px; margin-top:10px; }

/*******************************************/
/*              Product Wizard             */
/*******************************************/

#ProductWizard #Search .Options { padding:20px; background:#E1E1E1; }
#ProductWizard #Search .Options .Col { display:inline; float:left; margin-right:20px; }
#ProductWizard #Search .Options .ColOne { margin-right:40px;  width:210px; }
#ProductWizard #Search .Options .ColTwo { width:160px; }
#ProductWizard #Search .Options .ColThree { width:180px; }
#ProductWizard #Search .Options .Col label { display:inline; float:none; width:auto; text-align:left; }
#ProductWizard #Search .Options .Col span { color:#004f94; }