pre {background-color: #000; color: green; text-align:left !important;}

.cakeSqlLog td {
text-align: left !important;
padding: 4px 8px;
background: #fff;
border-bottom: 2px solid #ccc;
}

body {
  background-color: #ffffff;
  text-align: center;
  color: #7daac4;
  margin-top:25px;
  font:12px arial, sans-serif;
  font-weight:bold;
}
h1 {color: #cde7a0}
a {color: #7daac4; text-decoration:none;} /* 3366aa */
a.show {color: #7daac4;text-decoration:underline;font-weight:bold} /* 3366aa */

a:hover {color: #ccc6ab;}
a.oth {text-decoration:none; color:#666666}
a:visited{color: #7daac4} 
a:visited:hover{color: #ccc6ab}
a.u{text-decoration:underline;font-weight:bold}
.store {behavior:url( hover.htc );}
.store {background: white;}
.store:hover {background: #eee;}
#img a {color: #7DAAC4; text-decoration:none;}
tr.storewht, tr.store {behavior:url("http://www.bellabliss.com/temp/css/hover.htc");}

tr.storewht
  { background: #ffffff;}

tr.storewht:hover
  { background:#ffffff;}
  
tr.store
  { background: #D4E8F2;}

tr.store:hover
  { background: #D4E8F2;}  

table {font:12px Arial, sans-serif; color:#7DAAC4; vertical-align: top;}

.left {float: left;}
.right {float: right;}
.left-align {text-align: left;}
.right-align {text-align: right;}

#wrap {
  margin: 0 auto;
  width: 811px;
  text-align: left;
  background:#fff;
  border: 1px solid #ccc;
  padding: 10px 7px;
}

#header .logo {
  width: 101px;
  padding: 0 5px;
}
#header .nav {
   width: 700px;
}

.location {margin: 1.2em 1em; font-weight: bold;}
.title {font:28px Times; color:#7DAAC4; font-weight:bold;}
.longtitle {font:22px Times; color:#7DAAC4; font-weight:bold;}
.style {font:17px Times; color:#7DAAC4; font-weight:bold;}
.menu {font:12px Arial, sans-serif; color:#7DAAC4; font-weight:bold;}
.menu_b {font:12px Arial, sans-serif; color:#CCC6AB; font-weight:bold;}
.small {font:9px Verdana, Arial, sans-serif; color:#7DAAC4;}
.smallbold {font:10px Verdana, Arial, sans-serif; color:#7DAAC4; font-weight:bold;}
.view{font:17px Arial, sans-serif; color:#CCC6AB; font-weight:bold; white-space: nowrap;}
.OTErr {font:11px Verdana, Arial, sans-serif; color:#FF0000; font-weight:bold;}

#monogram_choices {clear: both; margin-bottom: 2em;}
#monogram_thumbs, #monogram_colors {
    float: left;
    width: 300px;
    text-align: center;
    vertical-align: center;
}
#monogram_thumbs  h3, #monogram_colors h3 {text-align: left;}
#monogram_choices a img {padding: 3px; border: none; margin-right: 5px;}

.monograms label {display: block;}
.monograms select, .monograms input {margin-bottom: 6px;}
.mNote {border: 1px solid #666; background-color:#ccc; padding: 8px; color:#212121; margin-bottom: 6px;}

.note {font-size: 11px}
.note a {text-decoration:underline}

.customer_info {
    color: #666666;
    font-weight:bold;
}
.order_info tfoot td, .totals, .grandtotal {white-space: nowrap;}

/* top nav */
#navbox{
    background-image: url('../images/print.bg.gif');
    padding-top:67px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#nav{
   background-color:#A6CEE3;
   font-size:11px;
   padding:5px 0;
   font-family: Verdana, Arial, sans-serif;
   height:25px;
	
}
#nav_container ul{
padding: 5px 0;
height:25px;
margin-left: 0;
}
#nav li{display: inline;}
#nav a{font-family: Verdana, Arial, sans-serif;}
#nav a:hover {
color:#eeeeee;
}

ul#nav {width: 700px;}

ul#nav li {
	color: #FFFFFF;
    font-weight:bold;
	background-repeat: no-repeat;
	width : auto;
	padding: 0 9px;
}
ul#nav li.first-of {
   border-width: 0; padding-left: 0;
}
ul#nav li#nav1 {
   color:white;
   float: left;
   text-align: center;
   background-color:#A6CEE3;
}

ul#nav li#nav2 {
   color:white;
   float: left;
   text-align: center;
   border-left:1px solid #eaeaea;
background-color:#A6CEE3;
}

ul#nav li#nav3 {
   color:white;
  float: left;
   text-align: center;   
   border-left:1px solid #eaeaea;
background-color:#A6CEE3;
}

ul#nav li#nav4, ul#nav li#nav7 {
   color:white;
   float: left;
   text-align: center;
   border-left:1px solid #eaeaea;
   background-color:#A6CEE3;
}

ul#nav li#nav5 {
   color:white;
   float: left;
   text-align: center;
   border-left:1px solid #eaeaea;
background-color:#A6CEE3;
}
ul#nav li#nav6, ul#nav li#nav8 {
   color:white;
   float: left;
   text-align: center;
   border-left:1px solid #eaeaea;
background-color:#A6CEE3;
}

ul#nav li#nav1.on a, ul#nav li#nav1:hover a , ul#nav li#nav1.over a {
   color: #eeeeee;

}


ul#nav li#nav2.on a, ul#nav li#nav2:hover a, ul#nav li#nav2.over a {
   color: #eeeeee;
  
}
ul#nav li#nav3.on a, ul#nav li#nav3:hover a, ul#nav li#nav3.over a {
   color: #eeeeee;
  
}
ul#nav li#nav4.on a, ul#nav li#nav4:hover a, ul#nav li#nav4.over a {
   color: #eeeeee;
  
}
ul#nav li#nav5.on a, ul#nav li#nav5:hover a, ul#nav li#nav5.over a {
   color: #eeeeee;
 
}
ul#nav li#nav6.on a, ul#nav li#nav6:hover a, ul#nav li#nav6.over a {
   color: #eeeeee;
  
}
ul#nav li a {
	color: #FFF;
	height: 25px;
	line-height: 25px;
	letter-spacing: .10em;
	text-decoration: none;
	display: block;
	z-index: 100;

}
/* Use the following declaration to change the drop down height in collections */
ul#nav li ul 
{
   display:none;
   width: auto;
   height: 84px;
   background-color: #A6CEE3;
   z-index: 500;
   position:absolute;
   top: 143px;
   border:1px solid #ffffff;
   border-top:0px;
}

ul#nav li ul li {
	padding: 0px;
	margin: 0px;
	background-color: #A6CEE3;
}
ul#nav li ul li a {
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	width: 50px;
	height: 20px !important;
	letter-spacing: 0em;
}
ul#nav li ul li.col1 a {
	width: 125px;
        text-align:left;
        padding-left:5px;
}

ul#nav li ul li, 
ul#nav li ul li.tr, 
ul#nav li ul li.bl, 
ul#nav li ul li.br {
	height: 23px;
}

ul#nav li ul li.tl {
	background-color: #A6CEE3;
}

/*
ul#nav li:hover ul, #snav,  ul#nav li.over, ul ul#nav li ul, ul#nav li ul li:hover,ul#nav li:hover{
 display:block;  
}
*/



ul#nav li ul li:hover a, ul#nav li ul li.over a {
	text-decoration: underline;
}
#cart, .checkout-form {
	/*top: 102px;*/
    color:#666666;
    font-weight:bold;
	z-index: 1500;
    float:right;
    padding:10px;
}
#admin {
	/*top: 102px;*/
        color:#666666;
        font-weight:bold;
	z-index: 1500;
        float:left;
   padding:10px;
}
.clear {clear: both;}

.clearfix:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
#content{text-align:center; padding: 10px 5px;}

#hoverImg {
	position: absolute;
        /*top: 32px;*/
        left:300px;
        width: 325px;
}
div#popObj {
   
   border: 5px solid #cccccc;
   position:absolute;
   margin-left:auto;
   margin-right:auto;
   background-color:white; 
   text-align: left;
   width: 325px;
   display:none;
 
/*   background:transparent;*/
}
span.pop {color:#A6CEE3;}
div.pop{
   font-family: Times, serif;
   margin-left:10px;
   padding:5px;
   background-color:white;
   margin-bottom:0px;
}
.admin_head {
   background-color:#CDE7A0;
   padding:5px;
   height:30px;
   font-weight:600;
}
.bkgrnd2{
   background-color:#EFEFEF;
   padding:5px;
   font-weight:600;
}
.bkgrnd3{
   background-color:#EFEFEF;
   padding:5px;
   font-weight:600;
   color:#666666;
}
.bkgrnd2{
   background-color:#EFEFEF;
   padding:5px;
   font-weight:600;
}
.bkgrnd1{
   padding:5px;
   font-weight:600;
}
.edit{
color:#000;
}
.pretty{
   background-color:#eeeeee;
   padding:20px;
}
.error_message
{
   color:red;
}

#custom_flash {width: 95%; text-align: center; font-weight: bold; padding: 4px 0; margin:auto;  height: 17px; color: #FFF; }
#custom_flash.success {background: #108001;}
#custom_flash.notice {background: #ff7701;}
#custom_flash.error {background: #a10e0e;}

#collection_menu{
   height:283px;
   width:237px;

}
#collection_list {
   padding:30px 0;
   font-family: Times, Serif;
   font-weight:bold;
   font-size:14pt;
   font-weight:bold;
}
#collection_list .name
{
   text-align:center;
}
#collection_list a
{
   color:#ffffff;
}

#collection_list li
{ 
   text-align:left;
   list-style-type:none;
   padding:5px;

}
#collection_list a:hover {
   color:#ffffff;
   font-size:15pt;
}
#subnav{
   text-align:center;
   font-weight:bold;
   color:#A6CEE3;
   font-size:12px;
   width:116px;
}
#subnav .mainlist{
   font-size:13px;
   border-bottom:2px solid;
   padding:5px 0px;
}
#subnav .large{
   padding:5px 0px;
   font-size:16px;
   border-bottom:2px solid;
   color:#A6CEE3;   
   border-bottom:0px solid;
}
#subnav .large a:hover{
    color:#A6CEE3;
}
#subnav .sub a{
   color:#A6CEE3;
}
#subnav .sub a:hover{
   color:#CCC6AB;
}
#subnav .sub {
   color:#eeeeee;
   padding:3px 0px;
}
#subnav .on a{color:#CDE7A0;}
#subnav .top{border-top:2px solid;}
#cart .item, .order_info td {
    color:#7DAAC4;
    border-bottom:1px solid #eeeeee;
}
#cart .dashitem {
    border-bottom:1px solid #eeeeee;
}
#cart .button a {
    border:1px solid #7DAAC4;
    color:#ffffff;
    padding:3px;
    background-color:#A6CEE3;
}
#cart .buttonb a {
    border:1px solid #7DAAC4;
    color:#7DAAC4;
    padding:3px;
    background-color:#CDE7A0;
}
#cart .checkout a {
    border:1px solid #7DAAC4;
    color:#7DAAC4;
    padding:5px;
    font-size:12pt;
    background-color:#CDE7A0;
}
.headers {
    border:1px solid #7DAAC4;
    color:#7DAAC4;
    font-size:12pt;
    background-color:#CDE7A0;
}
#cart .grandtotal {
   background-color:#eeeeee;
   font-size:12pt;
}

#stock{color:red;}
#checkout, .heading {
   width:auto;
   background-color:#CDE7A0;
}
#checkout .header, .heading .header{
   font-size:12pt;
   color:white;
   font-weight:bold;
   padding:10px;
}
.primary{
   border:1px solid #7DAAC4;
   color:#7DAAC4;
   padding:3px;
   background-color:#CDE7A0;
}
.primary:hover {background-color:#7DAAC4; color: #CDE7A0;}
.secondary{
   border:1px solid #7DAAC4;
   color:#ffffff;
   padding:3px;
   background-color:#A6CEE3;
}
.secondary:hover{background-color:#7DAAC4;}
.norm{
   font-size:9pt;
   font-weight:500;
}
.topb{
   background-color:#7DAAC4;
}
.subheader{
   background-color:#EEF3F7;
   padding:3px;
   font-weight:bold;
   color:#a2a2a2;
}
.back{
   color:#ffffff;
   padding:3px;
   border:1px;
   background-color:#7DAAC4;
   font-weight:700;
}
#verify{
   font-weight:400;
}
.small ul{}
.norm2{color:#cccccc;}
.color {color:red; }
#gb{display:none;}

#monoTable td	{text-align:left; }
#monogram_box	{width: 420px; text-align:left; font-size:10px;}

/* pagination */
div#pag			{width: 180px; margin: 0 auto;}
div#pag ul 		{list-style-type:none; display:block; float:left; margin: 0; }
div#pag ul li		{display:block; border: 1px solid #a6cee3; float:left;height: 15px; margin-left:5px; } 
div#pag ul li a		{padding: 2px; }
div#pag ul li.current a	{background-color:#a6cee3; color: #FFF;}

/* product page next/previous */
.bbpage {display:inline; padding: 4px 8px; margin: 2px; border: 1px solid #A6CEE3; background:#D7E7F6; }
div.bbpagebr {clear:both; display:block; margin-bottom: 6px;}
.bbpage a {font-weight:bold; font:Arial, Helvetica, sans-serif;}
.bbpage a:link {color:#003152; text-decoration:none;}
.bbpage a:hover{color:#003152; text-decoration:underline;}
.bbpage a:link {color:#003152;}

/* new footer above wrap div close */
div#footer {text-align:center; }
hr.ftr {border:1px dashed #A6CEE3;}

/* Signature Sweaters banners */
.sig_sweaters img {border:0;}
.sig_sweaters td { padding: 4px 5px; margin:0; width: auto; height:auto;}

/* Promo codes admin */
.promoCodes table { padding: 3px;}
.promoCodes th { background: #ccc; color: #efefef; padding: 3px 10px;}
.promoCodes td { padding: 6px; margin: 8px; border: 1px solid #efefef;}

.promoCodes input, .promoCodes select                   {padding: 3px; width: 250px; font-size: 150%; margin-bottom: 10px; }
.promoCodes input                                   {padding: 5px 3px 5px 3px; }
.promoCodes input[type='text'],
.promoCodes input.btn                               {padding: 3px; width: 100px; margin: 10px 10px 10px 0; }
.promoCodes select.auto                             {width: auto;}
.promoCodes label                                   {display: block; font-size: 110%; color: #666; }

/* Customer requests admin */
.customerRequests table { padding: 3px;}
.customerRequests th { background: #ccc; color: #efefef; padding: 3px 10px;}
.customerRequests td { padding: 6px; margin: 8px; border: 1px solid #efefef;}

.customerRequests input, .customerRequests select                   {padding: 3px; width: 250px; font-size: 150%; margin-bottom: 10px; }
.customerRequests input                                   {padding: 5px 3px 5px 3px; }
.customerRequests input[type='text'],
.customerRequests textarea,
.customerRequests input.btn                               {padding: 3px; width: 250px; margin: 10px 10px 10px 0; }
.customerRequests select.auto                             {width: auto;}
.customerRequests label                                   {display: block; font-size: 110%; color: #666; }

/* Default form styles */
.default_form {text-align:left;}
.default_form input[type='text'], 
.default_form input[type='password'], 
.default_form select,
.default_form textarea {border:1px solid #7f9db9; background-color:#FBFBFB; padding: 3px; margin-bottom: 6px; width:200px; }
.default_form label,
.default_form fieldset input {display: block; }
.default_form .inl label {display:inline;}
.default_form label span {color: #FF0000; }
.default_form input.error, 
.default_form select.error, 
.default_form textarea.error {color:#000000 !important; font-weight:normal; border:1px solid #bb8b8b; background:#fef9f9; }
.default_form input.error:focus, 
.default_form select.error:focus, 
.default_form textarea.error:focus {background:#ffffee; }
.default_form .error_message { margin-left: 4px; padding-left: 4px; display: inline; }

/* Mods */

.mod {
	text-align: left;
}

.mod-guest-checkout {
    width:300px;
    border-left: 1px solid #ccc;
}

.login .error_message
{
    color: red;
    font-size: 11px;
    margin:0;
    float: none;
}

.tabs{
	margin-left: 20px;
}

.tabs a.current{
	/* background-color: #c4d8e2; */
	background-color: #EBEBEB;
	color: #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}

.tabs a{
	float: left;
	width: 100px;
	height: 20px;
	margin: 0 10px;
	padding: 5px 0 0 0;
	text-align: center;
	background-color: #999;
	outline: none;
	font-size: 14px;
	color: #efefef;
}

.panes{
	margin-left: 20px;
	margin-right: 30px;
	padding: 10px 0 30px 0;
	width: 500px;
	text-align: left;
	background: #EBEBEB;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.panes input, .mod input, .mod select{
	margin-bottom: 10px; 
	padding: 5px 10px;
	border: 1px solid #7DAAC4;
	background-color:#a6cee3;
	display: inline;
}

.mod select{
	margin-top: 0px;
	height: 26px;
	width: 285px;
	padding-top: 2px;
	background: none;
}

.panes input:hover, .mod input:hover{
	background-color:#7DAAC4;
	color: #fff;
}

.left{
	clear: both;
	float: left;
	width: 120px;
	text-align: right;
	padding: 6px 20px;
}

.ck .left{
	width: 150px;
}

.right{
	float: left;
}

.mod input.primary{
   width: 330px;
   padding: 0 10px;
   margin: 20px 0 0 85px;
   color: #fff;
}

.mod .forgotpasswd{
   margin: 10px 0 0 80px;
}

.register{
   float: right;
   margin: -15px 85px 0 10px;
}

#inv{
	display: none;
}

.inv{
	visibility: hidden;
}

#page_head.info{
	padding: 10px 20px;
	font-size: 14px;
        text-align: left;
        font-weight: normal;
}

.mod .header{
	padding: 5px 15px;
	font-size: 14px;
	height: 15px;
	width: 600px;
	margin: -10px 0 20px 0;
	background-color:#CDE7A0;
	color: #fff;
}

.ck{
	margin-left: 105px;
}

.mod #cont{
	width: 360px;
	padding: 0 10px;
	margin: 20px 0 0 -105px;
}

.mod #shippingAddress{
	width: 20px;
	margin: 2px 0 15px 200px;
	padding: 0;
	background: none;
	border: none;
}

.mod label.error{
	font-size: 10px;
	float: left;
	margin: -10px 0 15px 160px;
	color: #000;
}

.error_message{
	float: left;
	margin: 0 0 15px 190px;
	color: #000;
}

#frmCheckOut label.error{
	margin: -10px 0 5px 190px;

}

.mojo{
	font-size: 20px;
	color: #ED649B;
        font-weight: normal;
}

#txtLogin{
	color: #ED649B;
}

.mod #second
{
	margin-top: 20px;
}

#search .narrowHeader
{
    font-size: 110%;
    font-weight: bold;
    padding-bottom: 10px;
}

#search .narrowSubheader
{
    font-weight: bold;
}

#search .header
{
    font-size: 130%;
    padding-top: 15px;
    padding-bottom: 15px;
}

#search .navigationUpper
{
    padding-bottom: 15px;
    font-size: 120%;
    vertical-align: bottom;
}

#search .navigationLower
{
    padding-top: 10px;
    font-size: 120%;
}

#search .item
{
    padding-bottom: 15px;
}

#search .item img
{
    border: 1px solid #7DAAC4;
}

#search .item img:hover
{
    border: 1px solid #ccc;
}

#search .item .name
{
    font-size: 80%;
    text-align: left;
    vertical-align: top;
}
