html
{
  height:       100%;
}

body
{
  height:       100%;
  
  margin:       0px;
  padding:      0px;
  
  overflow:			scroll;
  overflow:			-moz-scrollbars-vertical;
}

div#wrapper
{
  width:        960px;
  min-height:   100%;
  
  
  position:     relative;  
  margin:       0px auto;
  
  height:       auto !important;
  height:       100%;
  margin:       0 auto -150px;
}

div.push
{
  height:       150px;
  clear:        both;
}

div.clear
{
  height:       0px;
  clear:        both;
  overflow:     hidden;
}

/* LINKS */

a
{
  outline:      none;
}

a img
{
  border:       0px;
}

/* HEADER */

div#header
{
  height:       360px;
  
  position:     relative;
}

div#headerMenu
{
  height:       54px;
}

a#demoLink
{
  width:        441px;
  height:       263px;  

  display:      block;
  float:        right;
  
  margin-top:   21px;
}

a#stopsiteLogo
{
  width:        263px;
  height:       115px;
  
  display:      block;
  
  position:     absolute;
  top:          10px;
}

a#signUpLink
{
  width:        161px;
  height:       41px;
  
  display:      block;
  
  position:     absolute;
  top:          203px;
  left:         335px;
}

/* HEADER MENU */

#headerMenu ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              17px 0px 0px 0px;
  
  float:                right;
  clear:                both;
}

#headerMenu ul li
{
  display:              block;
  float:                left;
  
  margin-left:          20px;
}

/* LOGIN */

div#loginContainer
{
	position:			absolute;
	top:				54px;
	right:				0px;
	
	width:				300px;
	height:				0px; /* 144px if fully opened */
	
	overflow:			hidden;	
}

div#loginContainerMiddle
{
	padding:			13px 15px 0px 15px;
}

div#loginContainerBottom
{
	height:				  13px;
}

div#loginContainer form
{
  margin:        0px;
}

div#loginContainer table
{
	width:				100%;
}

/* BREADCRUMB */

#breadCrumb
{
  position:             absolute;
  bottom:               5px;
}

#breadCrumb ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              0px;
  
  float:                left;
}

#breadCrumb ul li
{
  display:              block;
  float:                left;
  
  margin-right:         6px;
}

/* COLUMNS */

div.columnLeft
{
  float:        left;
}

div.columnRight
{
  float:        right;
}

/* CONTENT */

#contentContainer
{
  padding-bottom:       30px;
}

#contentContainer .columnLeft
{
  width:                600px;
}

#contentContainer .columnRight
{
  width:                330px;
}

.textAlignRight
{
	text-align:			right;
}

/* SUBMENU */
div#subMenu
{
	width:				322px;
	
	margin-bottom:		30px;
}

div#subMenuBody
{
	padding:			0px 17px;
}

div#subMenuBody ul, div#subMenuBody ul li
{
	margin:				0px;
	padding:			0px;
}

div#subMenuBody ul
{
	list-style-type:    none;
}

div#subMenuBody ul li
{
	padding:			1px 0px;
}

div#subMenuBody ul li a
{	
	display:			block;
}

/* WIDGETS */

div.widget
{
  width:                322px;
}

div.widgetContent
{
  padding:              0px 17px;
}

div.widgetContent span.widgetTitle
{
  padding-top:          7px;
  
  display:              block;
}

/* NEWS WIDGET */

div.newsItem
{
  padding-bottom:        20px;
  
  line-height:           1.5em;
}

div.newsItem div.readMore
{
  padding-top:            5px;

  text-align:             right;
}

/* COLOR PICKER */

div#widgetThemeSelectorContainer
{
	min-height: 190px;
}

div#themeSelector
{
}

a#toggleColorPicker
{
  display:                block;
  width:                  20px;
  height:                 18px;  
  
  float:                  right;
  margin-top:             8px;
  
  text-decoration:        none;
}

div#colorPicker
{
  height:                 0px;
  
  overflow:               hidden;
}

div#colorPicker ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              19px 0px 0px 0px;
}

#colorPicker ul li
{
  display:              block;
  float:                left;
  
  margin:               0px 10px;
}

#colorPicker ul li a
{
  display:              block;
  width:                75px;
  height:               75px;
}

/* FOOTER */

div#footer
{
  height:       150px;
  min-width:    960px;
  
  position:		relative;
}

div#innerFooter
{
  width:        960px;
  
  margin:       0px auto;
}

/* FOOTER MENU */

#footerMenu ul
{
  list-style-type:      none;
  
  margin:               0px;
  padding:              8px 0px 0px 0px;
  
  float:                right;
  clear:                both;
}

#footerMenu ul li
{
  display:              block;
  float:                left;
  
  margin-left:          10px;
}

/* NEWS */

div.newsMessage
{
  padding-bottom:       32px;
  margin-bottom:        10px;
  
  border-bottom:        1px solid #ECEDE8;
}

div.newsMessage div.newsMessageColumnLeft
{
  width:                80px;
  
  float:                left;
}

div.newsMessage div.newsMessageColumnRight
{
  width:                490px;
  
  float:                left;
  
  margin-left:          20px;
}

div.newsDate
{
  margin-top:           18px;
  
  border-bottom:        1px solid #ECEDE8;
}

div.newsDate a
{
  font-weight:          bold;
  font-size:            12px;  
}

a#nextNews
{
  float:                right;
}

/* TELL A FRIEND FORM */
form#tafForm table
{
  width:                100%;
}

form#tafForm table tr td
{
   margin:              0px;
   padding:             0px;
   
   vertical-align:      middle;
}

form#tafForm table tr td.tdLeft, form#tafForm tabe tr td.tdRight
{
  text-align:          left;
  vertical-align:      top;
}

form#tafForm table tr td.tdLeft
{
  width:               160px;
}

form#tafForm table tr td.tdRight input
{
  width:               300px;
}

form#tafForm table tr td.tdRight textarea
{
  width:               300px;
  height:              80px;
  
  font-family:         Arial;
  font-size:           14px;
}

form#tafForm label.error
{
  position:          relative;
  left:              5px;
}

/* SITEMAP */
ul#sitemap
{
    margin: 0px;
    padding: 0px;	
}

ul#sitemap li
{
    list-style-type: disc;
    
    padding: 3px 0px;
    margin-left: 20px;
}

ul#sitemap li ul, ul#sitemap li ul li ul
{
	
}

