@charset "utf-8";
/* CSS Document for PremaStop Website */


/*--------------- # # -- CSS GLOBAL RESET -- # # ---------------  (DO NOT CHANGE) */
body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fcecca url(images/bdbg5018.jpg) center top repeat-y;
	color:#000000;
	font-size:12px;
}
html {
	min-height:100%;
	margin-bottom:1px;
	overflow:-moz-scrollbars-vertical !important;
}
a, img {
	border:0;
	outline-style:none;
}
/*--------------- # # -- CONTAINERS -- # # ---------------*/
#wrapper {
	width:1002px;
	margin:0 auto;
}
#header, .header {
	background:url(images/header_bg.jpg) left top repeat-x;
}
#content_outer, #footer_outer, .spacer {
	background-color:#FFFFFF;
}
#content_outer {
	line-height:2em;
}
.content_img_r {
	padding-left:30px;
}
.content_img_l {
	padding-right:30px;
}
#order_outer {
	background-color:#f2ffe7;
}
/* FOR STYLING OF THE ORDER SUMMARY PART */
#order_summary {
	background:#304b1a url(images/smmrbg5802.jpg) left top repeat-x;
	color:#FFFFFF;
	font-size:10px;
	padding:10px 4px 0 4px;
}
/* FOR STYLING OF THE HEADINGS */
#heading {
	font-size:26px;
	color:#317000;
	line-height:34px;
	padding:10px 38px 35px 8px;
	width:710px;
}
#heading_order {
	font-size:30px;
	color:#003471;
	padding:10px 38px 35px 0;
	width:500px;
}
.flags {
	padding-bottom:19px;
}
/* FOR STYLING OF THE INTRO PART */
#intro {
	font-size:12px;
	text-align:justify;
	padding:0 38px 0 8px;
	line-height:2em;
	width:710px;
}
#text_order {
	font-size:12px;
	text-align:center;
	padding:0 30px 0 30px;
}
/* FOR STYLING OF THE TITLES */
.title {
	width:710px;
	padding:50px 38px 30px 8px;
	color:#ff8a16;
	font-size:20px;
}
/* FOR STYLING OF THE MAIN TEXT CONTENT */
.para {
	padding:0 38px 0 8px;
	width:710px;
	font-size:12px;
	line-height:2em;
	text-align:justify;
}
.sub_head {
	font-size:14px;
}
#order_table {
	width:550px;
	margin:0 auto;
}
/* FOR STYLING OF THE FOOTER PART */
.footer {
	background:url(images/ftrbg4984.jpg) left top repeat-x;
	font-size:11px;
	padding:10px 0;
}
.footer a {
	color:#000000;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:underline;
}
/*--------------- # # -- ANCHORS & LISTS -- # # ---------------*/
ul.benefits {
	padding:0;
	margin:0;
}
ul.benfits li {
	list-style-type:none;
	margin:0;
	background:url(images/blltpn1320.jpg) left top no-repeat;
	color:#2d4619;
	font-weight:bold;
	padding:0 0 0 30px;
	line-height:30px;
}
a.black {
	color:#000000;
	text-decoration:underline;
}
a.black:hover {
	text-decoration:none;
}
.free {
	color:#fee000;
}
/*--------------- # # -- FORMS & BUTTONS -- # # ---------------*/
.textbox {
	border:1px solid #999999;
	width:180px;
}
.dropdown {
	border:1px solid #999999;
	width:182px;
}
.button {
	padding:4px 10px;
	border:1px solid #CCCCCC;
	background:#ff7c00 url(images/bttnbg5794.jpg) left top repeat-x;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}
/*--------------- # # -- NAVIGATION -- # # ---------------*/
ul.navigation {
	list-style-type:none;
	width:733px;
	height:23px;
	background:url(images/nvbg6401.jpg) left top repeat-x;
	padding:13px;
	margin:0;
}
ul.navigation li {
	display:inline;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:0;
	margin:0;
}
ul.navigation li a {
	padding:6px 20px;
	color:#FFFFFF;
	text-decoration:none;
}
ul.navigation li a:hover {
	background:#be7928 url(images/nvhvr6375.jpg) left top repeat-x;
	color:#2e4719;
}
ul.navigation li a.current {
	padding:6px 20px;
	text-decoration:none;
	background:#be7928 url(images/nvhvr6375.jpg) left top repeat-x;
	color:#2e4719;
}
/* -------- CART DETAILS ------------------ */

/*--- this line is to change the alternating color of the table (form white to this light color) ----*/ 
.lightb {
	background-color:#f0ffe3;
}
/*--- this line is to change color of the main text of the table, line height, text-align and font-size ----*/ 
.ordertb {
	color:#000;
	line-height:1.2em;
	text-align:center;
	font-size: 12px;
}
/*--- this line is to change the height of the td and padding of the table ----*/ 
.ordertb td {
	padding:5px 0px;
	height:40px;
	vertical-align:middle;
}
/*--- this line is to change the height of the td with a class of tdblue and tdblue2  ----*/ 
.ordertb tr.tdblue2 td, .ordertb tr.tdblue td {
	height:30px;
}
/*--- this line is the default color of the BONUS text if you take away the class of "oran" ----*/ 
.ordertb td strong {
	font-size:11px;
	color:#82c618;
	font-weight:normal;
}
/*--- this line is to change the color of the BONUS text  ----*/ 
.ordertb td strong.oran {
	font-size:11px;
	color:#f13500;
	font-weight:normal;
}
/*--- this lines is to change the background color of the titles and the background color of the coupon part  ----*/ 
.tdblue {
	background-color:#304c1b;
	color:#fff;
}
.tdblue2 {
	background-color:#304c1b;
	color:#fff;
	font-weight:bold;
}
.tdblue td, .tdblue2 td {
	vertical-align:middle;
}