/* @override http://www.caravanbeads.net/cartgenie/cartgenie.css */


/* Header Navigation */

#header{
position: relative;
width:950px;
margin:0;
} 

#headBox{
position:relative;
width:475px;
height:150px;
float:left;
background-color: #eeeee2;
border-bottom: 1px solid black;
}

.rightTop{
margin: 5px 5px;
}

#headNav {
position:relative;
float:right;
}

#headNav li a {
display: block;
text-decoration: none;
background-color: #eeeee2;
padding: 2px;
padding-left: 8px;
padding-right: 9px;
color: black;
font-family: Helvetica, Arial, sans-serif;
}

#headNav li a:hover {
	color: #663399;
}

#headNav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#headNav li {
	float: left;
	text-align: center;
	border-left: 1px solid black;
}

/* End Header Navigation */

/* Top Bar Navigation */


#nav_wrapper {
  	z-index: 100;
  	width: 100%;
  	position: relative;
  	background-color: #eeeee2;
  	top: 0;
 }

#nav{
	width:720px;
	margin:0 auto;
}

#nav li a {
  	display: block;
  	text-decoration: none;
  	background-color: #eeeee2;
  	padding-top: 5px;
  	padding-left: 8px;
  	padding-right: 9px;
  	color: black;
  	font-family: Helvetica, Arial, sans-serif;
  	font-size: 14px;
  	border: 1px solid #eeeee2;
}

#nav li a:hover {
  	background-color: #eeeee2;
  	color: #663399;
  	border: 1px solid black;
}

#nav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav li {
	float: left;
	text-align: center;
}

#nav li ul {
	display: none;
	position: absolute;
}

#nav li > ul {
	top: auto;
	left: auto;
}

#nav li li {
	float: none; /* keeps sublists vertical */
}

#nav li:hover ul {
	display: block;
}

/* End Top Bar Navigation */

/* Main Body Containers */
#content{
width:725px;
margin: 0;
padding: 5px;
} 

img{
border: 1px solid black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

#widebox{
position:relative;
margin-bottom: 10px;
width:725px;
height: auto;
float:left;
}

.banner{
position: relative;
padding: 0 10px;
width:685px;
height:125px;
margin: 0 auto;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.box{
position: relative;
padding: 10px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
border: solid 1px black;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxSmall{
position: relative;
padding: 10px;
width:208px;
height: 300px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
border: solid 1px black;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxMid{
position: relative;
padding: 10px;
width:325px;
height:650px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxLarge{
position: relative;
padding: 10px;
width:450px;
height:300px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;

}

.boxFull{
position: relative;
padding: 0 10px;
width:685px;
height:auto;
margin: 0 auto;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxHalf{
position: relative;
padding: 0 10px;
width: 328px;
height:175px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxThread{
position: relative;
padding: 0 10px;
width: 330px;
height:250px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxWire{
position: relative;
padding: 0 10px;
width: 208px;
height:225px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
border: solid 1px black;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}

.boxType{
position: relative;
padding: 10px;
width: 147px;
height:200px;
margin: 0 5px;
float:left;
background-color: #eeeee2;
border: solid 1px black;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
-moz-box-shadow: 5px 5px 5px #888888; /* Firefox 3.6 and earlier */
-webkit-box-shadow: 5px 5px 5px #888888; /* Safari */
box-shadow: 5px 5px 5px #888888;
}


.boxHalf img{
height:100px; 
width:130px; 
margin:10px 10px 10px 5px; 
float:left;
}

.boxThread img{
height:130px; 
width:130px; 
margin:15px 10px 5px 5px; 
float:left;
}

.boxcopy {
height:auto;
width:450px;
margin-left:10px;
float:left;}


/* Main Body Containers */

/* Footer Navigation */

#footer{
width:950px;
clear:both;
} 

.footTop{
position:absolute;
width:950px;
margin-bottom:10px;
}

.footLeft{
width:50%;
margin-top:30px;
float:left;
}

.footRight{
width:50%;
margin-top:30px;
float:right;
}

#navwrapper{
width:275px;
margin:0 auto;
}

#footNav {
  position:relative;
  top: 8px;
}

#footNav li a {
display: block;
text-decoration: none;
background-color: #777;
padding: 2px;
padding-left: 8px;
padding-right: 9px;
color: white;
font-family: Helvetica, Arial, sans-serif;
}

#footNav li a:hover {
background-color: #ddd;
}

#footNav, #nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#footNav li {
	float: left;
	text-align: center;
	border: 1px solid white;
}
/* End Footer navigation */

/* controls hyperlinks in page body */

a:link {
	font-family: Trebuchet MS;
	color: #4011be;
	font-size: 12px;
	text-decoration: NONE;
}

a:visited {
	font-family: Trebuchet MS;
	color: #4011be;
	font-size: 12px;
	text-decoration: NONE;
}

a:active {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	text-decoration: UNDERLINE;
}

a:hover {
	font-family: Trebuchet MS;
	color: #663399;
	font-size: 12px;
	text-decoration: UNDERLINE;
}

body {
	font-family: Trebuchet MS;
	color: black;
	font-size: 12px
}

/* controls various borders */

.cg_border {
	border: none;
	border-right: none;
}

/* controls labels in left navigation bar and various other labels */

.cg_label {
	font: bold 14px Trebuchet MS;
	color: #000000; /*#333399;*/
	padding-left: 6px; /*testing*/
	padding-top: 10px;
}

/* controls labels in pop up windows and checkout pages */

.cg_header {
	border: 3px double #E6E6E6;
	font: bold 12px Trebuchet;
	color: #000000;
	font-size: 11px;
	background-color: #d4d9f7
}

/* controls various text in page body */

.cg_text {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
}

.cg_text1 {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
}

.cg_text2 {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 15px;
	background-color: #FFFFFF;
	font-weight: bold
}

.cg_text3 {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	background-color: #FFFFFF
}

.cg_text4 {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 11px;
	background-color: #FFFFFF;
	/*border-top: 1px solid #000000;*/  /*border was messing up the item descriptions on the class pages*/
}

/* controls store background color */

.cg_storeBackGroundColor {
	/*border-bottom: 1px solid #000000;
	border-top: 1px solid #FFFFFF;
	border-left: 0px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;*/
	border: none;
	background-color: #FFFFFF;
}

/* controls page background color outside of the store*/

.cg_pageBackGroundColor {
	background-color: #ffffff;
	color: #000;
}

/* controls top navigation bar background and text */

.cg_navbarTop {
	border-top: none;
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 13px;
	background-color: #eeeee2;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #000000;
}

/* controls side navigation bar background and text */

.cg_navbarSide {
	font-family: Trebuchet MS;
	color: #000000;
	/*font-size: 12px;*/
	background-color: #eeeee2; 
	padding-left: 3px;
	line-height: 1.5em;
}

/* controls background and text for various boxes */

.cg_boxes {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	
}

/* controls top navigation bar hyperlinks */

.cg_navbarTop a:link {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 14px;
	text-decoration: NONE;
	/*background-color: #FFE394;*/
	padding: 3px 3px 2px;
	margin-right: 1px;
	/* background-image: url(images/link_bg.gif); */	 

}

.cg_navbarTop a:visited {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 14px;
	text-decoration: NONE;
	/* background-color: #FFE394; */
	padding: 3px 3px 2px;
	margin-right: 1px;
	/* background-image: url(images/link_bg.gif); */	 
}

.cg_navbarTop a:active {
	font-family: Trebuchet MS;
	color: #330066;
	font-size: 14px;
	text-decoration: NONE;
	/* background-color: #FFE394; */
	padding: 3px 3px 2px;
	margin-right: 1px;
	/* background-image: url(images/link_bg.gif); */	 
}

.cg_navbarTop a:hover {
	font-family: Trebuchet MS;
	font-size: 14px;
	/* background:#ffac25; */
	color: #330066;
	padding: 3px 3px 2px;
	margin-right: 1px;
	text-decoration: UNDERLINE;
}

/* controls side navigation bar hyperlinks */

.cg_navbarSideText {
	font-family: Trebuchet MS;
	color: #000000;
	/*font-size: 12px;*/
	padding-left: 3px;
}

.cg_navbarSideText a:link {
	font-family: Trebuchet MS;
	color: #333333;
	/*font-size: 12px;*/
	text-decoration: NONE;
	padding-left:3px;
}

.cg_navbarSideText a:visited {
	font-family: Trebuchet MS;
	color: #333333;
	/*font-size: 12px;*/
	text-decoration: NONE;
	padding-left:3px;
}

.cg_navbarSideText a:active {
	font-family: Trebuchet MS;
	color: #333333;
	/*font-size: 12px;*/
	text-decoration: UNDERLINE;
	padding-left:3px;
	}

.cg_navbarSideText a:hover {
	font-family: Trebuchet MS;
	color: #330066;
	/*font-size: 12px;*/
	text-decoration: UNDERLINE;
	padding-left:3px;
}

/* controls hyperlinks for various boxes */

.cg_boxes a:link {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_boxes a:visited {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_boxes a:active {
	font-family: Trebuchet MS;
	color: #000000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_boxes a:hover {
	font-family: Trebuchet MS;
	color: #330066;
	font-size: 12px;
	text-decoration: UNDERLINE
}

/* controls background and text for Place Order Here box */

.cg_PlaceOrder {
	border: 3px double #E6E6E6;
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 13px;
	background-color: #eeeee2;
	font-weight: bold;
	
}

.cg_text3 img{
	
}




/* controls hyperlinks for Place Order Here box */

.cg_PlaceOrder a:link {
	font-family: Trebuchet MS;
	color: #CC0000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_PlaceOrder a:visited {
	font-family: Trebuchet MS;
	color: #CC0000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_PlaceOrder a:active {
	font-family: Trebuchet MS;
	color: #CC0000;
	font-size: 12px;
	text-decoration: NONE
}

.cg_PlaceOrder a:hover {
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 12px;
	text-decoration: UNDERLINE
}

/* controls background and text for login status on login page */

.cg_LoggedInTextLogin {
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 20px;
	background-color: #eeeee2
}

/* controls background and text for login status in left navigation bar */

.cg_LoggedInTextNavbar {
	font-family: Trebuchet MS;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	background-color: #eeeee2
}

.cg_LoggedInTextNavbar a:link {
	font-family: Trebuchet MS;
	color: #2A2F5C;
	font-size: 12px;
	text-decoration: UNDERLINE
}

.cg_LoggedInTextNavbar a:visited {
	font-family: Trebuchet MS;
	color: #2A2F5C;
	font-size: 12px;
	text-decoration: UNDERLINE
}

.cg_LoggedInTextNavbar a:active {
	font-family: Trebuchet MS;
	color: #2A2F5C;
	font-size: 12px;
	text-decoration: UNDERLINE
}

.cg_LoggedInTextNavbar a:hover {
	font-family: Trebuchet MS;
	color: #800000;
	font-size: 12px;
	text-decoration: UNDERLINE
}

/* controls product image style */

.cg_productImage {
	border: 0px solid #FFFFFF
}

/* controls price list styles */

@media print {

.noprint {
	display: none;
}

a {
	color: #000000;
	text-decoration: underline;
}

div.pagecontent {
	padding: 0pt;
	margin: 0pt;
	background-color: #ffffff;
}

div.pagemargin {
	margin: 0;
	width: auto !important;
	background-color: #ffffff;
}

#contentWrapper {
	padding: 0pt;
	margin: 0pt;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-collapse: collapse;
	background-color: #ffffff;
}

.grid {
	page-break-inside: avoid;
}

}

/* ------ CUSTOM STYLE FOR HEADER.ASP ------ */

/*bg color below matches background color of header gif*/

/* #customHeader {
	width: 950px; 
	border: 0px solid #000000; 
	background-color: #ffffcb; 
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
} */






#homeText {
	
	}
#homeText p {
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	font-size: 13px;
	color: #333;
	text-align: justify;
}
		
	
#homeText h4  {
	font-size: 15px;
	color: #b3b3b3;
}

span.bold {
	font-weight: bold;
	color: #000000;
}


#Select2{
width:450px;
}