﻿.ui-dialog.ui-draggable .ui-dialog-titlebar, .ui-dialog.ui-draggable .ui-dialog-titlebar 
{cursor:move;}
.ui-dialog-titlebar {
  width:100%;
  background:#C0C06E none repeat scroll 0 0;
  border-color:#D3D3D3;
  border-width:0 0 1px;
  color:#000;
  font-weight:normal;
  position:relative;
  text-decoration:none;
  font-size:12px;
  padding:10px 0 10px 8px;
  display:block;
  font-weight:bold;
}
.ui-dialog-title{

}
.ui-dialog-titlebar-close {
margin:5px 10px;
background:transparent url(images/active_icon_close.gif) no-repeat scroll 0 0;
border:0 none;
font-size:100%;
height:11px;
line-height:1.3;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
padding:0;
position:absolute;
right:8px;
text-decoration:none;
top:0.7em;
width:11px;
z-index:100;
text-indent:-5000em;
}/* CSS Document */

input[type=text]
{
    border:1px solid #cacaca !important;
}

* { margin:0;
	padding:0;}

a {
	text-decoration:none;}
	
.clr {
	clear:both;}
	
.clr-left {
	clear:left;}
	
.clr-right {
	clear:right;}
	
body {
	background:#cfbf75;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:10px;
	line-height: 1.5em;
	margin:0;}
	
#container {
	width: 800px;
	margin: 10px auto;
	position:relative;}

/*header*/

#header {
	width:800px;
	height:102px;
	background:url(images/header-new.jpg) no-repeat;
	position:relative;}
	
.logo-clik {
	float:left;
	padding-left:16px;}
	
#header h1, #header p {
	display:none;}
	
#h-menu-container {
	float:right;
	width:580px;}
	
#h-menu-container ul {
	list-style:none;
	padding-top:3px;
	padding-right:10px;
	float:right;}
	
#h-menu-container ul li {
	display:inline;
  font-size:11px;
}
	
#h-menu-container ul li a {
	color:#000000;
	
	}
	
#h-menu-container ul li a.cart {
	color:#b23f35;
	text-transform:uppercase;}
	
#h-menu-container ul li a.cart:hover {
	text-decoration:none;}

#h-menu-container a:hover {
	text-decoration:underline;}
	
.can-basket {
	background:url(images/nut.gif) no-repeat;
	width:206px;
	height:185px;
	position:absolute;
	z-index:3;
	left:620px;
	top:30px;}

/*menu*/	
 
#menu {
	position:absolute;
	z-index:3;
	font-size:12px;
	margin-top:15px;}
  
#menu ul {
 	margin:0;
	padding:0;
	list-style:none;}

#menu ul li {
	position:relative;
	display:inline;}
	
#menu ul li a {
	background:url(images/dobol-menu-edge.jpg) no-repeat left top;
	padding:7px 0}
	
*html #menu ul li a {
	padding:0;}
	
#menu ul li span {
	color:#FFFFFF;
	background:url(images/dobol-menu-wrap.jpg) no-repeat right top;
	padding: 7px;
    margin: 3px 0px 3px 4px;}
	
#menu ul li a:hover span {
		color:#cfbf75;
        text-decoration: underline;
        }
	
#menu ul li a:hover {}
		
#menu ul ul {
	display:none;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	width:180px;
	background:#990000;
	z-index:300;
	position:absolute;
	top:20px;
	left:0px;}

#menu ul ul li {
	display:block;
	margin:4px 0;
	padding-left:5px;}
		
#menu ul li:hover ul {
	display:block;
	z-index:3;
	top:20px;
	left:0px;}
	
* html #menu ul li:hover ul {
	top:28px;}


#menu ul ul li a {
	color:#FFFFFF;
	background:none;}
	
#menu ul ul li a:hover {
	color:#cfbf75;
	text-decoration:underline;}
	
.img-container{
  padding:1px 7px;
}

	
/*content*/	

#content {
	width:800px;
	position:relative;	
	background:url(images/content-wrap.jpg) repeat-y;
	margin-top:37px;
	}
	
#curve-bottom {
	background:url(images/curve.jpg) no-repeat;
	width:800px;
	height:20px;}
	
#content-container {
	width:760px;
	margin:0 auto;}
		
/*sidebar*/
	
#sidebar-left {
	width:246px;
	float:left;
	margin-left:0px;
	margin-top:50px;}
	
#sidebar-left p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:23px;
	}
	
.click-more {
	float:right;
	color:#990000;
	margin-right:7px;
	margin-top:-5px;}
	
#monthly-sp {
	padding-top:10px;}	

.blank-red-bg {
  background:transparent url(images/blank-red.jpg) no-repeat scroll 0 0;
  height:31px;
  width:246px;
}
#log-in-box {
  background:#FBF5DF none repeat scroll 0 0;
  border:1px solid #CCCC66;
  margin-top:8px;
}
#search-box {
  background:#FBF5DF none repeat scroll 0 0;
  border:1px solid #CCCC66;
  margin-top:5px;
}
.login-label {
  color:#996600;
  float:left;
  margin-right:5px;
  width:32%;
}
.regiter {
float:left;
}
.login-submit {
background:transparent url(images/login-no-curve.jpg) no-repeat scroll 0 0;
border:medium none;
float:right;
height:20px;
margin-right:17px;
margin-top:3px;
width:57px;
}
.regiter ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:15px;
}
.regiter ul li a {
color:#996600;
}
#username, #password {
border:1px solid #cacaca;
width:150px;
}
.login-input {
  float:left;
  margin-bottom:5px;
}
#search {
  border:1px solid #CC3300;
  float:left;
  margin-left:20px;
}
#search-submit {
  background:transparent url(images/search-no-curve.jpg) no-repeat scroll 0 0;
  border:medium none;
  float:left;
  height:20px;
  margin-left:5px;
  width:57px;
}
.blank-red-bg h2 {
	font-size:14px;
	text-align:center;
	padding-top:6px;
	color:#FFFFFF;}
	

/*.go-for-gold {
	background:url(images/go-4gold.jpg) no-repeat;
	width:246px;
	height:31px;}
	
#warm-weather {
	margin-top:0px;}

.basket-img {
	background:url(images/nutTinHomePage.gif) no-repeat;
	width: 150px;
	height:184px;
	margin-left:46px;
	margin-top:7px;}*/
	
/*main*/
	
#main {
	font-family:Arial, Helvetica, sans-serif;
	width: 490px;
	float:left;
	margin-left: 15px;
	margin-top:50px;}
	
	
#main h1 {
	color:#df352d;
	font-size:18px;
	font-weight:normal;}
	
#main p {
	font-size:12px;
	padding-right:5px;}

#main span {
	text-decoration:underline;
	font-style:italic;}

.color-red-font {
	color:#990000;}
	
#feature-prod {
	width:100%;}
	
#feature-prod h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#df352d;
	font-size:16px;
	margin-left:5px;}
	
*html #feature-prod h2 {
	margin-left:10px;}
	
.feat-box {
	background:#fbf5df;
	margin-left:3px;
	margin-top:4px;
	width:248px;
	float:left;
	height:310px;
	overflow:hidden;
	}
	
.feat-box h3 {
	padding:7px 0 0 10px;}	

.feat-box h3 a {	
	font-size:12px;
	color:#996600;}
	
.feat-box p {
	font-size:10px;
	text-align:left;
	width:238px;
	margin-left:9px;}
	
/*footer*/

#footer {
	width:800px;}
	
#footer p {
	text-align:center;}

.copy-right {
	margin-top:10px;}
	
.card-holder {
	margin-top:10px;}
	
/*other*/
	
#spacer {
	padding-top:10px;}
	
/*innerpage layout*/

.title-innerpage {
	color:#cc0033;
	font-size:16px;
	padding-left:15px;
	padding-top:40px;}
	
#upperbox {
	padding-top:20px;}

.box-container {
	width:770px;
	margin:0 auto;
	position:relative;
	border:2px solid #FFFFFF;
	}
	
.box-layout-left {
	background:#fbf5de;
	width:384px;
	height:260px;
	float:left;
	margin:2px 0 2px 5px;
	}
	
.box-layout-left p, .box-layout-right p {
	font-size:11px;}

.box-layout-right {
	background:#fbf5de;
	width:384px;
	height:260px;
	float:right;}
	
.img-container {
	margin-left: 7px;
	margin-right:2px;
	float:left;}
	
.product-title {
	font-size:14px;
	margin-left:10px;
	margin-top:10px;
	}
	
.product-title a {
	color:#996600;}
	
.product-title span {
	color:#d72717;
	font-style:italic;}
	
.new-item {
	float:left;}
	
/*order-page*/

#order-container {
	width:770px;
	margin:0 auto;
	padding-top:80px;}
	
.enlarge-img {
	float:left;}
	
.enlarge-img a {
	color:#000000;
	font-size:11px;}
	
.enlarge-img a:hover {
	color:#f87b00;}

.text-container {
	float:left;
	width:300px;}
	
.text-container h4 {
	font-size:14px;}
	
.text-container p {
	font-size:12px;
	line-height:1.5em;}
	
.to-order-box {
	font-size:11px;
	border:1px solid #cccccc;
	float:right;
	background:#fbf4db;
	width:233px;
	}
	
.to-order-box h4 {
	padding:10px 0 10px 8px;
	font-size:12px;
	background:#c0c06e;}
	
.addtocart {
	float:right;
	margin-right:0px;}
	
.order-inner {
	width:220px;
	margin:0 auto;}
	
.product-sizes, .send-to {
	width: 220px;
	margin-top:3px;}
	
.access_address {
	font-size:10px;
	color:#000000;}
	
.prize {
	font-size:12px;}
	


/* Added by Roy */
.ul_paging{
	margin:0px;
	padding:0px;
}
.ul_paging,#ul_paging li{
	list-style-type:none;
  margin:2px 2px 5px 5px
}
.ul_paging li{
	border:1px solid #DDDDDD;
	float:left;
	height:20px;
	margin:0px 5px 0px 0px;
	min-width:15px;
	padding:0px;
	text-align:center;
}
.ul_paging li a{
	display:block;
	padding:3px;	
}
.paging{
	margin:10px 3px;
	width:617px;
}
.success_msg, .error_msg{
  font-size:11px;
}
.success_msg,.error_msg{
	font-weight:bold;
	/*margin:5px;*/
	padding:5px;
	text-align:left;
	line-height:15px;
}
.success_msg{
	background:#FFF9D7 none repeat scroll 0% 0%;
	border:1px solid #E2C822;

}
.error_msg{
	background:#FFEBE8 none repeat scroll 0% 0%;
	border:1px solid #DD3C10;
}
#tblfrm .label{font-weight:bold;}
#tblfrm input{width:185px;}

/*aboutUS*/

#about-page {
	width:740px;
	margin: 0px auto 0 auto;
	padding-top:40px;}
	
#about-page p {
	font-size:12px;}
	
#about-page h2 {
	font-size:16px;
	color:#cc0033;}
	
/*Corporate-gift-service*/

#corporate-gift {
	font-size:12px;
	padding-top:40px;}
	
#corporate-gift h2 {
	font-size:16px;
	color:#cc0033;}
	
.corpo-col {
	width:248px;
	float:left;
	font-size:10px;
	text-align:center;}
	
.corpo-col p {
	margin:5px 10px;}
	
.corpo-col strong {
	font-size:12px;
	margin:0 10px;}

/*H-Facts*/

#facts,#ppolicy {
	width:740px;
	margin:0 auto;
	padding-top:40px;}
	
#facts h2,#ppolicy h2 {
	color:#cc0033;
	font-size:16px;}
	
#facts p,#ppolicy p {
	font-size:12px;}
	
#facts ul {
	font-size:12px;
	width:500px;
	margin:20px 0 0 25px;
	line-height:1.5em;}
	
#facts ul li {
	margin-bottom:10px;}
	
/*contact us - form-style*/

#contactus {
	width:740px;
	margin:0 auto;
	padding-top:40px;}
	
#contactus h2 {
	font-size:16px;
	color:#cc0033;}
	
#contactus p {
	font-size:12px;}

#contact-form {
	width:460px;
	margin:0 auto;
	border:1px solid #e5d489;}
	
#form-title {
	background:#e5d489;
	padding:7px;}
	
#statusmsg {
	background:#e5d489;
	padding:7px;}
	
#comments-f {
	font-size:10px;
	margin-left:10px;
	}
	
.form-label {
	font-size:12px;
	width:30%;
	float:left;
	margin-right:10px;}
	
.form-input {
	width:60%;
	float:left;}
	
.long-w {
	width:235px;}
	
.short-w {
	width:175px;}
	
.text-area {
	width:235px;
	margin-left:0px;}
	
.check {
	width:55%;
	float:left;}
	
#catalog {
	font-size:10px;}
	
#submit {
	width:80px;
	height:25px;
	margin-bottom:10px;}
	
#message_box .msg{
  padding:2px 5px 10px 2px;
  font-size:12px;
  font-weight:bold;
  background-color:#FBF4DB;
}
