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{
margin:0;
padding:0px;
font-size:11px;
}
h2{
margin:0;
padding:0;
font-size:20px;
color: #23438d;
}
h3{
margin:0;
padding:0;
font-size:18px;
color: #307EE4;
}
h4{
margin:0;
padding:0;
font-size:16px;
color: #004080;
}
h5{
margin-top:6px;
margin-bottom:6px;

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

.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;
}  
#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-color: #DDEAFA;

} 

#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/menu-background.jpg);
	background-repeat:repeat-x;
	width:100%;
} 

#topbar2 {
background-image:url(/portals/_default/skins/candybaskets/images/menu-background2.jpg);
background-repeat:repeat-x;
width:100%;
height:28px;

}

ol#toc {
    
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#toc li {
    float: left;
    margin: 0 0 0 0;
	font-size:12px;
	font-weight: bold;
}

ol#toc a {
    background: #bdf url(/portals/_default/skins/candybaskets/images/tab.jpg);
    color: #008;
    display: block;
    float: left;
    height: 2em;
    padding-left: 15px;
    text-decoration: none;
}

ol#toc a:hover {
    
    background-position: 0 -120px;

}

ol#toc a:hover span {
    background-position: 100% -120px;
	color: #fff;

	
}

ol#toc li.current a {
    
    background-position: 0 -60px;
    color: #fff;
    
}

ol#toc li.current span {
    background-position: 100% -60px;
}

ol#toc span {
    background: url(/portals/_default/skins/candybaskets/images/tab.jpg) 100% 0;
    display: block;
    line-height: 2em;
    padding-right: 15px;
}


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

#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 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	border:#CCCCCC solid 1px;
	background-color:#FFFFFF;
	color:#004080;
	font-size:10px;
} 
 #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 */
}

.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{
width:618px;
height: 635px;
float:left;
display:inline;
margin-left:6px;
margin-bottom:12px;
}

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

}

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


/*MediumPicture Component */

.mediumpiccontainer{
width:310px;
/*height:400px;*/
float:left;
display:inline;
margin-left:13px;
/*margin-bottom:12px;*/
margin-bottom:30px;
border: solid 0px red;
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;

}

.smallpic{
margin:0;
padding:0;
width:300px;
height:196px;
}


/*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;
	
}