/* CSS Document */

/* Global HTML tag details */

* {margin: 0; padding: 0;}

/* html {height: 100%; margin-bottom: 1px;} /* Force vertical scroll bar  */

body {background: url(../images/main_bg.gif) repeat; font-family: Verdana, Geneva, sans-serif; color: #000; font-size: 62.5%;}

img {border: none;}

p {margin-bottom: 5px; font-size: 1.2em; text-align: justify;}

h1 {margin-bottom: 10px; font-size: 2.0em; font-weight: 100; }

h2 {margin-bottom: 10px; font-size: 2.0em; font-weight: 100;}

h3 {margin: 20px 0 10px 0; font-size: 2.0em; font-weight: bold; font-style: italic; color: #003399;}

h4 {margin: 15px 0 10px 0; font-size: 1.8em; font-weight: bold; font-style: italic; color: #003399;}

h5 {font-size: 1.2em; font-weight: bold;}

a {color: #0033FF;}

/* END Global HTML tag details */

/* Global Class details */

.fl {float: left; margin-right: 10px;}

.fl_abs {float: left; position: absolute;}

.fl_rel {float: left; position: relative;}

.fr {float: right; margin-left: 10px;}

.fr_abs {float: right; position: absolute;}

.fr_rel {float: right; position: relative;}

.disp_inl {display: inline;}

.mar_tb_5px {margin: 5px 0;}

.font_14 {font-size: 1.4em;}

.font_16 {font-size: 1.6em;}

.orange {color: #FF0000;}

.blue {color: #263876;}

.text_colour {color: #5E5E5E;}

.white {color: #FFF;}

.txt_ctr {text-align: center;}

.underline {text-decoration: underline;}

.bold {font-weight: bold;}

.italic {font-style: italic;}

.name {font-weight: bold;}

.quote {font-style: italic; color:#003399; text-align:center;}

/* END Global Class details */

/* Navigation */

#navigation {width: 100%; height: 28px; top: 140px; left: 0; text-align: centre; background: url(../images/nav_button_bg_up.jpg) repeat-x; z-index: 100; border-top: #000 solid 1px; border-right: #000 solid 1px; border-bottom: #000 solid 1px;}

ul, li {list-style: none;}

#menu li {float: left; width: auto; display: inline; padding-left: 0;}

#menu li.parent_nav ul {position: absolute; margin-left: -10000px;}

#menu ul li {float: none; width: auto; _display: inline; padding: 0;}

/* DO NOT place a height to this element - IE6 will display incorrectly */
#menu li a {display: block; text-decoration: none; font-size: 1.7em; font-weight: bold; padding: 0 16px 8px 16.5px; color: #FFF; border-left: #000 solid 1px;}

#menu li.parent_nav ul li.sycoxt_sub_nav ul, #menu li.parent_nav ul li.sports_sub_nav ul, #menu li.parent_nav ul li.fitness_sub_nav ul, #menu li.parent_nav ul li.shop_sub_nav_hw ul, #menu li.parent_nav ul li.shop_sub_nav ul, #menu li.parent_nav ul li.bus_sub_nav ul, #menu li.parent_nav ul li.med_sub_nav ul {position: absolute; margin-left: -10000px;}

#menu li ul a {width: auto;  /*IE6 needs fixed width for dropdown to hover over main content & IE7 needs fixed width for opacity to function */ height: auto;  font-size: 1.4em; padding: 4px 10px; color: #FFF; background: url(../images/nav_button_bg_up.jpg) repeat-x; font-weight: bold; border: solid 1px #000;}

#menu li.parent_nav:hover ul {display: block; margin-left: 0; margin-top: 0;}

#menu li ul li.sycoxt_sub_nav:hover ul {display: block; width: 220px; margin-left: 106px; margin-top: -27px;}

#menu li ul li.sports_sub_nav:hover ul {display: block; width: 150px; margin-left: 127px; margin-top: -27px;}

#menu li ul li.fitness_sub_nav:hover ul {display: block; width: 190px; margin-left: 148px; margin-top: -27px;}

#menu li ul li.shop_sub_nav_hw:hover ul {display: block; width: 220px; margin-left: 95px; margin-top: -27px;}

#menu li ul li.shop_sub_nav:hover ul {display: block; margin-left: 95px; margin-top: -27px;}

#menu li ul li.bus_sub_nav:hover ul {display: block; right: 220px; margin-top: -27px;}

#menu li ul li.med_sub_nav:hover ul {display: block; right: 103px; margin-top: -27px;}

#menu li ul li.med_sub_nav:hover ul a {.width: 125px;}

#menu li a:hover, #menu li ul a:hover {color: #FF0000; background: url(../images/nav_button_bg_down.jpg) repeat-x;}

/* END of Navigation */

/* Current page link highlight */

body#home a#home,
body#syco_xt a#syco_xt,
body#shop a#shop,
body#go_syco a#syco_xt,
body#sports a#sports,
body#fitness a#fitness,
body#i_syco a#i_syco,
body#business a#business,
body#faq a#faq,
body#media a#media,
body#contact a#contact {color: #FF3300; background: url(../images/nav_button_bg_down.jpg) repeat-x;}

/* END Current page link highlight */

/* Layout for header content */

#header {width: 100%; height: 140px; background: url(../images/header_bg.jpg) repeat-x;}

#logo_syco {top: 37px; left: 130px; z-index: 15;}

#logo_img {top: 10px; left: 40px; z-index: 15;}

p.header {width: 500px; margin-top: 40px; margin-left: 450px;}

#btn_share {margin: 5px 0 0 855px;}

#btn_share_shadow {top: 23px; right: 3px;}

/*#bg_header {width: 100%; background-image: url(../images/bg_header.jpg); background-repeat: repeat-x;}*/

/* END Layout for header content */

/* Page content details */

#wrapper {position: relative; width: 990px; margin: 0 auto; background-color: #FFF;}

#content_wrapper {position: relative; top: 166px; z-index: 15;}

#content_wrapper p {text-align: justify;}

#border_wrapper {width: 1px; height: 100%; left: 750px; overflow: hidden;}

#content_left {width: 740px; margin-bottom: 200px; padding-left: 5px;}

#content_left_rh_border {width: 100%; height: 100%; margin-top: 139px; background-color: #CCC;}

#content_main {width: 100%; top: 15px;}

/*#content_main img {float: left; padding-right: 10px;}*/

#content_main ul {padding: 0 0 20px 100px; font-size: 120%; }

/* Index Page specific details */

h1#cloud_txt {top: 25px; left: 515px; font-size: 2.4em;}

#syco_bob_cloud {margin-left: 0;}

#txt_box_left, #txt_box_right {width: 362px; height: 182px; margin: 15px 4px 0 3px; background: url(../images/index_page_txtbox_bg.jpg) repeat-x;}

#txt_box_right {.float: right; .position: relative; .top: -197px;} /* For the benefit of MSIE6 & 7 which are so good at floating objects... */

#index_go_syco_left, #index_go_syco_ctr, #index_go_syco_right {width: 240px; height: 140px; margin: 15px 3px 50px 3px; background: url(../images/go_syco_now_bg.jpg) repeat-x;}

#index_go_syco_ctr {.top: -197px;} /* Again for the benefit of MSIE6 & 7 which are so good at floating objects... */

#bgcnr_tr {right: 0;}

#bgcnr_bl {bottom: 0;}

#bgcnr_br {bottom: 0; right: 0;}

#txt_box_left p, #txt_box_right p {top: 35px; left: 10px; width: 343px;}

p#txt_box_title {width: 343px; top: 10px; left: 10px; font-size: 1.8em; color: #030166;}

#index_go_syco_left h2, #index_go_syco_ctr h2, #index_go_syco_right h2 {top: 5px; left: 10px; font-size: 2.4em;}

#index_go_syco_left p, #index_go_syco_ctr p, #index_go_syco_right p {top: 40px; left: 10px; width: 220px;}

#a_left {top: 100px; left: 70px;}

#a_ctr {top: 100px; left: 50px;}

#a_right {top: 100px; left: 45px;}

#a_img_left {top: 102px; left: 165px;}

#a_img_ctr {top: 102px; left: 175px;}

#a_img_right {top: 102px; left: 182px;}

/* END Index Page specific details */

#content_movie {width: 300px;}

#go_syco_video {padding-right: 10px;}

table#tbl_specs {width: 250px; margin-top: 0; margin-bottom: 10px; border-collapse: collapse; font-size: 1.2em; color: #000066;}

#tbl_specs td {border: none; padding: 5px;}

img.spec_img {margin-top: -110px;}

img.med_img {margin-top: 80px;}

#ol_sycoxt_desc li, ol.ol_fitness li {padding-bottom: 5px; font-family: Verdana, Geneva, sans-serif; color: #000; font-size: 1.2em; text-align: justify;}

ol#ol_sycoxt_desc {margin-left: 240px;}

#ol_sycoxt_desc li {list-style: decimal;}

ol.ol_fitness li {list-style: disc;}

ol.ol_fitness {margin-left: 20px;}

ol.ol_fitness.ml_350px {margin-left: 350px;}

    /* Right-hand column details */

#content_right {right: 10px; width: 220px; height: 100%; margin-bottom: 150px;}

/* TO BE USED FOR ONLY advertising_column_right_2.inc.php */

#content_right img {float: right; .position: relative; left: -15px; /* IE fix for using padding of div as left edge */ padding-bottom: 10px;}

/* TO BE USED FOR advertising_column_right_1.inc.php

#content_right img {float: right; padding-left: 15px;} */

#content_right p {font-weight: bold;}

#content_right table {font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; color: #000; font-weight: bold;}

#rh_column_links {margin-top: 15px; width: 220px;}

.rh_column_links_title {height: 19px; text-align: center; font-size: 1.4em; color: #FFF; background: url(../images/rh_column_heading_bg.jpg) repeat-x; border: 1px solid #000;}

.rh_column_links_txt {font-size: 1.2em; padding: 10px 0 30px 0;}

#link_fbook {margin: -14px 10px 0 0;}

#link_google {margin: 0 10px 0 0;}

#link_tweeter {margin: -28px 10px 0 0;}

#fb_join_us {top: 3px; right: 0}

    /* END Right-hand column details */

select#med_rel_list {width: 250px; height: 20px; border: 1px solid #000062;}

input#btn_med_rel {margin-left: 5px; color: #000; background-color: #F2F1ED; text-align: centre; width: 35px; height: 20px; font-size: 1.2em; border: 1px solid #939393;}

#content_links {width: 980px; top: 20px; margin-bottom: 150px; padding: 0 10px;}

#content_links li {font-size: 1.2em; padding-bottom: 5px}

#content_links li a {font-size: 1.4em; font-weight: bold;}

#oz_flag {position: relative; width: 115px; margin: 0 auto; clear: both;}

#oz_flag img {display: block; margin: 0 auto;}

#oz_flag_ats img {display: block; margin: 0 auto; clear:both; }

#footer {position: relative; width: 550px; margin-left: 120px; padding-bottom: 10px; clear: both; font-size: 0.8em; color: #003399;}

#footer a {color: #003399;}

.statcounter {display: none;}

#links {position: relative; width: 900px; margin: 0 0 20px 45px; clear: both; font-size: 0.9em; color: #03F;}

/* END Page content details */

/* Layout for Info pages (copyright.php, privacy.php, etc) */

#content_info {margin-top: 15px; margin-bottom: 150px;}

/* END Layout for Info pages */

/* Contact Us Form layout */

#contact_form {width: 730px;}

#frm_contact, .join_syco_box, #sycoxt_pu, #sycoxt_cu {width: 705px;}

#aust_yes_wrapper, #aust_no_wrapper, #join_syco_wrapper, #sycoxt_pu_wrapper, #sycoxt_cu_wrapper {width: 100%;}

.warning {color: #FF0000;}

.text_warning {background-color:#FF9F9F; border: 2px inset #CC3333;}

input.txt {width: 160px; height: 16px; border: 1px solid #000062;}

input.txt_num_units {width: 110px;}

input#mname {display: none;}

select {width: 162px; height: 20px; border: 1px solid #000062;}

form p {clear: left; padding-top: 4px;}

#sycoxt_pu p, #sycoxt_cu p {left: 0;} /* IE layout fix */

#sycoxt_pu p.fl_abs {top: 12px;}

#sycoxt_cu p.fl_abs {top: 38px;}

form p.txt_l {float: left; width: 310px; clear: left;}

form p.txt_r {float: right; width: 330px; margin-right: 30px; clear: right;}

form p label {float: left; width: 105px; text-align: left; color: #000062}

#lname_req {width: 10px; top: 80px; left: 68px;}

span.join_syco_box {width: 10px;}

form p label.aust {float: left; width: 150px; text-align: left; color: #000062; font-weight: bold;}

form p label.org_details {width: 145px;}

form p.join_syco, form p.sycoxt_pu, form p.sycoxt_cu, form p.sycoxt_use, form p.sycoxt_num {padding-top: 10px; text-align: left; color: #000062; font-size: 1.4em; font-weight: bold;}

form p label.join_syco, form p label.sycoxt_pu, form p label.sycoxt_cu {float: left; width: 420px;}

form p label.sycoxt_use, form p label.sycoxt_num {float: left; width: 480px;}

.join_syco_box p label {width: 200px; margin-left: 100px;}

form p.chkbx_fl label {width: 325px; height: 10px; margin-left: 125px;}

form p.chkbx_fr {float: right; clear: right;}

form p.chkbx_fr label {float: right; width: 215px; height: 10px; clear: right;}

input.sycoxt_pu_chkbx, input.sycoxt_cu_chkbx {margin-right: 5px;}

form p label.radio_btn {float: left; .height: 18px; width: 60px;}

form p label.radio_btn_com {float: left; .height: 18px; width: 120px;}

form p label.radio_btn_priv {float: left; margin-top: 23px; margin-left: -120px; .height: 18px; width: 80px;}

.retail_price { text-decoration: line-through; font-weight: bold;}

.our_price { font-size: 1.5em; font-weight:bold; color: #F00;}

#padding_right {padding-right: 10px;}

textarea {width: 595px; height: 80px; border: 1px solid #000062;}

textarea#comments {font-family: Verdana, Helvetica, sans-serif; font-size: 1.0em;}

input.btn {color: #FFF; background-color: #FF0000; text-align: centre; width: 65px; height: 18px; font-size: 1.2em;}

input#btn_submit {float: right; position: relative; margin-right: 3px; margin-top: 10px; text-align: center; border-style: none;}

.message_result {margin-top: 50px; text-align: center;}

/* Contact Us Form layout */

/* Forum Layout */

    /* Layout details - Login, Registration, Forgot Password, Edit Password & Popups */

    input#btn_login, input#btn_register, input#btn_logout {float: left; position: absolute; width: 80px; text-align: center; color: #000; background-color: #F2F1ED; text-align: centre; font-size: 1.2em; border: 1px solid #939393;}

    input#btn_login {top: 200px; left: 0;}

    input#btn_register {top: 230px; left: 0;}

    input#btn_logout {top: 5px; left: 180px;} /* This button is used only on the create new user form for data entry */

    #pop_up_div_wrapper {float: left; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 9002;}

    #pop_up_div {position: relative; display: block; width: 280px; height: auto; margin-bottom: 25px; top: 80px; margin-left: auto; margin-right: auto; padding: 10px; background-color: #FFF; border: 1px solid #111; z-index: 9002;}

    #blanket {position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color:#111; opacity: 0.65; filter:alpha(opacity=65); z-index: 9001;}

    form#frm_login {width: 250px; padding-left: 15px;}

    input#tf_login {width: 245px; height: 24px; padding-left: 3px; color: #263876; font-size: 1.6em; border: 1px solid #CAC6C5;}

    input#btn_cancel_popup {margin-top: 10px; width: 70px; height: 22px; color: #000; background-color: #ECE9DB; text-align: centre; font-size: 1.2em; border: 1px solid #CAC6C5;}

    input#btn_login_popup {width: 80px; height: 22px; margin-top: 10px; color: #000; background-color: #ECE9DB; text-align: centre; font-size: 1.2em; border: 1px solid #CAC6C5;}

    #regist {top: 150px; left: 150px;}

    #conf_reg {margin-top: 100px; width: 600px; margin-left: auto; margin-right: auto;}
    
    #pwd_details {margin-top: 100px; width: 280px; margin-left: auto; margin-right: auto;}
    
    input#btn_pwd_details {margin-top: 10px; width: 120px; height: 22px; color: #000; background-color: #ECE9DB; text-align: centre; font-size: 1.2em; border: 1px solid #CAC6C5;}

    /* END Layout details - Login & Login Popup */

#btn_share_forum {width: 125px;}

#content_forum {width: 800px; background-color: #F8F8FF; padding: 0 10px;}

h1.h1_forum {display: inline; font-size: 2.6em; font-weight: bold; font-style: italic; color: #000066;}

h2.h2_forum {display: inline; font-size: 2.0em; font-weight: bold; font-style: italic; color: #000066;}

#login_greet {top: 50px; left: -150px;}

#nav_forum {top: 270px; left: 0; font-size: 1.3em;}

table {width: 736px; margin-left: 1px; border-collapse: collapse; font-size: 1.1em; color: #000066;}

th {font-size: 1.4em; background-color: #AEF; border: #05A solid 1px; padding: 2px 5px;}

th#th_post {width: 85px;}

td {border: #05A solid 1px; padding: 5px;}

#tbl_index_content, #tbl_thread_content, #tbl_post_content {position: relative; top: 10px; width: 800px; padding-top: 1px; overflow: auto;}

#tbl_index_content {height: 470px;}

#tbl_thread_content {height: 425px;}

#tbl_post_content {height: 400px;}

#edit_pwd_links {top: 300px; left: 0; font-size: 1.0em;}

#edit_pwd_links p {font-size: 1.0em;}

form#frm_select_item {float: right; position: relative;}

form#frm_create_new p {width: 250px; margin: 27px 0 0 0;}

select#select_item {width: 250px; height: 22px; margin-right: 35px; color: #000066; font-size: 1.3em; border: 1px solid #000066;}

input#btn_create_new_forum {margin-left: 0px; margin-top: -20px; height: 22px; color: #000066; background-color: #FFE5E5; text-align: centre; font-size: 1.2em; border: 1px solid #000066;}

input#btn_create_new {margin-left: 0px; margin-top: 25px; height: 22px; color: #000066; background-color: #FFE5E5; text-align: centre; font-size: 1.2em; border: 1px solid #000066;}

input#btn_select_item {right: 0; width: 30px; height: 22px; color: #000066; background-color: #FFE5E5; text-align: centre; font-size: 1.2em; border: 1px solid #000066;}

textarea#ta_post {width: 248px; height: 200px; font-family: Verdana, Helvetica, sans-serif; font-size: 1.2em; border: 1px solid #000066;}

#paypal, select {width: 80px; height: 22px; }

/* END Forum Layout */