/*
Add all styles that are specific to the front end of the site only
Any global font styles that you want accessible in the admin tool should be placed in style.css
*/

/* home page */
#top_panels{width: 100%; height: 272px;}
#main_image{float: left; border: 1px solid #314550; width: 374px; height: 270px;}
#right_panel{padding: 10px;float: right; background-color: #324450; background-image: url(/global/right_panel_grad.gif); background-repeat: repeat-x; width: 370px; height: 252px; color: #ffffff;}
#right_panel_corner_img{position:relative; bottom: 2px; left: 352px;}
#bottom_panels{width: 100%; height: 90px; color: #30414B}
#left_bottom_panel{float: left; border: 1px solid #314550; width: 374px; height: 100%;}
#right_bottom_panel{float: right;border: 1px solid #314550; width: 388px; height: 100%;}
.left_bottom_panel_text{padding: 10px; padding-top: 5px; padding-right: 20px; float: left; width: 240px; height: 70px;}
.right_bottom_panel_text{padding: 10px; padding-top: 5px; padding-right: 20px; float: left; width: 255px; height: 70px;}
.bottom_panel_heading{color: #31434E; font-weight: bold; font-size: 13px;}
.bottom_panel_text_main{color: #31434E; font-size: 11px; letter-spacing: 0px; word-spacing: 0px; }
.bottom_panel_img{border: 1px solid #314550;position:relative; top: 5px; float: left; width: 83; height: 73px;}

.bottom {margin:10px 0px;border:1px solid #314550;clear:both;padding:10px}
.bottom p {margin:0px}
.bottom .imageLeft {width:364px;float:left}
.bottom .imageRight {width:378px;float:right;}
.bottom .text,
.bottom .mainText {text-align:center}
.bottom .text {margin:5px 0px}
.bottom .mainText {font-size:14px;font-weight:bold;margin:0px}

.para_break{width: 100%; height: 15px;}
#header_text{margin-top: 5px; margin-bottom: 10px;}
#introText{font-size: 12px; font-weight: bold;}
.right_panel_text{font-size: 11px;}
a.videoLink{font-size: 11px;font-weight: bold; color: orange; text-decoration: underline; margin-left: 0px; position: relative; top: 0px;}
a.videoLink:visited{color: orange}

/* content page */
.content_container{width: 770px; color: #31434E;}
.content_container li{margin-left:20px;}
.left_side{margin-left: 10px; margin-right: 10px; margin-top: 5px; width: 100%;}
.left_side_products{float:left;padding:0px 0px 0px 10px;}
.right_side{width: 381px; float: left;}
.img_large{}
.page_text{font-size: 12px; line-height: 1.3em;}
.page_title{font-size: 12px; color: #31434E; font-weight: bold;}
.content_footer_spacer{width: 780px; height: 30px; float: left;}

/*benefits*/
#benefits .left_side{margin-left: 10px; margin-right: 10px; margin-top: 5px; width:480px;}
#benefits .left_side_products{float:left;padding:0px 0px 0px 10px;}
#benefits .right_side{width: 252px; float: right;margin-right:10px}
#benefits .img_large{border:1px solid #31434E;margin-bottom:10px}
#benefits .img_large img {display:block}
#benefits .img_large .text {padding:5px;text-align:center}

/* products */
.leftContainer{float: left; width: 179px; background-color: #31434E; background-image: url(/global/left_menu_grad.gif); background-repeat: repeat-x;}
.products_container{float: left; margin-left: 9px;  width: 592px; }
.products_container ul{ }
.left_menu_bottom_img{margin-top: 40px; width: 179px; height: 162px;}
.product_container{float: left;}
.product_image{border: 1px solid #6F7C83; width: 136px; height: 136px;}
.productsMain{}
.product_info_container{float: left;}
.product_title{color: #31434E; font-weight: bold; font-size: 16px;}
.title_large{color: #31434E; font-weight: bold; font-size: 16px;}
.product_info_image{border: 1px solid #31434E; width: 236px;  float: left; }
.product_info_image .text {padding:5px}
.product_info_image .title {font-size:14px;font-weight:bold;padding:5px;text-align:center}
.product_info_content{width: 322px; float: left; margin-left: 20px; padding-top: 10px; margin-right: 20px;}
.product_info_text{border: 0px solid #00ff00; padding-bottom: 18px; line-height: 1.2em; padding-top: 10px; color: #31434E; font-size: 12px;}

/* shopping cart */
.shopping_cart_container{float: left; margin-left: 10px; margin-top: 20px; color: #31434E;}
.checkout_container{float: left; margin-left: 20px; margin-top: 20px; color: #31434E;}
.step_indicator{margin-left: 10px; float: left; height: 18px; width: 100px;}
A.step_indicator_link{cursor: hand; }
.step1_indicator_item{float: left; margin-right: 2px; width: 18px; height: 18px; background-image: url(/global/step1_indicator.gif); background-repeat: no-repeat}
.step2_indicator_item{float: left; margin-right: 2px; width: 18px; height: 18px; background-image: url(/global/step2_indicator.gif); background-repeat: no-repeat}
.step3_indicator_item{float: left; margin-right: 2px; width: 18px; height: 18px; background-image: url(/global/step3_indicator.gif); background-repeat: no-repeat}
.step_indicator_item_2{background-position:-20px 0px}
.step_indicator_item_3{background-position:-40px 0px}
.step_indicator_item_4{background-position:-60px 0px}
.product_image_cell{width: 88px;  margin-right: 12px;}
.product_thumb{border: 1px solid #31434E; margin-right: 10px;}
.product_cell{margin-left: 2px;width: 84px;}
.product_cell_title{padding-bottom: 5px;}
.product_name_cell{margin-right: 2px;width: 135px;}
.quantity_select{width: 47px; color: #31434E;}
.shopping_cart_row{width: 581px;  border-bottom: 1px solid #9CA3A9; float: left; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
.shopping_cart_buttons{margin: 10px; margin-right: 0px; width: 581px;}
A.button_plain{text-decoration: none; padding: 3px; padding-left: 9px; padding-right: 9px; color: #F6FCFE; font-size: 11px} 
A.button_plain:hover{color: #ffffff;}

.billing_details{float: left; margin-left: 10px; width: 285px;}
.form_label{font-size: 12px; color: #31434E; display: block; float: left; width: 100px; margin-right: 10px;}
.form_input{width: 162px; height: 18px; border: 1px solid #7F9DB9; font-size: 12px; padding-left: 2px; color: #31434E; }
.input_col{}
.required{color: #ff0000;}
.form_row{margin-bottom: 10px;}
A.pop_up_link{font-weight: normal; font-size: 10px; color: #F08700; text-decoration: underline;}
.order_confirm_left_col{margin-right: 5px; width: 200px; line-height: 1.4em;}
.order_confirm_qty_col{margin-right: 5px; width: 90px; line-height: 1.4em;}
.order_confirm_price_col{width: 280px; line-height: 1.4em;}
.order_confirm_right_col{width: 375px; line-height: 1.4em;}

/* contact page */
.contactus_contact_panel{float:left; height: 450px; width: 200px; padding-top: 10px; padding-bottom: 10px;padding-left: 5px;}
.contactus_enquiry_panel{margin-top: 10px; margin-left: 20px; margin-right: 10px; margin-bottom: 10px; float:left; width: 534px; }

/***********************
*                      *
* MAIN TEMPLATE STYLES *
*                      *
************************/

#header {height: 117px;}
#header_top{background-image: url(/global/isotec_banner3.gif);height: 90px;width: 780px;}
#nav_top{width: 100%; margin: 0px;}
#nav_top ul {width: 780px; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; float: left; list-style:none; margin: 0px;padding:0px; background-color: #6F7C84;}

#nav_top li {float:left;}

#nav_top a              {color: #FFFFFF; font-family: Sans Serif, Arial; font-size: 12px; font-weight: bold; text-decoration: none; background-color: #6F7C84; display: block; padding: 5px 15px; border-right: 1px solid #FFFFFF;}
#nav_top a.selected,
#nav_top a:hover        {font-family: Sans Serif, Arial; font-size: 12px; font-weight: bold; text-decoration: none; color:#FFFFFF; background-color: #31434F;}
/*#nav_top a.last         {border:0px}*/

#nav_last_item{}
.footer_bar{background-image: url(/global/ftr.gif);height: 11px;width: 780px; float: left;}
.copyright{float:right;color:#868686;margin-top: 3px;font-size: 10px;}

.spacer{width:100%;height: 10px; border: 0px solid #00ff00; clear: left;}

a.smallLink{font-size: 10px; text-decoration: underline;}
a.smallLink:visited{font-size: 11px; text-decoration: underline;}

a.link{font-size: 11px; font-weight: bold; color: orange; text-decoration: underline;}
a.link:visited{color: orange;}



body {width:100%; margin-top: 20px;}

#siteContainer{margin-left:auto;margin-right:auto;width:780px;}

#contentContainer {float:left;width:780px;color: #31434E;}
#contentContainer ul {margin: 0px; margin-left: 10px;padding:0px;}
#rightContainer {float:left;width:180px;border:0px solid #000}

.module_header {width:500px}
.contain {clear:both;dislpay:block;height:0px}

h1 {margin-top:0px;}
h2 {margin-top:0px;background-color:#BBB;width:460px;padding:2px 0px 2px 10px}
h3 {}
h4 {}
h5 {}

/************************
*                       *
* SIDEBOXES STYLES      *
*                       *
************************/

#login {border:1px solid #000;width:178px}
#login h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}

#sideNav {float:left;width:100%; padding-top: 10px;}
#sideNav h3 {background-color:#BBB;font-size:14px;width:100%;color:#FFF;padding:2px 0px 2px 0px;text-align:center;margin-top:0px}
#sideNav ul {list-style: none;margin:0px;padding:0px 0px 0px 0px}
#sideNav li {padding:10px 0px 3px 10px;}

/*search*/
#search .text {float:left;padding-right:5px}
#search .input {float:left}
#search {background-color:#EEE333;padding:2px 2px 2px 2px;}

/************************
*                       *
* MODULE STYLES         *
*                       *
*************************

/*anything*/
.mainText {padding:5px 10px 5px 10px}


/*register*/
#register .intro {padding:0px 0px 0px 10px}
#register .error {padding:0px 0px 0px 10px}
#register .confirm {padding:0px 0px 0px 10px}
#register .row {margin-top:5px;border:0px solid #000;width:100%}
#register .colLeft {float:left;width:150px;border:0px solid #000;}
#register .colRight {float:left;border:0px solid #000;}
#register .colRightLeft {float:left;width:115px;}
#register .text_input{width: 120px;}
#register .buttons {}
#register .form {padding:0px 0px 0px 10px}
#register .message {margin-top:5px}
#register .message .text { float:left;width:150px}
#register .message .input { float:left;}
#register .buttons {margin-top:20px;}
.security_input{position: relative; bottom: 20px;}

/*default searh/index*/
.rowOdd {margin-top:10px;padding:0px 10px 0px 10px}
.rowEven {margin-top:0px;padding:0px 0px 0px 10px}
#index h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
#searchResults h3{background-color:#BBB;padding:2px 0px 2px 10px;font-size:12px}
.link {text-align:right}
.text {font-size:12px;}
.date {padding-left:10px}
.paging {text-align:center;background-color:#3FE2DD;font-size:10px;padding:2px 0px 2px 0px}


/*calculator*/
#calculator 
td.borderon{ border: 1px solid;border-collapse: on; padding: 4px 4px 4px 4px }
td.noborder{ border: none; padding: 4px 4px 4px 4px }
#calculator input.cellinput{ border: 1px solid; width: 80px }
#calculator input.celloutput{ border: 1px solid; width: 80px; background-color: #CDCDCD }


.container                  {padding:10px}
.label                      {float:left;width:150px;margin-bottom:3px}
.input                      {float:left;margin-bottom:3px}
.clear                      {clear:both;height:0px;overflow:hidden}
.buttons                    {margin:10px 0px 0px 150px}
.input input.required       {color:#000}
input.error,
input.validation-failed,
select.validation-failed,
textarea.validation-failed             {border:2px solid #b11111;background-color:#f1bbbb;color:#000}

input.validation-passed,
select.validation-passed,
textarea.validation-passed              {border:2px solid #0F0;}

input.disabled                          {color:#AAA}

.errorMessage                           {border:1px solid #b11111;padding:10px;background-color:#f1bbbb;font-size:10px;margin-bottom:10px}
.validation-advice                      {color:#b11111;max-width:250px}
/************************
*                       *
* DEFAULT STYLES        *
*                       *
*************************/
img {border-width:0px}
.bold {font-weight:bold}
.left{float: left;}
.right{float: right}
.clear_left{clear: left}
.border{border:1px solid #00ff00;}
.align_right{text-align: right}
.align_center{text-align: center}
.light_gray{background-color: #53616A;}
.dark_gray{background-color: #293740;}
.small_text{font-size: 10px}
.warning_text{color: #ff0000;}
.new_line{clear: left;}
.clear {clear:both;}
#productsMain .text ul {list-style:disc;margin-left:20px}