/*** 

GENERAL LAYOUT 

***/

h3
{
color: white;
font-size: 1.4em;
font-weight: normal;
}

html, body {height:100%;}

.clear
{
clear: both;
}

body
{
background-image:url(../images/STT-Bgd-Grd.png);
background-repeat:repeat-x;
background-position:bottom;
background-color:#54a1a8;
font-family:Arial,sans-serif;
color:#000;
font-size:13px;
}

strong
{
font-weight: normal;
font-size: 13px;
}

em
{
font-style: normal;
font-weight: normal;
font-size: 13px;
}

#pg_wrap {min-height:100%;height:auto;}

#pagebkground
{
width: 980px;
margin: 0 auto;
background: url(../images/bkgrd4.png) repeat-y center;
}


#wrapper
{
width: 960px;
margin: 0 auto;
background: #fff;
padding: 0;
}



#innerwrap
{
display: block;
width: 930px;
margin: 0 auto;
}


#content
{
clear: both;
width: 100%;
color: #666666;
}

.whereAmIbox
{
display: block;
border-bottom:1px solid #F1EEE8;
width: 100%;
margin-bottom:20px;
}

.whereAmIbox-head
{
font-size:1.7em;
font-weight: normal;
width: 115px;
float: left;
}

.whereAmIbox span
{
margin: 10px 0 0 0;
line-height: 2.1em;
}

.whereAmI
{
border-bottom:1px solid #F1EEE8;
font-size:1.7em;
margin-bottom:20px;
padding:0 0 10px;
font-weight: normal;
}

 .green
 {
 color: #62BDC0;
 }

/*Header*/
#header
{
width:100%;
margin:0 auto;
background-color:#fff;
padding:0px 0 15px;
overflow: hidden;
}

#header img
{
float: left;
}

#header #logo
{
margin-top: 10px;
}

#newsletter
{
margin-top: 50px;
margin-left: 40px;
}

#address
{
margin-top: 32px;
margin-left: 78px;
}


/*Search Box*/

#sttsearch
{
float: right;
background:#444444 url(../images/lcorn.gif) no-repeat left bottom;
color: #fff
}

#searchEle
{
background: url(../images/rcorn.gif) no-repeat right bottom;
padding: 7px 5px 12px 5px;
border: none;
}

#sttsearch input, #sttsearch txt
{
float: left
}

#sttsearch form
{
/*background: url(../images/rcorn.gif) no-repeat right bottom;*/
padding: 7px 5px 12px 5px;
border: none;
}

#sttsearch input
{
margin: 0 2px 0 2px;
}

#searchtxt
{
float: left;
display: block;
background: url("../images/searchtxt.png") no-repeat center;
width: 51px;
height: 14px;
text-indent: -9999px;
margin: 4px 2px 0 0;
}

.search-box
{
margin-bottom: 10px
}

.search-result
{
margin: 20px 30px
}

.search-result h3
{
color: #666666;
}

.search-result a
{
color: #62bdc0
}


.search-result a:hover
{
#9ac7cb
}
/* ** End SEARCH BOX *************************/

#login
{
background:#444444 url(../images/lcorn.gif) no-repeat left bottom;
color: #fff;
float: right;
margin: 0 5px 0 0;
}

#logina
{
background: url(../images/rcorn.gif) no-repeat right bottom;
display: block;
padding: 17px;
}

#logina a
{
display: block;
background: url("../images/logintext.png") no-repeat center;
width: 41px;
height: 14px;
text-indent: -9999px;
}

/*** Login / Register ***********************/

/** Login overlay ***************************/

.overlay
{
display:none;
padding:55px;
position:relative;
z-index:10001;
}

.mediumoverlay
{
background:url(../images/offwhitemedium.png) no-repeat;width:300px;
width:300px;
z-index:10001;
}


.overlay .close {
background:url("../images/close.png") no-repeat scroll 0 0 transparent;
cursor:pointer;
height:28px;
position:absolute;
right:10px;
top:10px;
width:28px;
}

.mediumoverlay .close {
right:0;
top:0;
}

/** End Login overlay ***************************/

/*Main Page Navi*/
.main_navi 
{
display: block;
margin: 0 auto;
width: 930px;
height: 35px;
clear: both;
}

.main_navi ul
{
list-style-type: none;
width: 100%;
height: 100%;
}

.main_navi ul li
{
float: left
}


.sttMainMenuHome a, .sttMainMenuHomeOn a, .sttMainMenuAbout a, .sttMainMenuAboutOn a,
.sttMainMenuProducts a, .sttMainMenuProductsOn a, .sttMainMenuSuppliers a, .sttMainMenuSuppliersOn a,
.sttMainMenuWhatsnew a, .sttMainMenuWhatsnewOn a, .sttMainMenuGallery a, .sttMainMenuGalleryOn a,
.sttMainMenuVisitus a, .sttMainMenuVisitusOn a, .sttMainMenuContactus a, .sttMainMenuContactusOn a 
{
background: url("../images/HomePage/navbar.png") no-repeat;
display: block;
height: 35px;
margin: 10px 0 0 0;
padding: 0;
text-indent: -9999px;
width: 85px
}

 .sttMainMenuHome a
 {
 background-position: -0px -3px;
 width: 85px;
 }

 .sttMainMenuHome a:hover
 {
 background-position: -0px -42px;
 width: 85px;
 }
 
 .sttMainMenuHomeOn a
 {
 background-position: -0px -42px;
 width: 85px;
 }
 
/****** MenuAbout ******/ 
 
  .sttMainMenuAbout a
 {
 background-position: -86px -3px;
 width: 116px;
 }

 .sttMainMenuAbout a:hover
 {
 background-position: -86px -42px;
 width: 116px;
 }
 
 .sttMainMenuAboutOn a
 {
 background-position: -86px -42px;
 width: 116px;
 }

/****** EndMenuAbout ******/ 

/****** MenuProducts ******/

  .sttMainMenuProducts a
 {
 background-position: -201px -3px;
 width: 126px;
 }

 .sttMainMenuProducts a:hover
 {
 background-position: -201px -42px;
 width: 126px;
 }
 
 .sttMainMenuProductsOn a
 {
 background-position: -201px -42px;
 width: 126px;
 }

/****** EndMenuProducts ******/
 
/****** MenuSuppliers ******/ 

 .sttMainMenuSuppliers a
 {
 background-position: -327px -3px;
 width: 126px;
 }

 .sttMainMenuSuppliers a:hover
 {
 background-position: -327px -42px;
 width: 126px;
 }
 
 .sttMainMenuSuppliersOn a
 {
 background-position: -327px -42px;
 width: 126px;
 }

/****** EndMenuSuppliers ******/ 

/****** MenuWhatsnew ******/ 

 .sttMainMenuWhatsnew a
 {
 background-position: -452px -3px;
 width: 141px;
 }

 .sttMainMenuWhatsnew a:hover
 {
 background-position: -452px -42px;
 width: 141px;
 }
 
 .sttMainMenuWhatsnewOn a
 {
 background-position: -452px -42px;
 width: 141px;
 }

/****** EndWhatsnew ******/  
  
/****** MenuGallery ******/ 	
	
.sttMainMenuGallery a
 {
 background-position: -593px -3px;
 width: 101px;
 }

 .sttMainMenuGallery a:hover
 {
 background-position: -593px -42px;
 width: 101px;
 }
 
 .sttMainMenuGalleryOn a
 {
 background-position: -593px -42px;
 width: 101px;
 }


/****** EndMenuGallery ******/ 

/****** MenuVisitus ******/ 		

.sttMainMenuVisitus a
 {
 background-position: -694px -3px;
 width: 116px;
 }

 .sttMainMenuVisitus a:hover
 {
 background-position: -694px -42px;
 width: 116px;
 }
 
 .sttMainMenuVisitusOn a
 {
 background-position: -694px -42px;
 width: 116px;
 }

/****** EndMenuVisitus ******/

/****** MenuContactus ******/

.sttMainMenuContactus a
 {
 background-position: -810px -3px;
 width: 119px;
 }

 .sttMainMenuContactus a:hover
 {
 background-position: -810px -42px;
 width: 119px;
 }
 
 .sttMainMenuContactusOn a
 {
 background-position: -810px -42px;
 width: 119px;
 }


/****** EndMenuContactus ******/ 	 		
 
/*** 

FOOTER 

***/

#sttfooter
{
background-color: #444444;
color: #fff;
margin-top: 10px;
clear: both;
width: 960px;
overflow: hidden;
font-size: 0.85em;
padding: 2px 0;
margin-left: 0;
margin-right: 0;
}

#footerleft
{
float: left;
padding: 10px;
}

#footerright
{
float:right;
padding: 10px;
width: 396px;
}

#footerright .footermenu
{

}

#footerright #sociallinks
{
float: right;
margin: 5px 10px 0 0;
height: 32px;
display: block;

}

 #flickrlogo
 {
 margin-bottom: 2px;
 }

.footermenu a
{
color: #fff;
text-decoration: none;
}

.footermenu a:hover
{
color:#62BDC0; 
}

#footermenuleft
{
margin-top: 5px;
}

/* Pages */

.divleft
{
display: block;
width: 165px;
float: left;
}

.divright
{
display: block;
width:745px;
float: right;
margin-bottom: 10px;
overflow: hidden;
fontsize: 2em;
}

.divcenter
{
width: 745px;
margin: 0 auto;
}

.divright p, .divcenter p
{
margin: 1.5em 0 1.5em 0;
padding-right: 5px;
line-height: 1.2em;
}

.divcenter p
{
width: 100%;
}


/*Home Page*/


.divleft #postit
{
width: 165px;
height: 165px;
background: url(../images/HomePage/pinkadbox.png) no-repeat center;
text-align: center;
text-indent: -9999px;
}

.divleft #postit h4
{
display: block;
height: 23px;
font-weight: normal;
padding: 2px 0 0 0;

}

.divleft #postit p
{
display: block;
height: 23px;
color: #000000;
padding: 2px 2px 0 0;
margin-top: 10px;
}

/***** WHATS NEW BOX *****/

#whatsnew
{
height: 260px;
margin-top: 23px;
border: 1px solid #2d5464;
width: 160px;
}

#whatsnew h3
{
background:#54a1a8 url(../images/HomePage/boxtop.png) repeat-x;
padding: 5px 0 5px 4px;
font-size: 1.2em;  
}



/***** END WHATS NEW BOX *****/



.bottom
{
display: block;
clear: both;
}

.homepagebox, .homepageboxsearch
{
float: left;
margin-bottom: 10px;
width: 300px;
height: 150px;
overflow: hidden;
}

.homepagebox:hover
{
color:#62BDC0;
}

.homepagebox h3
{
margin: 120px 0 0 10px;
}

.homepageboxlink
{
text-decoration: none;
}


#newslettersub
{
background: url(../images/HomePage/homebox1t.jpg) no-repeat center;
margin-right: 15px;
}


#newslettersub form
{
margin-top: 65px;
margin-left: 5px;
}

#newslettersub form h3
{
margin-bottom: 5px;
}

#newslettersub form input
{
margin-top: 3px;
float:left;
}

#newslettername, #newsletteremail
{
width: 240px;
margin-right: 5px;
}

#newslettersubmit
{
}



#homebox2
{
background:url(../images/HomePage/homebox2t.jpg) no-repeat center;
margin-right: 15px;
}

#homebox3
{
background:url(../images/HomePage/homebox3t.png) no-repeat center;
}


/* CONTACT US PAGE********************************************************** */

.cform
{
width: 100%;
margin: 20px 0;
}

.cfrom .cf-ol
{
list-style-type: none;
margin: 0;
overflow:hidden;
}

.cform .cf-ol li {
position: relative;
list-style-position: inside;
}

.cform li 
{
float: left;
width: 49%;
margin: 10px 0;
}

.cform label
{
font-size: 1.1em;
text-align: left;
display: block;
letter-spacing: 0.01em
}

.cform input
{
width: 266px;
display: block;
}

#titlebox
{
width: 100%;
}

#comments
{
width: 100%
}

#comments textarea
{
width: 630px;
}

#contactsubmit
{
width: 75px;
}



/* END CONTACT US PAGE********************************************************** */


/* PRODUCTS PAGE */

.formatp
{
margin: 1.5em 0 1.5em 0;
padding-right: 5px;
}

/* END PRODUCTS PAGE ******************************************************/


/* VISIT US PAGE ********************************************************/

.visitpic
{
margin: 10px 0;
}

.visitusTitle
{
color: #666666;
margin: 5px 0 5px 0;
}


.div50left
{
width: 470px;
float: left;
margin: 5px 0 5px 5px;
}

.div50left p
{
width: 100%;
}


.div50right
{
width: 400px;
float: right;
margin: 5px 0px 5px 0px;
}

#directionsSTT
{
margin: 20px 0;
}

#directionsSTT p
{
margin: 10px 0;
}

#map
{
display: block;
}

#vistus-bottom
{
clear: both;
with: 100%;
padding: 0 10px;
}

#imageRef
{
font-size: 0.8em;
margin-bottom: 5px;
display: block;
}


/* END VISIT US PAGE ****************************************************/

/* Hide title, firstname, lastname from user, these can be edited by the user later */
.regFormHidden
{
display: none;
}



#cusPrefForm label
{
font-size: 1em
}

#regForm
{
display: block;
margin: 20px 0 20px 0;
}

#regForm fieldset
{
float: left;
width: 310px;
}

#regForm h2
{
font-size: 1.3em;
margin:0 0 45px 0;
}

#regForm p
{
font-size: 1em;
margin-bottom: 20px;
}

#regForm input, #regForm textarea  
{
display: block;
width: 250px;
}

#regFormSubmit
{
width: 80px;
margin: 10px 0;
}

#regForm label
{
display: block;
margin-bottom: 6px;
}


#regForm fieldset legend span
{
display: none;
}

/* SITEMAP **********************************************/

#sitemap 
{
margin: 5px 0 10px 20px;
}

#sitemap a
{
color: #666666;
font-size: 1.1em;
}

#sitemap a:hover
{
color: #62bdc0;
}

#sitemap li
{
display: block;
margin: 5px;
}

#sitemap li ul
{
margin: 15px 0 15px 15px
}



/* END SITEMAP **************************************************/

/* NEWSLETTER ************************************************/

#newsletterform
{
margin: 0 0 20px 0
}



#gobutton
{
margin-bottom: -5px;
}


/* REGISTRATION PAGE ****************************************************/







/* END REGISTRATION PAGE ****************************************************/


/* CUSTOMER HOME PAGE **********************************************/

#cusPrefForm, #cusPrefForm li, #cusPrefForm label
{
display: block;
width: 100%;
}

#cusPrefForm label
{
margin: 20px 0 5px 0;
}

#cusPrefForm li
{
margin: 0 0 5px 0;
}



#cusDetailsForm
{
width: 100%
}



#cusDetailsForm input {
display:block;
width:266px;
}

#cusDetailsForm cf-ol li, #cusDetailsForm cf-ol li select  {
list-style-position:inside;
position:relative;
}

#cusDetailsForm li 
{
float:left;
margin:10px 0;
width:48%;
}

#cusDetailsForm .formTitle
{
width: 100%;
}

#cusDetailsForm #loginDetails
{
width: 100%;
clear: both;
float: none;
margin-top: 30px;
}

.wysilink
{
color: #62BDC0
}

.wysilink:hover
{
color:#4D9098
}

#resultspagecenter
{
height: 400px
}

#resultspagecenter p
{
display: block;
margin: 0 auto;
}

#resultspagecenter a
{
color: #62bdc0
}

#resultspagecenter a:hover
{
color: #9ac7cb
}

/* PRIVACY **********************************************/

#privacypage h3
{
color: #666666;
margin: 10px 0;
}


/** Email Settings ***/

.emailstyle h1 
{
color: #666666;
font-size: 2em;
margin: 10px 0;
}

.emailstyle h2
{
color: #666666;
font-size: 1.5em;
margin: 8px 0;
}

.emailstyle p
{
line-height: 1em;
}