@charset "utf-8";

/* TAG RESET -------------------------------------------------------*/
/* Loosely based on YUI reset  (http://developer.yahoo.com/yui/reset/) stylesheet with some additions */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {	border-collapse:collapse;border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {	font-size:1em;font-weight:normal;}
caption,th {text-align:left;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
input, select, button {vertical-align: middle;}
a img {border: 0;}
table, input, select, textarea, button {font: inherit;font-size: 100%;}
	
/* END TAG RESET ------------------------------------------------*/

body {
		font:80% Tahoma, Arial, Verdana, sans-serif, Helvetica;
		color:#014243;
		text-align: center;
		background: #e1e1e1;
	}
	
#container {
    background: #FFFFFF url(../images/bg-left-sidebar-middle.jpg) repeat-y scroll left top;
		margin: 0 auto 0 auto;
		text-align: left;
		overflow:hidden;
	}

#container,
#footer {
		width: 900px;
}

#content {
    float: left;
    width: 475px;
    margin-left: 13px; 
    margin-right: 6px;
	padding-bottom: 20px;
    
  }
  
#compare #content {
    float: right;
    width: 679px;
    margin-left: 13px; 
    xmargin-right: 6px;
    
  }
    
  
#breadcrumbs {
		width: 855px;
		background-color:#fff;
}

  
#left-sidebar {
    float: left;
    width: 197px;
  }
  
#right-sidebar {
    float: right;
    width: 200px
  }


/* [+] -- FORMS -------------------------------- */

button {
		border: none;
		background: none;
	}

fieldset {
		border: 1px solid #f1f1f1;
		padding: 4px;
		margin-bottom: 10px;
	}

legend {
		font-weight: bold;
		padding: 0 5px;
	}

#product select {
		margin: 0 0 5px 4px;
	}

fieldset select {
		width: 140px;
		float: left;
		margin-bottom: 3px;
	}
	
#product-options select {
		width: 380px;
	}

fieldset input {
		width: 140px;
		float: left;
		margin-bottom: 3px;
	}

fieldset .resetme input {
		width: auto;
		float: none;
	}


fieldset .main {
		margin-bottom: 5px;
	}

fieldset .checkbox input {
		width: auto;
	}

fieldset .fieldLong input {
		width: 250px;
	}

fieldset li {
		clear: both;
	}

fieldset label {
		width: 140px;
		float: left;
		text-align: right;
		margin-right: 10px;
		display: block;
		font-size: 90%;
	}

fieldset.forms {
		border: none;
	}

fieldset.forms textarea {
		width: 500px;
		height: 165px;
	}

fieldset.forms textarea {
		width: 260px;
		height: 165px;
	}

fieldset.forms input {
		width: 260px;
		float: left;
		margin-bottom: 3px;
	}




/* [+] -- FONTS -------------------------------- */

h1,h2,h3,h4,h5,h6 {	color: #014243;}


h1 {
  font-style:  "Myriad Web", Tahoma, Verdana, Arial, sans-serif, Helvetica;
	font-size: 140%;
	font-weight: normal;
  letter-spacing: 0.05em;
  margin: 0 11px 8px 0;
}

h3 {
  font-style:  "Myriad Web", Tahoma, Verdana, Arial, sans-serif, Helvetica;
	font-size: 140%;
	font-weight: normal;
  letter-spacing: 0.05em;
  text-align:right;
  margin: 29px 11px 5px 0;
}

p {
  font-size: 115%;	
	margin-bottom: 15px;
	color: #014243;
}

#DermaShield-faqs p {
  font-size: 88%;	
  margin-bottom: 13px;
}

#DermaShield-faqs p.title {
	font-weight: bold;
  font-size: 110%;	
  line-height:130%;
}
#breadcrumbs {
  font-size: 75%;
}

#footer {
  font-size: 75%;
}

.fontGreen {
  color: #014243;
}

.product-box .fontSmaller {
  font-size: 85%;
  letter-spacing:0em;
}

.alignRight {
  text-align: right;
}

#txtContent p {
	font-size: 100%;
	}
#txtContent h2 {
	font-weight: bold;
	font-size: 120%;
	margin-top: 15px;
	}

/* [+] -- LINKS -------------------------------- */

a {
  text-decoration: none;
}
a:visited {	
	
	}
a:hover {	
	
	}
a:active {	
	
	}
	
#footer a {
  font-size: 115%;
  color: #84cb2a;

}


/* [+] -- ACCESSIBILITY -------------------------------- */

#skip {
		position: absolute;
		left: -2000px;
	}
		
/* [+] -- UTILITY -------------------------------- */

.clearFix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}


.clr
{
  clear:both;
}



/* [+] -- HEADER -------------------------------- */
#container .topGreenLine {
  height: 10px;
  background-color: #02937c;
}

#header {
  background: #fff url(../images/bg-header-logo-n.jpg) no-repeat bottom left;
  height: 250px;
  width: 899px
}

#header .logo {
  float: left;
  padding-top: 19px;
  padding-left: 38px;
}

#header .goBack,
#header .checkout-basket a, #header .checkout-basket {
  color: #fff;
  font-size: 110%;
}
#header .goBack {
  float: left;
  padding-top: 44px;
  padding-left: 40px;
}

#header .checkout-basket {
  float: right;
  padding-top: 42px;
  padding-right: 213px;
  position:relative;
}

#header .checkout-basket img,
#header .checkout-basket div {
  position: absolute;
  right: 0px;
  top:11px;
}

#header .checkout-basket img {
  margin-right: 123px;
}

#header .checkout-basket .fontGreen {
  padding-left: 8px; 
  padding-right: 7px;
  font-size: 110%;
}

#header .checkout-basket div.fontGreen {
  top:42px;
  padding-right: 40px;
  font-weight: bold;
}
#header .checkout-basket div.fontGreen {
	font-size: 100%;
	}

/* [+] -- CONTENT -------------------------------- */

#breadcrumbs {
  padding: 3px 20px 3px 25px;
}




/* [+] -- SIDEBAR -------------------------------- */

/* [+] -- left sidebar -------------------------------- */

#left-sidebar #mainBG{
  background: transparent url(../images/bg-left-sidebar-middle.jpg) repeat-y top left;
}

#main-navigation li {
  background:transparent url(../images/bg-nav-button.jpg) no-repeat left top;
  xmargin:10px 0;
  xlist-style-position:inside;
  xlist-style-type:disc;

}
#main-navigation li a {
  display: block;
  color:#fff;
  font-size: 89%;
  width:173px;
  padding-bottom:8px;
  padding-top:8px;
  padding-left: 24px;
}

#main-navigation li:hover,
#main-navigation li.selected {
  background:transparent url(../images/bg-nav-button-selected.jpg) no-repeat left top;
}

#left-sidebar img.imageFormat {
  margin-top: 10px;
}

/* [+] -- right sidebar -------------------------------- */
#right-sidebar img {
  margin-top: 10px;
  margin-bottom: 10px;
}

#product-search {
   background:transparent url(../images/bg-searchbox.jpg) no-repeat right top;
}

#product-search .search-box input {
  text-align: right;

}

#product-search .search-box {
   background-color: #9bbeca;
   border: 0 transparent none;
   margin-left: 11px; 
   margin-top: 5px;
   margin-bottom: 0px;
}

#product-search .button {
   background:transparent url(../images/bt-arrow-blue-right.jpg) no-repeat left center;
   border: 0 transparent none;
   margin-left: 11px; 
   margin-top: 4px;
   cursor: pointer;
}
#product-search {
  height: 32px;
}

#right-sidebar #DermaShield-faqsBG {
  background:transparent url(../images/bg-right-sidebar-middle.jpg) repeat-y left top;
}

#right-sidebar .DermaShield-faqsBG {
  background:transparent url(../images/bg-right-sidebar-botm.jpg) no-repeat left bottom;
  height: 7px;
}

#right-sidebar #DermaShield-faqs {
  background:transparent url(../images/bg-right-sidebar-top.jpg) no-repeat left top;
  padding-left: 15px; 
  padding-top: 13px; 
  padding-right: 14px;
}


/* [+] -- FOOT -------------------------------- */

#footer {
  background:transparent url(../images/bg-footer.jpg) repeat-x left top;
  color: #fff;
  height: 18px;
  padding-top: 19px;
  overflow: hidden;
}

#footer div {
  float: left;
}

#footer .copyrght {
  padding-left: 31px;
}

#footer .links {
  margin-left: 480px;
}

#footer a {
  padding-right: 3px;
  padding-left: 3px;
}

/*AddThis Button BEGIN*/
.addthis_button {	
	display: block;
	margin: 15px 0;
	}