@charset "UTF-8";
/* CSS Document */

/* HTML ELEMENTS */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../../retail/images/gradient.gif);
}
h1 {font-weight: bold;
	color: #FF0099;
	font-size: 14px;
}

/* END OF HTML ELEMENTS */








/* PAGE HOLDERS */


#container {
	margin-right:auto;
	margin-left: auto;
	width: 900px;
	height: auto;
	background-color:#FFFFFF;
}

#holder {
	width: 900px;
	height: auto;
	position: absolute;
	border-style: solid;
	border-width:0px;
	background-color:#FFFFFF;
	background-image:url(../images/superdrug_logo.gif);
	background-repeat: no-repeat;
	background-position: 700px 10px;
	padding: 10px;
}

/* END OF PAGE HOLDERS */





/* LAYOUT DIVS */

#buyingcontent {
background-image:url(../images/navigation_images/black_block_buying.gif);
background-repeat: no-repeat;
background-position: 75px 3px;
width: 77px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 82px;
cursor: pointer;
}

#comm_content {
background-image:url(../images/navigation_images/black_block_comm.gif);
background-repeat: no-repeat;
background-position: 83px 3px;
width: 69px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 90px;
cursor: pointer;
}

#finance_content {
background-image:url(../images/navigation_images/black_block.gif);
background-repeat: no-repeat;
background-position: 80px 3px;
width: 72px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 87px;
cursor: pointer;
}

#admin_content {
background-image:url(../images/navigation_images/black_block_admin.gif);
background-repeat: no-repeat;
background-position: 92px 3px;
width: 64px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 95px;
cursor: pointer;
}


#hr_content {
background-image:url(../images/navigation_images/black_block.gif);
background-repeat: no-repeat;
background-position: 80px 3px;
width: 72px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 87px;
cursor: pointer;
}


#it_content {
background-image:url(../images/navigation_images/black_block.gif);
background-repeat: no-repeat;
background-position: 80px 3px;
width: 72px;
height: 93px;
color: #FFF;
font-size: 12px;
padding-top: 7px;
padding-left: 87px;
cursor: pointer;
}

#buying_always {
	width: 159px;
	height: 100px;
	float: left;
	background-image:url(../images/navigation_images/buying_larger.gif);
}

#comm_always {
	width: 159px;
	height: 100px;
	margin-left: 42px;
	float: left;
	background-image:url(../images/navigation_images/commercial_larger.gif);
}

#finance_always {
	width: 159px;
	height: 100px;
	margin-left: 42px;
	float: left;
	background-image:url(../images/navigation_images/finance_larger.gif);
}

#admin_always {
	width: 159px;
	height: 101px;
	float: left;
	background-image:url(../images/navigation_images/admin_larger.gif);
	margin-top: 22px;
}

#hr_always {
	width: 159px;
	height: 100px;
	margin-left: 42px;
	float: left;
	background-image:url(../images/navigation_images/hr_larger.gif);
	margin-top: 22px;
}

#it_always {
	width: 159px;
	height: 100px;
	margin-left: 42px;
	float: left;
	background-image:url(../images/navigation_images/it_larger.gif);
	margin-top: 22px;
}

#head_office_links_sub {
	float: left;
	width: 650px;
	margin-top: 163px;
	margin-left: 27px;
	margin-right: 27px;
	height: 147px;
	margin-bottom: 20px;
}

#head_office_links {
	float: left;
	width: 540px;
	margin-top: 100px;
	margin-left: 82px;
	margin-right: 92px;
	height: auto;
	margin-bottom: 20px;
}
#clearance {
clear:both;	
}

#globe_holder {
	float: right;
	width: 200px;
	height: 200px;
	margin-right: 30px;
}

#image_test {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
#clear_retail {
	width: 200px;
	height: 110px;
	float: left;
	margin-top: 10px;
}

#maincontent {
	float: left;
	margin-left: 27px;
	font-size: 12px;
	height: auto;
	color: #999;
}

#job_title_holder {
	float: left;
	width: 650px;
	margin-top: 50px;
	margin-left: 27px;
	margin-right: 27px;
	height: auto;
}

#training_holder {
	float: left;
	width: 650px;
	margin-top: 50px;
	margin-left: 27px;
	margin-right: 27px;
	height: auto;
	margin-bottom: 25px;
}



#job_holder {
	background-image:url(../images/pink_keyline_curve.gif);
	width: 140px;
	height: 47px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#jobs_of_week {
	float: left;
	width: 180px;
	height: auto;
	margin-top: 10px;
	margin-left: 10px;
	color: #FF0099;
	font-weight: bold;
	font-size: 12px;
}

#jobs_of_week p {
	margin-bottom: 0px;
	margin-top: 0px;
}

#retail_main_links {
	width: 186px;
	margin-top: 10px;
}

#retail_bottom_links {
	width:152px;
	border-bottom: solid #FF0099 1px;
	border-right: solid #FF0099 1px;
	border-left: solid #FF0099 1px;
	margin-left: 10px;
	margin-right: 10px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

#retail {
	width: 165px;
	background-image:url(../images/pink_button.gif);
	padding-left: 10px;
	padding-right: 10px;
	height: 23px;
	padding-top: 10px;
	text-transform:uppercase;
	color:#FFF;
	font-weight: bold;
	font-size: 16px;
	cursor: pointer;
	background-repeat: no-repeat;
}

#left_hand_holder {
	width: 186px;
	height: auto;
	float: left;
}

#title_panel {
	width: 171px;
	background-image:url(../images/pink_block.gif);
	height: 295px;
	padding-top: 15px;
	padding-left: 15px;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
	background-repeat: no-repeat;
}

#page_title {
	width: 150px;
	float: right;
	margin-right: 20px;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	margin-top: 210px;
	
}

#page_title2 {
	width: 150px;
	float: right;
	margin-right: 20px;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	margin-top: 190px;
	
}

#page_title_headoffice {
	width: 150px;
	float: right;
	margin-right: 20px;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	margin-top: 195px;
}

#video_holder {
	float: left;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
	margin-left: 25px;
	width: 300px;
	height: 180px;
	border:solid 1px #000000;
	margin-top: 20px;
}

#jobs_links_holder {
	width: 419px;
	float: left;
}

#jobs_quote_holder {
	float: right;
	width: 230px;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	line-height: 20px;
	color: #FF0099;
	margin-top: 30px;
}

#jobs_quote_holder p {	
margin-bottom: 5px;
margin-top: 0px;
}

#selected_area_admin {
	background-image:url(../images/navigation_images/admin_large.gif);
	background-repeat: no-repeat;
	width: 97px;
	height: 91px;
	color: #FFF;
	font-size: 16px;
	padding-top: 65px;
	padding-left: 150px;
	margin-right: 10px;
}

#selected_area_buying {
	background-image:url(../images/navigation_images/buying_large.gif);
	background-repeat: no-repeat;
	width: 137px;
	height: 91px;
	color: #FFF;
	font-size: 15px;
	padding-top: 65px;
	padding-left: 110px;
	margin-right: 10px;
}

#selected_area_comm {
	background-image:url(../images/navigation_images/commercial_large.gif);
	background-repeat: no-repeat;
	width: 122px;
	height: 86px;
	color: #FFF;
	font-size: 16px;
	padding-top: 70px;
	padding-left: 125px;
	margin-right: 10px;
}

#selected_area_it {
	background-image:url(../images/navigation_images/it_large.gif);
	background-repeat: no-repeat;
	width: 97px;
	height: 96px;
	color: #FFF;
	font-size: 16px;
	padding-top: 60px;
	padding-left: 150px;
	margin-right: 10px;
}

#selected_area_hr {
	background-image:url(../images/navigation_images/hr_large.gif);
	background-repeat: no-repeat;
	width: 117px;
	height: 96px;
	color: #FFF;
	font-size: 16px;
	padding-top: 60px;
	padding-left: 130px;
	margin-right: 10px;
}

/* END OF LAYOUT DIVS */

/* NAVIGATION */

#head_office_links a:link {
display: block;
background-image: url(../images/grey_button_square.gif);
height: 85px;
width: 105px;
float: left;
text-decoration: none;
color:#666;
padding-top: 40px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#head_office_links a:visited {
display: block;
background-image: url(../images/grey_button_square.gif);
height: 85px;
width: 105px;
float: left;
text-decoration: none;
color:#666;
padding-top: 40px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#head_office_links a:hover {
display: block;
background-image: url(../images/grey_button_square.gif);
height: 85px;
width: 105px;
float: left;
text-decoration: underline;
color:#666;
padding-top: 40px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#head_office_links a:active {
display: block;
background-image: url(../images/grey_button_square.gif);
height: 85px;
width: 105px;
float: left;
text-decoration: underline;
color:#666;
padding-top: 40px;
text-align: center;
padding-right: 10px;
padding-left: 10px;
margin-left: 10px;
margin-bottom: 10px;
}

#training_holder a:link {
	display:block;
	float: left;
	background-image:url(../images/star_normal.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 160px;
	height: 15px;
	padding-top: 160px;
	text-align: center;
	font-weight: bold;
	color: #FF0099;
	font-size: 14px;
	text-decoration: none;
}

#training_holder a:visited {
	display:block;
	float: left;
	background-image:url(../images/star_normal.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 160px;
	height: 15px;
	padding-top: 160px;
	text-align: center;
	font-weight: bold;
	color: #FF0099;
	font-size: 14px;
	text-decoration: none;	
}

#training_holder a:hover {
	display:block;
	float: left;
	background-image:url(../images/star_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 160px;
	height: 15px;
	padding-top: 160px;
	text-align: center;
	font-weight: bold;
	color: #FF0099;
	font-size: 14px;
	text-decoration: none;
}

#training_holder a:active {
	display:block;
	float: left;
	background-image:url(../images/star_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 160px;
	height: 15px;
	padding-top: 160px;
	text-align: center;
	font-weight: bold;
	color: #FF0099;
	font-size: 14px;
	text-decoration: none;
}

#head_office_links_sub a:link {
background-image: url(../images/navigation_images/block_normal.gif);
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
display: block;
text-align: center;
text-decoration: none;
width:125px;
height: 49px;
font-size: 13px;
padding-top: 30px;
}

#head_office_links_sub a:visited {
background-image: url(../images/navigation_images/block_normal.gif);
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
display: block;
text-align: center;
text-decoration: none;
width:125px;
height: 49px;
font-size: 13px;
padding-top: 30px;
}

#head_office_links_sub a:hover {
background-image: url(../images/navigation_images/block_normal.gif);
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
display: block;
text-align: center;
text-decoration: underline;
width:125px;
height: 49px;
font-size: 13px;
padding-top: 30px;
}

#head_office_links_sub a:active {
background-image: url(../images/navigation_images/block_normal.gif);
background-repeat: no-repeat;
color: #FFF;
font-weight: bold;
display: block;
text-align: center;
text-decoration: underline;
width:125px;
height: 49px;
font-size: 13px;
padding-top: 30px;
}


#jobs_of_week a:link {
	
	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:none;
	font-weight: bold;
}

#jobs_of_week a:visited {
	
	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:none;
	font-weight: bold;
}

#jobs_of_week a:hover {

	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:underline;
	font-weight: bold;
}

#jobs_of_week a:active {
	
	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:underline;
	font-weight: bold;
}

#job_title_holder a:link {
	
	display:block;
	color:#000;
	text-decoration:none;
	margin-bottom: 20px;
}

#job_title_holder a:visited {
	display:block;
	color:#000;
	text-decoration:none;
	margin-bottom: 20px;
}
#job_title_holder a:hover {

	display:block;
	color:#000;
	text-decoration:underline;
	margin-bottom: 20px;
}

#job_title_holder a:active {
	
	display:block;
	color:#000;
	text-decoration:underline;
	margin-bottom: 20px;
}



#retail_bottom_links a:link {
	
	display:block;
	font-size: 16px;
	color:#999999;
	text-decoration:none;
	font-weight: normal;
	margin-bottom: 5px;
}

#retail_bottom_links a:visited {
	
	display:block;
	font-size: 16px;
	color:#999999;
	text-decoration:none;
	font-weight: normal;
	margin-bottom: 5px;
}

#retail_bottom_links a:hover {

	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:none;
	font-weight: bold;
	margin-bottom: 5px;
}

#retail_bottom_links a:active {
	
	display:block;
	font-size: 16px;
	color:#FF0099;
	text-decoration:none;
	font-weight: bold;
	margin-bottom: 5px;
}

#retail_main_links a:link {
	
	display:block;
	background-image:url(../images/grey_button.gif);
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
	padding-top: 10px;
	color:#999;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 2px;
	background-repeat: no-repeat;
}

#retail_main_links a:visited {
	
	display:block;
	background-image:url(../images/grey_button.gif);
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
	padding-top: 10px;
	color:#999;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 2px;
	background-repeat: no-repeat;
}

#retail_main_links a:hover {

	display:block;
	background-image:url(../images/pink_button.gif);
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
	padding-top: 10px;
	color:#FFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 2px;
	background-repeat: no-repeat;
}

#retail_main_links a:active {
	
	display:block;
	background-image:url(../images/pink_button.gif);
	padding-left: 7px;
	padding-right: 7px;
	height: 25px;
	padding-top: 10px;
	color:#FFF;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	margin-bottom: 2px;
	background-repeat: no-repeat;
}


/* END OF NAVIGATION */

/* LAYOUT CLASSES */

.homepage {
	width: 500px;
}

.headoffice_sections {
	width: 500px;
	margin-top: 20px;
}

.headoffice_home {
	width: 300px;
	
}

.cvtips {
	width:425px;
	padding-top: 90px;
	background-image:url(../images/Retail_Res_CV_tips.gif);
	background-repeat: no-repeat;
	background-position: 425px 0px;
	padding-right: 250px;	
}

.resretailer {
	width: 425px;
	margin-top: 75px;
}

.grey_text {
	color:#666;
}
.pink_text {
color:#FF0099;
}

.tellmeabout {
	font-weight: bold;
	color: #FF0099;
	text-align: center;
	font-size: 13px;
	margin-top: 38px;
}

.500_height {
height:400px;

}

.400_height {
height:400px;
}

.300_height {
height:400px;
}

.250_height {
height:400px;
}

.200_height {
height:400px;
}

.150_height {
height:400px;
}

/* END OF LAYOUT CLASSES */