/*
	Author	:	B.K. Rho
	Email	:	rho@dynasig.com
	Website	:	http://www.dynasig.com/
	
	margin:10px 0 10px 0; (T R B L)
	background:#b484da;
*/

/* General *****************************************************************************************/
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
}

a {
	color:#b484da;
	text-decoration:none;
}
a:hover {
	color:#666;
	text-decoration:underline;
}
blockquote {
	background:#f1f1f1;
	border-left:2px solid #7534aa;
	color:#444;
	display:block;
	font-style:oblique;
	line-height:20px;
	margin:0 0 0 10px;
	padding:0 0 0 10px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}

/* Basic Text *****************************************************************************************/	
.default	{ 
	color:#1A1A1A;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
	}
.default a { 
	color:#FF7200;
	text-decoration: none;
	}
.default a:hover { 
	color:#ff6600;
	text-decoration: none;
	}	

/* body *****************************************************************************************/
body {
	/*background-image: url(image/bg.jpg);*/
	background-color:#ffffff;
	/*background-repeat: repeat-x;*/
	height:100%;
	width:100%;
	position:absolute;
	text-align:center;
}

/* page *****************************************************************************************/
.page
{
	background:#fff;
	margin:0 auto;
	position:static;
	width:100%;
	text-align:center;
	
	color:#585958;
	font-family:"verdana";
	font-size:12px; 
	line-height:17px;
}

/* top *****************************************************************************************/
.top 
{
	background-image: url(image/bg_top.png);
	position:relative;
	margin:0 0 0 0;
	width:100%;
	height:100px;
	vertical-align:bottom;
	color:#585958;
	font-family:"verdana";
	font-size:11px;	
}

.topInside
{
	background-image: url(image/bg_top.png);
	position:relative;
	margin:0 0 0 0;
	width:800px;
	height:100px;
	vertical-align:bottom;
	color:#585958;
	font-family:"verdana";
	font-size:11px;	
}

.topleft 
{
	position:relative;
	width:220px;
	height:100px;
	text-align:left;
	float:left;
}

.topcenter 
{
	position:relative;
	width:750px;
	height:100px;
	text-align:center;
	float:left;	
}

.topright
{
	position:relative;
	width:500px;
	height:100px;
	text-align:left;
}

/* MENU *****************************************************************************************/
div.menuline {
	position:relative;
	width:100%;
	height:27px;
	background:#E6E6E6;
	vertical-align:middle;
	color:#585958;
	font-family:"verdana";
	font-size:13px; 
	line-height:20px;
}

/* menu */
div.menu {
	position:absolute;
	margin:auto;
	width:296px;
	height:100px;
	left:40px;
}

div.menu a {
	color:#fff;
	font-size:14px;
	line-height:14px;
	margin:0 auto;
	padding:0px;
	font-family:"Arial";
	font-weight: bold;
	height: 100px;
}

div.menu a:hover{
	border-top:4px solid #ea6b48;
	color:#ea6b48;
	margin:0 auto;
	padding:0px;
}

/* Content *****************************************************************************************/
div.content 
{
	background:#fff;
	position:relative;
	margin:auto;
	padding:10px;
	width:780px;
	height:100%;	/*541px;*/
	text-align:left;
	vertical-align:top;
}
div.content p {
	line-height:20px;
	padding:3px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	text-align:left;
}
div.content h1 {
	/*aborder-bottom:2px solid #7534aa;*/
	font-family:"arial";
	color:#E7651A;
	font-size:17px;
	font-weight:bold;
	line-height:17px;
	padding:3px;
}


/* search engine */
div.search {
	position:absolute;
	width:400px;
	height:100px;
	top:30px;
	left:380px;
}

/* header */
div.header {
	background-image: url(image/banner_index.gif);
	width:780px;
	height:200px;
	margin:0 auto;
	position:static;
}
div.header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
div.header h1 {
	color:#2943C2;
	font-size:25px;
	font-weight:bold;
	left:100px;
	letter-spacing:0px;
	position:relative;
	top:40px;
}
div.header p {
	color:#808080;
	font-size:20px;
	line-height:30px;
	padding:10px;
	text-align:center;
	margin:0px 0 100px 0;
}
div.header ul {
	list-style:none;
	position:absolute;
	top:100px;
}
div.header ul li {
	list-style:none;
}
div.header ul li a {
	color:#fff;
	display:block;
	font-size:1.2em;
	font-weight:700;
	height:20px;
	padding:10px;
	width:190px;
}
div.header ul li a:hover {
	background:#b484da;
	color:#eee;
	text-decoration:none;
}

div.headerService {
	background-image: url(image/headerService.gif);
	width:1100px;
	height:150px;
	position:absolute;
	left:0px;
	top:65px;
}

div.headerDelivery {
	background-image: url(image/headerDelivery.gif);
	width:1100px;
	height:150px;
	position:absolute;
	left:0px;
	top:65px;
}

div.headerContact {
	background-image: url(image/headerContact.gif);
	width:1100px;
	height:150px;
	position:absolute;
	left:0px;
	top:65px;
}

div.headerCoupon {
	background-image: url(image/headerCoupon.gif);
	width:1100px;
	height:150px;
	position:absolute;
	left:0px;
	top:65px;
}

/* footer *****************************************************************************************/
div.footer 
{
	background-color:#E6E6E6;
	position:relative;
	width:100%;
	height:50px;
		
	color:#808080;
	font-family:"verdana";
	font-size:11px;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
}

div.footerline 
{
	background-color:#A6A6A6;
	position:relative;
	width:100%;
	height:1px;
}

/* sidebar */
div.sidebar {
	margin:0 auto;
	position:relative;
	float:left;
	width:150px;
	height:363px;
	line-height:0px;
}
div.sidebar h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
div.sidebar input {
	background:#f1f1f1;
	color:#555;
	margin:10px;
	padding:5px;
	width:180px;
}
div.sidebar p {
	/*background:#f1f1f1;*/
	color:#fff;
	/*display:block;*/
	font-size:70%;
	line-height:20px;
	margin:0 0;
	padding:5px;
	font-family:"Arial Black";
}
div.sidebar p a.more {
	display:block;
	text-align:right;
}
div.sidebar ul {
	margin:10px;
}
div.sidebar ul li {
	border-bottom:1px solid #b484da;
	list-style:none;
	padding:5px 2px;
}
div.sidebar ul li a {
	color:#333;
	display:block;
	font-family:Geneva;
	padding:5px;
	text-decoration:none;
}
div.sidebar ul li a:hover {
	color:#000;
}

/* sidebar page */
div.sidebarPage {
	margin:0 auto;
	position:relative;
	float:left;
	width:150px;
	height:150px;
	top:70px;
	border:4px solid #F1F1F1;
}
div.sidebarPage h1 {
	border-bottom:2px solid #7534aa;
	color:#444;
	font-size:165%;
	font-weight:400;
	line-height:30px;
	padding:0 10px;
}
div.sidebarPage p {
	color:#000;
	/*display:block;*/
	font-size:80%;
	line-height:20px;
	margin:0 0;
	padding:7px;
	font-family:"Arial";
	font-weight:bold;
}

/* Ajax *****************************************************************************************/
.watermark {
	background: #FFAAFF;
}

.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:5px;
	width:500px;
	height:400px;
}

/* Table class **************************************************************************************/
.tableMain
{ 
	width:780px;
	height:147px;
	background-image: url(image/box_main.gif);
	
	color:#000;
	line-height:20px;
}

.tableSearch
{ 
	width:495px;
	height:227px;
	background-image: url(image/box_search.gif);
}

.tableSearch tr td  
{
	padding: 3px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:11px;
	text-align:left;
	height:12px;
}

.tableSearch tr td a  
{
	color:#D66816;
	font-weight: bold;
    /*text-decoration:underline;*/
}

.tableSearch tr td a:hover  
{
	color:#F09450;
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	padding: 0;
}

/* keyword selector */
.tableKeyword
{ 
	width:495px;
	height:150px;
}

.tableKeyword tr td  
{
	padding: 2px;
	color:#585958;
	font-family:"verdana";
	font-size:10px; 
	line-height:12px;
	text-align:left;
}

/* table main today */
.tableMainToday  
{
	width:250px;
	height:155px;
	background-image: url(image/box_today.gif);
}

.tableMainToday tr td
{
	text-align:left;
	vertical-align:top;
	padding:20px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* table main right bottom */
.tableMainRight  
{
	width:250px;
	height:300px;
	background-image: url(image/box_features.gif);
}

.tableMainRight tr td
{
	text-align:left;
	vertical-align:top;
	padding:2px;
	color:#585958;
	font-family:"arial";
	color:Navy;
	font-size:15px; 
	line-height:15px;
	height:25px;
}

/* table right bottom */
.tableRightBtm  
{
	width:250px;
	height:155px;
	background-image: url(image/box_right_btm.gif);
}

.tableRightBtm tr td
{
	text-align:left;
	vertical-align:top;
	padding:20px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* account creation */
.accountCreateClass  
{
	padding: 3px;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:15px;
}

/* My Account */
.tableMyAccount
{ 
	width:700px;
	height:400px;
}

.tableMyAccount tr td  
{
	padding:3px;
	color:#585958;
	font-family:"verdana";
	font-size:12px; 
	line-height:15px;
	vertical-align:top;
	text-align:left;
}

/* table Gv */
.tableGv
{ 
	color:Blue;
}

.tableGv a
{ 
	
	
}

/* Gridview Pager */
.gvPager
{ 
	background-color:White;
	text-align:center;
	color:Red;
	font-weight:bold;
}

.gvPager a
{ 
	color:Silver;
	
}

.tableMyAccount tr td  
{
	padding:3px;
	color:#585958;
	font-family:"verdana";
	font-size:12px; 
	line-height:15px;
	vertical-align:top;
	text-align:left;
}

/* Gridview Header Style *******************************************************************************************************/
.gvItem
{
	width:750px;
}

.gvHeader
{
	height:28px;
	background-image:url(image/bg_GvHeader.gif);
	background-repeat:repeat;
	color:Black;
	font-family:Arial;
	font-size:small;
}

.gvHeader a
{
	color:Black;
}

.gvRow
{
	height:27px;
	background-color:White;
	vertical-align:middle;
	color:#585958;
	font-family:"verdana";
	font-size:11px; 
	line-height:25px;
}

.HiddenColumn
{
	display:none;
}

/* Ad *******************************************************************************************************/
div.AdTop{
	margin:0 auto;
	position:static;
	/*float:center;*/
	text-align:center;
	width:796px;
}

div.AdBtm{
	margin:0 auto;
	position:static;
	/*float:center;*/
	text-align:center;
	width:796px;
}