/***********************************************************
Specific style definitions = applicapable only to specific
pages
***********************************************************/

/***********************************************************
Page name: Default
***********************************************************/
#logo.default {

}

#banner.default {
	width: 750px;
	height: 95px;
	background-image: url(../layout/ramsign-top-banner.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

#contentContainer.default {
	color: inherit;
}

#preamble.default {
	background-color: #e2e9ef;
	width: 220px;
	height: 100%;
	padding-top: 15px;
  	padding-left: 10px;
}

#preamble.default a {
	font-size: 100%;
	text-decoration: none;
}

#content.default {
	background-color: white;
	color: inherit;
	padding-top: 15px;
	padding-left: 10px;
	margin-left: 12px;
	float: right;
}


#content.default a {
	font-size: 100%;
}

#content.default ul {
	max-width: 520px;
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
}

#content.default ul span {
	display: block;
	background-color: inherit;
	font-size: 105%; 
	font-weight: bold;
	color: #064747;
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
}

#content.default li {
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}


/* Page name: Default - special
----------------------------------------------------------*/
#content.default ul span:first-letter {
	text-transform: capitalize;
}

#content.default li.first {
	border: none;
}


/***********************************************************
Page name: Products
***********************************************************/
#contentContainer.products #column {
	float: left;
}

#contentContainer.products #preamble {
	width: 314px;
}

#contentContainer.products #content {
	clear: left;
	width: 314px;
	margin-top: 10px;
	padding-right: 10px;
}

#contentContainer.products ul {
	list-style-type: none;
	margin-top: 5px;
	margin-left: 0px;
	padding-left: 0px;
}

#contentContainer.products li {
	width: 100%;
	line-height: 120%;
	margin-bottom: 10px;
	float: left;
}

#contentContainer.products li a {
	background-color: inherit;
	color: black;
	font-weight: normal;
	text-decoration: none;
}

#contentContainer.products li a:hover {
	background-color: inherit;
	color: #FF8000;
	text-decoration: none;
}

#contentContainer.products li img {
	width: 60px;
	height: 60px;
	margin-right: 10px;
	float: left;
}

#contentContainer.products span {
	display: block;
	background-color: inherit;
	font-size: 105%;
	font-weight: bold;
	color: #064747;
}

#contentContainer.products span.readMore {
	display: inline;
	background-color: inherit;
	font-size: 75%;
	color: #37658F;
}

#contentContainer.products img {
	float: right;
}


/***********************************************************
Page name: News
***********************************************************/
#contentContainer.news #preamble {
	width: 200px;
	height: 556px;
	background-image: url(../pages/news/news.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px;
}

#contentContainer.news #content {
	max-width: 535px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.news ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#contentContainer.news li {
	display: block;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.news span {
	display: block;
	background-color: inherit;
	font-size: 105%; 
	font-weight: bold;	 
	color: #064747;
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
}

#contentContainer.news img {
	margin-left: 10px;
	float: right;
}


/* Page name: News - special
----------------------------------------------------------*/
#contentContainer.news li.first {
	border: none;
}


/***********************************************************
Page name: Promo
***********************************************************/
#contentContainer.promo #preamble {
	width: 230px;
	height: 630px;
        background-color: #ffffff;
	background-image: url(../pages/promo/promo.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px;
}

#contentContainer.promo #content {
	max-width: 494px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.promo ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#contentContainer.promo li {
	display: block;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.promo span {
	display: block;
        background-color: #555555;
	font-size: 105%; 
	font-weight: bold;	 
	color: #064747;
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
}

#contentContainer.promo img {
	margin-left: 10px;
	float: right;
}


/* Page name: Promo - special
----------------------------------------------------------*/
#contentContainer.promo li.first {
	border: none;
}


/***********************************************************
Page name: Links
***********************************************************/
#contentContainer.links #preamble {
	width: 200px;
	height: 556px;
	background-image: url(../pages/links/slot.jpg);
	background-position: left;
	background-repeat: no-repeat;
	padding: 0px;
}

#contentContainer.links #content {
	max-width: 535px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.links ul {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 0px;
}

#contentContainer.links li {
	display: block;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.links span {
	display: block;
	background-color: inherit;
	font-size: 105%; 
	font-weight: bold;	 
	color: #064747;
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
}

#contentContainer.links img {
	margin-left: 10px;
	float: right;
}


/* Page name: Links - special
----------------------------------------------------------*/
#contentContainer.links li.first {
	border: none;
}


/***********************************************************
Page name: Retailers
***********************************************************/
#contentContainer.retailers #preamble {
	width: 300px;
	background-image: url(../pages/retailers/retailers.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 450px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.retailers #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.retailers #preamble p {
	padding-left: 5px;
}

#contentContainer.retailers #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.retailers ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.retailers li {
	clear: left;
	width: 100%;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.retailers span {
	display: block;
}


/* Page name: Retailers - special
----------------------------------------------------------*/
#contentContainer.retailers li.first {
	border: none;
}

#contentContainer.retailers span.heading {
	background-color: inherit;
	font-size: 105%; 
	font-weight: bold;	 
	color: #064747;
	text-align: left;
	margin-top: 0; 
	margin-bottom: 0;
}


/***********************************************************
Page name: Login
***********************************************************/
#contentContainer.login #preamble {
	width: 300px;
	background-image: url(../pages/retailers/login.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 225px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.login #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.login #preamble p {
	padding-left: 5px;
}

#contentContainer.login #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.login ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.login li {
	clear: left;
	width: 100%;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.login span {
	display: block;
}


/***********************************************************
Page name: Retailer Signup
***********************************************************/
#contentContainer.signup #preamble {
	width: 300px;
	background-image: url(../pages/retailers/retailer_signup.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 880px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.signup #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.signup #preamble p {
	padding-left: 5px;
}

#contentContainer.signup #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.signup ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.signup li {
	clear: left;
	width: 100%;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.login span {
	display: block;
}

/***********************************************************
Page name: About
***********************************************************/
#contentContainer.about #preamble {
	width: 249px;
	height: 514px;
	background-image: url(../pages/about/domicil.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 0px;
}

#contentContainer.about #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.about #preamble p {
	padding-left: 5px;
}

#contentContainer.about #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.about ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.about li {
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.about span {
	display: block;
}



/***********************************************************
Page name: Background
***********************************************************/
#contentContainer.background #preamble {
	width: 300px;
	background-image: url(../pages/background/background.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 1103px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.background #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.background #preamble p {
	padding-left: 5px;
}

#contentContainer.background #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.background ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.background li {
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.background span {
	display: block;
}

/***********************************************************
Page name: Blank
***********************************************************/
#contentContainer.blank #preamble {
	width: 300px;
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 650px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.blank #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.blank #preamble p {
	padding-left: 5px;
}

#contentContainer.blank #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.blank ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.blank li {
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.blank span {
	display: block;
}



/***********************************************************
Page name: Testimonial
***********************************************************/
#contentContainer.testimonial #preamble {
	width: 300px;
	background-image: url(../pages/testimonial/testimonial.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 450px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.testimonial #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.testimonial #preamble p {
	padding-left: 5px;
}

#contentContainer.testimonial #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.testimonial ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.testimonial li {
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.testimonial span {
	display: block;
}

/***********************************************************
Page name: Confirm
***********************************************************/
#contentContainer.confirm #preamble {
	width: 300px;
	background-image: url(../pages/front/confirm.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-top: 257px;
	padding-left: 0px;
	padding-right: 0px;
}

#contentContainer.confirm #preamble h2 {
	border-top: 5px solid white;
	padding-left: 5px;
}

#contentContainer.confirm #preamble p {
	padding-left: 5px;
}

#contentContainer.confirm #content {
	max-width: 495px;
	background-color: white;
	color: inherit;
	padding-left: 15px;
}

#contentContainer.confirm ul {
	max-width: 435px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	float: left;
}

#contentContainer.confirm li {
	clear: left;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

#contentContainer.confirm span {
	display: block;
}

/***********************************************************
Page name: Products_category
***********************************************************/

#contentContainer.productsCategory #preamble {
	width: 420px;
	background-color: white;
	color: inherit;
	padding: 0px;
}

#contentContainer.productsCategory #preamble a {
	color: #2232a9;
}

/*#contentContainer.productsCategory #preamble img {
	width: 420px;
	margin-bottom: 10px;
}*/

#contentContainer.productsCategory #content {
	max-width: 315px;
	width: 300px;
	padding-left: 15px;
}

#contentContainer.productsCategory h2 {
	clear: left;
}

#contentContainer.productsCategory ul {
	width: 100%;
	list-style-type: none;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 20px;
	padding-left: 0px;
	float: left;
}


#contentContainer.productsCategory li {
	width: 100%;
	display: list-item;
	border-top: 1px dotted #c0c0c0;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}
  
#contentContainer.productsCategory li a {
	text-decoration: none;
}

#contentContainer.productsCategory li span {
	display: block;
	line-height: 110%;
}

#contentContainer.productsCategory li span.group {
	color: #3665a2;
	float: left;
}

#contentContainer.productsCategory img {
	margin-right: 10px;
	float: left;
}

#contentContainer.productsCategory img.icon {
	float: none;
	vertical-align:middle;
}


/* Page name: Products_category - special
----------------------------------------------------------*/
#contentContainer.productsCategory .toOrder {
	width: 260px;
	background-color: #37658F;
	background-position: 17px 15px;
	background-repeat: no-repeat;	
	color: white;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 5px;
	padding-bottom: 15px;
	float: left;
	clear: left;
}

#contentContainer.productsCategory .toOrder a {
	background-color: inherit;
	color: white;
	text-decoration: none;
}

#contentContainer.productsCategory li.first {
	border: none;
}

#contentContainer.productsCategory span.enlarge {
	font-size: 90%;
	font-style: italic;
	float: left;
	
}


/***********************************************************
Page name: Product_enlarge
***********************************************************/
#contentContainer.productEnlarge #content {
	margin-top: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 10px;
}

#contentContainer.productEnlarge img {
	float: left;
}


/* Page name: Product_enlarge - special
----------------------------------------------------------*/
#contentContainer.productEnlarge a.back {
	float: left;
	clear: both;
}

#contentContainer.productEnlarge .toOrder {
	width: 200px;
	background-color: #37658F;
	background-position: 17px 15px;
	background-repeat: no-repeat;	
	color: white;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 5px;
	padding-bottom: 15px;
	float: right;
}

#contentContainer.productEnlarge .toOrder a {
	background-color: inherit;
	color: white;
	text-decoration: none;
}


/***********************************************************
Page name: Order
***********************************************************/
#contentContainer.order td h2 {
	background-color: inherit;
	color: black;
	margin-bottom: 10px;
}

td {
	font-size: 90%;
	text-align: left;
}

td input.button {
	background-color: #37658F;
	background-image: url(../layout/cart.gif);
	background-position: 17px 12px;
	background-repeat: no-repeat;
	font-size: 105%;
	font-weight: bold;
	color: white;
	text-align: left;
	border: none;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 5px;
	padding-bottom: 15px;
	cursor: pointer;
}


/***********************************************************
Page name: Order_form
***********************************************************/
body.orderform {
	margin-left: 10px;
	padding: 0px;
}

body.orderform #header {
	width: 750px;
	background-color: inherit;
	color: inherit;
	cursor: default;
	margin-top: 0px;
	margin-bottom: 20px;
	clear: both;
}

body.orderform #banner {
	width: 100%;
	background-color: #336666;
	background-image: url(../layout/logotype_60.gif);
	background-position: 80px 18px;
	background-repeat: no-repeat;
	color: inherit;
	float: left;
}

body.orderform #logo {
	cursor: default;
}

body.orderform table {
	clear: both;
}


/***********************************************************
Page name: Terms
***********************************************************/
body.terms {
	margin: 0px;
	padding: 0px;
}

body.terms #site {
	width: 100%;
}

body.terms #header {
	width: 100%;
	background-color: #336666;
	background-image: url(../layout/logotype_60.gif);
	background-position: 80px 18px;
	background-repeat: no-repeat;	
	color: inherit;
	float: left;
}

body.terms #logo {
	cursor: default;
}

body.terms #contentContainer {
	width: 100%;
	float: left;
	clear: both;
}

body.terms #content {
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
}

body.terms h2 {
	font-size: 105%;
	margin-bottom: 15px;
}

/***********************************************************
Page name: Popup images
***********************************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 300;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 2px;
left: -5000px;
border: 1px dashed black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -20px;
left: 20px; /*position where enlarged image should offset horizontally */
z-index: 300;

}

/************************************************************************/
/* FAQ			                                */
/************************************************************************/	
dl#faq dt {
	color:#1269bb;
	font-weight:bold;
}
dl.faq dt.faqClosed {
	background:transparent url(/images/faq_forward_arrow.gif) no-repeat 0 7px;
	color:#1269bb;
	font-weight:bold;
	text-decoration:none;
	font-weight:bold;
	padding:3px 0 0 10px;
	cursor:pointer;
}
dl.faq dt.faqOpen {
	background:transparent url(/images/faq_down_arrow.gif) no-repeat 0 7px;
	color:#1269bb;
	cursor:pointer;
	font-weight:bold;
	padding:3px 0 0 10px;
}
dl.faq dd {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	overflow: hidden;
}