body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	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 */
	background: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
}

h1{
margin:0;
padding:0px;
font-size:24px;
color:#23438d;
}
h1.quarterhouse, h1.Quarterhouse{
margin:0 0 0 100px;
padding:0px;
font-size:11px;
display:inline;
}
h2{
margin:10px 10px 10px 0;
padding:0;
font-size:20px;
color: #23438d;
}
h3{
margin:0;
padding:0;
font-size:18px;
color: #307EE4;
}
h4{
margin:10px;
padding:0;
font-size:16px;
color: #004080;
}
h5{
margin:6px 10px;


padding:0;
font-size:14px;
color: #000000;
}
h6{
margin:10px;
padding:0;
font-size:12px;
color: #23438d;
}
p {
margin:0 10px;
padding:0;
font-size:12px;
color:#23438D;
}

span.display_same_as_p {
display:block;
margin:0 10px;
padding:0;
font-size:12px;
color:#23438D;
}

/* Target Firefox */
@-moz-document url-prefix()
{
.homepage_content_wrapper {
padding-bottom:15px;
margin-bottom:10px;
margin-top:270px;
}
}

.homepage_content_wrapper {
*position:absolute;
*margin:0 auto;
*top:1230px;
/*background-color:#EBF3F0;*/
width:1000px;
height:350px;
}


div.newsletter_signup {
border:1px solid #36896B;
background-color:#F1F7F4;
margin:20px 0;
padding:10px 0;
width:670px;
}

.homepage_content {
width:250px;
float:left;
}

p.guarantee {
display:none;
}

p.homepage_content {
margin:0 0 10px;
}

.homepage_content p {
margin-right:15px;
}

.homepage_content strong, .homepage_content b {
color:#999998;
}

.homepage_content h2 {
margin:10px;
}

.homepage_content h2 b a, .homepage_content h2 a, .homepage_content .display_same_as_h2 {
padding:0;
font-size:16px;
color: #004080;
color:#999998;
text-decoration:none;
font-weight:bold;

}

.homepage_content .heading_bar {
  min-height:44px;
  /*background-color:#EEE;*/
  width:97%;
  margin-bottom:5px;
  /*border:1px solid #AAA;*/
}

.homepage_content h2.link a {
font-size:12px; 
text-decoration:underline;
}

p.homepage_content .display_same_as_h2 strong {
margin:0px 0px 10px 10px;
padding:0;
font-size:16px;
color: #004080;
color:#999998;
text-decoration:none;
font-weight:bold;
display:block;
}

.homepage_content h6{
margin:10px;
padding:0;
font-size:16px;
color: #004080;
color:#999998;
}

.homepage_content a {
/*margin:10px;*/
font-size:12px;
font-weight:bold;
color: #004080;
color:#999998;
}

.mainlist ul{
margin:0;
padding:0;
}
.mainlist li { font-size:12px; color: #003399;list-style-image:url(/portals/_default/skins/candybaskets/images/blob.gif); font-weight:bolder; margin-bottom:6px;}
.mainlist li a{text-decoration:none; font-weight:bolder; font-size:12px;}
.mainlist li a:link{color:#006699; }
.mainlist li a:visited{color:#006699;}
.mainlist li a:hover{color:#FF8040; }
.mainlist li a:active{color:#006699; }
.mainlist li a.chosen{color:#006699; }

#container { 
	width: 1000px;
	margin: 0 auto;  /*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. */
	background-color:#FFFFFF;
	position:relative;
}  
.header {
	padding: 0px;  /* 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. */
/*	background: transparent url(images/logo.jpg) no-repeat 0px 20px;*/
	height:92px;
	width: 1000px;
	text-align:right;
	position:relative;

} 
.header ul {
  margin:0;
}
.header li {
  float:right;
  list-style-type:none;
  font-family: comic Sans MS;
  margin-left:20px;
}

.header li a {
  text-decoration:none;
  color:#013366;
}

.header_logo {
  position: absolute;
  z-index:0;
  top:0px;
  left:0;  
}


#headermodulecontainer{
width:200px;
height:124px;
float:right;
display:inline;
margin-left:12px;
}

.sidemodule { 
margin-bottom:6px;
padding-bottom:6px;
border-bottom:#999999 dotted 2px;
} 

.h1Container{
margin:0;
padding:8px;
font-size:24px;
color:#23438d;
background-color: #cdf1ff;
background-image:url(/portals/_default/skins/candybaskets/images/sm-cyanQ.png);
background-repeat: repeat-x;
border:#23438d 1px solid;
}

.h1Button{
float:right;
display:inline;
margin:0;
padding:0;
}

#topbar { 
 	padding:0; /* 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. */
	margin:0;
	background-image:url(/portals/_default/skins/candybaskets/images/top-menu-bkg4.jpg);
	background-repeat:repeat-x;
	width:1000px;
	height:65px;
} 
/*
#topbar2 {
background-image:url(/portals/_default/skins/candybaskets/images/menu-background2.jpg);
background-repeat:repeat-x;
width:100%;
height:28px;

}
*/

 #sidebar1 {
	float: left; 
	display:inline;
	width: 170px; /* since this element is floated, a width must be given */
	padding:0;
	margin:0; /* top and bottom padding create visual space within this div */
	margin-bottom:6px;
	
}
#sidebar1 h4{
padding-bottom:6px;
}

 #sidebar2 {
 margin-top:6px;
 margin-bottom:6px;
	float: right; 
	display:inline;
	width: 170px; /* since this element is floated, a width must be given */
	padding:6px; /* top and bottom padding create visual space within this div */
	border:#CCCCCC solid 1px;
}
#sidebar2 h4{
padding-bottom:6px;
}

#sidebar3 {
	float: left; 
	width: 100%; /* since this element is floated, a width must be given */
	margin:0;
	padding:0; /* top and bottom padding create visual space within this div */
	background-color:#013366;
	border-left:solid 2px #003399;
	border-right:solid 2px #003399;
}
#sidebar3 h4{
padding:6px;
}

#sidebar4 {
	float: left; 
	width: 100%; /* since this element is floated, a width must be given */
	margin:0;
	padding:0; /* top and bottom padding create visual space within this div */
	background-color: #003333;
	border-left:solid 2px #003399;
	border-right:solid 2px #003399;
	border-bottom:solid 2px #003399;
}
#sidebar4 h4{
padding:6px;
}


#mainContent {
	margin: 0 0px 0 0px;
	/*padding: 6px;*/ 
	vertical-align: top; 
  width: 1000px;
} 

#mainContent h1{
font-size:24px;
}

#mainContent2 {
	/*margin: 0 0px 0 175px;*/
	margin: 0 0px 0 0px;
	padding: 6px; 
} 

#mainContent2 h1{
font-size:24px;
}

#mainContent2 td {
  vertical-align:top;
}

.cPane
{
	/*border: solid 1px red;*/
	/*min-height: 650px;*/
	/*overflow: visible;*/
}

.footer {
 text-align:left;
	padding: 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-color:#FFF;
	color:#004080;
	font-size:10px;
	width:1000px;
	margin:0 auto;	 	
} 

.home_footer {
  *margin:370px auto 0 !important;   		
}

.footer p {
	margin: 10px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
}

.footer_links {
  float:left;
}

.footer .footer_links {
 margin-bottom:10px;
 /*border:1px solid #36896B;*/
}

.footer_links h6 {
  font-size: 16px;
  font-weight:bold;
  margin-left:-2px;
}

.footer_links a {
  font-size: 12px;
  color:#004080;
}

.copyright {
  font-size:12px;
  margin-top:10px;
  clear:both;
}

.seal {
  float:right;
  margin: 50px 100px 0;
}

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


/*Horizontal Menu Component*/
.horizmenu{
margin:0; 
padding:0;
outline:none;
}

.horizmenu li {display: inline;list-style:none; }
.horizmenu li a, .horizmenu li a:visited {outline: none; }
.horizmenu li a:hover {outline: none;} 
.horizmenu li a:active {outline: none;} 
.horizmenuli a.chosen:visited {outline: none;} 

/* HORIZONTAL MENU COLOR SCHEME */
.horizmenu li a{ line-height:24px;padding:4px;text-decoration:none; font-weight:bolder; font-size:12px; }
.horizmenu li a:link{color:#004080;}
.horizmenu li a:visited{color:#004080; }
.horizmenu li a:hover{color: #e5f0fe; background-image:url(/portals/_default/skins/candybaskets/images/tab-blue.gif); }

/*Vertical Menu Component*/
.vertmenu{
padding:0; 
margin:0; 
outline:none; 
}

.vertmenu li{ list-style:none; width:100%; }
.vertmenu li a, .vertmenu li a:visited {display:block; outline: none;}
.vertmenu li a:hover {outline: none;} 
.vertmenu li a:active {outline: none;} 
.vertmenu li a.chosen:visited {outline: none;} 

/* VERTICAL MENU COLOR SCHEME */
.vertmenu li a{text-decoration:none; font-weight:bolder; font-size:12px; background-image:url(/portals/_default/skins/candybaskets/images/sidemenu-bg.jpg); background-repeat:repeat-x; line-height:24px; text-indent:6px; }
.vertmenu li a:link{color:#e5f0fe; }
.vertmenu li a:visited{color:#e5f0fe;}
.vertmenu li a:hover{color:#23438d; background-image: url(/portals/_default/skins/candybaskets/images/sidemenu-over-bg.jpg);background-repeat:repeat-x; }

/*Vertical Menu2 Component*/
.vertmenu2{
padding:0; 
margin:0; 
outline:none; 
}

.vertmenu2 li{ list-style:none; width:100%; }
.vertmenu2 li a, .vertmenu2 li a:visited {display:block; outline: none;}
.vertmenu2 li a:hover {outline: none;} 
.vertmenu2 li a:active {outline: none;} 
.vertmenu2 li a.chosen:visited {outline: none;} 

/* VERTICAL MENU2 COLOR SCHEME */
.vertmenu2 li a{text-decoration:none; font-weight:bolder; font-size:12px; background-image:url(/portals/_default/skins/candybaskets/images/sidemenu-green.jpg);background-repeat:repeat-x; line-height:24px; text-indent:6px; }
.vertmenu2 li a:link{color:#e5f0fe; }
.vertmenu2 li a:visited{color:#e5f0fe;}
.vertmenu2 li a:hover{color:#0d5033; background-image: url(/portals/_default/skins/candybaskets/images/sidemenu-green-over.jpg);background-repeat:repeat-x; }

/*Logo Component*/
#logo{
height:100%;
float:left;
display:inline;
margin-left:6px;
margin-top:6px;
margin-bottom:0;
margin-right:12px;
padding:0;
vertical-align:middle;
}

/*LargePicture Component */
.largepiccontainerhome{
/*
float:left;
display:inline;
margin-left:6px;
margin-bottom:12px;
*/
width:1000px;
position:relative;
height:375px;
border-top:1px solid #fff;
}

.largepiccontainer{
width:618px;
height: 780px;
display:inline;
float:left;
margin-left:6px;
margin-bottom:12px;
}

.largepichome{
margin:0;
padding:0;
width:700px;
height:375px;
position:absolute;
left:0;
top:0;
}

.largepic{
margin:0;
padding:0;
width:610px;
height:469px;

}

.largepic_content {
width:300px;
height:375px;
background-color:#36896B;
position:absolute;
right:0;
top:0;

}

/*MediumPicture Component */

.mediumpiccontainer{
width:310px;
/*height:400px;*/
float:left;
display:inline;
margin-left:13px;
/*margin-bottom:12px;*/
margin-bottom:30px;
margin-right:80px;
}

.mediumpic{
margin:0;
padding:0;
width:380px;
height:240px;
}

/*SmallPicture Component */

.smallpiccontainer{
/*width:270px;*/
/*height: 330px;*/
/*float:left;*/
/*display:inline;*/
/*margin-left:13px;*/
/*margin-bottom:12px;*/
/*margin-bottom:20px;*/
/*margin-right:30px;*/
}

.smallpiccontainer a {
 color:#004080;
}

.smallpic{
margin:0;
padding:0;
width:250px;
/*height:163px;*/
}


/*Thumbnail Component*/
.thumbcontainer{
}

.thumbfloat {
  float: left;
  display:inline;
  margin:6px;
}
  
.thumbfloat p {
   text-align: center;
}

/*Button Component*/

.buttonfloat {
  float: left;
  display:inline;
  margin:0;
  width:60px;
}
  
.buttonfloat p {
   text-align: center;
   font-weight:bold;
   color:#3366CC;
}

/*ShopCart Component*/
.shopcartcontainer{
width:100%;
border: 1px solid #23438d;  


}
.shopcartheader{
width:100%;
background-color: #003366;

}

.shopcartheader h5{
color: #307EE4;
}

.shopcarttitle{
float:left;

}
.shopcarticon{
float:right;
}
.shopitemsection{
padding:6px;
background-color: #cdf1ff;
background-image: url(/portals/_default/skins/candybaskets/images/form-gradient.png);
background-repeat: repeat-x; 

}
.shopcategory{
text-align:left;
display:inline;

}
.shopqty{
float:left;
text-align:left;
display:inline;

}
.shopprice{
float:right;
display:inline;
margin-top:0;
}
.shopbuttoncontainer{
padding:0;
margin-top:6px;

}

.shopbutton{
float:left;
display:inline;
margin-right:6px;
text-decoration:none; font-weight:bolder; font-size:12px; background-image:url(/portals/_default/skins/candybaskets/images/sidemenu-bg.jpg); background-repeat:repeat-x; 

}

.shopbutton { list-style:none; }
.shopbutton a:link{color:#e5f0fe; text-decoration:none; padding:6px;}
.shopbutton a:visited{color:#e5f0fe;}
.shopbutton a:hover{color:#23438d; background-image: url(/portals/_default/skins/candybaskets/images/sidemenu-over-bg.jpg);  }



/* Scalable Big Button */
.button { /* Top left corner, top edge */ 
float:left; 
color:#fff; /* Text colour */ 
font-weight:bold;
background:#0066CC url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat; /* Fallback bg colour for images off */ 
text-decoration:none; 
} 

.button:hover{
background:#009966 url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat;
}
.button * {display:block;} 
.button span { /* Top right corner */ 
padding:6px 0 0; 
background:url(/portals/_default/skins/candybaskets/images/corners.gif) no-repeat right top; 
} 

.button:hover span { /* Top right corner */ 
background:url(/portals/_default/skins/candybaskets/images/corners2.gif) no-repeat right top; 
} 

.button span span { /* Bottom left corner, left and bottom edges */ 
padding:0 0 0 6px; 
background:url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat left bottom; 
} 

.button:hover span span { /* Bottom left corner, left and bottom edges */ 
background:url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat left bottom; 
} 

.button span span span { /* Bottom right corner */ 
padding:0 0 6px; 
background:url(/portals/_default/skins/candybaskets/images/corners.gif) no-repeat right bottom; 
} 

.button:hover span span span { /* Bottom right corner */ 
background:url(/portals/_default/skins/candybaskets/images/corners2.gif) no-repeat right bottom; 
} 

.button span span span span { /* Right edge */ 
padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */ 
background:url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat right center; 
} 

.button:hover span span span span { /* Right edge */ 
background:url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat right center; 
} 

.button:hover, 
.button:focus, 
.button:active { /* Help keyboard users */ 
outline:none;


} 

.calStyle
{
	text-decoration:none;
}
.displaynonectrl
{
	background:white;
}

.displaynonectrl div
{
	visibility	:hidden;
	display:block;
}

.hiddenctrl
{
	visibility	:hidden;
	display:none;
}


/*Table for Shopping Cart*/
.itemtable{
margin-top:12px;
width:99%;
border-collapse:collapse;
border-top:#E8E8E8 solid 2px;
border-left:#E8E8E8 solid 2px;
border-bottom:  #999999 solid 2px;
border-right: #999999 solid 2px;

}
.itemtable th{
background:#CCCCCC;
border-top:#E8E8E8 solid 1px;
border-left:#E8E8E8 solid 1px;
border-bottom: #999999 solid 1px;
border-right: #999999 solid 1px;
}
.itemtable td{
border:#CCCCCC solid 1px;
}

.column1{
width:600px;
text-align:left;
}
.column2{
width:60px;
text-align:center;
}
.column3{
width:40px;
text-align:center;
}
.column4{
width:80px;
text-align:center;
}
td.tdright {
text-align:right;
}
td.tdcenter {
text-align:center;
}

td.tdrightnone{
text-align:right;
border:none;
background:#CCCCCC;
}
td.tdcenternone {
text-align:center;
border:none;
background:#CCCCCC;
}
td.tdleftnone {
text-align:center;
border:none;
background:#CCCCCC;
}

.itempic{
float:left;
display:inline;
}
.itemdesc{
padding:6px;
float:left;
display:inline;
}

.itemdesc a{
text-decoration:none;
outline:none;
}

.itemdesc h4 a{
text-decoration:underline;
}

input.remove { 
margin-top:18px;
} 

a:hover input.remove { 
background-image:url(/portals/_default/skins/candybaskets/images/removefromcart_over_btn.gif);
background-repeat:no-repeat;
} 

td.tdcenter input{
width:35px;
text-align: center;

}
.boxleft{
float:left;
display:inline;

}
.boxright{
float:right;
display:inline;

}
.boxnorm{
float:none;
padding:6px;
margin-top:6px;
}
.boxhalf{
float:left;
width:380px;
margin-top:6px;
margin-right:6px;
padding:6px;

}

.boxgift{
float:left;
width:380px;
margin-top:6px;
margin-right:6px;
padding:6px;

}
input{
margin-left:6px;
margin-right:6px;
}

input.biggerinput{
font-size:16px;

}
input.code{
width:220px;
}
input.state{
width:50px;
}

input.zip{
width:100px;
}
.redtext{
color:#FF0000;
}



/* Scalable Full Width Button */
.button2 { /* Top left corner, top edge */ 
display:block;
color:#fff; /* Text colour */ 
font-weight:bold;
background:#0066CC url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat; /* Fallback bg colour for images off */ 
text-decoration:none; 
} 

.button2:hover{
background:#009966 url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat;
}
.button2 * {display:block;} 
.button2 span { /* Top right corner */ 
padding:6px 0 0; 
background:url(/portals/_default/skins/candybaskets/images/corners.gif) no-repeat right top; 
} 

.button2:hover span { /* Top right corner */ 
background:url(/portals/_default/skins/candybaskets/images/corners2.gif) no-repeat right top; 
} 

.button2 span span { /* Bottom left corner, left and bottom edges */ 
padding:0 0 0 6px; 
background:url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat left bottom; 
} 

.button2:hover span span { /* Bottom left corner, left and bottom edges */ 
background:url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat left bottom; 
} 

.button2 span span span { /* Bottom right corner */ 
padding:0 0 6px; 
background:url(/portals/_default/skins/candybaskets/images/corners.gif) no-repeat right bottom; 
} 

.button2:hover span span span { /* Bottom right corner */ 
background:url(/portals/_default/skins/candybaskets/images/corners2.gif) no-repeat right bottom; 
} 

.button2 span span span span { /* Right edge */ 
padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */ 
background:url(/portals/_default/skins/candybaskets/images/button.gif) no-repeat right center; 
} 

.button2:hover span span span span { /* Right edge */ 
background:url(/portals/_default/skins/candybaskets/images/button2.gif) no-repeat right center; 
} 

.button2:hover, 
.button2:focus, 
.button2:active { /* Help keyboard users */ 
outline:none;
} 

.vTop {
 vertical-align:top;
}


/* Navigation  */
.navigation
{
	width:800px;
	margin-top:30px;
	text-align:center;
}
#leftnav 
{
	float:left;
	width:210px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:210px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	font-weight:bold;
	
}

.homepage strong, .homepage b{
  font-weight:normal;
}

h6 {
  font-weight:normal;
}

.largepiccontainerhome h4 {
  font-size:28px;
  color:#fff;
  margin-top:30px;
}

.largepiccontainerhome a {
  color:#fff;
}

.largepiccontainerhome h5 {
  font-weight:bold;
  color:#fff;
  font-size:18px;
}

.largepiccontainerhome h6 {
  font-weight:bold;
  color:#fff;
}

/* Target Firefox */
@-moz-document url-prefix()
{
.shipping_and_delivery {
	position:absolute;
	top:940px;
	clear:both; 	
  width:100%;
}

.shipping_and_delivery_content {
	background-color:#36896B;
	margin:0 auto;
	border:1px solid #36896B;
	width:1000px;
	padding-bottom:15px;
}

}
.shipping_and_delivery {
	*width:1000px;
}

.shipping_and_delivery_content {
	background-color:#36896B;
	border:1px solid #36896B;
}


.shipping_and_delivery_content h4 a, .shipping_and_delivery_content p {
  color:#fff;
  text-decoration:none;
  text-align:left;``
}

.shipping_and_delivery_content blockquote {
    color:#fff;
    font-size:14px;
    font-style:italic;
}

span.testimonial_person {
  display:block;
  font-weight:bold;
  margin-top:10px;
}


.smallpiccontainer img {
  border:1px solid #2C4999;
  margin:10px;
}

.format_table table {
margin-bottom:10px;
}

.format_table td {
  padding:0;
  vertical-align:top;
  background:#fff url(/portals/_default/skins/candybaskets/images/shadow.jpg) no-repeat 15px 15px;
}

.toplinks {
  height:20px;
  z-index:1000;
  position:absolute;
  top:0;
  right:0;
}

td.shaded {
background-color: #F1F7F4;
  vertical-align:top;
}

/* ---------------- Top Dropdown Menu ------------------------- */

#menu {
width: 100%;
background: #eee;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 12em;
float: left;
}

#menu a {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 2px 3px;
}

#menu a {
color: #000;
background: #000000;
text-decoration: none;
}

#menu a:hover {
color: #a00 !important;
background: #fff;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
}