html {height: 100%;}

body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100%;
}

body, p, td, li, h1, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

p, ul, ol, li, div, form, table, input, select, h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

h1 {
    color: #002A53;
    font-size: 18px;
    padding-bottom: 15px;
}

h2 {
    font-size: 16px;
    color: #002A53;
    padding-bottom: 10px;
}

p {padding-bottom: 10px;}

ul, ol {margin-bottom: 10px;}

li {margin-left: 20px;}

label {cursor: pointer;}

/*page sections*/

#frame {
    width: 990px;
    height: 100%;
    padding: 0px;
    margin: 0 auto;
    text-align: left;
}

#header {
    height: 70px;
    width: 100%;
    position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#header.front {height: 58px;}

#logo {
    position: absolute;
	top: 0px;
	left: 27px;
	width: 160px;
	height: 50px;
	cursor: pointer;
}

#header .home {
    position: absolute;
	top: 35px;
	left: 250px;
	width: 17px;
	height: 18px;
}

#quick_links {
    position: absolute;
	top: 35px;
	right: 10px;
	color: #FFFFFF;
	font-weight: bold;
}

#quick_links a {
    color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/*splash*/

#splash {
    position: relative;
	width: 990px;
	height: 149px;
}

#splash_flash {
    position: absolute;
	z-index: 1;
}

#splash #nav_bar {
    position: absolute;
	top: 125px;
	z-index: 2;
}

#contents {
    padding: 0px 10px 10px 10px;
}

/*nav*/

#nav_bar {
    text-align: center;
    height: 24px;
}

#nav_bar img {display: block;}

#nav_bar div {
    float: left;
    height: 24px;
}

#nav_bar .label {
    vertical-align: middle;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	color: #ffffff;
	background-repeat: repeat-x;
	background-position: top left;
}

#nav_bar .default {background-image: url('../images/nav/pro/bg_default.gif');}
#nav_bar .active {background-image: url('../images/nav/pro/bg_active.gif');}

#box_ofm {
	border-bottom: 1px solid #002b85;
}

/*view tabs*/

#view_tabs {
    height: 28px;
}

#view_tabs .default {cursor: pointer;}

#view_tabs div {
    float: left;
}

#view_tabs .left {
    background-image: url('../images/tabs/pro/left_sprite.gif');
    width: 10px;
    height: 28px;
}

#view_tabs .default .left {background-position: -10px 0px;}
#view_tabs .active .left {background-position: 0px 0px;}

#view_tabs .text {
    /*padding-left: 2px;*/
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

#view_tabs .default .text {
    background-color: #D1DFEF;
    color: #81A7CF;
}

#view_tabs .active .text {
    background-color: #4C7EAF;
    color: #002A53;
}

#view_tabs .right {
    background-image: url('../images/tabs/pro/right_sprite.gif');
    width: 10px;
    height: 28px;
}

#view_tabs .default .right {background-position: -10px 0px;}
#view_tabs .active .right {background-position: 0px 0px;}

#view_tabs .border_left, #view_tabs .border_middle, #view_tabs .border_right {
    border-top: 1px solid #002b85;
    border-bottom: 1px solid #002b85;
}

#view_tabs .border_left {border-right: 1px solid #002b85;}
#view_tabs .border_right {border-left: 1px solid #002b85;}

ul.views {margin-bottom: 5px;}

.views li {font-size: 14px;}

/*footer*/

#footer {
    padding: 0px 20px 20px 20px;
    margin-top: 10px;
	text-align: center;
	position: relative;
}

#registered {
	font-style: italic;
	font-size: 10px;
    padding: 0px 20px 20px 20px;
	text-align: center;
}

/*ofm logo*/

#orbit {
    position: absolute;
    right: 0px;
	top: 0px;
}

/*box styles*/

.box {width: 100%;}

.box_tb {
    position: relative;
    height: 11px;
    background-image: url('../images/box/blue_tb.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

.box_tlc {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.box_trc {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

.box_body {
    padding: 0px;
    border-left: 1px solid #002b85;
    border-right: 1px solid #002b85;
}

.box_contents {
    padding: 0px 10px 10px 10px;
}

.box_bb {
    position: relative;
    height: 17px;
    background-image: url('../images/box/blue_bb.gif');
    background-repeat: repeat-x;
    background-position: top left;
}

.box_blc {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.box_brc {
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
}

/*go box*/

.go_box .box_tb {
    height: 28px;
    background-image: url('../images/box/pro_bg_large.png');
    background-repeat: repeat-x;
    background-position: top left;
}

.go_box .title {
    font-size: 16px;
    text-align: left;
    height: 26px;
    line-height: 28px;
    vertical-align: middle;
    margin-left: 10px;
    color: #ffffff;
}

.go_box .box_contents {
    padding-top: 10px;
}

/*pro box*/

.pro_box .box_tb {
    height: 26px;
}

.pro_box .title {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
    margin-left: 10px;
    color: #002B85;
}

/*other sites*/

.country {
    position: relative;
    height: 25px;
    font-size: 14px;
}

.country img {
    position: absolute;
    right: 0px;
}

/*display styles*/

.left, .right {
    background-repeat: no-repeat;
    background-position: top left;
    font-size: 1px;
}

/*shoppingcart*/

#shopping_cart {
    position: relative;
    min-width: 218px;
	margin-bottom: 50px;
}

.dj_ie6 #shopping_cart .header {
    width: 100%;
}
.dj_ie6 #shopping_cart {
    width: 216px;
}

#shopping_cart .lc {
    background-image: url('../images/nav/pro/lc_active.gif');
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:  15px;
	height: 24px;
}

#shopping_cart .rc {
    background-image: url('../images/nav/pro/rc_active.gif');
	background-repeat: no-repeat;
	background-position: top right;
	padding-right:  15px;
	height: 24px;
}

#shopping_cart .bg {
	height: 24px;
    background-image: url('../images/nav/pro/bg_active.gif');
	background-repeat: repeat-x;
	background-position: top right;
	font-size: 14px;
	line-height: 24px;
    vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
}

.dj_ie6 #shopping_cart .bg {
    padding-top: 3px;
}

#shopping_cart .body {
    padding: 5px 10px 10px 10px;
    background-color: #ffffff;
    border: 1px solid #002b85;
    border-top: none;
}

#shopping_cart_list td {padding: 0px 2px 6px 0px;}

#shopping_cart_list .price {color: #333333;}

#shopping_cart_list .total_price {
    text-align: right;
	border-top: 1px solid #CCCCCC;
	white-space: nowrap;
	padding-top: 2px;
}

#shopping_cart_list input {
    background-image: url('../images/form/bg_blue_medium.gif');
    background-repeat: repeat-x;
    background-position: center left;
    border: 1px solid #4773a1;
}


#shopping_cart_list .total {font-size: 14px;}

#shopping_cart .comment {
    font-size: 9px;
}

#shopping_cart a {
    color: #00388b;
    text-decoration: none;
}

#shopping_cart input {
    background-image: none;
	background-color: #EDF3F8;
    border: 1px solid #527CA7;
	font-size: 11px;
}

#shopping_cart_checkout .icon {
    background-image: url('../images/button/checkout.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 25px;
	height: 21px;
}

#cart_throbber {
    position: absolute;
	top: 30px;
	right: 5px;
	width: 16px;
	height: 16px;
	display: none;
}

/*seach*/

#search_box {
	padding: 30px;
}

#search_box .title {
    color: #002A53;
    font-size: 20px;
    font-weight: bold;
}

#search_box .criteria {
    color: #333333;
    font-size: 16px;
}

#search_box input {
    border: none;
    background: none;
}

#search_container input {
    background-color: #E6E6E6;
    border: 1px solid #2C5D92;
    vertical-align: middle;
    padding: 2px;
	font-size: 11px;
}

/*search on flash page*/

#ofm_search {
    position: absolute;
	left: 490px;
	bottom: 15px;
}

#ofm_search #search_box {
    padding: 0px;
}

#ofm_search #search_box .title {
    font-size: 18px;
}

#ofm_search #search_box .criteria {
    font-size: 12px;
}

#ofm_search #search_container .label {
    font-size: 10px;
}

.dj_ie #ofm_search .criteria input {height: 10px;}

/*shopping basket*/

#shopping_basket h1 {
    background-image: url('../images/cart/basket_blue.gif');
    background-repeat: no-repeat;
    background-position: 0px 4px;
    padding-left: 20px;
}

.basket {
    border-top: 1px solid #c1c2c2;
    color: #413e3e;
    margin-bottom: 15px;
}

.basket td {
    padding: 10px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}

.basket td.image {
    background-color: #E2E7F1;
	text-align: center;
	padding: 10px;
}

.basket td.border {
    border-left: 1px solid #cccccc;
}

.basket .header td {
    background-color: #DFDFDF;
}

.basket .spacer td {
    border: none;
}

.basket .footer td {
    border: none;
}

.basket .logo td {
    border: none;
}

#shopping_basket span.total {
    font-size: 14px;
	font-weight: bold;
}

#terms_and_condtions_container  {
    padding: 5px;
	margin-bottom: 10px;
}

#terms_and_conditions {
    border: 1px solid #527CA7;
	background-color: #A7C3DC;
}

#clickandbuy .icon {
    background-image: url('../images/button/checkout.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 25px;
	height: 21px;
}

/*download*/

#download .icon {
    background-image: url('../images/button/download.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 25px;
	height: 21px;
}

/*form styles*/

input, textarea, select {
	vertical-align: middle;
	padding: 2px;
}

input, textarea {
    background-color: #E6E6E6;
    border: 1px solid #2C5D92;
    vertical-align: middle;
    padding: 2px;
	font-size: 11px;
}

input.button {
    background-image: none;
    font-weight: bold;
}

/*general styles*/

.back {
    background-image: url('../images/button/back.gif');
	background-repeat: no-repeat;
	background-position: top left;
	width: 25px;
	height: 21px;
}

.form_label {
	text-align: right;
	font-weight: bold;
}

.text_label {
	text-align: right;
	font-style: italic;
}

.admin {
    color: #006600;
    font-weight: bold;
}

.error {
	color: #FF0000;
	font-style: italic;
}

.blue_line {
    font-size: 0px;
    background-color: #002b85;
    height: 1px;
}

.comment {
  font-style: italic;
}