html
{		
margin: 0px;
padding: 0px;
background: #fff;
}

body
{
margin:0;
padding:0;
line-height: 1.8em;
font-family: helvetica, arial, verdana, sans-serif;
font-size: 0.8em;
color: #999999;
}

p
{
margin: 0;
padding: 0;
}

em
{
color: #ff6600;
font-style: normal;
font-weight: bold;
}

hr
{
color: #666666;
height: 1px;
}


#address
{
font-size: 0.8em;
text-align: center;
height: 27px;
color: #ff6600;
margin-left: 21px;
width: 840px;

}

strong
{
color: #000000;
font-style: normal;
font-weight: bold;
}

img
{
border: none;
}


#container
{
width: 1030px; /*Width of main container*/
margin: 0 auto; 
background: url(retail-plus-training-images/page-background.jpg) #ffffff repeat-y;
}

#innercontainer
{
width: 1000px; /*Width of main container*/
margin: 0 auto; 
padding: 0;
}

/*header-------------------------------------------------*/

#header
{
background: url(retail-plus-training-images/retailplus-logo-header.jpg) no-repeat;
height: 68px; /*Height of top section*/
margin: 0;
padding: 0;
}

#header h1
{
display: none;
}

/*nav header-------------------------------------------------*/

#nav
{
background: url(retail-plus-training-images/header-nav-bg.jpg) no-repeat;
margin: 0;
padding: 0px 35px 0 35px;
height: 39px;
}

#nav ul
{
margin: 0;
padding: 2px 35px 0 0px;
}

#nav li{
	list-style: none;
		display: inline;
		margin: 0;
padding: 0;

}

#nav li a{
	color:#ff6600;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;	
	font-size: 1em;
	margin: 0;
margin: 0 30px 0 0;
}





#nav li a:hover
{
	margin-bottom: 0;
margin: 0 30px 0 0;
		color: #000000;
border-bottom: black solid 1px;
}





/*bannerblock-------------------------------------------------*/
#bannerblock
{
width: 1000px;
height: 145px;
padding: 0;
margin: 0;
}

#leftbanner
{
width: 242px;
padding: 0;
margin: 0;
float:left;
}

#leftbanner p
{
padding: 0;
margin: 0;
}

#rightbanner
{
float: left;
width: 758px;
margin: 0;
padding: 0;
}



input
{
background-color: #fff;
font-weight: bold;
color: #ff6600;
}

/*main-------------------------------------------------*/

/*#contentwrapper
{
clear: both;
float: left;
width: 100%;
}*/

#main
{
clear: both;
width: 1000px;
margin: 0; 
padding: 0px;
}

/*workbooknav-------------------------------------------------*/

#workbooknav
{
float: left;
width: 256px;
background: url(retail-plus-training-images/workbooks-nav-bg.jpg) repeat-y;
margin: 0;
padding: 0;
font-size: 1em;
}

#workbooknav ul
{
padding-top: 0;
margin-top: 0;
padding-left: 0px;
line-height: 4.2ex;
}

#workbooknav li
{
list-style: none;
color: #ff6600;
}

#workbooknav a:link
{
text-align: right;
display: block;
color: #000;
font-style: normal;
text-decoration: none;
padding-right: 40px;
font-weight: bold;
}

#workbooknav a:visited
{
text-align: right;
display: block;
color: #000;
font-style: normal;
text-decoration: none;
padding-right: 40px;
font-weight: bold;
}

#workbooknav a:hover
{
text-align: right;
color: #ff6600;
font-style: normal;
text-decoration: none;
background: url(retail-plus-training-images/workbooks-nav-bg-arrow.jpg) no-repeat;
font-weight: bold;
}

#workbooknav a:active
{
text-align: right;
color: #ff6600;
font-style: normal;
text-decoration: underline;
font-weight: bold;

}


/*basketsummary-------------------------------------------------*/
#basketsummary
{
background: url(retail-plus-training-images/workbooks-basket.jpg) no-repeat;
height: 109px;
text-align: right;
color: #fff;
font-weight: bold;
padding-right: 0px;
padding-top: 0px;
}

#basketsummary a:link
{
color: #ffffff;
text-decoration:none;
}

#basketsummary a:visited
{
color: #ffffff;
text-decoration:none;
background: none;
}

#basketsummary a:hover
{
color: #ffffff;
text-decoration:none;
background: none;

}

#basketsummary a:active
{
color: #ffffff;
text-decoration:none;
}

#basketsummary p
{
padding-top: 60px;
line-height: 3.2ex;
color: #ffffff;
}

/*maincontent-------------------------------------------------*/

#maincontent
{
padding-top: 20px;
width: 495px;
float: left;
margin-right: 20px;
padding-left: 10px;
padding-right: 10px;
}



#maincontent li
{
list-style: url(retail-plus-training-images/bullet-list2.jpg);
color: #999999;
}


#maincontent h1
{
margin-top: 0;
margin-left: 0;
padding-left: 0;
padding-top: 0;
margin-bottom: 1.5ex;
font-size: 1.5em;
font-weight: normal;
color: #ff6600;
}

#maincontent h2
{
font-weight: normal;
margin-top: 10px;
padding-top: 5px;
font-size: 1.3em;
color: #ff6600;
}

#maincontent h3
{
font-weight: bold;
margin-top: 0;
padding-top: 2ex;
font-size: 1.4em;
color: #ff6600;
}

#maincontent a:link
{
color: #ff6600;
font-style: normal;
font-weight: bold;
text-decoration: none;
}

#maincontent a:visited
{
color: #ff6600;
font-style: normal;
font-weight: bold;

}

#maincontent a:hover
{
color: #000;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

#maincontent a:active
{
color: #000;
font-style: normal;
text-decoration: underline;
font-weight: bold;
}

.imgright
{
float: right;
margin: 0px 0 15px 15px;
}




/*rightcolumn-------------------------------------------------*/

#rightcolumn
{
width: 228px;
float: left;
margin-left: -20px; /*Set left margin to -(RightColumnWidth)*/
padding-top: 0px;
}

#rightcolumn a:link
{
color: #999999;
text-decoration: none;
display: block;
}

#rightcolumn a:visited
{
color: #999999;
text-decoration: none;
}

#rightcolumn a:hover
{
color: #ff6600;
text-decoration: underline;
}

#rightcolumn a:active
{
color: #ff6600;
text-decoration: underline;
}

/*NEWSBLOCK-------------------------------------------------*/
.newstop
{
background: url(retail-plus-training-images/news-header.jpg) no-repeat;
height: 51px;
width: 228px;
}

.newstop h1
{
display: none;
}

.newsmain
{
background: url(retail-plus-training-images/news-main-bg.jpg) repeat-y;
width: 228px;
}

.newsmain p
{
margin: 0 25px;
border-bottom: 1px solid #e6e6e6;
}

.newsbottom
{
background: url(retail-plus-training-images/news-bottom.jpg) no-repeat;
height: 19px;
width: 228px;
}


.morebutton a:link
{
text-align: right;
font-weight: bold;
padding: 0 20px 0 0;
}
.morebutton a:visited
{
text-align: right;
font-weight: bold;
padding: 0 20px 0 0;
}
.morebutton a:hover
{
text-align: right;
font-weight: bold;
padding: 0 20px 0 0;
}
.morebutton a:active
{
text-align: right;
font-weight: bold;
padding: 0 20px 0 0;
}


/*subscribe-------------------------------------------------*/
.subscribe
{
background: url(retail-plus-training-images/subscribe-bg.jpg) repeat-y;
width: 228px;
height: 72px;
}

.subscribebox
{
margin-top: 25px;
width: 80px;
border: 1px solid #999999;
background-color: white;

}

.boxright
{
float: right;
padding-right: 20px;
}

/*testimonial-------------------------------------------------*/
.testimonial
{
width: 228px;
padding: 15px 20px 0 8px;
}

.testimonial p
{
font-size: 1.3em;
font-style: italic;
padding: 0px 40px 0 8px;
}

.testimonial em
{
font-size: .8em;
font-weight: bold;
text-align: left;
}



.testim
{
font-size: 1.3em;
font-style: italic;
}

.testimname
{
font-size: 1em;
font-weight: bold;
text-align: left;
color: #ff6600;
}


.faq-q
{
font-size: 1.2em;
font-weight: bold;
text-align: left;
color: #ff6600;
}

.faq-a
{
font-size: 1em;
font-style: italic;
}

/*FREE GUIDES BLOCK-------------------------------------------------*/
.guidestop
{
background: url(retail-plus-training-images/free-guides.jpg) no-repeat;
height: 52px;
width: 228px;
}

.guidestop h1
{
display: none;
}

.guidesmain
{
background: url(retail-plus-training-images/news-main-bg.jpg) repeat-y;
width: 228px;
}

.guidesmain p
{
margin: 0 25px;
border-bottom: 1px solid #e6e6e6;

}

.guidesbottom
{
background: url(retail-plus-training-images/guides-bottom.jpg) no-repeat;
height: 21px;
width: 228px;
}

/*footer-------------------------------------------------*/
#footer 
{
clear: both;
background: url(retail-plus-training-images/partners-logos.jpg) no-repeat;
height: 182px;
}

#footer p
{
padding-top: 140px;
text-align: center;
font-size: .9em;
}


/*.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;
}


.innertube{
margin: 12px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 24px;
}


.top
{
float: right;
}


/*workbook-------------------------------------------------*/
#workbook h1
{
margin: 0;
padding: 0;
}

#workbook h2
{
font-weight: normal;
font-style: italic;
margin: 0;
padding: 0;
color: #000;
font-size: 1.1em;
}

#workbook h3
{
font-weight: normal;
font-style: italic;
margin: 0;
padding-top: 8px;
color: #ff6600;
font-size: 1.2em;
}

#workbook strong
{
color: #999999;
}

#editablearea ul
{
padding: 5px 0 0 20px;
margin: 0;
}

#editablearea li
{
list-style: url(retail-plus-training-images/bullet-list2.jpg);
color: #999999;
}

.rightdetails
{
float: right;
padding: 5px;
border: solid 1px #cccccc;
background-color: #f4f4f4;
margin: 0 0 20px 20px;
width: 200px;
}

.rightdetails img
{
border: solid 1px #999999;
margin-bottom: 10px;
}

.price
{
color: #ff6600;
font-size: 1.2em;
font-weight: bold;
padding-top: 15px;
}

.buy
{
float: right;
border: none;
}

.qty
{
width: 15px;
}

.look img
{
border: none;
margin: 0;
}

.look
{
text-align: right;
}

.clear{ float:none; clear:both; height:0px; line-height:0px; font-size:0px; } /*** clear with no gap ***/
.clearheight{ float:none; clear:both; } /*** clear with a gap ***/


.basket
{
background-color: #f4f4f4;
padding: 8px 5px;
}

.rightline
{
border-right: solid 1px #999999;
padding-right: 25px;
}


hr
{
color: #f4f4f4;
height: 1px;
}

/* styles to match editor */
.editor_large_header { display:block; color:#ff6600; font-weight: normal; font-size: 1.3em; padding: 10px 0px 5px 0px; }
.editor_large_header a { color:#ff6600; font-weight: normal; font-size: 1.3em; }
.editor_large_header a:link, .editor_large_header a:active, .editor_large_header a:visited { text-decoration:none; color:#ff6600; font-weight: normal; }
.editor_large_header a:hover { text-decoration:underline; color:#ff6600; font-weight: normal; }

.editor_small_header { display:block; color:#ff6600; font-weight: normal; font-size: 1.2em; padding: 8px 0px 0px 0px; }
.editor_small_header a { color:#ff6600; font-weight: normal; font-size: 1.2em; }
.editor_small_header a:link, .editor_small_header a:active, .editor_small_header a:visited { text-decoration:none; color:#ff6600; font-weight: normal; }
.editor_small_header a:hover { text-decoration:underline; color:#ff6600; font-weight: normal; }

.editor_large_italic { display:block; color:#999999; font-style: italic; font-weight: normal; font-size: 1.4em; padding: 8px 0px 0px 0px; line-height: 2.5ex;}
.editor_large_italic a { color:#999999; font-style: italic; font-size: 1.3em; }
.editor_large_italic a:link, .editor_large_italic a:active, .editor_large_italic a:visited { text-decoration:none; color:#999999; font-weight: italic; }
.editor_large_italic a:hover { text-decoration:underline; color:#999999; font-weight: italic; }
/* end editor styles */


.news-summary
{
border-bottom: solid 1px #c4c4c4;
padding: 0 0 10px 0;
}

#terms
{
text-align: center;
}

#terms a:link{
color: #999999;
text-decoration: none;
font-size: .8em;
}
#terms a:visited{
color: #999999;
text-decoration: none;
font-size: .8em;
}
#terms a:hover{
color: #999999;
text-decoration: none;
font-size: .8em;
}
#terms a:active{
color: #999999;
text-decoration: none;
font-size: .8em;
}

.nonedit p
{
padding-bottom: 10px;
}

.nonedit li
{
list-style: url(retail-plus-training-images/bullet-list2.jpg);
color: #999999;
}