@charset "UTF-8";

/* ##########################################################################
** # "Yet Another Multicolum Layout" (c) by Pascal Hagen                    #
** # Design (c) by Pascal Hagen (http://www.dxxs.com/)                      #
** # TYPO3 Template ThinkCyber New York(c) by Pascal Hagen                  #
** #                   (http://www.ThinkCyber.com/)                         #
** ##########################################################################
*/


@import url(/global/css/main/h_nav.css);
@import url(/global/css/main/ajax.css);
@import url(/global/css/main/sidebar.css);

/* Start
************************************************/

body  {
	font: 100% arial, helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	margin-top: 0px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666;
}

table { border-collapse: collapse; border-spacing:0;}
fieldset, img
{
	border:0;}
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style: normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 
{
	font-size:100%;}

q:before, q:after 
{
content:"";
	}


#u-reg {
	display: none;
}

.preload1 {background: url(/global/images/nav/six_0a.gif);}
.preload2 {background: url(/global/images/nav/six_1a.gif);}


.thinkcyber #container {

	font: 110% arial, helvetica, sans-serif; 
	width: 100%;
	background: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	margin: 0 0 0 0;   /*the auto margins (in conjunction with a width) center the page if needed */
	text-align: left; /* this overrides the text-align: center on the body element. */
}  
.thinkcyber #header { 
	
	background: url(/global/images/bg/topo_woman01b.gif) repeat-x; position:relative;
	height: 121px;
	
	/*padding: 0 10px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.thinkcyber #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

#header #contactusphone{
	font-size:15px;
	position:absolute;
	/*left:712px;*/
	right:15px;
	top:90px;
	color:#4D4D4F;
}

#contactusphone a {
	color:#4D4D4F;
}

#contactusphone a:hover {
	color: #fff;
}
#sidebar1 #contactusphone_side{
	font-size:14px;
	text-align: center;
	margin-top:90px;
	color:#4D4D4F;
}

.thinkcyber #imgtop { 
	margin-left: 10px;
}

.thinkcyber #topright { 
	background:#fff url(/global/images/logo/logo_woman_right.jpg);
	background-repeat: no-repeat;	
	width: 390px;
 	height: 121px;
}

.thinkcyber #navtop { 
	padding: 0;
	
	/*padding: 0 10px;   this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 


.thinkcyber #sidebar1 h3, .thinkcyber #sidebar1 p, .thinkcyber #sidebar2 p, .thinkcyber #sidebar2 h3 {
	margin-left: 5px; /* the left and right margin should be given to every element that will be placed in the side columns */
	margin-right: 7px;
}

.thinkcyber #footer { 
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
    background:#fff url(/global/images/bg/footer_bg.gif) repeat-x; position:relative;
}
.thinkcyber #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
} 
.thinkcyber #footer_bottom { 
    padding: 0 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	/*background:#fff url(/global/images/bg/filleto.gif) repeat-x; position:relative; */
	height: 3px;
} 
form {  margin: 0px;}

/* #############################
** ### classesParagraph ########
** #############################
*/
p.smalltext {font-size:0.9em;}
p.box {display:block; background:#f8f8f8 url(/global/images/bg/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#505050; padding:10px 10px 10px 20px;}
p.redbox {color:#000; background-color:#fee; border:1px #fcc solid; padding:6px; margin-bottom:0.5em;}
p.bluebox {color:#000; background:#f0f0f4; padding:2px; border:1px #ccd solid; text-align:center;	padding:4px 0 4px 0; margin-bottom:1em;}
p.greenbox {background-color:#f4f8f4; border:1px #aca dotted; padding:6px; margin-bottom:0.5em;}
p.greenbox a {color:#353;}
p.greenbox a:hover {background:transparent;}
p.soft {color:#808080;}

p.harvardbox {color:#000; background:#e0f7f3; padding:2px; text-align:center; padding:0px 4px 4px 4px; margin-bottom:1em;}
p.harvardbox1 {color:#000; background:#c4f0fd; padding:2px; text-align:center; padding:0px 4px 4px 4px; margin-bottom:1em;}
p.harvardbox2 {color:#000; background:#a7e9fc; padding:2px; text-align:center; padding:0px 4px 4px 4px; margin-bottom:1em;}
p.harvardbox3 {color:#000; background:#8ee2fb; padding:2px; text-align:center; padding:0px 4px 4px 4px; margin-bottom:1em;}
p.harvardbox4 {color:#000; background:#58d6fa; padding:2px; text-align:center; padding:0px 4px 4px 4px; margin-bottom:1em;}

.lenny {display:block; background:#f4f8f4 url(/global/images/bg/boxbg.gif) top left repeat-y; border:1px solid #d0d4d4; color:#808080; padding:10px 10px 10px 20px;}

.boxl {display:block; background:url(/global/images/content/start/left_box.gif) repeat-x; border:1px solid #d247ac; color:#505050; padding:10px 10px 10px 20px;}
.boxr {display:block; background:url(/global/images/content/start/right_box.gif) repeat-x; border:1px solid #99cc99; color:#505050; padding:10px 10px 10px 20px;}

#top_nav_underline {
background: url(/global/images/bg/dot_underline1.gif);
background-repeat: repeat-x;
width: 380px;
margin: 0 auto;
}
#bottom-filletto {
background: url(/global/images/bg/filetto.gif);
height:10px;
background-repeat: repeat;
margin: 0 auto;
}

/*
#u-large{
margin-bottom:5px;
}
u-reg
#u-large{
margin-bottom:5px;
}
*/
.top_title_l_small {
color: #80186f;
margin-top: 0px;
margin-bottom: 0px;
}

.top_title_l_big {
font-weight: bold;
color: #80186f;
margin-top: -2px;
border:0px;
}

.top_title_r_small {
margin-top: 0px;
color: #669966;
margin-bottom: 0px;
}

.top_title_r_big {
font-weight: bold;
color: #669966;
margin-top: -2px;
border:0px;
}

.salepercentage {
color:#00CC33;
}

.saleprice {
font-weight: bold;
color:#ff0000;
}

.salepricenot {
color:#ff0000;
}

.somemargin {
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	}

.nomargin {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.white {color: #fff;}
.thinkcyber #cartbox {
	float: right;
	width: 170px;
	background-color: #f4f8f4; 
	border: 1px #aca dotted; 
	padding: 5px 0 5px 0;
	margin-right: 3px; 
	margin-bottom:0.5em;
}
.thinkcyber #mailbox {
	width: 160px;
	padding-left: 10px;
}
.thinkcyber #toolbox {
	float: right;
	width: 160px;
	background-color: #f4f8f4; 
	border: 1px #aca dotted; 
	padding: 5px 2px 5px 0px;
	margin-left: 0px; 
	margin-bottom:0.5em;
}
.thinkcyber #onetwostep {float: right;}

.thinkcyber #testquiz {
	margin-top: 5px;
	margin-left: 5px;
}
#think{float:right;}
#think a:hover {
filter:alpha(opacity=30);
-moz-opacity:0.3;
-khtml-opacity: 0.3;
opacity: 0.3;
	}

#whitaker {color: #1955cf;}

#healing {
	font-familly: Times New Roman, Times, serif;
	color: #1955cf;
}

#title_bm {
	float: left;
	margin-top: 5px;
	margin-right: 7px;
	margin-left: 5px;	
}

#title_bm_pages {
	float: right;
	margin-top: 5px;
	margin-right: 7px;
	margin-left: 5px;
	
}
#bm {
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.cmdflat {
	color: #FFF;
	min-width:120px;
	border: 1px solid #90C;
	background-color: #f0b7e7;
	padding:4px;
	cursor:pointer;
	-moz-border-radius: 3px;
}
.cmdflat:hover {
	cursor: pointer;
	min-width:120px;
	padding:4px;
	color: #909;
	background-color: #ddc3ea;
	-moz-border-radius: 3px;
}
#siteseal{
	text-align: center;
}
#press {
	float: right;
}
a.grey-image img {
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}

a.grey-image:visited img 
{
filter: alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
}
a.grey-image:hover img 
{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

a.grey-image:active img 
{
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}

/* Buttons & Form Elements */
input.tc_primary,button.tc_primary { 
	background:#66A5FF;
	color:#FFF; 
	font-weight:bold;
	padding:1px 5px;
	text-align:center;
	cursor:pointer; 
}
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}