/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  
    GP2-goipatch.com
*/

.boxText {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; 
	
	color: #CC9966;/*beige*/
}
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body, h1, h2, h3, h4, p, ul, li {
	margin: 0px;
	padding: 0px;
}

/*define body style*/

body {
	width: 100%;
	font: 11px "Lucida Grande", Verdana, sans-serif;
	color: #000000; /* black */
	/*background: #5DBDA6;*/
	background: #ffffff;
	text-align: center; /* Centers page ie5  */
}
a:link, a:visited {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;  /*Bright green*/
	text-align: left;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #FF3300;  /*orange*/
	font:  Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	text-decoration: none;
}


#nav {
	background-image: url(im/ipatch_side.png);
	background-repeat: no-repeat;
	height:15px;
	background-color: #139B89;
	
}
#nav a:link, #nav a:visited {
	color: #FFFFFF;
}
#nav a:hover, #nav a:active, #nav a:focus {
	color: #000000;
}
.leftFl {
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;}
	
.leftFl a:link, .leftFl a:visited {
	color: #FFFFFF;
	font-size: 10px;
}
.leftFl a:hover, .leftFl a:active, .leftFl a:focus {
	color: #000000;
	font-size: 10px;
}
#rightFl {
	padding-left: 5px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#rightFl a:link, #rightFl a:visited {
	color: #FFFFFF;
	font-size: 10px;
}
#rightFl a:hover, #rightFl a:active, #rightFl a:focus {
	color: #000000;
	font-size: 10px;
}

#wrapper {
	text-align: left;  /*Resets the text align. */
	margin: 0px auto;  /*Centers page*/  
	min-width: 800px;  /*Sets the overall width of the layout.*/ 
	background-color: #5DBDA6;
}

#header {
	height: 115px;
	background-color: #B1E1D3;
	background-image: url(im/ipatch_head.png);
	background-repeat: no-repeat;
	background-position: left;
}

#header h1 {

}

#header span {/* moves header text off page */
	position: absolute; 
	left: -3000px; 
}




#innerwrapper {
	float: left; /* Float to avoid IE bugs.*/
	padding: 0px 0px; /* Pad to avoid IE bugs. */
}

.sidebar {
	/*float: left;*/
	/*	width: 250px;*/
	
	/*height: 354px;*/
	width:171px;
	background-color: transparent;
	background-image: url(im/ipatch_side.png);
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top:25px;
	padding-right: 10px;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	
	
/*	font: bold 100% Verdana, Arial, Helvetica, sans-serif;*/
}
.sidebar a:link, .sidebar a:visited {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 80%;
/*	text-decoration: none;
	font-weight: bold;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;*/
}
.sidebar a:hover, .sidebar a:active, .sidebar a:focus {
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 80%;
}
/*#sidebar h2 {
	font-size: 100%; 
	font-weight: normal;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}*/

/*#sidebar p {
	font-size: 80%; 
	margin-top: 10px;
	margin-right: 10px; 
	margin-left: 10px; 
	color: #000000;
}*/

.sidebar2 {
	/*max-width: 2px;*/
	color: #000000;
	background-color: transparent;
	text-align: left;
	padding-right:15px;
/*	border-top-width: thin;
	border-left-width: thick;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #B1E1D3;
	border-left-color: #B1E1D3;*/
	padding-top: 15px;
	font-size: 80%;
	}
/*.sidebar2 a:link, .sidebar2 a:visited {
font:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-size: 80%;*/

/*	text-decoration: none;
	font-weight: bold;
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
}
.sidebar2 a:hover, .sidebar2 a:active, .sidebar2 a:focus {
	font:Verdana, Arial, Helvetica, sans-serif;
	color: #9999CC;
	text-decoration: none;
	text-align: left;
	font-size: 80%;
}*/
/*#sidebar2 p {
	font-size: 80%; 
	margin-top: 10px;
	margin-right: 10px; 
	margin-left: 10px; 
	
}	*/
/*#content {
	margin: 0 125px 0 125px;
	color: #66CCFF; /*light blue*/
	/*padding: 0 2em 0 2em;*/
	/*background: url(includes/sts_templates/goiPatch/im/contentBG.gif) no-repeat;*/
/*}*/
#content h2 {
}

#content span {/* moves sub header text off page*/
	position: absolute; 
	left: -3000px; 
} 

/*#content p {
	font-size: 85%;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 20px;
	line-height: 1.2;
	
}*/



/*A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #AABBDD;
  text-decoration: underline;
}
*/
FORM {
	display: inline;
	padding: 5px;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #bbc3d3;
}


TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #FFFFFF; 
}

A.headerNavigation:hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00; /*bright green*/
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00; /*bright green*/
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}



.infoBox {
	
	width: 80%;
	
}

.infoBoxContents {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	
	
/*	background-color: #b6b7cb;*/
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;

	color: #ffffff;
	background-color: 00cccc;  /*bright sky blue*/
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
 /* background: #f8f8f9;*/
/* font-size: 12px;*/
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  /*background: #f8f8f9;*/
}

TABLE.productListing {
	border: 1px;
	border-style: solid;
	 font-size: 12px;
	border-color: #009900; /*bright green*/
	/*border-spacing: 1px;*/
}

.productListing-heading {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	/*  background: #b6b7cb;*/
  color: #0099CC; /*bright blue*/
	font-weight: bold;
}

TD.productListing-data {
/*  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;*/
width: 10%;
/*border:1px dotted #D5D5D5;*/ 
text-align:center;
vertical-align:top; 
padding:10 10 10 10;
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #009900; /*green*/
}
.result{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;  
}
a.result{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #333333;
}

A.pageResults {
	color: #FFFFFF;
}

A.pageResults:hover {
  color: #FFFFFF;
/*  background: #FFFF33;*/
}

TD.pageHeading, DIV.pageHeading {
	font-family: Verdana, Arial, sans-serif;
	padding-bottom: 3px;
	font-size: 105%;
	font-weight: bold;
	color: #000000;
	
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}
.product{
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  line-height: 1;
  color:#000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.2;
  color:#000000;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#0F7D70;	
}
TD.smallText a:link, TD.smallText a:visited {
/*	color: #ffffff;  /*Bright green*/*/
	text-decoration: none;
	font-size: 11px;
	color:#129C8B;
	}
	
.smallText, SPAN.smallText, P.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
    color:#000000;
}
TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;

}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
	border-color: #CC3333;
	border-style: solid;
	border-width: 1px;
	background-color: #00FF33;
	
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
#cart {
	/*margin-top:-130px;*/
	font-size: 80%;
	padding-right: 20px;
	float: right;
	text-align: right;
	/*	padding-top: 10px;*/
/*	padding-bottom: 10px;
	
	padding-top: 5px;
	margin-top: 5px;*/
}
.currency {
		margin-top:-115px;
		font-size: 80%;
	padding-right: 20px;
	text-align: right;
	/*padding-top: 10px;*/
	
	/*padding-bottom: 10px;*/
}
/* category information boxes */

.cat_info_box 	{width:100%;
	height:100%;
/*	margin: 0;
	font-size:90%;*/
	padding: 8;
	margin-bottom: 10px; 
	font-family: Verdana, Arial, sans-serif;
  font-size: 98%; 
  }

/*¯¯¯¯¯¯¯¯¯¯¯¯¯box_body¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.box_body {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:bold;*/
	width:100%;
		padding: 0px 0px 0px 2px;
	
}
.box_body a:link, .box_body a:visited {
	color:#000000;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
}
.box_body td {
	color:#000;
	font-size:80%;

}
.box_body ul {
	margin:0px 0px 0px 0px;
	padding:0; 
	list-style:none;
}
.box_body .bg_list {
/*	background:url(images/li_bg.jpg) left top repeat-x;*/
	padding:0px 0px 2px 0px;
	font-size:9px;
/*	background-color: #139a89;*/
}
.box_body a:link, .bg_list a:link, .box_body a:visited, .bg_list a:visited  {
	color:#000000;
	text-decoration:none;
	/*	background:url(images/bullet1.gif) no-repeat top left;*/
/*	line-height:20px;*/
	font-weight: bold;
	font-size:80%;
}
.box_body a:hover, .bg_list a:hover	{
	color:#fff;
	text-decoration:none;
	font-size:80%;
}
.box_body span.shop 			    {color:#275873; font-weight:normal; text-decoration:none}
.box_body SPAN.productSpecialPrice	{
	color:#CC6699; /*pink*/
	font-size:12px;
	font-weight:bold
}

/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯PRODUCT¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.product td {
	color:#000000; /*red*/	/*line-height:10px;*/
	font-size: 11px;
}
	
.product a:link, a:visited {
	color:#009966; /*red*/
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.product a:hover {
	color:#CC6699; /*red*/
	text-decoration:underline;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.product div {text-align:left;}
.product div a {
	color:#5B8501; /*green*/
	font-size:11px; 
	font-weight:normal;
	text-decoration:underline; 
	text-transform:none; 
}
.product div a:hover {
	color:#5B8501;
	text-decoration:none;
}
.product .shop_cart {
	color:#1B477D; 
	font-size:11px; 
	font-weight:bold;
	text-align:center; 
	vertical-align:middle;
}
.product em	{
	color:#996633; /*brown*/
	font-size:10px;
	text-decoration:underline;
	font-weight:bold;
	font-style:normal;
}
SPAN.productSpecialPrice, .product SPAN.productSpecialPrice {
	color:#660000; /*red*/
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
}
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯CONTENT¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.cont_header_txt {
	margin:0px 0px 2px 0px;
	width:100%;
}
.cont_header_txt td {
	background:url(images/title1_center.jpg) 0 0 repeat-x;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#0066CC;
	height:16px;

}
.cont_header_txt a {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#99FF99; /*green*/
	text-decoration:none;
}
.cont_header_txt a:hover {
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#99FF33; /*green*/
	text-decoration:underline;
}
.cont_header_txt em	{
	background:url(images/title1_center.jpg) 0 0 repeat-x;
	vertical-align:middle;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#0066CC;
	height:29px;
	
}

/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯BOX¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/	
.box_header_txt		{ margin-bottom:1px;}									  
.box_header_txt	td{
	vertical-align:middle;
	text-transform:capitalize;
	color:#FFFFFF;
	text-align: center;
	font: bold small-caps 95% Geneva, Arial, Helvetica, sans-serif;
	padding: 3px;
}
.mod td{
	/*background:url(images/title1_center.jpg) 0 0 repeat-x*/
}
/* ¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯*/
.main_1 {
	height:100%;
	background:url(images/bg.jpg) 0 0 repeat-x #000000;
}
.c1 {background:#b1e1d3;
/*text-align:left;*/
width: 95%;
border: 1px ridge #006666;
}
/*//information box*/
.c1_top {
	width:100%;
	background-color: #b1e1d3;
	/*background-image: url(images/c1.gif);*/
	background-repeat: repeat-x;
	background-position: top;
}
.c1_left {height:100%; 
background:url/*(images/cl.gif)*/ left top repeat-y }
.c1_right {background:url /*(images/cr.gif)*/right top repeat-y }
.c1_bottom {background:/*url(images/cb.gif) bottom repeat-x*/ }

/*//content table*/
.c2 {
	background:#b1e1d3;
	font-size:90%;
	border: 1px solid #006666;
} /*green blue*/
.c2_top {width:100%; background:/*url(images/c1.gif) top repeat-x*/ #b1e1d3}
.c2_left {
	height:100%;
	background-color: #b1e1d3;
	background-image: /*url(images/c1.gif)*/;
	background-repeat: repeat-y;
	background-position: left top;
}
.c2_right {background:/*url(images/c1.gif) right top repeat-y */#b1e1d3}
.c2_bottom {background:url(images/c1.gif) bottom repeat-x #b1e1d3}
td.footer, td.footer a{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;

}
/*a:link, a:visited {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;  /*Bright green
	text-align: left;
	padding-left: 10px;
	text-decoration: none;
	font-weight: bold;
}
a:hover, a:active, a:focus {
	font: bold 100% Verdana, Arial, Helvetica, sans-serif;
	color: #006666;  orange*/
	/*font:  Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	padding-left: 10px;
	text-decoration: none;
}*/
/*td.footer span, td.footer span a:active, td.footer span a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

td.footer span a, td.footer span a:active, td.footer span a:visited {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;/*	background-color: 00cccc;*/ /*bright sky blue*/
/*}
td.footer, td.footer a:active, td.footer a:visited {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
td.footer a:active, td.footer a:visited {
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}

td.footer a:hover {
	font-size:10px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}*/
*/
.padd_1 	{padding:0px 10px 0px 10px;}
.padd_22 	{padding:8px;}
td.padd2 	{padding:8px; padding-left:4px;}

.line_h		{ line-height:16px;}

.bg_gg		{background:#FFF8D4;}
.bg_gg_1	{background:#d3c6a5;}
td.bg_input {font-size:50%;}

.product div			{padding:8px 0px 5px 0px;}
.padd33 img, .padd33 input 	{margin:5px;}

div.padd3 {padding:0px 0px 10px 0px; text-align:left;text-align:left; padding-top:0px;}
.prod_info		{width:1px; margin:0px 13px 0px 0px;}
.prod_info td	{text-align:center;}

.remove		{ width:20%;}
.products	{ width:40%;}
.quantity	{ width:20%;}
.total		{ width:20%;}
.sub_total	{ width:80%;}
/* -------------------------------------------------    

  

/* -------------------------------------------------          -------------------------------------------------------- */
.box_width_left			{
	width:225px;

	
}
.box_width_right		{ width:125px;}
.box_width_cont	{
	width:100%;
	height:100%;
	margin: 0;
	font-size:80%;
	padding: 0;
	text-align: justify;
}	
.col_center	{
	width:100%;
/*	padding-left:-15px;
	padding-right:50px;*/
	align: center;
	text-align: center;
	margin-left: 0px;
	padding: 0;
}	
/* ------------------------------------------------- 
pt is the border around product images         -------------------------------------------------------- */

.p_t {
	
/*	background-image: url(images/pt.jpg);
	background-repeat: repeat-x;
	background-position: top;*/
}
.p_l {/*background:url(images/pl.jpg) top repeat-y*/}
.p_r {
	/*background:url(images/pr.jpg) top repeat-y;*/
	/*border-color: #006666;*/
}
.p_b {/*background:url(images/pb.jpg) bottom repeat-x*/}


.search{
padding-top: 5px;
padding-bottom: 100px;

/*background:#b1e1d3;
/*text-align:left;*/
/*border: 1px ridge #006666;*/
}


  .shadow1 {border: #000000 2px solid;}
.product{
	color: #00CC00;
}

.go { background-color: #36332E; height: 25px; width: 50px; color: white; font-size: 10px; text-align: center; vertical-align: middle; }
.poimage img { padding: 2px; border: 1px solid #cccccc; margin-top: 15px; width: 300px; height: 250px; }