/* global configurations */
html {
overflow-y: scroll;
scrollbar-base-color: #C2D3FC;
scrollbar-arrow-color: #003E62;
}
. a {
color: #0000FF;
text-decoration: normal;
}
. a:hover {
color: #000000;
text-decoration: underline;
}
div#header {
position: relative;
width: 998px;
overflow: hidden;
background-color: #ffffff;
background: url(images/header_bk.gif) top left repeat-x;
border: 0px;
margin: 0px;
margin-top: 0px;
padding: 0px;
padding-top: 10px;
padding-bottom: 0px;
}
span#header_left {
display: block;
position: relative;
vertical-align: text-bottom;
float: left;
width: 523px;
margin: 0px;
padding: 0px;
}
span#header_content {
display: block;
position: relative;
vertical-align: top;
float: right;
width: 475px;
margin: 0px;
padding: 0px;
text-align: right;
font-family: Arial, Helvetica;
color: #4B4B4B;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 17px;
}
#header_content_uk {
display: inline-block;
vertical-align: text-bottom;
float: right;
width: 340px;
margin: 0px;
border: 1px;
text-align: right;
vertical-align: bottom;
font-family: Arial, Helvetica;
color: #4B4B4B;
text-decoration: none;
font-size: 12px;
font-weight: bold;
line-height: 17px;
padding-top: 15px;
}
.header_email {
position: relative;
width: 175px;
height: 25px;
margin-bottom: 2px;
padding-bottom: 2px;
border-bottom: 0px solid #BEBDAC;
}
span#header_content a {
color: #0000FF;
font-weight: normal;
text-decoration: none;
}
span#header_content a:hover {
color: #000000;
text-decoration: none;
}
.proto_na {
font-family: Arial, Helvetica;
color: #4B4B4B;
text-decoration: none;
font-size: 14px;
font-weight: bold;
line-height: 17px;
}
.footer {
margin: 0px;
font-family: Arial, Helvetica;
color: #737373;
text-decoration: none;
font-size: 12px;
font-weight: regular;
text-align: center;
}
.footer a {
color: #737373;
text-decoration: none;
}
.footer a:hover {
color: #000000;
text-decoration: underline;
}
.intro {
align: center;
vertical-align: top;
width: 100%x;
overflow: hidden;
background-color: #ffffff;
border: 0px;
margin: 0px;
padding: 0px;
}
/* Begin Protocase Tier II Tab Style */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin-top: 0px; /* set margins as desired */
margin-left: 0px;
margin-right: 5px;
margin-bottom: 0px;
font: bold 13px arial, verdana, sans-serif; /* set font as desired */
border-bottom: 1px solid #BEBDAC; /* set border COLOR as desired */
list-style-type: none;
padding: 3px 10px 3px 10px; /* THIRD number must change with respect to padding-top (X) below */
background-color: #EEEEEE;
}
ul#tabnav li { /* do not change */
display: inline;
}
body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 body#tab5 li.tab5, body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8, body#tab9 li.tab9 { /* settings for selected tab */
border-bottom: 1px solid #ffffff; /* set border color to page background color */
background-color: #ffffff; /* set background color to match above border color */
}
body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a, body#tab9 li.tab9 a { /* settings for selected tab link */
background-color: #ffffff; /* set selected tab background color as desired */
color: #000000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 3px; /* change with respect to padding (X) above and below */
}
ul#tabnav li a { /* settings for all tab links */
padding: 3px 4px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #BEBDAC; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #1E5CA9; /* set unselected tab background color as desired */
color: #ffffff; /* set unselected tab link color as desired */
padding-top: 1px; /* change with respect to padding (X) above and below */
margin-right: 0px;
margin-left: 0px;
text-decoration: none;
border-bottom: none;
}
ul#tabnav a:hover { /* settings for hover effect */
background: #ffffff; /* set desired hover color */
color: #0000FF;
text-decoration: underline;
}
/* End Protocase Tier II Tab Style */
.tab_box {
position: relative;
display: block;
width: 1000px;
overflow: hidden;
background-color: #EEEEEE;
margin-top: 10px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-indent: 5px;
padding: 0px;
}
.content_box_title {
text-align: left;
font-family: arial, helvetica;
color: #000000;
font-size: 16px;
text-decoration: none;
font-weight: bold;
padding: 0px;
margin: 0px;
margin-top: 10px;
}
.preamble_box {
position: relative;
float: left;
width: 997px;
max-width: 997px;
min-width: 997px;
overflow: hidden;
background-color: #EEEEEE;
border-left: 1px solid #BEBDAC;
border-top: 0px;
border-bottom: 0px;
border-right: 1px solid #BEBDAC;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-top: 10px;
}
#splash_box {
position: relative;
float: left;
width: 997px;
max-width: 997px;
min-width: 997px;
overflow: hidden;
background-color: #eeeeee;
border-left: 1px solid #BEBDAC;
border-top: 1px solid #BEBDAC;
border-bottom: 0px;
border-right: 1px solid #BEBDAC;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-top: 10px;
padding-left: 0px;
}
.preamble_box_nosubmenu {
position: relative;
display: block;
float: left;
width: 997px;
max-width: 997px;
min-width: 997px;
overflow: hidden;
background-color: #EEEEEE;
border-left: 1px solid #BEBDAC;
border-top: 0px;
border-bottom: 1px solid #BEBDAC;
border-right: 1px solid #BEBDAC;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-top: 10px;
}
.preamble_box_nomainmenu {
position: relative;
display: block;
float: left;
width: 997px;
max-width: 997px;
min-width: 997px;
overflow: hidden;
background-color: #EEEEEE;
border-left: 1px solid #BEBDAC;
border-top: 1px solid #BEBDAC;
border-bottom: 0px;
border-right: 1px solid #BEBDAC;
border-width: 1px;
margin: 0px;
padding: 0px;
padding-top: 10px;
}
#preamble_header_img {
position: relative;
display: block;
float: right;
overflow: hidden;
background-color: transparent;
border-left: 1px solid #BEBDAC;
border-bottom: 1px solid #BEBDAC;
border-top: 1px solid #BEBDAC;
border-width: 0px;
margin: 0px;
padding: 0px;
padding-bottom: 20px;
}
#preamble_header_img_products {
position: relative;
display: block;
float: right;
overflow: hidden;
background-color: #ffffff;
border-left: 1px solid #BEBDAC;
border-bottom: 0px solid #BEBDAC;
border-top: 0px solid #0BEBDAC;
border-width: 0px;
margin: 0px;
padding: 0px;
}
span#contact_location{
position: relative;
display: inline-block;
float: left;
margin-right: 40px;
margin-top: 0px;
padding: 0px;
}
#prod_img {
position: relative;
display: block;
float: right;
overflow: hidden;
background-color: #ffffff;
border-width: 0px;
margin: 0px;
padding: 5px;
}
.preamble_title {
padding-top: 20px;
padding-left: 40px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica;
color: #000000;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: normal;
}
.heavy_title {
padding-top: 20px;
padding-left: 40px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica;
color: #1E5CA9;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
.heavy_title2 {
padding-top: 20px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica;
color: #1E5CA9;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: bold;
}
.heavy_title2 a{
color: #1E5CA9;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-decoration: none;
}
.heavy_title2 a:hover{
color: #000;
font-size: 14px;
line-height: 24px;
font-weight: normal;
text-decoration: underline;
}
.preamble_message {
padding-top: 5px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica;
color: #000000;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}
.preamble_title_order {
padding-top: 20px;
padding-left: 35px;
padding-right: 0px;
padding-bottom: 10px;
margin: 0px;
text-align: left;
font-family: Arial, Helvetica;
color: #000000;
text-decoration: none;
font-size: 24px;
font-weight: bold;
}
form {
display: inline;
}
body {
text-align: center;
font-family: Arial, Helvetica;
background-color: #ffffff;
margin: 0px;
}
div#centre_site {
margin: 0px auto;
width: 998px;
padding: 0px;
background-color: #ffffff;
text-align: left;
}
.main_content {
position: relative;
text-align: left;
width: 998px;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
line-height: 18px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.main_content a {
color: #0000FF;
text-decoration: underline;
}
.main_content a:hover {
color: #000000;
text-decoration: underline;
}
#fillspace {
width: 978px;
max-width: 978px;
min-width: 978px;
padding: 0px;
margin: 0px;
}
.split_column_main_content {
position: relative;
text-align: left;
width: 698px;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
line-height: 18px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
}
.split_column_main_content a {
color: #0000FF;
text-decoration: underline;
}
.split_column_main_content a:hover {
color: #000000;
text-decoration: underline;
}
.main_content_indent {
position: relative;
text-align: left;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
line-height: 20px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
padding-left: 45px;
}
.main_content_indent a {
color: #0000FF;
text-decoration: underline;
}
.main_content_indent a:hover {
color: #000000;
text-decoration: underline;
}
#split_column_main_content_indent {
position: relative;
text-align: left;
width: 615px;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
line-height: 20px;
text-decoration: none;
font-weight: normal;
padding: 0px;
margin: 0px;
text-indent: 50px;
}
#ul_no_indent {
margin-left: 10px;
padding-left: 10px;
}
.large_title {
text-align: left;
font-family: arial, helvetica;
color: #000000;
background: transparent;
font-size: 24px;
line-height: 24px;
text-decoration: none;
font-weight: bold;
padding: 0px;
margin: 0px;
margin-top: 10px;
}
.designer_box_bullets {
text-align: left;
width: 575px;
font-family: arial, helvetica;
color: #000000;
line-height: 22px;
font-size: 18px;
text-decoration: none;
font-weight: bold;
padding: 0px;
margin: 0px;
margin-top: 10px;
margin-left: 40px;
}
.strong_title {
text-align: left;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
text-decoration: none;
font-weight: bold;
padding: 0px;
margin: 0px;
margin-top: 10px;
}
.intro_box {
position: relative;
display: block;
float: left;
width: 135px;
background-color: transparent;
font-family: arial, helvetica;
color: #000000;
font-size: 11px;
line-height: 15px;
text-decoration: none;
font-weight: normal;
padding-right: 0px;
padding-left: 0px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 35px;
}
.intro_box a {
color: #000000;
text-decoration: none;
}
.intro_box a:hover {
color: #0000ff;
text-decoration: underline;
}
.quicktour_box {
position: relative;
display: block;
float: left;
width: 230px;
background-color: transparent;
font-family: arial, helvetica;
color: #000000;
font-size: 11px;
line-height: 15px;
text-decoration: none;
font-weight: normal;
padding-top: 5px;
padding-right: 0px;
padding-left: 10px;
margin-right: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
.quicktour_box a {
color: #0000FF;
text-decoration: none;
}
.quicktour_box a:hover {
color: #000000;
text-decoration: underline;
}
.intro_box_strong_title {
font-family: arial, helvetica;
color: #0000FF;
font-size: 11px;
line-height: 15px;
text-decoration: none;
font-weight: bold;
margin-bottom: 10px;
}
.content_box {
position: relative;
width: 100%;
background-color: #EEEEEE;
border: 0px;
border-width: 1px;
padding-top: 5 px;
padding-bottom: 5 px;
padding-left: 5 px;
padding-right: 5 px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 10px;
}
.content_box_support {
position: relative;
width: 650px;
max-width: 650px;
min-width: 650px;
background-color: #EEEEEE;
border: 0px;
border-width: 1px;
margin: 0 px;
padding: 5 px;
margin-bottom: 10px;
}
.twocolumn_content_box {
position: relative;
width: 660px;
max-width: 660px;
min-width: 660px;
background-color: #EEEEEE;
border: 0px;
border-width: 1px;
margin: 0 px;
padding: 5 px;
margin-bottom: 10px;
}
.tutorial_box {
position: relative;
align: left;
width: 600px;
height: 115px;
background-color: #ffffff;
border: 0px;
border-width: 1px;
margin: 4 px;
padding: 8 px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;
}
.tut_img {
position: relative;
display: inline-block;
float: right;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
}
.suite_img {
position: relative;
display: block;
float: left;
margin-left: 0px;
margin-top: 0px;
padding: 0px;
}
.bullet_text {
position: relative;
text-align: left;
vertical-align: middle;
width: 600px;
height: 26px;
font-family: arial, helvetica;
font-size: 13px;
text-decoration: none;
font-weight: bold;
padding-top: 4px;
margin: 0px;
margin-left: 0px;
}
#form_column_images {
align: left;
text-align: left;
vertical-align: top;
padding: 5px;
margin: 0px;
width: 270px;
max-width: 270px;
min-width: 270px;
}
.content_box_image {
border: 1px solid #838383;
}
.form_content {
position: relative;
font-family: arial, helvetica;
text-align: left;
vertical-align: top;
color: #000000;
font-size: 12px;
text-decoration: none;
font-weight: normal;
}
.form_content a {
color: #0000FF;
text-decoration: underline;
}
.form_content a:hover {
color: #000000;
text-decoration: underline;
}
#form_column_items {
position: relative;
align: right;
vertical-align: top;
padding: 5px;
margin: 5px;
}
.form_column_span {
position: relative;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
text-decoration: none;
font-weight: normal;
width: 100%;
padding: 5px;
margin: 0px;
}
.form_column_span a {
color: #0000FF;
text-decoration: underline;
}
.form_column_span a:hover {
color: #000000;
text-decoration: none;
}
.form_inputs {
font-family: arial, helvetica;
color: #000000;
background-color: #EBF5FF;
border: 1px solid #003E62;
font-size: 11px;
font-weight: normal;
padding-left: 0px;
margin: 0px;
}
.form_submit {
font-family: arial, helvetica;
align: center;
color: #000000;
background-color: #EBEBFF;
border: 1px solid #003E62;
font-size: 14px;
font-weight: Bold;
padding-left: 5px;
margin: 0px;
}
.roll {
color: #fe959a;
font-family: arial, helvetica;
text-decoration: none;
}
.roll:hover {
color: #ffffcc;
text-decoration: underline;
}
/* 3 column configuration */
#showcase_container{
width: 100%; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#showcase_wrapper{
float: left;
width: 100%;
}
#showcase_rightcolumn{
margin-left: 650px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#showcase_leftcolumn{
float: left;
width: 325px; /*Width of left column in pixel*/
margin-left: -970px; /*Set left margin to -(MainContainerWidth)*/
background: #ffffff;
}
#showcase_centercolumn{
float: left;
width: 325px; /*Width of right column in pixels*/
margin-left: -645px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background: #ffffff;
}
.innertube{
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}
.order_innertube{
margin: -15px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}
.order_innertube2{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}
.innertube_contact{
margin-left: -150px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 10px;
}
#overview_rightcolumn{
margin-left: 540px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#overview_leftcolumn{
float: left;
width: 470px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}
#contact_leftcolumn{
float: left;
width: 470px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}
#overview_centercolumn{
float: left;
width: 50px; /*Width of right column in pixels*/
margin-left: -538px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background: #ffffff;
}
#main_rightcolumn{
margin-left: 748px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#order_rightcolumn{
margin-left: 748px; /*Margin for content column. Should be (RightColumnWidth + LeftColumnWidth)*/
}
#main_leftcolumn{
float: left;
width: 728px; /*Width of left column in pixel*/
margin-left: -998px; /*Set left margin to -(MainContainerWidth)*/
background: transparent;
}
#main_centercolumn{
float: left;
width: 20px; /*Width of right column in pixels*/
margin-left: -300px; /*Set right margin to -(MainContainerWidth - LeftColumnWidth)*/
background-color: transparent;
}
.overview_box {
position: relative;
align: left;
width: 445px;
max-width: 445px;
min-width: 445px;
background-color: #EEEEEE;
border: 0px;
border-width: 1px;
margin: 4 px;
padding: 5 px;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 5px;
}
#button_email {
position: relative;
width: 335px;
height: 34px;
background-image: url(images/button_email.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px;
padding-left: 0px;
padding-top: 3px;
margin: 0px;
margin-left: 0px;
}
#button_upload {
position: relative;
width: 335px;
height: 34px;
background-image: url(images/button_upload.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px;
padding-left: 0px;
padding-top: 3px;
margin: 0px;
margin-left: 0px;
}
#button_designer {
position: relative;
width: 410px;
height: 40px;
background-image: url(images/button_designer.gif);
background-repeat: no-repeat;
background-position: left;
padding: 0px;
padding-left: 0px;
padding-top: 4px;
margin: 0px;
margin-left: 50px;
}
.internal_box {
position: relative;
display: block;
align: right;
width: 250px;
max-width: 250px;
min-width: 250px;
background-color: #ffffff;
border: 1px solid #737373;
border-width: 1px;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
.internal_box_intro {
position: relative;
display: block;
align: right;
width: 250px;
max-width: 250px;
min-width: 250px;
background-color: #ffffff;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
}
#internal_box_content {
position: relative;
display: block;
width: 236px;
background-color: #ffffff;
vertical-align: middle;
text-align: left;
font-family: arial, helvetica;
color: #4B4B4B;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 3px;
padding-left: 8px;
text-decoration: none;
}
#internal_box_content a {
color: #0000FF;
text-decoration: none;
}
#internal_box_content a:hover {
color: #000000;
text-decoration: underline;
}
.internal_box_content_intro {
position: relative;
display: block;
width: 236px;
background-color: #ffffff;
vertical-align: middle;
text-align: left;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 3px;
padding-left: 8px;
text-decoration: none;
}
#internal_box_content_intro a {
color: #5C5C5C;
text-decoration: none;
}
#internal_box_content_intro a:hover {
color: #000000;
text-decoration: underline;
}
#internal_box_content_contact {
position: relative;
display: block;
width: 248 px;
height: 110 px;
max-height: 110px;
background-image: url(images/showcase/internal_box_contact.jpg);
vertical-align: middle;
text-align: left;
font-family: arial, helvetica;
color: #000000;
font-size: 12px;
line-height: 14px;
font-weight: normal;
margin: 0px;
padding: 3px;
padding-left: 8px;
text-decoration: none;
}
#internal_box_content_contact a {
color: #0000FF;
text-decoration: none;
}
#internal_box_content_contact a:hover {
color: #000000;
text-decoration: underline;
}
.internal_box_header {
position: relative;
display: block;
width: 100%;
background-image: url(images/internal_box_bk.gif);
text-align: left;
font-family: arial, helvetica;
color: #ffffff;
font-size: 12px;
font-weight: bold;
margin: 0px;
padding: 0px;
padding-left: 0px;
text-decoration: normal;
}
.internal_box_header a {
color: #FFFFFF;
text-decoration: none;
}
.internal_box_header a:hover {
color: #FFFFFF;
text-decoration: underline;
}
.internal_box_header_intro {
position: relative;
display: block;
width: 100%;
text-align: left;
font-family: arial, helvetica;
color: #689E87;
font-size: 14px;
font-weight: bold;
margin: 0px;
padding: 0px;
padding-left: 0px;
text-decoration: normal;
}
.internal_box_header_intro a {
color: #689E87;
text-decoration: none;
}
.internal_box_header_intro a:hover {
color: #000000;
text-decoration: underline;
}
.internal_box_testimonial {
text-align: left;
font-family: arial, helvetica;
color: #737373;
font-size: 12px;
font-style: italic;
font-weight: normal;
margin: 0px;
padding: 5px;
padding-top: 2px;
padding-bottom: 2px;
text-decoration: normal;
}
.internal_box_testimonial a {
color: #0000FF;
text-decoration: none;
}
.internal_box_testimonial a:hover {
color: #000000;
text-decoration: underline;
}
.style1 {
font-size: 18px;
}
.style2 {
font-size: 16px;
}
.style3 {
font-size: 2em;
}
.video1 {
position: relative;
width: 425px;
margin: 0 0 0 0;
margin-left: 40px;
}
.video2 {
position: absolute;
width: 50px;
height: 50px;
margin: 0 0 0 0;
}
.video3 {
position: absolute;
top: 0;
margin: 0 0 0 0;
height: 20px;
margin-left: 60px;
width: 375px;
height: 20px;
font-family : Arial,sans-serif;
font-weight: bold;
color: #1E5CA9;
font-size: 14px;
text-decoration: none;
}
.video3 a {
color: #1E5CA9;
text-decoration: none;
}
.video3 a:hover {
color: #000000;
text-decoration: underline;
}
.video4 {
position: absolute;
top: 15px;
width: 375px;
margin: 0 0 0 0;
margin-left: 60px;
font-family : Arial,sans-serif;
font-weight: none;
font-size: 11px;
color: #AEAEAE;
line-height: 13px;
text-decoration: none;
}
.video4 a {
color: #000000;
text-decoration: none;
}
.video4 a:hover {
color: #000000;
text-decoration: underline;
}
.subject {
position: relative;
top: -10px;
margin-left: 20px;
color: #000000;
width: 415px;
}
.vid1 {
position: relative;
/*width: 425px;*/
margin: 0 0 0 0;
margin-left: 10px;
}
.vid2 {
position: absolute;
width: 150px;
height: 100px;
margin: 0 0 0 0;
}
.vid3 {
position: absolute;
top: 0;
margin: 0 0 0 0;
height: 20px;
margin-left: 160px;
/*width: 375px;*/
height: 20px;
/*font-family : Arial,sans-serif;*/
font-weight: bold;
color: #1E5CA9;
/*font-size: 14px;*/
text-decoration: none;
}
.vid3 a {
color: #1E5CA9;
text-decoration: none;
}
.vid3 a:hover {
color: #000000;
text-decoration: underline;
}
.vid4 {
position: absolute;
top: 15px;
width: 375px;
margin: 0 0 0 0;
margin-left: 160px;
/*font-family : Arial,sans-serif;*/
font-weight: none;
/*font-size: 11px;*/
color: #AEAEAE;
/*line-height: 13px; */
text-decoration: none;
}
.vid4 a {
color: #000000;
text-decoration: none;
}
.vid4 a:hover {
color: #000000;
text-decoration: underline;
}
.specialfield{
display:none;
}
.tutorial_div {
position: relative;
align: left;
width: 600px;
background-color: #ffffff;
border: 0px;
border-width: 1px;
margin: 4 px;
padding: 8 px;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 5px;
}