/*
 -----------------------------------------
| Author: Robin Melville                 |
| Version: 1                             |   
| Date: 20-03-2008                       |   
 -----------------------------------------
*/

/*NOTE: where you see multiple NNNNNNNNNNNNN's placed; this designates the begining of a new section of code */

/* 
border 0 permanently removes default appearances of form elements such as radio buttons and
can never be restored via css rules

will add these as we go; padding should be fine; margin only effects the blockquote which we can fix afterwards; border is the main problem with form elements
*/

*
{
margin: 0;
padding: 0;
}

image, blockquote, acronym, abbr
{
border: 0px;
}

/* this sets the pixel height to 10px throughout the document, to be moderated by using 'em'*/
/* the font size % allows us to easily control the typography throughout the site */

body
{
background-color: #D1D1D1;
font-size: 62.5%;
font-family: Arial;
}					

#site
{
font-size: 1.1em;
}

/* This technique is courteous of Richard Rutter  */
/* the change defaulted some browsers to 10px (IE) and others to 12 on headings (Gecko) */
/* the following standardises some mishaps caused by our font-sizing*/

h1, h2.h1, span.blackH1, h1.green
{
color: #7A015F;
background-color: transparent;
font-size: 1.4em;
margin-top: 10px;
margin-bottom: 0px;
display: block;
}

h1.green, h2.green
{
color: #A0D922;
font-size: 2em;
margin-top: 0px;
}

h1.green span
{
color: #929292;
font-size: 0.6em;
font-weight: normal;
}

span.blackH1
{
color: #000;
}

h2, h3.h2, span.h3, h3
{
font-size: 1.1em;
margin-top: 10px;
}

h2.whitePurpleBkgd
{
color: #fff;
background-color: #7A015F;
font-size: 1.45em;
padding: 5px 10px;
margin-bottom: 20px;
}

input, select, tr, td, textarea
{
font-size: 1em;
}

select
{
width: 130px;
font-weight: bold;
}

select option
{
padding: 1px 4px;
}

input.text, textarea.text
{
font-size: 1.1em;
font-family: arial;
font-weight: normal;
border: 1px solid #898989;
padding-left: 2px;
width: 176px;
/* IE auto does this and cant be changed; im setting other browsers to the same */
margin: 1px 0px;
}

input.text
{
height: 15px;
}

textarea.text
{
width: 168px;
height: 120px;
padding: 5px;
}

p
{
font-size: 1.1em;
margin-top: 10px;
}

p.smallText
{
font-size: 1em;
}

.smallText
{
font-size: 1em;
}

blockquote
{
margin: 5px 0px 0px 15px;
padding: 0px 0px 5px 10px;
vertical-align: top;
font-size: 1em;
}

blockquote cite
{
font-size: 0.8em;
}

blockquote p
{
font-size: 1em;
margin: 0px;
}

blockquote small
{
font-size: 0.8em;
}

label
{
font-size: 1.1em;
font-weight: bold;
height: 15px;
/* padding to help align labels and input; see input styles */
padding: 2px 0px;
margin-right: 15px;
}

li label
{
font-size: 1em;
}

.normalLabelFont label
{
font-weight: normal;
}

#site div.ultraClear, div.ultraClear
{
clear: both;
margin: 0px;
border: 0px;
width: 0px;
padding: 0px;
height: 0px;
}

#site .col1, .col1
{
float: left;
display: inline; /*IE6 fix*/
}

#site .col2, .col2
{
float: right;
display: inline; /*IE6 fix*/
}

a:link, a:visited
{
color: #7A015F;
background-color: transparent;
text-decoration: none;
}

a:hover, .greenText
{
color: #A0D922;
}

#site .forwardChevron a {
padding-right: 10px;
}

.forwardChevron a:link,.forwardChevron a:visited {
background: transparent url("../images/chevronPurple.gif") no-repeat center right;
}

.forwardChevron a:hover {
background: transparent url("../images/chevronGreen.gif") no-repeat center right;
}

#site .reverseChevron a {
padding-left: 10px;
}

.reverseChevron a:link,.reverseChevron a:visited {
background: transparent url("../images/reverseChevronPurple.gif") no-repeat center left;
}

.reverseChevron a:hover {
background: transparent url("../images/reverseChevronGreen.gif") no-repeat center left;
}

.purpleText
{
color: #7A015F;
background-color: transparent;
}

.redText
{
color: #F22;
background-color: transparent;
}

.orangeText
{
color: #FF4C0F;
background-color: transparent;
}

.font11
{
font-size: 1em;
}

.font17
{
font-size: 1.54em;
}

.bold
{
font-weight: bold;
}

/*lists greenSquare, greenTickBox, arrowPurple*/

ul
{
list-style: square outside url("../images/arrowPurple.gif");
}

ul.greenBlockList, li.greenBlockList
{
list-style: square outside url("../images/squareGreen7x7.gif");
}

ul.greenBlockTick
{
list-style: square outside url("../images/squareGreenTick13x13.gif");
}

#site ul.greenBlockTick19x20
{
list-style: square outside url("../images/squareGreenTick19x20.gif");
list-style: none;
list-style-image: none;
margin-left: 0px;
}

body #site ul.greenBlockTick19x20 li
{
background: transparent url("../images/squareGreenTick19x20.gif") no-repeat 0px 3px;
vertical-align: top;
padding: 5px 0px 5px 25px;
}

#site ul.greenBlockTick19x20 li *
{

}
/*
ul.greenBlockTick19x20
{
list-style: square outside url("../images/squareGreenTick19x20.gif");
}

ul.greenBlockTick19x20 li
{
padding-left: 0px;
margin-left: 11px;
}

ul.greenBlockTick19x20 li *
{
vertical-align: top;
}
*/
ol, .purpleDecimalList
{
list-style: decimal outside;
}

ol.purpleDecimalList
{
color: #7A015F;
background-color: transparent;
}

ol.purpleDecimalList li div
{
color: #000;
}

ol, ul, dl
{
margin: 0px 0px 0px 15px;
padding: 10px 0px 0px 10px;
vertical-align: top;
font-size: 1.1em;
border: 0px;
}

dt 
{
margin-top: 5px;
}

dl.dtLeftddRight dt
{
margin-top: 0px;
float: left;
display: inline;
width: 150px;
}

/* problematic in IE so added width above and no right float
dl.dtLeftddRight dd
{
margin-top: 0px;
float: right;
display: inline;
}
*/

li ul, li ol
{
padding: 5px 0px 5px 10px;
}

/*IE6 specificity sucks*/
ol *,ul *,dl *,#site ol *,#site ul *,#site dl * {
font-size: 1em;
}

ul.plain, dl.plain
{
list-style: none;
list-style-image: none;
margin-left: 0px;
padding-left: 0px;
}

ul.plainHorizontalList, ul.plainHorizontalList li
{
display: inline;
vertical-align: bottom;
}

ul.chevronList li
{
margin-left: 50px;
}

ul.horizontalList
{
list-style: none;
list-style-image: none;
}

.horizontalList li
{
list-style: none;
float: left;
margin: 2px 0px 0px 0px;
padding: 0px;
white-space: nowrap;
}

.horizontalList li a
{
border-left: 1px solid #7A015F;
padding: 0px 4px 1px 4px;
font-weight: bold;
float: left;
display: inline;
}

ul.chevronList li a
{
border-left: 0px;
font-weight: normal;
text-decoration: underline;
}

.horizontalList li.first
{
margin-left: 0px;
}

.horizontalList li.first a
{
border-left: 0px;
padding-left: 0px;
}

.stackImageLeft
{
float: left;
display: inline;
margin-right: 10px;
}

#site .noTopMargin
{
margin-top: 0px;
}


/*margin: 0 auto; centres the page within the body*/
/*932 the width of the main site*/
div#site
{
width: 814px;
margin: 0 auto;
}

.neboshSiteDShadowLHS
{
background: transparent url("../images/neboshSiteDShadowLHS.gif") repeat-y left top;
}

.neboshSiteDShadowRHS
{
background: transparent url("../images/neboshSiteDShadowRHS.gif") repeat-y right top;
}

/*need this image*/
div#head
{
background: #7A015F url("../images/cornerPrice.gif") no-repeat right bottom;
width: 800px;
height: 125px;
}

#head span.h1
{
display: block;
color: #FFF;
background-color: transparent;
font-family: "arial black";
font-size: 3em;
margin: 50px 0px 0px 5px;
}

#head ul.horizontalList
{
float: right;
display: inline;
margin-right: 40px;
}

#head ul.horizontalList li a:link, #head ul.horizontalList li a:visited
{
color: #FFF;
background-color: transparent;
border-left-color: #FFF;
text-decoration: underline;
}

#head ul.horizontalList li a:hover
{
color: #A0D922;
}

div#body
{
clear: both;
width: 800px;
/*height: 760px;*/
background: #FFF url("../images/neboshBodyGradBkgd.jpg") repeat-x left bottom;
padding-bottom: 20px;
}

div#content
{
background: transparent url("../images/largeAudioIcon.gif") no-repeat left 290px;
width: 552px;
padding: 15px 0px 0px 14px;
float: left;
display: inline;
}

div#body.short div#content
{
background-position: left 190px;
}

.smileyFace
{
background: transparent url("../images/smileyFace.gif") no-repeat 502px 186px;
}

div#extra
{
background: transparent url("../images/smileyFace.gif") no-repeat -50px 201px;
width: 226px;
height: 740px;
padding: 20px 0px 0px 8px;
float: right;
display: inline;
}

div#extra.nosmiley
{
background-image: none;
}

div#body.short div#extra
{
height: 620px;
}

div#extra ul.greenGlossyButtonList
{
margin: 14px 0px 0px 8px;
padding: 0px 0px 0px 0px;
list-style-image: none;
}

div#extra ul.greenGlossyButtonList li
{
background: transparent url("../images/glossyGreenButton.png") no-repeat left top;
list-style: none;
margin: 0px 0px 4px 0px;
padding: 0px 0px 0px 0px;
width: 201px;
height: 36px;
}

div#extra ul.greenGlossyButtonList li a
{
display: block;
background-color: transparent;
font-weight: bold;
font-size: 1.2em;
padding: 13px 0px 0px 36px;
height: 23px;
margin: 0px 0px 0px 0px;
background-position: 12px 10px;
background-repeat: no-repeat;
}

.whiteTickBoxIcon
{
background-image: url("../images/whiteTickBoxIcon.gif");
}

.whiteAvatarIcon
{
background-image: url("../images/whiteAvatarIcon.gif");
}

.whitePhoneIcon
{
background-image: url("../images/whitePhoneIcon.gif");
}

.whiteEmailIcon
{
background-image: url("../images/whiteEmailIcon.gif");
}

ul.greenGlossyButtonList li a:link, ul.greenGlossyButtonList li a:visited
{
color: #FFF;
}

ul.greenGlossyButtonList li a:hover
{
color: #7A015F;
}

div#bottomExtra
{
height: 410px;
}

div#extra h2
{
color: #7A015F;
background-color: transparent;
font-size: 1.4em;
margin: 0px 20px 10px 11px;
padding: 2px;
border-bottom: 1px solid #A0D922;
}

div#extra blockquote
{
margin: 3px 20px 0px 16px;
padding: 0px 0px 4px 0px;
}

.iconGroup
{
background: transparent url("../images/groupIcons.gif") no-repeat left 16px;
}

.purpleButtonOverGroupIcon, .greenButtonOverGroupIcon, .button
{
display: block;
background-color: transparent;
font-weight: bold;
font-size: 1.2em;
padding: 17px 0px 0px 21px;
height: 26px;
width: 180px;
margin: 0px 0px 0px 5px;
cursor: hand;
}

.purpleButtonOverGroupIcon
{
background: transparent url("../images/buttonPurple.png") no-repeat left top;
}

.greenButtonOverGroupIcon
{
background: transparent url("../images/buttonGreen.png") no-repeat left top;
}

#site a.bpLink:link, #site a.bpLink:visited
{
color: #000;
}

a.purpleButtonOverGroupIcon:link, a.purpleButtonOverGroupIcon:visited, 
a.greenButtonOverGroupIcon:link, a.greenButtonOverGroupIcon:visited, 
#site a.wpLink:link, #site a.wpLink:visited, #site a.wgLink:link, #site a.wgLink:visited
{
color: #FFF;
}

#site a.purpleButtonOverGroupIcon:hover, #site a.wgLink:hover
{
color: #A0D922;
}

#site a.greenButtonOverGroupIcon:hover, #site a.wpLink:hover, #site a.bpLink:hover
{
color: #7A015F;
}

div#footer
{
clear: both;
width: 800px;
height: 92px;
border-top: 1px solid #6F6F6F;
background-color: white;
}

div#footer.addPromotion
{
height: 115px;
}

.callForHelp
{
background: transparent url("../images/purplePhone.gif") no-repeat left top;
padding-left: 70px;
font-size: 2.2em;
margin-top: 14px;
}

/* these are for a rounded drop shadow border; the container div must have a white background*/

/* px for each part of border different width; 2px right and bottom; 6px left border; no top left needed at this stage or top*/

.dropsbBottom
{
background: transparent url("../images/dropsbBottom.gif") repeat-x left bottom;
}

.dropsbLeft
{
background: transparent url("../images/dropsbLeft.gif") repeat-y left top;
}

.dropsbRight
{
background: transparent url("../images/dropsbRight.gif") repeat-y right top;
}

.brdropsbwhite
{
background: transparent url("../images/brdropsbwhite.gif") no-repeat right bottom;
}

.bldropsbwhite
{
background: transparent url("../images/bldropsbwhite.gif") no-repeat left bottom;
}

.trdropsbwhite
{
background: transparent url("../images/trdropsbwhite.gif") no-repeat right top;
}

.tldropsbwhite
{
background: transparent url("../images/tldropsbwhite.gif") no-repeat left top;
}

.dropsbTop
{
background: transparent url("../images/dropsbTop.gif") repeat-x left top;
}

/* these are for a rounded drop shadow border; the container div bottom area must be on pinkish colour background*/

.dropsbBottompink
{
background: transparent url("../images/dropsbBottompink.gif") repeat-x left bottom;
}

.dropsbLeftPinkgrad
{
background: transparent url("../images/dropsbLeftPinkgrad.gif") no-repeat left top;
}

.dropsbRightPinkgrad
{
background: transparent url("../images/dropsbRightPinkgrad.gif") no-repeat right top;
}

.brdropsbpink
{
background: transparent url("../images/brdropsbpink.gif") no-repeat right bottom;
}

.bldropsbpink
{
background: transparent url("../images/bldropsbpink.gif") no-repeat left bottom;
}

/* these are for the top right corner including the part of the top drop shadow needed excluding the buttons*/

.trdropsbWidth157white
{
background: transparent url("../images/trdropsbWidth157white.gif") no-repeat right top;
}

.trdropsbWidth336white
{
background: transparent url("../images/trdropsbWidth336white.gif") no-repeat right top;
}

.trdropsbWidth40white
{
background: transparent url("../images/trdropsbWidth40white.gif") no-repeat right top;
}

.trdropsbPurpleBkgd
{
background: transparent url("../images/trdropsbPurpleBkgd.gif") no-repeat right top;
}

/* green border box */

.greenbbBL
{
background: transparent url("../images/greenbbBL.gif") no-repeat left bottom;
}

.greenbbBR
{
background: transparent url("../images/greenbbBR.gif") no-repeat right bottom;
}

.greenbbTL
{
background: transparent url("../images/greenbbTL.gif") no-repeat left top;
}

.greenbbTR
{
background: transparent url("../images/greenbbTR.gif") no-repeat right top;
}

.greenbbTop
{
background: transparent url("../images/greenDot3px.gif") repeat-x left top;
}

.greenbbBottom
{
background: transparent url("../images/greenDot3px.gif") repeat-x left bottom;
}

.greenbbLeft
{
background: transparent url("../images/greenDot3px.gif") repeat-y left top;
}

.greenbbRight
{
background: transparent url("../images/greenDot3px.gif") repeat-y right top;
}

/* plain white bottom round corners */

.brwhite
{
background: transparent url("../images/brwhite.gif") no-repeat right bottom;
}

.blwhite
{
background: transparent url("../images/blwhite.gif") no-repeat left bottom;
}

/**/



/* tabs styling */

ul#aboutTabs, ul#natgen
{
list-style-image: none;
list-style: none;
margin: 0px;
padding: 0px;
}

ul#aboutTabs li, ul#natgen li
{
float: left;
display: inline;
}

ul#aboutTabs, ul#aboutTabs li
{
height: 40px;
}

ul#natgen, ul#natgen li
{
height: 58px;
}

#aboutTabs.nebosh li#aboutNebosh
{
background: transparent url("../images/whitedsTab164x40.gif") no-repeat left bottom;
width: 164px;
}

#aboutTabs.nebosh li#aboutWpl
{
background: transparent url("../images/greendsTab233x39.gif") no-repeat left bottom;
width: 233px;
}

#aboutTabs.wpl li#aboutWpl
{
background: transparent url("../images/whitedsTab235x39.gif") no-repeat left bottom;
width: 235px;
}

#aboutTabs.wpl li#aboutNebosh
{
background: transparent url("../images/greendsTab164x38.gif") no-repeat left bottom;
width: 164px;
}

#natgen li#natgenElearning
{
background: transparent url("../images/greendsTabGreenOverlap144x54.gif") no-repeat left bottom;
width: 144px;
}

#natgen.classroom li#natgenElearning
{
background: transparent url("../images/greendsTabWhiteOverlap144x54.gif") no-repeat left bottom;
}

#natgen li#natgenClassroom
{
background: transparent url("../images/greendsTabGreenOverlap135x54.gif") no-repeat left bottom;
width: 135px;
}

#natgen.blended li#natgenClassroom
{
background: transparent url("../images/greendsTabWhiteOverlap135x54.gif") no-repeat left bottom;
width: 135px;
}

#natgen li#natgenBlended
{
background: transparent url("../images/greendsTabPurpleCorner135x54.gif") no-repeat left bottom;
width: 135px;
}

#natgen.fastTrack li#natgenBlended
{
background: transparent url("../images/greendsTabWhiteOverlap135x54.gif") no-repeat left bottom;
width: 135px;
}

#natgen li#natgenFastTrack
{
background: transparent url("../images/purpledsTab138x54.gif") no-repeat left bottom;
width: 138px;
}

#natgen.elearning li#natgenElearning
{
background: transparent url("../images/whitedsTab144x54.gif") no-repeat left bottom;
}

#natgen.classroom li#natgenClassroom
{
background: transparent url("../images/whitedsTab135x54.gif") no-repeat left bottom;
}

#natgen.blended li#natgenBlended
{
background: transparent url("../images/whitedsTabPurpleCorner135x54.gif") no-repeat left bottom;
}

#natgen.fastTrack li#natgenFastTrack
{
background: transparent url("../images/whitedsTab138x54.gif") no-repeat left bottom;
}

#elearningClassroomContentWrapper.fastTrack .trdropsbPurpleBkgd
{
background: transparent url("") no-repeat right top;
}

ul#aboutTabs li a, ul#aboutTabs li h1, .tabH1
{
background-color: transparent;
display: block;
font-size: 1.4em;
font-weight: bold;
height: 22px;
padding: 18px 0px 0px 16px;
margin: 0px;
}

.tabH1
{
background: transparent url("../images/whitedsTab220x41.jpg") no-repeat left top;
color: #A0D922;
height: 23px;
width: 204px;
}

ul#natgen li a
{
background-color: transparent;
display: block;
font-family: "arial black";
font-size: 1.8em;
font-weight: bold;
height: 42px;
padding: 16px 0px 0px 8px;
word-spacing: -3px;
line-height: 1.2em;
}

ul#natgen li a span
{
font-size: 0.6em;
line-height: normal;
font-family: arial;
font-weight: normal;
letter-spacing: -1px;
word-spacing: 1px;
}

#aboutTabs.nebosh li#aboutNebosh a, #aboutTabs.nebosh li#aboutNebosh h1, #aboutTabs.wpl li#aboutWpl a, #aboutTabs.wpl li#aboutWpl h1, #natgen.elearning li#natgenElearning a, #natgen.classroom li#natgenClassroom a, #natgen.blended li#natgenBlended a, #natgen.fastTrack li#natgenFastTrack a
{
color: #A0D922;
}

#natgen.elearning li#natgenElearning a span, #natgen.classroom li#natgenClassroom a span, #natgen.blended li#natgenBlended a span, #natgen.fastTrack li#natgenFastTrack a span
{
color: #929292;
}

#aboutTabs.wpl li#aboutNebosh a, #aboutTabs.wpl li#aboutNebosh h1, #aboutTabs.nebosh li#aboutWpl a, #aboutTabs.nebosh li#aboutWpl h1, #natgen li a
{
color: #FFF;
}

#elearningClassroomContent
{
height: 498px;
padding: 15px;
}

#overFlowContainer
{
background-color: transparent;
height: 485px;
/*width: 530px; set the same as IE6*/
width: 522px;
overflow: auto;
}

#overFlowContainer.higher
{
height: 610px;
}

#elearningClassroomContent ul.horizontalList
{
margin: 0px;
padding: 10px 0px 0px 0px;
}

#elearningClassroomContent ul.horizontalList li.active a:link, #elearningClassroomContent ul.horizontalList li.active a:visited
{
color: #A0D922;
}

.guyOnGrass
{
background: transparent url("../images/guyOnGrass.gif") no-repeat 5px bottom;
}

.buildingBlocks
{
background: transparent url("../images/buildingBlocks.gif") no-repeat right bottom;
}

.greenAudio
{
background: transparent url("../images/greenAudio.gif") no-repeat left top;
padding-left: 80px;
}

.greenVideo
{
background: transparent url("../images/greenVideo.gif") no-repeat left top;
padding-left: 80px;
}

.WPLMagazine27
{
background: transparent url("../images/WPLMagazine27.jpg") no-repeat left top;
padding-left: 130px;
height: 130px;
}

.RRCnotePage
{
background: transparent url("../images/RRCnotePage.jpg") no-repeat left top;
padding-left: 130px;
height: 136px;
}

.listComparisonTable td
{
text-align: left;
padding: 5px 3px 3px 0px;
vertical-align: top;
}

table.listComparisonTable th
{
color: #7A015F;
background-color: transparent;
text-align: left;
vertical-align: top;
white-space: nowrap;
font-size: 1.1em;
font-weight: bold;
padding: 5px 3px 2px 3px;
}

.listComparisonTable ul
{
margin-left: 10px;
padding-top: 0px;
}

.lightGreenBkgd, table .lightGreenBkgd th
{
background-color: #E4F5C2;
}

div.wplFormErrorArea 
{
clear:both;
}

div.wplFormErrorArea ul 
{
margin-left: 5px;
}

div.wplFormErrorArea ul li
{
color: red;
list-style: none;
font-size: 1em;
margin: 2px 0px 2px 10px;
padding: 0px 0px 5px 18px;
background: transparent url("../images/validatedBad.gif") no-repeat left top;
}

.labelsLeftFieldsRight label
{
float: left;
display: inline;
}

.labelsLeftFieldsRight input, .labelsLeftFieldsRight textarea, .labelsLeftFieldsRight select
{
float: right;
display: inline;
}

/* BUTTONS */

#site .buttonYellowToOrangeStriped211x45, #site .buttonPurpleToTurquoiseStriped211x45, .buttonYellowToOrangeStriped211x45
{
width: 191px;
height: 31px;
padding: 14px 0px 0px 20px;
} 

#site .buttonYellowToOrangeStriped169x47
{
background: transparent url("../images/buttonYellowToOrangeStriped169x47.png") no-repeat left top;
}

#site input.buttonYellowToOrangeStriped169x47, 
#site .buttonYellowToOrangeStriped169x47, 
#site input.buttonYellowToOrangeStriped211x45, input.buttonYellowToOrangeStriped211x45
{
width: 169px;
height: 47px;
border: none;
display: block;
margin: 0 auto;
padding: 0 0 0 0;
font-size: 1.45em;
font-weight: bold;
cursor: hand;
}

#site input.buttonYellowToOrangeStriped211x45, input.buttonYellowToOrangeStriped211x45
{
width: 211px;
}

#site .buttonYellowToOrangeStriped169x47
{
width: 169px;
height: 37px;
padding: 14px 0px 0px 0px;
text-align: center;
}

#site .buttonYellowToOrangeStriped211x45, .buttonYellowToOrangeStriped211x45
{
background: transparent url("../images/buttonYellowToOrangeStriped211x45.png") no-repeat left top;
}

#site .buttonPurpleToTurquoiseStriped211x45
{
background: transparent url("../images/buttonPurpleToTurquoiseStriped211x45.png") no-repeat left top;
}

/**/

.girlOnGrass
{
background: transparent url("../images/girlOnGrass.png") no-repeat left top;
width: 204px;
height: 159px;
margin: 0px 0px 0px 7px;
}

.downloadBkgd
{
background: transparent url("../images/downloadBkgd.gif") no-repeat right top;
min-height: 305px;
}

.greenBoxBigTick
{
background: transparent url("../images/bigSuccessTick.gif") no-repeat left top;
width: 230px;
padding-top: 215px;
}

/* for scroller */
#pscroller1{
width: 100%;
height: 240px;
margin-top: 5px;
}