/* =layout */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3 , h4, h5, h6, pre, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6
{ font-size : 100%; }

/* Removes list-style from lists */
ol, ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes spacing in tables */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset, img { border : 0; }

/* Left-aligns text in caption and th */
caption, th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

* {
	padding: 0;
	margin: 0;
}
body {
	background-color: #fff;
	margin: 10px 0 40px 0;
	padding: 0;
	text-align: center;
}
#branding {
	margin: 0 auto;
	text-align: center;
	height: 100px;
	width: 990px;
/*
	background: url(../images/logo.jpg) top left no-repeat;
*/
	border: 1px #fff solid;
}
#branding img {
	float: left;
}
#header {
	padding: 0px;
	width: 100%;
	height: 104px;
	margin: 0px;
	float: left;
}

/* =login */

#input {
	float: left;
	height: 25px;
	width: 270px;
}
#login {
	float: right;
	height: 25px;
	width: 300px;
	padding: 2px 0;
/*
	margin: 60px 0 0 0;
*/
	margin: 40px 0 0 0;
}
#login h5 a {
	font-size: 1em;
	text-decoration: none;
	padding-left: 5px;
}
.txtbox1 {
	background-image: url(../images/dot2.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	margin: 0px;
	float: left;
	width: 298px;
	height: 28px;
	border: 1px solid #999999;
	padding: 0px;
}

/* =navigation */

#navigation {
	width: 100%;
	height: 120px;
	background: url(../images/navbar.png) top repeat-x;
	position: absolute;
	top: 120px;
}
#navbar {
	height: 60px;
	background-color: #033F7C;
}
#navButtons {
	position: relative;
	width: 990px;
	margin: 0 auto;
}

/* =middle */

#middle {
	margin: 60px auto 0;
	width: 990px;
	border: 1px #fff solid;
}
.midRow {
	margin: 10px 0;
	float: left;
	width: 990px;
}
.template h1 {
	text-align: center !important;
	width: 990px;
	padding-bottom: 20px !important;
}
.template p {
text-align: center !important;
}
.midRow h1 {
	width: 990px;
}
.midRow	p {
	width: 270px;
	float: left;
	margin-right: 40px;
}
.midRow img {
	float: right;
	height: 140px;
	width: 140px;
	margin: 0 0 0 25px;
}
#midCol1 {
	width: 470px;
	float: left;
}
#midCol2 {
	width: 470px;
	float: right;
}
#midCol2 div.colRow {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	text-align: left;
}
#midCol2 div.colRowbot {
	border-bottom: none;
	width: 630px;
	padding-bottom: 20px;
	margin: 0 0 20px 0;
	text-align: left;
}
#midCol2 div.colRow img, #midCol2 div.colRowbot img {
	margin-right: 20px;
	vertical-align: top;
}
#midCol2 div.colRow img.last, #midCol2 div.colRowbot img.last {
	margin-right: 0;
}
#midCol3 {
	width: 990px;
	text-align: left;
}
#middle #midCol3 img {
	float: right;
	margin: 0 0 40px 40px;
}

#midCol3 h1 {
	width: 100%;
}

/* =boxGold */

div#boxGold1 {
	float: right;
	height: 140px;
	width: 300px;
	background: url(../images/BettysCakes.jpg) left center no-repeat #9c8141;
}
div#boxGold2 {
	height: 75px;
	width: 300px;
	padding: 10px 5px 5px 5px;
	background-color: #9c8141;
	margin: 0 0 10px 0;
	float: left;
}

/* =boxPurple */

div#boxPurple1 {
	background-color: #4f1356;
	float: right;
	height: 75px;
	width: 300px;
	padding: 10px 0 0 0;
}
div#boxPurple2 {
	background-color: #4f1356;
	height: 75px;
	width: 300px;
	padding: 10px 5px 5px 5px;
	margin: 0 0 10px 320px;
}

/* =bottom */

#bottom {
	margin-top: 40px;
	width: 100%;
	background: url(../images/grnd_bg.jpg) left top repeat-x;
	float: left;
}
#botContent {
	width: 990px;
	margin: 20px auto;
}
form#form2 {
	float: right;
	width: 660px;
}
.formCol {	
	float: left;
	width: 170px;
	margin: 0px 0px 0px 20px;
}
#footer {
	width: 990px;
	margin: 0 auto;
	border-top: 1px solid #ccc;
}
#footer div#colOne {
	width: 600px;
	float: left;
}
#footer div#colTwo {
	width: 290px;
	float: right;
}
#footer img {
	width: 143px;
	height: 50px;
	float: left;
}
#middle #midCol2 .colRow div table tr .tabheading {
	color: #fff;
}
input[name=search] {
	width: 220px;
}
input[name=search]:focus {
	background-color: #ffc;
}

/* Duy Added */
.dropdownlist_quantity { font-size:12px; color:#626262; width:80px}
.product_name { font-size:12px; color:#626262}
.price_value { font-size:12px; color:#626262}
.quantity_value { font-size:12px; color:#626262}
.total_value { font-size:12px; color:#626262}

.btn_delete{ color:#333333}
.btn_remove_selected{ color:#333333}
.btn_save{ color:#333333}

.tbl_price {}
.tbl_price tr td{padding:5px}


/*-------------------index-------------------*/
.c1{ width:990px;}
.text_col1{ float:left; text-align:left; margin-top:20px}
.text_col1 .p1{ font-size:20px; font-weight:bold; color:#9c8041; margin-bottom:10px}
.text_col1 .p2{ font-size:18px; font-weight:bold; color:#48719f}

.text_col2{ float:right}

.clear{ clear:both}



.c2{ width:990px; font-size:1.5em; line-height:1.4em; text-align:left}

.c2 .c2_left{ width:320px;  float:left}

.c2 .c2_left .p1{ margin:0 0 15px 0}

.c2 .c2_right{ width:624px; float:right}

.c2 .c2_right .bd{float:left; margin: 15px 15px 15px 0}

.c2 .c2_right .txt_stuty{float:left; margin: 15px 0 15px 0; width:500px; font-weight:bold; font-size:18px; color:#48719f}

.c2 .c2_right .line{ height:2px; background:#CCC; margin-bottom:15px}

.c2 .c2_right .invite{ color:#666; font-weight:bold; font-size:16px}

.c2 .c2_right .img1{ margin-right:20px; border:0}

.c2 .c2_right .img2{ margin-right:20px; border:0}

.c2 .c2_right .img3{ margin-right:0px; border:0}

.c2 .c2_right .phone{margin:10px 0 10px 0; font-weight:bold}
/*-------------------index-------------------*/

#sale-btn {
	float: right;
	border: 1px solid #ccc;
	position: relative;
	margin-left: -200px;
	left: 15px;
	top: 10px;
}

#sale-btn a {
	float: left;
}

#sale-btn img {
	float: left;
}

#pricing_table {
	padding-top: 50px;
}