/*////////////////////////////////////////////////////////////////////////*/		
/*fixed it 2010*/
/*////////////////////////////////////////////////////////////////////////*/

/*////////////////////////////////////////////////////////////////////////*/		
/*Reset*/
/*////////////////////////////////////////////////////////////////////////*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;vertical-align: baseline;	background: transparent;}
body {	line-height: 1;}
ol, ul {	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}
/* remember to define focus styles! */
:focus {	outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
/*////////////////////////////////////////////////////////////////////////*/		
/*body*/
/*////////////////////////////////////////////////////////////////////////*/
body,html {margin: 0;padding: 0;	background:#fff url(../graphics/background.jpg) repeat-x;	font-size: 12px; color: #111;	min-width:980px;height: 100%;	font-family: Arial, Verdana, sans-serif;}

/*////////////////////////////////////////////////////////////////////////*/		
/*Head Section*/
/*////////////////////////////////////////////////////////////////////////*/
#wrap {width: 980px; height:auto; margin:0px auto 0px auto; position:relative;}	
#header{width:980px; height:200px;}

.logo{position:relative; float:left; width:400px; margin:24px 0px 0px 0px;}
.farmore{position:relative; float:left; width:400px; margin:6px 0px 0px 0px;}
.peace{position:relative; float:right;}
/*////////////////////////////////////////////////////////////////////////*/		
/*center*/
/*////////////////////////////////////////////////////////////////////////*/	

#content{width:980px; 	margin:0px 0px 20px 0px ; position:relative;}
#content_sm{width:520px; 	margin:0px auto 0px auto; position:relative;}
#left{width:299px; 	height:320px; padding:12px 0px 0px 12px; margin:0px 22px 0px 0px ; position:relative; float:left; background: url(../graphics/rect_back.jpg) no-repeat; }
#middle{width:299px; height:320px; padding:12px 0px 0px 12px;	margin:0px 22px 0px 0px ; position:relative; float:left;background: url(../graphics/rect_back.jpg) no-repeat;}
#right{width:299px; height:320px;	 padding:12px 0px 0px 12px; margin:0px 0px 0px 0px ; position:relative; float:left;background: url(../graphics/rect_back.jpg) no-repeat;}
#order_left{width:780px; margin:0px 10px 0px 0px ; position:relative; float:left; }
#order_right{width:180px; margin:0px 0px 0px 0px ; position:relative; float:right; }

#basket_center{width:980px; margin:0px 0px 30px 0px ; position:relative; float:left; }

#pane_left{width:520px; float:left; margin:0px 0px 0px 10px;}
#pane_right{width:180px;  float:right; margin:0px 10px 0px 0px;}
#pane_left p,#pane_right p {line-height:20px; margin:8px 0px 8px 0px;}
#pane_right p {text-align:center;}
/*////////////////////////////////////////////////////////////////////////*/		
/*Footer*/
/*////////////////////////////////////////////////////////////////////////*/	
#footer_wrap{height:160px;  margin:0px 0px 0px 0px; position:relative;color:#555;}
#footer{margin:30px auto 0px auto;	width:980px; height:auto; padding:10px 0px 0px 0px; border-top:7px solid #ebebeb;}
#footer a, #footer a:visited{text-decoration:none; color:#111; }
#footer a:active, #footer a:hover  {text-decoration:none; color:#888;  }	
.footer_left{float:left; padding:6px 0px 0px 0px; width:360px; vertical-align:top;}
.footer_middle{float:left; padding:6px 0px 0px 0px; width:320px;}
.footer_right{float:right; padding:6px 0px 0px 0px; margin:0px 0px 0px 40px; text-align:right;}
/*////////////////////////////////////////////////////////////////////////*/		
/*html*/
/*////////////////////////////////////////////////////////////////////////*/					
strong{color:#A40102; font-size:12px; font-weight:800;}	
img{border:0px;}
em{color:#98061D; font-size:11px;}
h1{color:#fff; font-size:20px; height:45px; font-weight:100; padding:0px 0px 0px 0px;}
h2{color:#222; font-size:14px; padding:10px 0px 5px 0px;}
h3{color:#111; font-size:13px; padding:4px 0px 2px 0px; }
h4{color:#222; font-size:12px; padding:0px 0px 14px 0px; clear:both;}
label{color:#333; margin:6px 0px 2px 0px; float:left; display: block;}
.input {font-family: Arial, Verdana, sans-serif;width: 380px; border:1px solid #ccc;	color:#222;  background:#fff; padding:4px; margin:0px 0px 8px 0px; font-size:11px; -moz-border-radius:2px;   -webkit-border-radius:2px;}
.submit{border:0px; background: url(../graphics/submit.png);color:#fff; font-size:12px; font-weight:600; padding:2px 4px 2px 4px; margin:6px 0px 0px 0px; height:25px; width:184px; cursor:pointer;}
option{font-family: Arial, Verdana, sans-serif; font-size:11px;}
.signup{border:0px; background: url(../graphics/signup.jpg) no-repeat;color:#fff; font-size:12px; font-weight:600; padding:2px 4px 2px 4px; margin:6px 0px 0px 0px; height:25px; width:184px; cursor:pointer;}
/*////////////////////////////////////////////////////////////////////////*/		
/*others*/
/*////////////////////////////////////////////////////////////////////////*/
.red{color:#FF0000;	}
.green{color:#00FF00;}			
.f_left{ float:left; line-height:15px; margin:22px 0px 6px 0px; }
.f_right{float:right;  padding:0px 20px 0px 0px; }
.f_narrow{width:175px; }
#left li,#middle li,#right li,#pane_left li{background: url(../graphics/bullet.png) top left no-repeat; padding:0px 0px 0px 20px; margin:0px 0px 6px 0px;  height:14px; }
#submit{ margin:0px 20px 0px -4px;display: block; width: 240px; height: 34px; background: url(../graphics/submit.jpg) no-repeat 0 0; border:0px; cursor:pointer;}
#submit:hover{   background-position: 0 -34px;}
#submit span{  display: none;}
/*////////////////////////////////////////////////////////////////////////*/		
/*clearer*/
/*////////////////////////////////////////////////////////////////////////*/
.clearer{clear: both; height: 0px; overflow: hidden;}	
/*////////////////////////////////////////////////////////////////////////*/		
/*links*/
/*////////////////////////////////////////////////////////////////////////*/
a:link	{color: #000;	text-decoration:none; }
a:visited{	color: #000; text-decoration:none; }
a:hover{color: #888;text-decoration:none;}
a:active	{color: #888;text-decoration:none;}	
/*///////////////////////////////////////////////////////////////////////////*/
/*basket */
/*///////////////////////////////////////////////////////////////////////////*/
.addtobasket {	background: url(../graphics/gold_bg.jpg) top left repeat-x;		border: 0px ;	width: 180px;	padding: 3px;	color:#000;		font-size:12px;	font-weight:800;	margin:5px 0px 0px 0px;	cursor:pointer;	-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;	}
.addtobasket:hover{	color:#888;	cursor:pointer;		}	
.small_basket {margin:5px 0px 0px 0px;	width: 180px;padding: 2px;	color:#111;	font-size:11px;	-webkit-border-radius: 3px;		-moz-border-radius: 3px;		border-radius: 3px;		}
.basket_item {		padding:6px 0px 4px 0px;		border-bottom: 1px dotted #A40102;		color:#111;}
.basket_total {padding:8px 0px 4px 0px;color:#000;}	
/*.delete {border-top: 1px solid #fff;border-left: 1px solid #fff;border-right: 1px solid #fff;}	*/
.basket {    margin:20px 0px 0px 0px; width:500px;}  
.basket td{   padding: 6px;   border-bottom: 1px dotted #999;   }
.basket  .td_no_border{ border: 0px;}    
.basket  .headers td{	background: url(../graphics/gold_bg.jpg) repeat-x;	font-weight: bold;	padding:10px ;border:0px; color:#111;	}
.update {border:0px;	font-size:11px;	background: url(../graphics/update.png) no-repeat; margin:0px 0px 0px 0px; width:89px;	height :34px;	padding:0px;		cursor:pointer;		}	
.input2 {	width: 200px;	}
.worldpay{margin:0px 0px 20px 0px; }
/*////////////////////////////////////////////////////////////////////////*/		
/*validation*/
/*////////////////////////////////////////////////////////////////////////*/
#msg {display:none; position:absolute; z-index:200; background:url(../graphics/msg_arrow.jpg) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#fff; border:2px solid #FF0000; color:#FF0000;border-left:none; padding:5px;}
/*////////////////////////////////////////////////////////////////////////*/		
/*flowplayer*/
/*////////////////////////////////////////////////////////////////////////*/
/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
		
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../graphics/tabs.png) no-repeat -652px 0;
	font-size:12px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#000;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -652px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.w1 			{ background-position: -519px 0; width:134px; }
ul.tabs a.w1:hover 	{ background-position: -519px -31px; }
ul.tabs a.w1.current { background-position: -519px -62px; }

/* width 2 */
ul.tabs a.w2 			{ background-position: -366px -0px; width:154px; }
ul.tabs a.w2:hover 	{ background-position: -366px -31px; }
ul.tabs a.w2.current { background-position: -366px -62px; }


/* width 3 */
ul.tabs a.w3 			{ background-position: -193px -0px; width:174px; }
ul.tabs a.w3:hover 	{ background-position: -193px -31px; }
ul.tabs a.w3.current { background-position: -193px -62px; }

/* width 4 */
ul.tabs a.w4 			{ background-position: -0px -0px; width:194px; }
ul.tabs a.w4:hover 	{ background-position: -0px -31px; }
ul.tabs a.w4.current { background-position: -0px -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}

/* tab pane styling */
div.panes div {
	display:none;		
	padding:15px 10px;
	border:1px solid #999;

	border-top:1px solid #666;
	font-size:12px;
	background-color:#fff;
	width:755px;
	-moz-border-radius-bottomright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}


div.panes div {
	background:#fff url(../graphics/h300.png) repeat-x 0 5px;
	-background:#fff;
	height:350px;
}

div.panes label {
	margin-bottom:15px;
	display:block;
}

label.error {
	color:red;
}