﻿body { background-color:#d4d4d4; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin:0px;}
hr { display:none;}
img { border:0; }
#site_container { width:760px; margin:30px auto 0px auto; padding:0px 10px 0px 0px; color:#666; background-color:#fff;}
#header_area {height:270px; font-size:10px; margin:0px 0px 0px 10px;}
#header_area_no_flash {height:122px; font-size:10px; margin:0px 0px 0px 10px;}
#lower_header {margin:0px;}

#header_account { float:left; padding:6px 0px 6px 0px; background-color:#fff;}
#header_account a {font-weight:bold; color:#666666; text-decoration:none;}
#header_account a:hover { color:#666666; text-decoration:underline;}
#header_account a:visited { color:#666666; }

#header_nav { float:right; padding:6px 0px 6px 0px; background-color:#fff;}
#header_nav a { color:#999; text-decoration:none;}
#header_nav a:hover { color:#333; text-decoration:none;}

#upper_header { clear:right; background-image:url(images/top_nav_agility.jpg); height:92px; background-repeat:no-repeat; font-size:13px;}
#upper_header img { float:left;  }
#upper_header_nav ul { list-style-type:none; margin:39px 0px 0px 0px; padding:0; float:right; }
#upper_header_nav li { display:inline; margin:0px 57px 0px 0px;  }
#upper_header_nav a { color:#fff; text-decoration:none; background-image:url(images/pixel_arrow_white.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px;}
#upper_header_nav a:hover { color:#9EC9E3; text-decoration:none; background-image:url(images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px;}

#breadcrumb { clear:both; background-color:#b3d6fc; height:17px; color:#004489; padding:5px 0px 0px 0px; margin:-5px 0px 0px 10px;}
#breadcrumb h1 { font-size:10px; font-weight:normal; float:left; margin:0px 0px 0px 7px;}
#breadcrumb h2 { font-size:10px; font-weight:normal; float:right; margin:0px 7px 0px 0px;}
#breadcrumb a { color:#004489; text-decoration:none;}
#breadcrumb a:hover { color:#004489; text-decoration:underline;}

#container {overflow:hidden; width:750px; margin:20px 0px 0px 0px; padding:0px 0px 0px 10px; }
#container h1 { font-size:26px; color:#505050; font-weight:normal; margin:-3px 0px 10px 0px;}
#container h2 { font-size:17px; font-weight:normal; margin:0px 0px 14px 0px; color:#505050;}
#container h3 { font-size:14px; color:#505050; margin:0px 0px 0px 0px; }

#content { background-color:#fff; width:390px; padding:0px 80px 30px 10px; float:right; color:#666; }

#flashcontent a { color:#004489; text-decoration:none;}
#flashcontent a:hover { color:#004489; text-decoration:underline;}

#footer { clear:both; background-color:#d4d4d4; height:17px; width:770px; padding:5px 0px 3px 0px; margin:0px auto 30px auto; color:#999;}
#footer a { color:#999; text-decoration:none;}
#footer a:hover { color:#999; text-decoration:underline;}
#footer h1 { font-size:10px; font-weight:normal; float:left; margin:0px;}
#footer h2 { font-size:10px; font-weight:normal; float:right; margin:0px;}

/* MAIN PAGE CONTENT */
#page_content { background-color:#fff; width:480px; padding:0px 0px 30px 10px; float:right; color:#666; }
#page_content fieldset { border:0 solid transparent; margin:0 !important; padding: 0px 0px 0px 0px; }
#page_content label { display:block; font-size:11px; font-weight:bold; }
#page_content label.no-block { display:inline; }
#page_content input[type=submit] { margin: 10px 0px 0px 0px; }
#page_content input[type=checkBox] { margin:1px 0px 0px 1px;}
#page_content input[type=text], 
#page_content input[type=password], 
#page_content textarea { border: solid 2px Silver; margin: 0px 0px 10px 0px; color:#666; font-size:11px; font-family:Arial, Helvetica, sans-serif; resize: none;}
#page_content a { color:#004489; text-decoration:none;}
#page_content a:hover { color:#004489; text-decoration:underline;}
#page_content blockquote { font-size: 14px; font-style: italic; }

/* TABLES */
#page_content table { font-size:12px; border-collapse:collapse; border-spacing:0; margin:0px 0px 15px 0px; }
#page_content th { text-align:left; background-color:#B3D6FC; padding:2px; }
#page_content tr { padding:2px; }

/* LEFT HAND SIDE */
#rail { width:246px; float:left; padding:0px 10px 0px 0px; }

/* LEFT HAND NAVIGATION */
#navigation-level-1 { border-bottom:1px solid #ccd1e0; padding:0px 0px 10px 0px; margin:0px 5px 0px 0px; }
#navigation-level-1 ul { list-style-type:none; margin:0; padding:0 0 0 10px; }
#navigation-level-1 li { margin:0px 0px 7px 0px; font-size:14px; }
#navigation-level-1 span { color:#666; text-decoration:none; background-image:url(images/pixel_arrow_grey.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }
#navigation-level-1 a { color:#666; text-decoration:none; background-image:url(images/pixel_arrow_grey.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }
#navigation-level-1 a:hover { color:#004489; text-decoration:none; background-image:url(images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }
#navigation-level-1 a.selected { color:#004489; text-decoration:none; background-image:url(images/pixel_arrow_blue.gif); background-repeat:no-repeat; padding:0px 0px 0px 22px; }

#navigation-level-2 { margin:7px 0px 0px 14px; }
#navigation-level-2 ul { list-style-type:none; margin:0px 0px 0px 10px; padding: 0px 0px 0px 0px; }
#navigation-level-2 li { margin:0px 0px 7px 0px; font-size:12px; }
#navigation-level-2 a { color:#666; text-decoration:none; background-image:url(images/pixel_arrow_grey_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px; }
#navigation-level-2 a:hover { color:#004489; text-decoration:none; background-image:url(images/pixel_arrow_blue_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px;}
#navigation-level-2 a.selected { color:#004489; text-decoration:none; background-image:url(images/pixel_arrow_blue_sm.gif); background-repeat:no-repeat; padding:0px 0px 0px 15px;}

/* NAVIGATION MODULES */
#nav_module { margin:10px 0px 0px 0px; }
#nav_module h1 { color:#505050; font-size:16px; font-weight:normal; padding:0px; margin:0px 0px 5px 0px; }
#nav_module div { margin:0px 0px 10px 0px; padding:8px; border:1px solid #ccd1e0; width:223px; color:#666; font-size:11px; }
#nav_module a { color:#004489; text-decoration:none; }
#nav_module a:hover { text-decoration:underline; }
#nav_module p { margin:10px 0px 0px 0px;}

/* IMETA GREY CIRCLES */
#clear_circle { clear:both; background-image:url(images/circles.jpg); background-repeat:no-repeat; height:200px; width:200px; margin:-200px 0px 0px 0px; }

/* GALLERY (jQuery Lightbox Container) */
#gallery {  }
#gallery ul { padding:0; list-style: none; }
#gallery ul li { display: inline; }
#gallery ul img { border: 5px solid #D4D4D4; border-width: 5px 5px 5px; margin: 5px 5px 0px 0px; }
#gallery ul a:hover img { border: 5px solid #606060; border-width: 5px 5px 5px; color: #fff; }
#gallery ul a:hover { color: #fff; }

/* TERMS & CONDITIONS */
#termsConditions { width: 736px; height:324px; overflow:auto; border: solid 2px Silver; padding: 5px; margin:0px 0px 10px 0px; }
#termsConditions p { margin: 0px 0px 10px 0px; }
#termsConditions .tc-intro { text-transform:uppercase; font-weight:bold; }
#termsConditions .tc-intro { text-transform:uppercase; }
#termsConditions .heading-x { font-weight:bold; }
#termsConditions .heading-x-x { font-size:10px; margin: 0px 0px 0px 20px; }
#termsConditions .level-x { font-weight:bold;  margin: -15px 0px 5px 20px;}
#termsConditions .level-x-x { font-size:10px; margin: -13px 0px 5px 48px; }
#termsConditions .level-x-x-x-alpha { font-size:10px; list-style-type:lower-alpha; padding:0 0 0 67px; }
#termsConditions .level-x-x-x-x-roman { font-size:10px; list-style-type:lower-roman; }
#termsConditions li { margin: 5px 0px 5px 0px; } 
#termsConditions h1 { text-transform:uppercase; text-align:center; font-size:14px; font-weight:bold; } 
#termsConditions h2 { text-transform:uppercase; font-size:12px; font-weight:bold; } 
#termsConditions a { font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration::underline; color:#666; }
#termsConditions a:hover { color:#666; }
#termsConditions a:active { color:#666; }

#columnContainer { width: 100%; display: block; }
#columnContainer .colLeft { float:left; width:300px; }
#columnContainer .colRight { float:right; width:142px; margin:0px 0px 20px 0px; }
#columnContainer .productHeader { float:none; padding: 0px 0px 0px 0px } 
#columnContainer .colHalfLeft { float:left; width: 50% }
#columnContainer .colHalfRight { float:right; width: 50% }
#columnContainer { width: 100%; }
#columnContainer .colLeft { float:left; width: 50% }
#columnContainer .colRight { float:right; width: 50% }

/* OPTIONS */
#options { font-size:12px; }
#options h1 { color:#505050; font-size:20px; }
#options img { float:right; }
#options .option { border:1px solid #ccd1e0; width:452px; height:144px; padding:8px 8px 8px 8px; margin:10px 0px 10px 0px; }
#options .option-text { width:315px; }

/* TERMS & CONDITIONS */
#forum-container { font-size:12px; width:740px; margin:0px 0px 40px 0px; }
#forum-container .login { float:left; }
#forum-container .nav { float:right; }

/* http://agility.imeta.co.uk */
ul.title { margin-bottom:25px; padding:0; font-size:16px; font-weight:bold; list-style-type:none; text-align:center;}
.agility_block { clear:both; padding: 5px 0px 0px 0px; text-align: center; }

.field-validation-error { color: #ff0000; font-size:11px; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; margin:0px 0px 0px 5px; font-size:11px;}
.validation-summary-errors { font-weight: bold; color: #ff0000; font-size:11px; }

.note{ display:block; font-size:10px; font-weight:bold; }


