/*wireframing all content*/

div {  }

/*------------------Main Sctmobile body content------------------*/

body { font-size: 0.8em; font-family: verdana; line-height: 1.2em; top: 0; margin: 0; padding: 0; scrollbar-face-color:#af975d;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:#f0f1f1;
scrollbar-darkshadow-color:#9b8b50;
scrollbar-shadow-color:#847140;
scrollbar-arrow-color:white;
scrollbar-track-color:#f0f1f1;
overflow: auto;
}

p { color: #7a7a7a; font-size: 0.8em; font-family: verdana; line-height: 1.2em; }

td { }
a { color: #847140; font-family: verdana; line-height: 1.2em; background-repeat: no-repeat; outline-style: none; }
a:link  { color: #847140; font-family: verdana; line-height: 1.2em; background-position: 0 3px; text-decoration: none; outline-style: none; }
a:visited { color: #847140; font-family: verdana; line-height: 1.2em; text-decoration: none; outline-style: none; }
a:hover { color: #847140; font-family: verdana; line-height: 1.2em; text-decoration: underline; outline-style: none; }
.content { color: #847140; font-size: 0.8em; font-family: verdana; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px; }
.content a:link { color: #847140; font-size: 0.8em; font-family: verdana; text-decoration: none; background-position: 0 3px; outline-style: none; }
.content a:visited { color: #847140; font-size: 0.8em; font-family: verdana; text-decoration: none; outline-style: none; }
.content a:hover { color: #847140; font-size: 0.8em; font-family: verdana; text-decoration: underline; outline-style: none; }
ul { font-family: verdana; }
li { color: #7a7a7a; font-size: 0.8em; font-family: verdana; line-height: 1.2em; margin-bottom: 5px; list-style-type: disc; }
h1 { color: #847140; font-size: 1em; font-family: verdana; font-weight: bold; margin-top: 0; padding-bottom: 10px; border-bottom: 1px dotted #7a7a7a; border-top-color: #7a7a7a; border-right-color: #7a7a7a; border-left-color: #7a7a7a; }
h2 { color: #7a7a7a; font-size: 0.8em; font-family: verdana; font-weight: bold; line-height: 1.2em; }
h3 { color: #7a7a7a; font-size: 1em; font-family: verdana; font-weight: bold; }
h4 { color: #847140; font-size: 1em; font-family: verdana; line-height: 1.2em; text-decoration: none; }
.table { color: #7a7a7a; font-size: 0.8em; font-family: verdana; line-height: 1.2em; }
.image_float { float: right; margin-top: 5px; margin-bottom: 10px; margin-left: 10px; }
/*------------------SCT Header------------------*/

/*Main Header*/

#main_header_container { width: 750px; height: 90px; margin-top: 20px; margin-right: auto; margin-left: auto; }
#main_header_containerfp { margin-top: 20px; margin-right: auto; margin-left: auto; width: 750px; height: 90px; }
/*Telephone-Nav*/
#telephone_nav { text-align: right; top: 22px; width: 360px; height: 94px; float: right; }
/*tel number*/
#tel_num { text-align: right; width: 260px; height: 30px; float: right; clear: right; }
/*Icon Navigation*/
#icon_nav { background-image: url(../images/navtop/icon-nav-on_01.gif); background-repeat: no-repeat; background-position: left 0; text-align: right; position: relative; top: 34px; width: 340px; height: 30px; float: right; }
#icon_navnobg { background-repeat: no-repeat; background-position: left 0; text-align: right; position: relative; top: 34px; width: 340px; height: 30px; float: right; }
/*Sctlogo*/
#sct_logo { width: 140px; height: 90px; float: left; clear: left; }
#vodaad { width: 120px; height: 600px; float: right; margin-left: 20px; }
/*------------------SCT Main Content below------------------*/
#main_container { width: 750px; height: 720px; margin-top: 20px; margin-right: auto; margin-left: auto; }
#main_containerfp { margin-top: 20px; margin-right: auto; margin-left: auto; width: 750px; height: 720px; }
/*------------------SCT Nav------------------*/
#main_nav_container { position: relative; width: 140px; height: 580px; float: left; }
/*Nav*/
#nav { width: 140px; height: 180px; }
/*Middle container block*/
#mid_con_bloc_long { background-image: url(../images/midbloclong.gif); width: 140px; height: 390px; margin-top: 10px; }
#mid_con_bloc { margin-top: 10px; width: 140px; height: 220px; }
/*Bottom container block*/
#bot_con_bloc { background-image: url(../images/botbloc.jpg); background-repeat: no-repeat; width: 140px; height: 160px; margin-top: 10px; }
#bot_bloc { FONT-SIZE: 0.8em
; padding-top: 140px; padding-left: 10px; }
#bot_bloc UL LI { background-color: transparent; }
#bot_bloc A { DISPLAY: block; COLOR: #7a7a7a
; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px; }
#bot_bloc A.c { DISPLAY: inline; MARGIN: 0; FONT: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; COLOR: #7a7a7a; background-image: url(../images/arrow.gif); background-repeat: no-repeat; LETTER-SPACING: -1px
; padding: 0; }
/*------------------SCT Content------------------*/
#main_content_container { width: 590px; height: 580px; float: right; }
#main_content_container_scroll { width: 500px; height: auto; float: left; }
/*Top Banner*/
#top_banner { background-image: url(../images/Topbanner2.jpg); width: 590px; height: 180px; }
#top_banner_new { background-image: url(../images/topbanner_new.jpg); width: 590px; height: 356px; }
.banner_text { color: #7a7a7a; font-size: 0.8em; font-family: verdana; line-height: 1.2em; padding-top: 75px; padding-left: 119px; }
.banner_text_main { color: #7a7a7a; font-size: 0.8em; font-family: verdana; line-height: 1.2em; padding-top: 55px; padding-left: 12px; }
/*------------------ listings ------------------*/
#listing_bloc { margin-top: 10px; margin-right: 10px; width: 335px; height: 380px; float: left; }
#item_listing { margin-right: 10px; margin-bottom: 10px; width: 500px; height: auto; clear: both; padding-bottom: 10px; border-bottom: 1px dotted #cecece; border-top-style: dotted; border-top-width: 0; border-right-width: 0; border-left-width: 0; }
#listing_rbloc { background-color: #9b8b50; width: 110px; height: 100px; float: right; margin-bottom: 18px; }
/*------------------ Better deal ------------------*/
#form { margin-bottom: 10px; width: 310px; height: 500px; float: left; }
#contact_r_bloc { width: 230px; height: 250px; float: right; margin-top: 10px; }
#contact_rbloc { background-image: url(../images/toprightbloc_contact.jpg); width: 230px; height: 180px; float: right; }
/*------------------ Better deal ------------------*/
#betterdeal_steps { margin-right: 10px; margin-bottom: 10px; width: 340px; height: 180px; float: left; }
#betterdeal_steps_rbloc { background-image: url(../images/toprightbloc_steps.jpg); width: 230px; height: 180px; float: right; }
#betterdeal_bloc { background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
/*------------------Services banner------------------*/
#land_banner { background-image: url(../images/landbanner.jpg); width: 590px; height: 180px; margin-bottom: 10px; }
#email_banner { background-image: url(../images/emailbanner.jpg); margin-bottom: 10px; width: 590px; height: 180px; }
#vehicle_banner { background-image: url(../images/vehiclebanner.jpg); margin-bottom: 10px; width: 590px; height: 180px; }
#phones_banner { background-image: url(../images/mobilephonesbanner.jpg); margin-bottom: 10px; width: 590px; height: 180px; }
#itpro_banner { background-image: url(../images/itprobanner.jpg); margin-bottom: 10px; width: 590px; height: 180px; }
#team_banner { background-image: url(../images/teambanner.jpg); width: 590px; height: 180px; }
#clients_banner { background-image: url(../images/clientbanner.jpg); width: 590px; height: 180px; }
#profile_banner { background-image: url(../images/profilebanner.jpg); width: 590px; height: 180px; }
#part_banner { background-image: url(../images/partbanner.jpg); width: 590px; height: 180px; }
.banner_wtext { color: #fff; font-size: 1em; font-family: verdana; font-weight: bold; line-height: 1.2em; padding-top: 75px; padding-left: 119px; }
.banner_btext { color: #7a7a7a; font-size: 1em; font-family: verdana; font-weight: bold; line-height: 1.2em; padding-top: 75px; padding-left: 119px; }
/*------------------SCT Our services------------------*/
/*Mid Banner*/
#mid_banner { width: 590px; height: 220px; margin-top: 10px; }
.mid_banner_text { color: #7a7a7a; font-size: 0.75em; font-family: verdana; line-height: 1.2em; text-align: center; padding-top: 172px; padding-right: 5px; padding-left: 6px; }
/*Right large bloc*/
#l_bloc { width: 340px; height: 380px; float: left; margin-top: 20px; margin-right: 10px; }
/*small right bloc*/
#s_r_bloc { width: 230px; height: 390px; float: right; }
#s_r_teambloc { width: 230px; height: 390px; float: right; }
.s_r_text { width: 230px; height: 160px; float: right; margin-top: 10px; margin-bottom: 60px; }
.s_r_teamtext { background-image: url(../images/bodyfade.jpg); margin-bottom: 60px; width: 230px; height: 160px; float: right; }
/*our services right blocs*/
#landline_bloc { background-image: url(../images/landblocbg.jpg); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#email_bloc { background-image: url(../images/emailblocbg.jpg); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#vehicle_bloc { background-image: url(../images/vehicleblocbg.jpg); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#phones_bloc { background-image: url(../images/phonesblocbg.jpg); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#itpro_bloc { background-image: url(../images/itproblocbg.jpg); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#white_bloc_link { font-size: 0.8em; padding-top: 140px; padding-left: 10px; }
#white_bloc_link a { color: #fff; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; padding-left: 15px; }
#white_bloc_link a.e { color: #fff; font: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; background-image: url(../images/arrow.gif); background-repeat: no-repeat; letter-spacing: -1px; display: inline; margin: 0; padding: 0; }
/*ourbloc */
#our_bloc1 { background-image: url(../images/oslbb.gif); width: 110px; height: 220px; float: left; margin-right: 10px; }
#our_bloc2 { background-image: url(../images/osmds.gif); width: 110px; height: 220px; float: left; margin-right: 10px; }
#our_bloc3 { background-image: url(../images/osvfms.gif); width: 110px; height: 220px; float: left; margin-right: 10px; }
#our_bloc4 { background-image: url(../images/osvpda.gif); width: 110px; height: 220px; float: left; margin-right: 10px; }
#our_bloc5 { background-image: url(../images/osvit.gif); width: 110px; height: 220px; float: left; }
.our_bloc_text { color: #fff; font-size: 9px; font-family: verdana; line-height: 1.2em; padding: 44px 6px 0; }
/*------------------SCT Latest------------------*/
/*bot Banner*/
#bot_banner { width: 590px; height: 160px; margin-top: 10px; margin-bottom: 20px; }
/*latest bloc*/
#late_bloc { background-image: url(../images/latestp.gif); background-repeat: no-repeat; width: 590px; height: 160px; float: left; margin-right: 10px; }
#late_bloc_link { FONT-SIZE: 0.8em
; background-image: url(../images/products/blackberrybold.gif); background-repeat: no-repeat; background-position: 18px 32px; width: 160px; float: left; clear: right; margin-left: 20px; padding-top: 140px; padding-left: -10px; }
#late_bloc_link UL LI { background-color: transparent; }
#late_bloc_link A { DISPLAY: block; COLOR: #7a7a7a
; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px; }
#late_bloc_link A.b { DISPLAY: inline; MARGIN: 0; FONT: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; COLOR: #7a7a7a; background-image: url(../images/arrow.gif); background-repeat: no-repeat; LETTER-SPACING: -1px
; padding: 0; }
/*second box*/
#late_bloc_link2 { font-size: 0.8em; background-image: url(../images/products/HTCtouchfp.jpg); background-repeat: no-repeat; background-position: 22px 32px; width: 115px; float: left; margin-left: 20px; padding-top: 140px; padding-left: 15px; }
#late_bloc_link2 UL LI { background-color: transparent; }
#late_bloc_link2 A { color: #7a7a7a; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; padding-left: 15px; }
#late_bloc_link A.d { color: #7a7a7a; font: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; background-image: url(../images/arrow.gif); background-repeat: no-repeat; letter-spacing: -1px; display: inline; padding: 0; }
/*third box*/
#late_bloc_link3 { font-size: 0.8em; background-image: url(../images/products/mobilebb.jpg); background-repeat: no-repeat; background-position: 22px 32px; width: 140px; float: left; margin-left: 80px; padding-top: 140px; padding-left: 5px; }
#late_bloc_link3 UL LI { background-color: transparent; }
#late_bloc_link3 A { color: #7a7a7a; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; display: block; padding-left: 15px; }
#late_bloc_link A.e { color: #7a7a7a; font: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; background-image: url(../images/arrow.gif); background-repeat: no-repeat; letter-spacing: -1px; display: inline; padding: 0; }
/*access bloc*/
#access_bloc { background-image: url(../images/latestaccess.gif); background-repeat: no-repeat; width: 230px; height: 160px; float: right; }
#access_bloc_link { FONT-SIZE: 0.8em
; padding-top: 140px; padding-left: 10px; }
#access_bloc_link UL LI { background-color: transparent; }
#access_bloc_link A { DISPLAY: block; COLOR: #7a7a7a
; background-image: url(../images/arrow.gif); background-repeat: no-repeat; background-position: 0 2px; padding-left: 15px; }
#access_bloc_link A.c { DISPLAY: inline; MARGIN: 0; FONT: 0.8em/1.2em verdana, Arial, Tahoma, sans-serif; COLOR: #7a7a7a; background-image: url(../images/arrow.gif); background-repeat: no-repeat; LETTER-SPACING: -1px
; padding: 0; }
/*------------------SCT Case Study------------------*/
#case_study { width: 310px; height: auto; }
/*------------------SCT Footer------------------*/
#main_footer_container { background-repeat: no-repeat; background-position: 0 bottom; width: 750px; height: 50px; clear: both; margin-right: auto; margin-left: auto; padding-top: 20px; }
#main_footer_address { color: #847140; font-size: 8px; font-family: verdana; background-repeat: no-repeat; background-position: 0 bottom; margin-right: auto; margin-left: auto; width: 750px; height: 20px; }
.address { float: left; }
.contact { float: right; }
/*------------------Form------------------*/
rwform { width: 290px; height: 500px; float: left; }
.contactform{ color: #847140; font-size: 0.8em; font-family: verdana; font-weight: bold; width: 220px; clear: left; margin: 5px 0 10px; height: auto; padding: 2px 0 8px 130px; }
input { background-color: #f0f1f1; border: solid 1px #af975d; }
.contactform label{
font-weight: bold;
float: left;
margin-left: -130px; /*width of left column*/
width: 100px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.contactform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}
.contactform textarea{ background-color: #f0f1f1; width: 200px; height: 150px; border: solid 1px #af975d; }
/*.threepxfix class below: Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents. To account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html*/
* html .threepxfix{
margin-left: 3px;
}