/* New Personal Page Template from original */

/* Found in "Files ==> Assets ==> Templates ==> Derma-default ==> New-site.css" */

/* Amended by RP for new personal template 9th November 2010 */

/* Amended by RP for Blog button 9th February 2011 */ 



* { margin: 0; padding: 0; }



body {

	background-color: #E1E1E1;

	font: 12px Arial, Verdana,  Helvetica, sans-serif;

	color: #000;

	margin: 0px;

	text-align: center;

}



img {

	border: 0;	

}



h1, h2 {

	font-size: 30px;

	padding-bottom: 5px;

	font-weight: normal;

	color: #014243;

}



h3 {

	font-size: 14px;

	padding-top: 30px;

padding-bottom: 5px;

	font-weight: normal;

	color: #014243;

}



p {

	padding-top: 5px;

	padding-bottom: 5px;

}



a {

	color: #02937C;

}



a:hover {

	

}



/* class ------------------------------------------------------ */



.blue {

	color: #02937C;

}



.red {

	color: #f00;

}



.new_paragraph {

	clear: left;

}



.center {

	text-align: center;

}



/* divs ------------------------------------------------------- */



#container {

	width: 900px;

	text-align: left;

	margin: 0px auto;

	position: relative;

	background-color: #fff;

}



#top_strip {

	height: 10px;

	background-image: url(/images/top_strip.gif);

	background-repeat: repeat-x;

}





#top_logo {

	position: absolute;

	height: 123px;

	width: 88px;

	left: 35px;

	top: 29px;

}





/* menu ------------------ */

#top_menu {

	height: 70px;

}



#menu_personal_items {

	margin: 0px;

	padding: 0px;

	clear: both;

	margin-top: 40px;

	width: 556px;

	float: right;

	background-image: url(/images/menu_personal_back.gif);

	background-repeat: repeat-x;

}



#menu_business_items {

	margin: 0px;

	padding: 0px;

	clear: both;

	margin-top: 40px;

	width: 556px;

	float: right;

	background-image: url(/images/menu_business_back.gif);

	background-repeat: repeat-x;

}



#menu_business_items img, #menu_personal_items img {

	float: left;

}



/*#btn_buy_personal, #btn_buy_business {

	float: right;

	padding-right: 60px;

}*/



#btn_buy_business, #btn_buy_personal {

	float: right;

	padding-right: 0;

	width: 108px;

	overflow: hidden;

	height: 28px;

}

a#blog {

	width: 68px;

	height: 28px;

	background: url(gfx/menu-shop/blog-btn.png) no-repeat top left;

	display: block;

	float: left;

	}

	

a#blog:hover {

	background: url(gfx/menu-shop/blog-btn.png) no-repeat bottom left;

	}



#btn_buy_personal a#blog {

	background: url(gfx/menu-shop/blog-btn-personal.png) no-repeat top left;

	}



#btn_buy_personal a#blog:hover {	

	background: url(gfx/menu-shop/blog-btn-personal.png) no-repeat bottom left;

	}



	

a#contact {

	width: 108px;

	height: 28px;

	background: url(/images/contact.png) no-repeat top left;

	display: block;

	float: left;

	}

a#sign-in {

	width: 95px;

	height: 28px;

	background: url(gfx/menu-shop/shop-sign-in.png) no-repeat top left;

	display: block;

	float: left;

	}

#container #top_menu a#contact:hover {

	background: url(/images/contact.png) no-repeat bottom left;

	}

	

#page-146 a#contact {

	background: url(/images/contact.png) no-repeat bottom left;

	}

	



a#sign-in:hover {

	background: url(gfx/menu-shop/shop-sign-in.png) no-repeat bottom left;

	}



#btn_buy_personal a#sign-in {

	background: url(gfx/menu-shop/shop-sign-in.png) no-repeat top left;

	}



#btn_buy_personal a#sign-in:hover {	

	background: url(gfx/menu-shop/shop-sign-in.png) no-repeat bottom left;

	}



#ajaxmenu {

   position: relative;	

   width: 500px;

}





#menu_items_home_page {

	float: right;

	margin-top: 39px;

	height: 28px;

	position: relative;

	overflow: hidden;

}



#menu_items_home_page a#blog {

	background: url(gfx/menu-shop/blog-btn-home.png) no-repeat top left;

	}



#menu_items_home_page a#blog:hover {	

	background: url(gfx/menu-shop/blog-btn-home.png) no-repeat bottom left;

	}

	

/* top text ------------------ */

#top_text {

	clear: all;

	height: 28px;

	width: 700px;

	margin-top: 2px;

}



/* top picture ------------------ */

    #top_pic {

position:absolute;

left: 262px;

top: 262px; /* For all proper browsers */

          top: 266px\9; /* IE8 and below */

	*top: 266px;/* IE7 and below */

	_top: 266px; /* IE6 */



z-index: 1;

	height: 230px;

	width: 425px;

}



#page_path_personal, #page_path_business {

       margin-top: 15px;

	padding-top: 15px;

	padding-left: 20px;

	padding-bottom: 20px;

	color: #555356;

	font-size: 10px;

}



#page_path_personal a, #page_path_business a {

	color: #555356;

	font-size: 10px;

}





/* second menu ------------------ */



#second_menu {

	float: left;

	width: 240px;

	padding-left: 20px;

	padding-top: 5px;



}



#second_menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}



#second_menu li {

	display: inline;

	padding-right: 20px;

	padding-left: 0px;

}



#second_menu li:first-child {

	padding-left: 0px;

        margin-bottom: 10px;

/*	border-bottom: #b2de74 solid 2px;  */ 

}



#second_menu a {

	color: #005355;

	font-size: 15px;

	font-weight: bold;

	text-decoration: none;

}





/* search ------------------ */

#search_box {

	float: right;

	width: 200px;

	height: 28px;

	margin: -28px 0 0 0;

	padding: 0;

}



#search_box fieldset {

	border: 0;

}



#search_input_background {

	height: 28px;

	background-image: url(/images/search_background_blue.gif);

	background-repeat: repeat-x;

}



#search_input_background_inputs {

	padding-top: 2px;

	padding-left: 15px;

}



ajaxSearch_output {

	display: none;

}



#search_input_background img {

	float: left;

}



#ajaxSearch_input {

	background-image: url(/images/search_background_input.gif);

	background-repeat: repeat-x;

	border: 0px;

	width: 140px;	

}



#ajaxSearch_submit {

	   display: inline;

           height: 20px;

}



.ajaxSearch_resultsInfo {

	padding-bottom: 30px;

}



.ajaxSearch_result {

	padding-bottom: 20px;

}



.ajaxSearch_resultDescription {

	color: #555356;

	font-size: 10px;

}



.ajaxSearch_resultLink {

	color: #005355;

}



.ajaxSearch_resultsIntroFailure {

	padding-top: 20px;

	padding-bottom: 20px;

}



.ajaxSearch_highlight {

	color: #005355;

	font-weight: bold;

}



#ajaxSearch_submit {

	background-image: url(/images/button_search.gif);

	background-repeat: no-repeat;

	border: 0;

	width: 15px;

	height: 19px;

	margin-top: 1px;

}



/* content ------------------ */



#content {

   padding-left: 20px;

   padding-right: 20px;

}



#content_personal {

	padding-left: 20px;

	margin: 95px 0 0 0;

	width: 655px;

}



#content_personal ul {

    padding-left: 15px;

}



#content_personal li {

    padding-top: 4px;

}



#content_personal h1 {

	color: #92d030;

}



#content_business {

	padding-left: 20px;

	margin: 95px 0 0 0;

	width: 655px;

}



#content_business ul {



    padding-left: 15px;

}



#content_business li {

    padding-top: 4px;

}



#content_business h1 {

	color: #005355;

}



#footer {

	background-image: url(/images/footer_background.gif);

	background-repeat: repeat-x;

	height: 25px;

	padding-top: 4px;

	padding-left: 20px;

	padding-right: 20px;

}



#copyright {

	color: #fff;

	font-weight: bold;

	font-size: 12px;

	float: left;

}



#bottom_menu {

	float: right;

}



#bottom_menu a {

	color: #84CB2A;

}





#testimonials {

	border-top: #808082 solid 2px;

	margin-left: 20px;

	margin-right: 20px;

	margin-top: 5px;

}



#testimonials_list {

	background-image: url(/images/testimonials_background.gif);

	background-repeat: repeat-y;

	width: 860px;

}



#testimonials_item {

	float: right;

	width: 286px;

	height: 150px;

}



#testimonials_text {

	color: #02937C;

	padding: 20px;

}



#quicklinks {

	padding-bottom: 5px;

	clear: left;		

}



#quicklinks ul {

	list-style: none;

	margin-left: 15px;

}



#quicklinks li {

	margin-left: 5px;

	display: inline;	

}



/* EmailForm 

------------------------------------------------------------------------------- */



#contact_form_table {

	padding: 5px;

}



#contact_form_table td {

	padding: 4px;

}







/* custom ------------------------------------------------------- */





/* index page -------------- */

#left_column {

	width: 410px;

	border-right: #84CB2A solid 4px;

	float: left;

	height: 320px;

	padding-top: 18px;

	padding-right: 20px;

}



#right_column {

	width: 400px;

	float: right;

	padding-top: 20px;

	padding-bottom: 20px;	

}



#whatsnewlinks li {

   float: left;

   list-style: none;

   background-image: url(/images/bullet_li.jpg);

   background-repeat: no-repeat;

   background-position: left center;

   padding-left: 10px;

   margin-left: 10px;

}







/* contact page -------------- */



#contact_left_column {

	float: left;

	width: 350px;

	padding-right: 20px;

	margin-top: 20px;

	margin-bottom: 20px;

	padding-top: 10px;

	border-right: #84CB2A solid 2px;

	

}



#contact_right_column {

	float: left;

	width: 400px;

	padding-left: 20px;

	margin-top: 20px;

	margin-bottom: 20px;

}





/* others -------------------- */



#personal_boxes, #business_boxes {

        margin-top: -20px;

	width: 200px;

	float: right;

	clear: right;

}



/*#personal_box_1, #personal_box_2, #personal_box_3, #personal_box_4 {

	clear: all;

	height: 138px;

	width: 200px;

	margin-bottom: 5px;

	margin-top: 5px;

	background-image: url(../../images/personal_box_empty.jpg);

	background-repeat: no-repeat;*/

}



/*#business_box_1, #business_box_2, #business_box_3, #business_box_4 {

	clear: all;

	height: 138px;

	width: 200px;

	margin-bottom: 5px;

	margin-top: 5px;

	background-image: url(../../images/business_box_empty.jpg);

	background-repeat: no-repeat;*/

}



/* site map page -------------- */



#site_map_left_column, 

#site_map_right_column,

#site_map_third_column {

	width: 25%;

	float: left;

	padding: 20px;

}



#site_map_left_column ul, 

#site_map_right_column ul,

#site_map_third_column ul {

	padding-top: 5px;

	padding-left: 30px;

	padding-bottom: 10px;

}



#site_map_left_column li, 

#site_map_right_column li,

#site_map_third_column li {

	padding: 3px;

}



/* watch video page -------------- */



#watch_left_column {

	margin-top: 20px;

	width: 30%;

	float: left;

	padding: 10px;

	padding-left: 20px;

	border-right: #84CB2A solid 2px;

}



#watch_right_column {

	margin-top: 20px;

	width: 40%;

	float: left;

	padding: 10px;

	padding-left: 40px;

}



/* watch video page -------------- */



#watch_left_column_play_small {

	margin-top: 20px;

	width: 40%;

	float: left;

	padding: 10px;

	padding-left: 20px;

	border-right: #84CB2A solid 2px;

}



#watch_right_column_play_small {

	margin-top: 20px;

	width: 40%;

	float: left;

	padding: 10px;

	padding-left: 40px;

}



#watch_left_column_play_medium {

	margin-top: 20px;

	width: 34%;

	float: left;

	padding: 10px;

	padding-left: 20px;

	border-right: #84CB2A solid 2px;

}



#watch_right_column_play_medium {

	margin-top: 20px;

	width: 44%;

	float: left;

	padding: 10px;

	padding-left: 25px;

}



#watch_left_column_play_high {

	margin-top: 20px;

	width: 30%;

	float: left;

	padding: 10px;

	padding-left: 20px;

	border-right: #84CB2A solid 2px;

}



#watch_right_column_play_high {

	margin-top: 20px;

	width: 53%;

	float: left;

	padding: 10px;

	padding-left: 10px;

}



#video_player_small {

	margin-left: 20px;

	margin-top: 20px;

}



#video_player_medium {

	margin-left: 0px;

	margin-top: 15px;

}



#video_player_high {

	margin-left: 0px;

	margin-top: 10px;

}

h4 {

  font-weight: normal;

  font-style: italic;

}







/* rounded corners */

.rbroundbox { background: url(/images/nt.gif) repeat; }

.rbtop div { background: url(/images/tl.gif) no-repeat top left; }

.rbtop { background: url(/images/tr.gif) no-repeat top right; }

.rbbot div { background: url(/images/bl.gif) no-repeat bottom left; }

.rbbot { background: url(/images/br.gif) no-repeat bottom right; }



/* height and width stuff, width not really nessisary. */

.rbtop div, .rbtop, .rbbot div, .rbbot {

width: 100%;

height: 7px;

font-size: 1px;

}

.rbcontent { margin: 0 7px; color: #fff; }

.rbroundbox { width: 98%; margin: 1em auto; }



#content .rbroundbox .rbcontent p, 

#content .rbroundbox .rbcontent span,

#content .rbroundbox .rbcontent a,

#content .rbroundbox .rbcontent h1, 

#content .rbroundbox .rbcontent h2, 

#content .rbroundbox .rbcontent h3, 

#content .rbroundbox .rbcontent h4, 

#content .rbroundbox .rbcontent h5, 

#content .rbroundbox .rbcontent h6 {	

margin-top: 0;

padding-top: 0;

color: #fff;

}





/*AddThis Button BEGIN*/

.addthis_button {	

	display: block;

	margin: 15px 0 5px 0;

	}



/*Breadcrumb snippet customisation*/

.B_crumbBox {

	margin-top:0px;

	}



.B_firstCrumb {

	margin-top: 20px;

	margin-left: -12px;

	}



.B_crumb {

	margin-top: -20px;

	margin-left: 23px;

	}

	

.B_lastCrumb {

	margin-left: 33px;

	}