@import url("reset.css");
@import url("skin.css");

body { font-size:62.5%;}


img { border: none}
strong {font-weight: bold;}

.fleft {float: left;}
.fright {float: right;}
.clear { clear:}
.hide { display:none}



/* Float clear fix
-------------------------------------------------------*/

/* Win IE 7 */
.clearfix {display: inline-block;}

/* Gecko-based browsers */
.clearfix:after {content : "."; display : block; height : 0px; clear : both; visibility : hidden;}
/* Hides from IE-mac \*/ * html .clearfix {height : 1%;} /* End hide from IE-mac */


/* General
-------------------------------------------------------*/

#wrapper {width: 760px;margin-right: auto;margin-left: auto; text-align:left}

#masthead {width:100%;height:188px; position: relative;}
#masthead h1 {display:block; position: absolute; left: 60px; top: 20px;	width: 165px; height: 148px; text-indent: -9999px;}
		
#search {position: absolute; bottom: 15px; right:5px; width: 23em; text-align: right;}
#search div {position: relative}

#search label {position:absolute; left:6px; top:6px; z-index:1;}
#search p.field {float:left}
#search p.field input {width: 165px;}
#search p.action {float:left;}


#search p.action input { padding:0px; width:auto; overflow:visible; border: none; margin-left: 5px; margin-top: 3px;}
#search p.action input:hover {
	cursor: pointer; /* cursor: hand; for IE5 */
	border: none;
}

#basket {position: absolute;top: 145px;left: 240px;/*background: url(../images/rule.png) no-repeat left top;*/padding-left: 20px;}

#basket a {padding-left: 25px;background: url(../images/icon_basket.png) no-repeat left top;display: block;height: 36px}
#basket a:hover {text-decoration:none}

#ideas {
	position: absolute;
	left: 375px;
	/*background: url(../images/rule.png) no-repeat left top;*/
	padding-left: 20px;
	top: 145px;
}
#ideas a {padding-left: 25px;background: url(../images/icon_bulb.png) no-repeat left top;display: block;height: 36px}
#ideas a:hover {text-decoration:none}


#call {position: absolute;top: 25px; padding-left: 20px;height: 36px;right: 20px; text-align:right;}
#call p.question {display: inline;}
#call p.number {display: inline;}

#navigation-wrap {width: 760px;overflow: hidden;}
#navigation {margin-left: 10px;padding-top: 6px; float: left;}
#navigation li {display: inline;}
#navigation a {padding: 9px 14px; text-decoration: none;margin-right: 2px;float: left}
#navigation a:hover {text-decoration: none}

#baskets { margin-right: 10px; padding-top: 6px; float:right; }
#baskets li {display: inline;}
#baskets a {padding: 9px 14px; text-decoration: none;margin-right: 2px;float: left}
#baskets a:hover {text-decoration: none}

	
#main {padding: 15px 20px 20px;color: #000;background: #FFFFFF;}
#main #content { margin-bottom:20px}
#main #loader { text-align: center;}


#main h2 {font-size: 3em}
#main h3 {}
#main  h4 {}





/* Style for input buttons */
#main input.button {
	width:auto;
	overflow:visible;
}

#main input.button:hover {
	cursor: pointer; /* cursor: hand; for IE5 */
}

/* Style for input buttons */
#main input.buttonAdded {
	padding:0px;
	width:auto;
	overflow:visible;
	border-style: none;
}


#footer {text-align: center;padding-bottom: 50px;}
#footer ul {}
#footer li {display: inline}
#footer li var {margin: 0 4px 0 8px;}
#footer p {margin-top: 10px; font-size: 1.1em;}

#footer #leaf {height: 31px;width: 720px;margin-bottom: 20px;}
	
#logo {background: #FFFFFF url(../images/bpma_logo.gif) no-repeat center; height:80px}	
#company-link {margin-right: auto;margin-left: auto;text-align: center;width: 345px;margin-bottom: 30px;clear: both;}
#company-link ul {width:auto}
#company-link h6 {font-size: 1.4em;font-weight: bold;margin-bottom: 4px;}
#company-link li { line-height: 1.3em}
#company-link li a {display: block;padding: 10px;text-decoration: none;}
* html #company-link li a {  width: auto;} /* make hover effect work in IE */
#company-link li a:hover {cursor: pointer}
#company-link a em {color: #000;display: block;font-size: 1.2em;font-style: normal;}


#language {
	text-align: right;
	margin-bottom: 10px;
}

.currentCountry {font-size: 1.1em; padding-left: 20px;margin-left: 12px;}
		
		
		/* Language select flag icons
		-------------------------------------------------------*/
		
		.uk {background: url(../images/flags/uk.gif) no-repeat left center;}
		.tr {background: url(../images/flags/tr.gif) no-repeat left center;}
		.fr {background: url(../images/flags/fr.gif) no-repeat left center;}
		.cn {background: url(../images/flags/cn.gif) no-repeat left center;}
		.es {background: url(../images/flags/es.gif) no-repeat left center;}
		.gr {background: url(../images/flags/gr.gif) no-repeat left center;}
		.il {background: url(../images/flags/il.gif) no-repeat left center;}
		
		
		/* Language select
		-------------------------------------------------------*/
	
	#flags {padding-bottom: 10px;text-align: center;background: url(../images/bkg_flags.gif) repeat-x 0px 0px;padding-top: 10px;}
		#flags ul li {font-size: 1.1em;display: inline;padding-left: 20px;padding-right: 20px;}



/* Homepage
-------------------------------------------------------*/

.homepage #content {float: left;width: 268px;}
.homepage #content .pic {padding: 1px;margin-bottom: 1em;}
.homepage #content p.welcome {font-size: 1.1em;margin-bottom: 1.5em;}
.homepage #content p, .homepage #ideas-search p {line-height:1.2em}

.homepage #quick-enquiry h3 {font-size: 1.8em;margin-bottom: 0.4em;}
.homepage #quick-enquiry {padding: 15px;}
.homepage #quick-enquiry div {position: relative;margin-bottom: 1em;}
.homepage #quick-enquiry p.intro {font-size: 1.1em;margin-bottom: 1em;}
.homepage #quick-enquiry p.intro strong {}
.homepage #quick-enquiry label {position: absolute;top: 3px;left: 4px;z-index: 1;}
.homepage #quick-enquiry p.field input {width: 229px;}
.homepage #quick-enquiry p.field textarea{width: 229px;height:80px}
.homepage #quick-enquiry p.action {text-align: right;}
.homepage #quick-enquiry p.action input.button {padding: 6px;}

.homepage #ideas-search {float: right;width: 380px; padding: 15px 20px 20px;margin-bottom: 2em;}
.homepage #ideas-search h2 {margin-bottom: 0.2em;}
.homepage #ideas-search label {display: block;margin-bottom: 2px;clear: both;}
.homepage #ideas-search p.intro {font-size: 1.2em;font-weight: bold;margin-bottom: 10px;}
.homepage #ideas-search div {position: relative;margin-bottom: 10px;width: 380px;}
.homepage #ideas-search p.field input {width: 295px;}
.homepage #ideas-search p.field select {width: 300px;}
.homepage #ideas-search p.action input.button {float: right;padding: 6px;position: absolute;top: 7px;right: 0px;z-index: 1;}

.homepage #type-search {float: right;width: 380px; padding: 16px 20px 20px;margin-bottom: 20px;}
.homepage #type-search h3 {font-size: 1.8em;margin-bottom: 8px;}
.homepage #type-search #alphabet {width: 375px;overflow: hidden;padding-top: 5px;padding-bottom: 5px;padding-left: 5px;}
.homepage #type-search #alphabet li {display: inline;font: 1.4em Arial, Helvetica, sans-serif; padding: 0;}
.homepage #type-search #alphabet li a {}
.homepage #type-search #alphabet li a:hover {text-decoration:none;}

.homepage #hp-image {float: right;width: 420px; margin-bottom: 20px; text-align:center;}
.homepage #hp-image img {border: none;}

.feat {padding-top: 20px;padding-bottom: 20px;clear: both;margin-bottom: 20px;}
.feat .row {width:655px;overflow:hidden; margin-left:auto; margin-right:auto}
.feat .row .item {float:left;width:107px;overflow:hidden;margin-left: 30px;}
.feat .row #first {margin-left: 0px;}
.feat .row .item .image {width:105px;height:105px;background: #FFFFFF;}
.feat .row .item .image div {display:table; height:107px;}
.feat .row .item .image div div {display:table-cell;text-align:center;vertical-align:middle;width:107px;}
.feat .item p {font-size:1.1em;text-align:center;margin-top: 10px;line-height: 1.2em}
.feat .item p a {}
.feat .item p a:hover {}


/* Product Listing
-------------------------------------------------------*/

.product-listing #content {width: auto }
.product-listing #content h2 {margin-bottom: 0.2em;}
.product-listing #content p.summary {font-size: 1.2em;margin-bottom: 2em;}

.product-listing #content table {
	width:100%;
	border-top-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	
}

.product-listing #content table td.column-1 {
	text-align:center;
	width: 50px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;

}
.product-listing #content table td.column-2 {
	text-align:center;
	width: 100px;
	font-size: 1.2em;

	border-bottom-width: 1px;
	border-bottom-style: solid;

}
.product-listing #content table td.column-3 {
	width: 560px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.product-listing #content table td.column-3 label {
	font-weight:bold;
	font-size: 1.2em;
	color: #000;
}
.product-listing #content table td.action {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.product-listing #content table td.action p {float: left;display: block;margin-top: 9px;padding-left: 15px;}
.product-listing #content table td.action div {float: left;padding-left: 56px;}
.product-listing #content table td.action label {line-height: 20px;margin-left: 3px;}
.product-listing #content table td.action input {float: left;}
.product-listing #content table td.action input.button {padding: 6px;margin-right: 10px;}


/* Search Results
-------------------------------------------------------*/

p.summary input {float: left;padding: 6px !important;margin:15px 10px 0 0;}
p.summary span.sep { display:block; margin: 4px 0; font-weight:bold; font-size: 1.2em }

.search-result #content {width: auto }
.search-result #content h2 {margin-bottom: 0.2em;}
.search-result #content p.summary {font-size: 1.2em;margin-bottom: 2em;line-height:1.2em}
.search-result #content span { text-decoration:underline #000}
.search-result  #main-actions-top, .search-result #main-actions-bottom, .more-info #content #main-actions-top {
	width: 100%;
	overflow: hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 2em;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-bottom-color:#004887;
	border-top-color:#004887;

}
.search-result #main-actions-top p, 
.search-result #main-actions-bottom p, 
.more-info #content #main-actions-top p {float: left;display: block;padding-left: 15px;margin-top: 9px;}

.search-result #main-actions-top p label, 
.search-result #main-actions-bottom p label, 
.more-info #content #main-actions-top p label {margin-left: 3px;display: block;float: left;line-height: 20px;}

.search-result #main-actions-top .back, 
.search-result #main-actions-bottom .back {float: left; padding-left: 56px;}
.more-info #content #main-actions-top .back {float: left;}

.search-result #main-actions-top p input, 
.search-result #main-actions-bottom p input, 
.more-info #content #main-actions-top p input {float: left;}

.search-result #main-actions-top .lists, 
.search-result #main-actions-bottom .lists,
.more-info #content #main-actions-top .lists {float: right;}

.search-result #main-actions-top .add-all { float: right; margin: 10px 0 0 0;}
.search-result #main-actions-bottom .add-all { float: right; margin: 10px 0 0 0;}
br.cboth {display:block; height:0; clear:both; } /* clears floats for IE7 with add-all buttons! */

.search-result #main-actions-top .lists input.button, 
.search-result #main-actions-bottom .lists input.button, 
.search-result #main-actions-top .add-all input.button, 
.search-result #main-actions-bottom .add-all input.button,
.more-info #content #main-actions-top .lists input.button {margin-left: 10px;}

.search-result #main-actions-top input.button, 
.search-result #main-actions-bottom input.button, 
.search-result #main-actions-top .add-all input.button, 
.search-result #main-actions-bottom .add-all input.button,
.more-info #content #main-actions-top input.button {padding: 6px;}

.search-result #listing .row {width:350px; margin:0 0 20px 0; position:relative;overflow:hidden;}
.search-result #listing .w20 { width: 20px; }
.search-result #listing .h20 { height: 20px; }
	
.search-result #listing .product {float:left;width:330px;margin-right:0px;overflow:hidden;padding: 10px 10px 6.6em; position:relative}

.search-result #listing .rightbox {float:right;}
		
.search-result #listing .product .image {
	width:100px;
	height:100px;
	background:#fff;
	padding:1px;
}
.search-result #listing .product .image div {display:table; height:99px;}
.search-result #listing .product .image div div {display: table-cell; width:99px; vertical-align: middle; position:static; text-align:center;}
			
.search-result #listing .product .print {margin-top: 1.3em; font-family:Arial, Helvetica, sans-serif}
.search-result #listing .product div.data {float:right; width:210px;}
.search-result #listing h3 {font-size:1.4em;font-style:italic;font-weight:bold;margin-bottom:0.47em;}
.search-result #listing p {margin-bottom:1.3em;font-size: 1.2em;}
.search-result #listing p.info {margin:-0.5em 0 0 0;}
						
.search-result #listing .product .actions {position:absolute;bottom:0;text-align: right;padding-top: 10px;padding-bottom: 10px;width: 320px}
.search-result #listing .product .actions input {margin-left: 5px}
.search-result #listing .product .actions input.button,
.search-result #listing .product .actions input.buttonAdded {padding: 4px; font-size:14px}

.search-result #listing .pager #resultsbar { clear: both; height: 4.5em; }
.search-result #listing .pager #resultsbar .resultsbar-left { margin: 13px; font-size: 1.2em; color: #626262; padding: 3px 0 0 0; width:300px; float:left; }
.search-result #listing .pager #resultsbar .resultsbar-left h3 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; width:300px; float: right; }
.search-result #listing .pager	#resultsbar .resultsbar-right { float: right; margin: 13px 0 0 0; padding: 0; }

#pagination li { border: 0; margin: 0; padding: 0; list-style: none; /* savers */ float: left; }
#pagination a { border: solid 1px #E2E2E2; margin-right: 2px; }
#pagination .previous-off, #pagination .next-off { border: solid 1px #E2E2E2; color: #888888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 4px; }
#pagination .next a, #pagination .previous a { font-weight: bold; }
#pagination .active { color: #717174; border: solid 1px #5cc151; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px; /* savers */ margin-right: 2px; }
#pagination .inactive { color: #717174; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px 6px; /* savers */ margin-right: 2px; }
#pagination a:link, #pagination a:visited { color: #717174 !important; display: block; float: left; padding: 3px 6px; text-decoration: none; }
#pagination a:hover { border: solid 1px #717174; }


/* Enquiry
-------------------------------------------------------*/

.enquiry #content {width: auto }
.enquiry #content h2 {margin-bottom: 0.6em;}
.enquiry #content p.summary {font-size: 1.2em;margin-bottom: 2em;}


.enquiry .product {width:720px; clear:both; overflow:hidden; background:url(../images/bkg_listing_row.gif) repeat-y left top; margin-bottom:20px;}
		.enquiry .product .desc {float:left; width:330px; padding:10px;}
			
			.enquiry .product .desc div {width:205px; float:right;}
				.enquiry .product .desc h3 {font-size:1.4em;font-style:italic; font-weight:bold; margin-bottom:0.47em}
				.enquiry .product .desc p {	margin-bottom:1.3em; font-size: 1.2em; }
				.enquiry .product .desc p.info {margin-top:-0.5em}
				
			.enquiry .product .desc .image {float:left;	width:100px;height:100px; background:#fff;padding:1px; }
				.enquiry .product .desc .image div {float:none; display:table; height:99px; width:99px;}
					.enquiry .product .desc .image div div {display:table-cell; vertical-align:middle; position:static; text-align:center; }

		.enquiry .product fieldset {display:block;float:right;width:330px;overflow:hidden;padding: 10px;}
			.enquiry .product fieldset div {float:left; width:165px}
				.enquiry #main #content .product fieldset label {display:block;margin-bottom:0.2em; font-size: 1.1em;}
				.enquiry .product fieldset div input {width:145px;}
				.enquiry .product fieldset textarea {width:150px; height:100px;}
				.enquiry .product fieldset div p {margin-bottom:0.6em; overflow:hidden;}
					.enquiry .product fieldset p span {float:left; width:50px;}
						.enquiry .product fieldset span input {width:40px;}
						
			.enquiry p.checkbox {clear:both;font-size:1.1em;padding-top: 8px;padding-bottom: 15px;}
				.enquiry p.checkbox input {margin-right:2px}

			.enquiry .product fieldset p.checkbox {clear:both;font-size:1.1em;padding-top: 8px;padding-bottom: 15px;}
				.enquiry .product fieldset p.checkbox input {margin-right:2px}				

			.enquiry .product .sample {float:none;clear:both;overflow:hidden;width: 320px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;}
				.enquiry .product .sample h3 {font-size:1.6em;font-weight:bold;margin-bottom:0.4em;}
					.enquiry .product .sample p {float:left; margin-right:15px; width:auto;}
						.enquiry .product .sample p input {width:35px;}
						.enquiry #main #content .product .sample p label {display:inline; margin-right:0px;}
						
						
		
.enquiry .details {
	clear:both;
	padding-top: 18px;
	padding-bottom: 20px;
}
		.enquiry .details h3 {
	font-size:1.6em;
	font-weight:bold;
	margin-left: 20px;
	margin-bottom: 0.8em;
}
		.enquiry .details fieldset {
	padding:0 20px;
	overflow:hidden;
}
			.enquiry .details fieldset div {float:left; width:160px;}
				.enquiry .details p {margin:0 0px 10px 0;}
					.enquiry .details label {
	display:block;
	margin-bottom:0.2em;
}
					.enquiry .details p input {width:149px;}
					.enquiry .details textarea {width:325px; height:5.6em;}
					.enquiry .details .address {float:right;width:340px;}

		.enquiry .details .action {
	text-align:right;
	padding-top: 10px;
	padding-right: 20px;
}

.enquiry #main #content .details .action input.button { padding:6px; margin-left: 100px}
.enquiry .head {
	overflow:hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

.enquiry .head .back {float:left;width:124px;padding-left: 10px;}
.enquiry .head .back input.button {padding: 6px;}
.enquiry .row .select {float:left;width:100px;text-align:center;margin-top:0px;}

/* Ideas List
-------------------------------------------------------*/

.ideas-listing #content {width: auto }
.ideas-listing #content h2 {margin-bottom: 0.6em;}
.ideas-listing #content p.summary {font-size: 1.2em;margin-bottom: 2em;}

.ideas-listing #table {width:720px;}

.ideas-listing #table .head {
	overflow:hidden;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-top-width: 2px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
}

.ideas-listing #table .head .back {float:left;width:124px;padding-left: 10px;}
.ideas-listing #table .head .desc {float:left;width:380px;font-weight:bold;padding-top:0px;font-size: 1.2em;}
.ideas-listing #table .head .remove {float:left;width:100px;height:40px;font-weight:bold;text-align:center;background:url(../images/arrow_down.gif) no-repeat center 20px;padding-top:0px;font-size: 1.2em;}
.ideas-listing #table .head .back input.button {padding: 6px;}

.ideas-listing #table .head .select {float:left;width:100px;font-weight:bold;text-align:center;padding-top:0px;font-size: 1.2em; height: 40px;}
.ideas-listing #table .head .select p {padding-top:3px;}

.ideas-listing #table .row {border-bottom:1px solid #FFf;overflow:hidden;color:#000;clear: both;width: 710px;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;}
.ideas-listing #table .row .image {float:left;width:100px;height:100px;background:#fff;padding:1px;}
					.ideas-listing #table .image div {float:none; display:table; height:99px; width:99px;}
						.ideas-listing #table .image div div {display:table-cell; vertical-align:middle; position:static; text-align:center;}

				.ideas-listing #table .row .desc {float:left;width:380px;margin-left: 20px;}
					.ideas-listing #table .row .desc p {margin-bottom:1.1em;line-height:1.07em;font-size: 1.2em;}
				
				.ideas-listing #table .row .remove {float:left; width:100px; text-align:center; margin-top:0px;}
.ideas-listing #table .row .desc h3 {font-style: italic;font-weight: bolder;font-size: 1.4em;}

				.ideas-listing #table .row .select {float:left;width:100px;text-align:center;margin-top:0px;}

			.ideas-listing #table .actions {
	margin-top: 20px;
	width: 700px;
	overflow:hidden;
	padding: 10px;
	border-top-width: 1px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
}
.ideas-listing #table .actions input.button {padding: 6px;}
.ideas-listing #table .actions .fright input {margin-left: 10px;}


/* Item type
-------------------------------------------------------*/

.item-type #content {width:720px; overflow:hidden }
.item-type #content h2 {margin-bottom: 0.6em;}
.item-type #content h3 {margin-bottom: 0.6em;font-size: 1.4em;font-weight: bold;line-height:1.4em;}
.item-type #content h4 {margin-bottom: 0.6em;font-size: 1.4em;font-weight: bold;line-height:1.4em;}
.item-type #content #alphabet {padding-top: 23px;padding-bottom: 20px;text-align: center;margin-bottom: 20px;}
.item-type #content #alphabet li {display:inline;font-size:2.2em;padding-right: 5px;}
.item-type #content .it-list {display: block; margin:0 0 5px 0;}
.item-type #content .it-list li {font-size: 1.2em;line-height: 1.6em; display: inline; float: left; width: 50%; font-family:Arial, Helvetica, sans-serif}


/* About us & Contact
-------------------------------------------------------*/

.about #content, .contact #content {width:720px;}
.about #content h2, .contact #content h2 {margin-bottom: 0.6em;}
.about #content p, .contact #content p {margin-bottom: 1.5em; line-height: 1.6em; font-size:1.2em}
.contact td { padding: 5px 0; font-family:Arial, Helvetica, sans-serif }
.contact td.bold { font-weight: bold; font-family:Arial, Helvetica, sans-serif }

/* Terminology
-------------------------------------------------------*/

.terminology #content{width:720px;overflow:hidden;}
.terminology #content h2 {margin-bottom: 0.6em;}
.terminology #content h3 { font-size:1.5em;margin-bottom: 1.5em;}
.terminology #content p {margin-bottom: 1.5em; line-height: 1.6em; font-size:1.2em}

.terminology #content dt {
	float: left;
	width: 220px;
	font-weight: bold;
	padding-bottom: 2em;
	padding-top: 1em;
	line-height: 1.5em;
	border-top-width: 1px;
	border-top-style: solid;
}
.terminology #content dd {
	float: left;
	width: 500px;
	padding-bottom: 2em;
	padding-top: 1em;
	line-height: 1.5em;
	border-top-width: 1px;
	border-top-style: solid;

}
.terminology #content dl {font-size: 1.2em;}

.terminology #content ol { list-style: decimal; list-style-position: outside; margin:0 30px 0 30px}

.terminology #content ul { list-style: none; list-style-position:inside; margin:0 10px 20px 30px}
.terminology #content ol li {margin-bottom: 1em; line-height: 1.6em; font-size:1.2em; font-family: Arial, Helvetica, sans-serif}
.terminology #content ul li {line-height: 1.6em; font-size:1.2em; font-family: Arial, Helvetica, sans-serif}
/* Register
-------------------------------------------------------*/

.register #content,
.create-ideas #content {width:720px;}

.register #content h2,
.create-ideas #content h2 {margin-bottom: 0.6em;}

.register #content p,
.create-ideas #content p {margin-bottom: 1.5em; line-height: 1.6em; font-size:1.2em}

.register #content fieldset,
.create-ideas #content fieldset {padding: 20px;}

.register #content fieldset label,
.create-ideas #content fieldset label {float: left;width: 200px;}


.register #content fieldset p,
.create-ideas #content fieldset p {margin-bottom: 1em}

.register #content fieldset p input,
.create-ideas #content fieldset p input,
.create-ideas #content fieldset p textarea  {width: 295px; }

.create-ideas #content fieldset p select,
.register #content fieldset p select {width: 300px; }

.create-ideas #content fieldset p textarea  {height: 200px; }

.register #content .button,
.create-ideas #content .button { padding: 6px;margin-left: 200px;margin-top: 10px;}

/* More Info
-------------------------------------------------------*/

.more-info #content {width: auto }
.more-info #content h2 {margin-bottom: 0.6em;}

.more-info #listing .row {width:720px;repeat-y left top;  margin:0 0 20px 0; position:relative;overflow:hidden;}
	
.more-info #listing .product { float:left;width:330px;margin-right:0px;overflow:hidden;padding: 10px 10px 6.6em;position: relative}
		
.more-info #listing .product .image {width:100px;height:100px;background:#fff;padding:1px;}
.more-info #listing .product .image div {display:table; height:99px;}
.more-info #listing .product .image div div {display: table-cell; width:99px; vertical-align: middle; position:static; text-align:center;}
			
.more-info #listing .product .print {font-size:1.4em;font-weight:bold;margin-bottom:0.47em;}
.more-info #listing .product div.data {float:right; width:210px;}
.more-info #listing h3 {font-size:1.4em;font-style:italic;font-weight:bold;margin-bottom:0.47em;}
.more-info #listing p {margin-bottom:1.3em;font-size: 1.2em;}
.more-info #listing p.info {margin:-0.5em 0 0 0;}
						
.more-info #listing .product .actions {position:absolute;bottom:0;text-align: right;padding-top: 10px;padding-bottom: 10px;width: 320px}
.more-info #listing .product .actions input {margin-left: 10px}
.more-info #listing .product .actions input.button,
.more-info #listing .product .actions input.buttonAdded {padding: 4px; font-size:14px}


/* Pagination
	-------------------------------------------------------*/

#pagination li { border: 0; margin: 0; padding: 0; }
#pagination li { border: 0; margin: 0; padding: 0; list-style: none; /* savers */ float: left; font-family:Arial, Helvetica, sans-serif }
#pagination a { border: solid 1px #E2E2E2; margin-right: 2px; }
#pagination .previous-off, #pagination .next-off { border: solid 1px #E2E2E2; color: #888888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 4px; }
#pagination .next a, #pagination .previous a { font-weight: bold; }
#pagination .active { color: #717174; border: solid 1px #017ebf; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px; /* savers */ margin-right: 2px; }
#pagination .inactive { color: #717174; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px 6px; /* savers */ margin-right: 2px; }
#pagination a:link, #pagination a:visited { color: #717174 !important; display: block; float: left; padding: 3px 6px; text-decoration: none; }
#pagination a:hover { border: solid 1px #717174; }