WebSVN – SmartDukaan – Diff – /trunk/Website/WebContent/css/common.css

-/**
-  * Author 			: Raj Kumar Bharti
-  * Creation Date 	: 31 Dec 2010
-  * Project 		: Shop2020
-  * Copyright 2010 Evon Technologies
-*/
-html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
-body{
-	font-family:Verdana, Verdana, Geneva, sans-serif;
-	font-size:12px;
-	color:#000;
-	line-height:20px;
-	background:#555;
-}
-h1{
-	font-size:24px;
-	font-weight:bold;
-}
-h2{
-	font-size:20px;
-	font-weight:bold;
-}
-h3{
-	font-size:14px;
-	font-weight:bold;
-}
-a{
-	outline:none;
-	color:#0066CC;
-	text-decoration:none;
-}
-a:hover{
-	color:#0066CC;
-	text-decoration:underline;
-}
-a img {border:0;}
-input, select, textarea{outline:none;}
-/*___ Header ___*/
-#header{background:#fdfdfd;}
-#header .content{
-	width:980px;
-	margin:0 auto;
-	padding:10px 0 7px 0;
-}
-#logo{
-	float:left;
-	/*
-	margin-left:15px;
-	*/
-}
-#headerRight{
-	float:right;
-	width:650px;
-	margin-top:25px;
-	font-weight:bold;
-	font-size:11px;
-	color:#999;
-}
-#welcome_msg{
-	float:right;
-	width:250px;
-	margin-right:10px;
-	text-align:right;
-	color:#010101;
-}
-#headerRight #login_span{
-	float:right;
-	color:#0066cc;
-}
-.facebook{
-	padding:3px 25px 5px 0;
-	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
-	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
-}
-#subscribe{
-	float:left;
-	margin:5px 0 0 107px;
-	padding:2px 0;
-	color:#666;
-	border-right:1px solid #848484;
-}
-#subscribe span{margin-right:6px;}
-#subscribe input, #subscribe span{float:left;}
-#subscribe .textbox{
-	width:205px;
-	margin-right:3px;
-	padding:3px;
-	height:14px;
-	color:#999;
-	font-size:11px;
-	border:1px solid #848484;
-}
-#subscribe .button{
-	background:url(../images/buttons/go.jpg) no-repeat;
-	border:none;
-	width:31px;
-	height:21px;
-	margin:1px 6px 0 0;
-}
-#facebookFindUsOn{
-	float:right;
-	margin-top:5px;
-	width:104px;
-}
-/*___ Main ___*/
-#main{
-	width:980px;
-	margin:0 auto;
-}
-/*___ Sign In ___*/
-#signin_menu,
-#signin_menu .top,
-#signin_menu .middle,
-#signin_menu .bottom{width:272px;}
-#signin_menu{
-	position:absolute;
-	z-index:9999;
-	margin:-2px 0 0 405px;
-	padding:0;
-	font-weight:normal;
-	border:none;
-}
-#signin_menu .top{
-	line-height:16px;
-	background:url(../images/notification-top.png) no-repeat;
-}
-#signin_menu .middle{
-	background:url(../images/notification-ver-bar.png) repeat-y;
-}
-#signin_menu .middle dl{padding:15px 0;}
-#signin_menu .middle dt{
-	float:left;
-	width:80px;
-	margin:3px 8px 12px 0;
-	color:#333333;
-	text-align:right;
-	font-weight:normal;
-}
-#signin_menu .middle dd{
-	float:left;
-	width:160px;
-	margin-bottom:12px;
-	text-align:right;
-}
-#signin_menu .middle label.floatRight{color:#06c;}
-#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
-#signin_menu .middle .textbox{
-	padding:5px 0;
-	width:100%;
-	text-align:left;
-	font-size:11px;
-	background:#f8f8f8;
-	border:1px solid #b5b5b5;
-}
-#signin_menu .middle .bigImgButton{float:right;}
-#signin_menu .middle .button{
-	cursor:pointer;
-	margin-top:5px;
-	font-size:14px;
-	font-weight:bold;
-	border:none;
-	background:none;
-}
-#headerRight .signin,
-#headerRight .signin1,
-#headerRight .menu-open{
-	padding-right:18px;
-	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
-	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
-}
-#signin_menu .bottom{
-	height:65px;
-	background:url(../images/signin-bottom.png) no-repeat bottom left;
-}
-#signin_menu .bottom a{
-	color:#fff;
-	text-decoration:none;
-}
-#signin_menu .bottom a:hover{
-	color:#fff;
-	text-decoration:underline;
-}
-#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
-#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
-/*___ Notification ___*/
-#notification{
-	position:absolute;
-	margin:-4px 0 0 340px;
-	z-index:1000;
-}
-#notification,
-#notification .top,
-#notification .middle,
-#notification .bottom{
-	width:272px;
-}
-#notification .top{
-	line-height:16px;
-	background:url(../images/notification-top.png) no-repeat;
-}
-#notification .bottom{
-	line-height:16px;
-	background:url(../images/notification-bottom.png) no-repeat bottom left;
-}
-#notification .middle{
-	background:url(../images/notification-ver-bar.png) repeat-y;
-}
-#notification .colLeft{
-	float:left;
-	width:215px;
-	margin:0 0 3px 15px;
-	font-size:11px;
-	font-weight:normal;
-	color:#333;
-	line-height:18px;
-}
-#notification .link{
-	margin-top:2px;
-	font-weight:bold;
-}
-#notification a#notficationClose{
-	float:right;
-	width:18px;
-	margin-right:18px;
-}
-#notification .borderBottom{
-	margin:-15px 0 5px 0;
-	border-bottom:1px solid #ccc;
-}
-/*___ Search & Cart ___*/
-#searchCartArea{margin-bottom:4px;}
-#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
-#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
-#searchCartArea .center{
-	margin:0 4px;
-	background:url(../images/search-hor-bar.jpg) repeat-x;
-}
-#search{padding:3px 0;}
-#search .textbox{
-	float:left;
-	width:366px;
-	margin-right:4px;
-	padding:5px 4px;
-	border:1px solid #848484;
-}
-#search .dropdown{
-	float:left;
-	height:28px;
-	margin-right:5px;
-	font-size:14px;
-	border:1px solid #848484;
-	background:#fff;
-}
-#search .button{
-	cursor:pointer;
-	width:80px;
-	padding:4px 0 2px 0;
-	font-weight:bold;
-	background:none;
-	border:none;
-}
-#search, #cartValue,
-#search .bigImgButton, #cartValue .bigImgButton {float:left;}
-#cartValue{
-	float:right;
-	margin-top:3px;
-}
-#cartValue img{
-	float:left;
-	margin-right:6px;
-}
-#cartValue .caption{
-	float:left;
-	margin-top:4px;
-}
-/*___ Sidebar ___*/
-#sidebar{
-	width:240px;
-	float:right;
-	color:#333;
-}
-#sidebarBanner{
-	width:240px;
-	margin-bottom:3px;
-}
-#sidebar h1{
-	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-	font-size:16px;
-}
-#customerService{
-	background:#f5f5f5;
-	border:1px solid #ccc;
-}
-#customerService h2{
-	padding:2px 0 0 5px;
-	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
-	font-size:14px;
-	height: 26px;
-	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
-}
-#customerService #customerPhone,
-#customerService #customerPhone img,
-#customerService #customerPhone span{float:left;}
-#customerService #customerPhone span{margin-top:10px;}
-/*___ Error & Success Message ___*/
-#messageError,
-#messageSuccess{
-	margin:5px 0 15px 0;
-	padding:10px;
-}
-#messageError{
-	background:#ffffdd;
-	border:1px solid #cc0000;
-}
-#messageSuccess{
-	background:#ffffdd;
-	border:1px solid #006600;
-}
-#messageError span,
-#messageSuccess span{
-	display:block;
-	float:left;
-	width:35px;
-	height:34px;
-}
-/*
-#messageError span{background:url(images/error_success_icon.png);}
-#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
-*/
-#messageError h6,
-#messageSuccess h6{
-	margin:0 0 5px 45px;
-	font-size:14px;
-}
-#messageError h6{color:#e47911;}
-#messageSuccess h6{color:#009900;}
-#messageError p,
-#messageSuccess p{
-	margin-left:45px;
-	font-size:12px;
-	line-height:18px;
-}
-#messageError p{color:#b31941;}
-#messageSuccess p{color:#003300;}
-/*___ Footer ___*/
-#footer{
-	background:#fff;
-	padding:10px 0;
-}
-#footer .content {
-	width:980px;
-	margin:0 auto;
-}
-#footer ul{
-	float:left;
-	list-style-type:none;
-	color:#0066cc;
-}
-#footer li{
-	float:left;
-	margin-right:10px;
-}
-#footer #copyright{
-	float:right;
-	color:#666;
-	font-size:10px;
-}
-/*___ Yellow Buttons & Disable buttons ___*/
-#main .bigImgButton,
-#signin_menu .bigImgButton,
-#colorbox .bigImgButton {
-	color:#000;
-	font-weight:bold;
-}
-#main .bigImgButton .left,
-#signin_menu .bigImgButton .left,
-#colorbox .bigImgButton .left{background:url(../images/buttons/big-button-left.jpg) no-repeat;}
-#main .bigImgButton .right,
-#signin_menu .bigImgButton .right,
-#colorbox .bigImgButton .right{background:url(../images/buttons/big-button-right.jpg) no-repeat top right;}
-#main .bigImgButton .center,
-#signin_menu .bigImgButton .center,
-#colorbox .bigImgButton .center{
-	margin:0 10px;
-	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
-	height:28px;
-}
-#main .bigImgButton a,
-#signin_menu .bigImgButton a,
-#colorbox .bigImgButton a{
-	color:#000;
-	text-decoration:none;
-}
-#main .smallImgButton {
-	color:#000;
-	font-weight:bold;
-}
-#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
-#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
-#main .smallImgButton .center{
-	margin:0 10px;
-	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
-	height:21px;
-}
-#main .smallImgButton a{
-	font-size:11px;
-	color:#000;
-	text-decoration:none;
-}
-/*___ tab buttons ___*/
-#tabButton{
-	margin-top:3px;
-	height:24px;
-}
-#tabButton .tabButton1{	float:left;}
-#tabButton .tabButton2 {float:right;}
-#tabButton .spacing{
-	float:right;
-	width:12px;
-}
-#tabButton .spacing2{
-	float:right;
-	width:3px;
-}
-#tabButton .tabButton1{margin:0 10px;}
-#tabButton .tabButton1 a,
-#tabButton .tabButton1 span{display:block;}
-#tabButton .tabButton1 a{
-	color:#333;
-	text-decoration:none;
-	cursor:pointer;
-	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
-}
-#tabButton .tabButton1 a span{
-	margin-left:-10px;
-	background:url(../images/tab1-btn-left.png) no-repeat;
-}
-#tabButton .tabButton1 a span span{
-	margin-right:-10px;
-	background:url(../images/tab1-btn-right.png) no-repeat top right;
-	padding:2px 18px 0 28px;
-	height:22px;
-}
-#tabButton .tabButton1 a:hover,
-#tabButton .tabButton1 a#activeTab{
-	color:#333;
-	text-decoration:none;
-	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
-}
-#tabButton .tabButton1 a:hover span,
-#tabButton .tabButton1 a#activeTab span{
-	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
-}
-#tabButton .tabButton1 a:hover span span,
-#tabButton .tabButton1 a#activeTab span span{
-	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
-}
-#tabButton .tabButton2{margin:0 10px;}
-#tabButton .tabButton2 a,
-#tabButton .tabButton2 span{display:block;}
-#tabButton .tabButton2 a{
-	color:#333;
-	text-decoration:none;
-	cursor:pointer;
-	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
-}
-#tabButton .tabButton2 a span{
-	margin-left:-10px;
-	background:url(../images/tab2-btn-left.png) no-repeat;
-}
-#tabButton .tabButton2 a span span{
-	margin-right:-10px;
-	background:url(../images/tab2-btn-right.png) no-repeat top right;
-	padding:2px 18px 0 28px;
-	height:22px;
-}
-#tabButton .tabButton2 a:hover,
-#tabButton .tabButton2 a#activeTab{
-	color:#333;
-	text-decoration:none;
-	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
-}
-#tabButton .tabButton2 a:hover span,
-#tabButton .tabButton2 a#activeTab span{
-	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
-}
-#tabButton .tabButton2 a:hover span span,
-#tabButton .tabButton2 a#activeTab span span{
-	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
-}
-/*___ Common Classes ___*/
-.clearBoth{clear:both;}
-.floatLeft{float:left;}
-.floatRight{float:right;}
-.bold{font-weight:bold;}
-.lineHeight_10px{line-height:4px;}
-.noBorder{border:none;}
-#noScript{
-	width:940px;
-	margin:20px auto;
-	padding:30px 20px;
-	font-size:18px;
-	color:#cc0000;
-	text-align:center;
-	background:#FDFCDC;
-	border:2px solid #F1EDC2;
-}
-.padding_topbottom{
-	padding: 19px 0 18px;
-}
-.noBold{font-weight:normal;}
 /**
+  * Author 			: Raj Kumar Bharti
+  * Creation Date 	: 31 Dec 2010
+  * Project 		: Shop2020
+  * Copyright 2010 Evon Technologies
+*/
+html, body, h1, h2, h3, h4, h5, h6, div, span, p, ol, ul, li, dl, dt, dd, table, th, tr, td, form, label, input, select, textarea {margin:0; padding:0;}
+body{
+	font-family:Verdana, Verdana, Geneva, sans-serif;
+	font-size:12px;
+	color:#000;
+	line-height:20px;
+	background:#555;
+}
+h1{
+	font-size:24px;
+	font-weight:bold;
+}
+h2{
+	font-size:20px;
+	font-weight:bold;
+}
+h3{
+	font-size:14px;
+	font-weight:bold;
+}
+a{
+	outline:none;
+	color:#0066CC;
+	text-decoration:none;
+}
+a:hover{
+	color:#0066CC;
+	text-decoration:underline;
+}
+a img {border:0;}
+input, select, textarea{outline:none;}
+/*___ Header ___*/
+#header{background:#fdfdfd;}
+#header .content{
+	width:980px;
+	margin:0 auto;
+	padding:10px 0 7px 0;
+}
+#logo{
+	float:left;
+	/*
+	margin-left:15px;
+	*/
+}
+#headerRight{
+	float:right;
+	width:650px;
+	margin-top:25px;
+	font-weight:bold;
+	font-size:11px;
+	color:#999;
+}
+#welcome_msg{
+	float:right;
+	width:250px;
+	margin-right:10px;
+	text-align:right;
+	color:#010101;
+}
+#headerRight #login_span{
+	float:right;
+	color:#0066cc;
+}
+.facebook{
+	padding:3px 25px 5px 0;
+	/*background:url(../images/buttons/facebook-header.jpg) no-repeat 68px 0px;*/
+	background:url(../images/buttons/facebook-header.jpg) no-repeat top right;
+}
+#subscribe{
+	float:left;
+	margin:5px 0 0 107px;
+	padding:2px 0;
+	color:#666;
+	border-right:1px solid #848484;
+}
+#subscribe span{margin-right:6px;}
+#subscribe input, #subscribe span{float:left;}
+#subscribe .textbox{
+	width:205px;
+	margin-right:3px;
+	padding:3px;
+	height:14px;
+	color:#999;
+	font-size:11px;
+	border:1px solid #848484;
+}
+#subscribe .button{
+	background:url(../images/buttons/go.jpg) no-repeat;
+	border:none;
+	width:31px;
+	height:21px;
+	margin:1px 6px 0 0;
+}
+#facebookFindUsOn{
+	float:right;
+	margin-top:5px;
+	width:104px;
+}
+/*___ Main ___*/
+#main{
+	width:980px;
+	margin:0 auto;
+}
+/*___ Sign In ___*/
+#signin_menu,
+#signin_menu .top,
+#signin_menu .middle,
+#signin_menu .bottom{width:272px;}
+#signin_menu{
+	position:absolute;
+	z-index:9999;
+	margin:-2px 0 0 405px;
+	padding:0;
+	font-weight:normal;
+	border:none;
+	display: none; /**** Ebizon changes for inline css ****/
+}
+#signin_menu .top{
+	line-height:16px;
+	background:url(../images/notification-top.png) no-repeat;
+}
+#signin_menu .middle{
+	background:url(../images/notification-ver-bar.png) repeat-y;
+}
+#signin_menu .middle dl{padding:15px 0;}
+#signin_menu .middle dt{
+	float:left;
+	width:80px;
+	margin:3px 8px 12px 0;
+	color:#333333;
+	text-align:right;
+	font-weight:normal;
+}
+#signin_menu .middle dd{
+	float:left;
+	width:160px;
+	margin-bottom:12px;
+	text-align:right;
+}
+#signin_menu .middle label.floatRight{color:#06c;}
+#signin_menu .middle input.floatRight{margin:3px 5px 0 0;}
+#signin_menu .middle input.textbox{
+	padding:5px 0;
+  width:155px !important;
+	text-align:left;
+	font-size:11px;
+	background:#f8f8f8;
+	border:1px solid #b5b5b5;
+}
+#signin_menu .middle .bigImgButton{float:right;}
+/** #signin_menu .middle .button{
+	cursor:pointer;
+	margin-top:5px;
+	font-size:14px;
+	font-weight:bold;
+	border:none;
+	background:none;      ---commented by ebizon **/
+}
+#headerRight .signin,
+#headerRight .signin1,
+#headerRight .menu-open{
+	padding-right:18px;
+	/*background:url(../images/down-arrow-blue.jpg) no-repeat 50px 3px;*/
+	background:url(../images/down-arrow-blue.jpg) no-repeat 100% 3px;
+}
+#signin_menu .bottom{
+	height:65px;
+	background:url(../images/signin-bottom.png) no-repeat bottom left;
+}
+#signin_menu .bottom a{
+	color:#fff;
+	text-decoration:none;
+}
+#signin_menu .bottom a:hover{
+	color:#fff;
+	text-decoration:underline;
+}
+#signin_menu .bottom #resend_password_link{padding:15px 0 0 12px; float:left;}
+#signin_menu .bottom #forgot_username_link{padding:15px 18px 0 0; float:right;}
+/*___ Notification ___*/
+#notification{
+	position:absolute;
+	margin:-4px 0 0 340px;
+	z-index:1000;
+}
+#notification,
+#notification .top,
+#notification .middle,
+#notification .bottom{
+	width:272px;
+}
+#notification .top{
+	line-height:16px;
+	background:url(../images/notification-top.png) no-repeat;
+}
+#notification .bottom{
+	line-height:16px;
+	background:url(../images/notification-bottom.png) no-repeat bottom left;
+}
+#notification .middle{
+	background:url(../images/notification-ver-bar.png) repeat-y;
+}
+#notification .colLeft{
+	float:left;
+	width:215px;
+	margin:0 0 3px 15px;
+	font-size:11px;
+	font-weight:normal;
+	color:#333;
+	line-height:18px;
+}
+#notification .link{
+	margin-top:2px;
+	font-weight:bold;
+}
+#notification a#notficationClose{
+	float:right;
+	width:18px;
+	margin-right:18px;
+}
+#notification .borderBottom{
+	margin:-15px 0 5px 0;
+	border-bottom:1px solid #ccc;
+}
+/*___ Search & Cart ___*/
+#searchCartArea{
+margin-bottom:4px;
+         float: left;  /*** Ebizon   ***/
+        width:100%;    /*** Ebizon   ***/
+}
+#searchCartArea .left{background:url(../images/search-left.jpg) no-repeat;}
+#searchCartArea .right{background:url(../images/search-right.jpg) no-repeat top right;}
+#searchCartArea .center{
+	margin:0 4px;
+	background:url(../images/search-hor-bar.jpg) repeat-x;
+}
+#search{
+padding:3px 0;
+/* padding:2px 0 0 0; */ /*** Ebizon   ***/
+}
+#search .textbox{
+	float:left;
+	width:366px;
+	margin-right:4px;
+	padding:5px 4px;
+	border:1px solid #848484;
+        height: 16px; /*** Ebizon Changes to make search text box equal with select ****/
+}
+#search .dropdown{
+	float:left;
+	height:28px;
+	margin-right:5px;
+	font-size:14px;
+	border:1px solid #848484;
+	background:#fff;
+	padding: 4px; /**** Ebizon changes for make select text center ******/
+	*font-size:18px; /**** Ebizon changes for ie7 dropdown  ******/
+}
+#search, #cartValue,
+#search .bigImgButton, #cartValue .bigImgButton {float:left;}
+#cartValue{
+	float:right;
+	margin-top:3px;
+}
+#cartValue img{
+	float:left;
+	margin-right:6px;
+}
+#cartValue .caption{
+	float:left;
+	/**margin-top:4px;  by ebizon**/
+}
+/*___ Sidebar ___*/
+#sidebar{
+	width:240px;
+	float:right;
+	color:#333;
+}
+#sidebarBanner{
+	width:240px;
+	margin-bottom:3px;
+}
+#sidebar h1{
+	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
+	font-size:16px;
+}
+#customerService{
+	background:#f5f5f5;
+	border:1px solid #ccc;
+}
+#customerService h2{
+	padding:2px 0 0 5px;
+	font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
+	font-size:14px;
+	height: 26px;
+	background:url(../images/customer-service-hor-bar.jpg) repeat-x;
+}
+#customerService #customerPhone,
+#customerService #customerPhone img,
+#customerService #customerPhone span{float:left;}
+#customerService #customerPhone span{margin-top:10px;}
+/*___ Error & Success Message ___*/
+#messageError,
+#messageSuccess{
+	margin:5px 0 15px 0;
+	padding:10px;
+}
+#messageError{
+	background:#ffffdd;
+	border:1px solid #cc0000;
+}
+#messageSuccess{
+	background:#ffffdd;
+	border:1px solid #006600;
+}
+#messageError span,
+#messageSuccess span{
+	display:block;
+	float:left;
+	width:35px;
+	height:34px;
+}
+/*
+#messageError span{background:url(images/error_success_icon.png);}
+#messageSuccess span{background:url(images/error_success_icon.png) 0 -34px;}
+*/
+#messageError h6,
+#messageSuccess h6{
+	margin:0 0 5px 45px;
+	font-size:14px;
+}
+#messageError h6{color:#e47911;}
+#messageSuccess h6{color:#009900;}
+#messageError p,
+#messageSuccess p{
+	margin-left:45px;
+	font-size:12px;
+	line-height:18px;
+}
+#messageError p{color:#b31941;}
+#messageSuccess p{color:#003300;}
+/*___ Footer ___*/
+#footer{
+	background:#fff;
+	padding:10px 0;
+  margin-top:5px; /* by ebizon for gapping to footer and wrapper */
+}
+#footer .content {
+	width:980px;
+	margin:0 auto;
+}
+#footer ul{
+	float:left;
+	list-style-type:none;
+	color:#0066cc;
+}
+#footer li{
+	float:left;
+	margin-right:10px;
+}
+#footer #copyright{
+	float:right;
+	color:#666;
+	font-size:10px;
+}
+/*___ Yellow Buttons & Disable buttons ___*/
+/**
+#main .bigImgButton,
+#signin_menu .bigImgButton,
+#colorbox .bigImgButton {
+	color:#000;
+	font-weight:bold;
+}
+#main .bigImgButton .left,
+#signin_menu .bigImgButton .left,
+#colorbox .bigImgButton .left{
+background:url(../images/buttons/big-button-left.jpg) no-repeat;
+}
+#main .bigImgButton .right,
+#signin_menu .bigImgButton .right,
+#colorbox .bigImgButton .right{
+background:url(../images/buttons/big-button-right.jpg) no-repeat top right;
+}
+#main .bigImgButton .center,
+#signin_menu .bigImgButton .center,
+#colorbox .bigImgButton .center{
+	margin:0 5px; *** Ebizon changes Make align button text *****//**
+	background:url(../images/buttons/big-button-hor-bar.jpg) repeat-x;
+	height:28px;
+     *margin:0 4px;  * by ebizon for ie7
+}
+.center .button{   by ebizon class name change " #search .button " to ".center .button"
+	cursor:pointer;
+	 width:80px;  by ebizon remove for all button in equal size
+	padding:4px;   by ebizon for valign all
+	font-weight:bold;
+	background:none;
+	border:none;
+        font-size:13px;    by ebizon
+	 line-height: 20px;   by ebizon for chrome valign text
+	padding-top:2px;    by ebizon for ie7 valign text
+}
+#main .bigImgButton a,
+#signin_menu .bigImgButton a,
+#colorbox .bigImgButton a{
+	color:#000;
+	text-decoration:none;
+}
+ **/
+/*___ end Yellow Buttons & Disable buttons ___ */
+#main .smallImgButton {
+	color:#000;
+	font-weight:bold;
+}
+#main .smallImgButton .left{background:url(../images/buttons/small-button-left.jpg) no-repeat;}
+#main .smallImgButton .right{background:url(../images/buttons/small-button-right.jpg) no-repeat top right;}
+#main .smallImgButton .center{
+	margin:0 10px;
+	background:url(../images/buttons/small-button-hor-bar.jpg) repeat-x;
+	height:21px;
+}
+#main .smallImgButton a{
+	font-size:11px;
+	color:#000;
+	text-decoration:none;
+}
+/*___ tab buttons ___*/
+#tabButton{
+	margin-top:3px;
+	height:24px;
+  width:100%; /* add this class by ebizon */
+}
+#tabButton .tabButton1{	float:left;}
+#tabButton .tabButton2 {float:right;}
+#tabButton .spacing{
+	float:right;
+	width:12px;
+}
+#tabButton .spacing2{
+	float:right;
+	width:3px;
+}
+#tabButton .tabButton1{margin:0 10px;}
+#tabButton .tabButton1 a,
+#tabButton .tabButton1 span{display:block;}
+#tabButton .tabButton1 a{
+	color:#333;
+	text-decoration:none;
+	cursor:pointer;
+	background:url(../images/tab1-btn-hor-bar.png) repeat-x;
+}
+#tabButton .tabButton1 a span{
+	margin-left:-10px;
+	background:url(../images/tab1-btn-left.png) no-repeat;
+}
+#tabButton .tabButton1 a span span{
+	margin-right:-10px;
+	background:url(../images/tab1-btn-right.png) no-repeat top right;
+	padding:2px 18px 0 28px;
+	height:22px;
+}
+#tabButton .tabButton1 a:hover,
+#tabButton .tabButton1 a#activeTab{
+	color:#333;
+	text-decoration:none;
+	background:url(../images/tab1-btn-hor-bar.png) repeat-x 0 -24px;
+}
+#tabButton .tabButton1 a:hover span,
+#tabButton .tabButton1 a#activeTab span{
+	background:url(../images/tab1-btn-left.png) no-repeat 0 -24px;
+}
+#tabButton .tabButton1 a:hover span span,
+#tabButton .tabButton1 a#activeTab span span{
+	background:url(../images/tab1-btn-right.png) no-repeat 100% -24px;
+}
+#tabButton li {
+  list-style:none;
+}
+#tabButton .tabButton2{margin:0px 5px; padding:0px 10px;}
+#tabButton .tabButton2 a,
+#tabButton .tabButton2 span{display:block;}
+#tabButton .tabButton2 a{
+	color:#333;
+	text-decoration:none;
+	cursor:pointer;
+	background:url(../images/tab2-btn-hor-bar.png) repeat-x;
+}
+#tabButton .tabButton2 a span{
+	margin-left:-10px;
+	background:url(../images/tab2-btn-left.png) no-repeat;
+}
+#tabButton .tabButton2 a span span{
+	margin-right:-10px;
+	background:url(../images/tab2-btn-right.png) no-repeat top right;
+	padding:2px 18px 0 28px;
+	height:22px;
+}
+#tabButton .tabButton2 a:hover,
+#tabButton .tabButton2 a#activeTab{
+	color:#333;
+	text-decoration:none;
+	background:url(../images/tab2-btn-hor-bar.png) repeat-x 0 -24px;
+}
+#tabButton .tabButton2 a:hover span,
+#tabButton .tabButton2 a#activeTab span{
+	background:url(../images/tab2-btn-left.png) no-repeat 0 -24px;
+}
+#tabButton .tabButton2 a:hover span span,
+#tabButton .tabButton2 a#activeTab span span{
+	background:url(../images/tab2-btn-right.png) no-repeat 100% -24px;
+}
+/*___ Common Classes ___*/
+.clearBoth{clear:both;}
+.floatLeft{float:left;}
+.floatRight{float:right;}
+.bold{font-weight:bold;}
+.lineHeight_10px{line-height:4px;}
+.noBorder{border:none;}
+#noScript{
+	width:940px;
+	margin:20px auto;
+	padding:30px 20px;
+	font-size:18px;
+	color:#cc0000;
+	text-align:center;
+	background:#FDFCDC;
+	border:2px solid #F1EDC2;
+}
+.padding_topbottom{
+	padding: 19px 0 18px;
+}
+.noBold{font-weight:normal;}
+/*** Ebizon changes for list view of product on home page ****/
+ul.deal-items,
+ul.deal-items ul {
+  list-style:none;
+}
+ul.deal-items li {
+  margin-left: 10px;
+  margin-right: 15px;
+}
+ul.deal-items ul li,
+ul.category-page-items li,
+ul.best-deals-page-items li {
+  margin:0px;
+}
+#customerService .floatLeft{
+line-height:10px; /* for mozilla spacing */
+}
+/**  for sign in  **/
+#signin label{
+float:left;
+width:70px;
+margin-right:5px;
+}
+/**#signin input.textbox{
+float:left;
+width:165px !important;
+}**/
+#signin #edit-name-wrapper, #signin #edit-password-wrapper , #signin #edit-submit-wrapper{
+float:left;
+/** width:90%;     -by ebizon for buttons  **/
+margin-left: 10px;
+margin-bottom:5px;
+margin-top:5px;
+}
+#signin #edit-submit-wrapper {
+float: left;
+margin:5px 20px 10px 160px;
+/** add by ebizon**/
+width:75px;
+background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;
+border:1px solid #BFA864;
+color:#000000;
+cursor:pointer;
+font-size:14px;
+font-weight:bold;
+height:18px;
+padding:4px 7px;
+text-align:center;
+/** padding: 0;
+width: 70px !important;    ----by ebizon for button **/
+}
+/***  #signin .center input#signin_submit{
+float:left;
+width: 60px !important;          --- Ebizon commented for all buttons*******/
+}
+/*** Ebizon changes for pagination ****/
+#winker0 {
+  margin:0;
+  width:100%;
+}
+.scroll-pane.tabwrap.makeScroll {
+  width:240px;
+}
+#research_delete {
+  cursor:pointer;
+}
+ul.pagination,
+ul.deals-item {
+    list-style: none outside none;
+}
+ul.pagination li {
+    display: inline;
+}
+ul.deals-item li.search-deals-items {
+   background: url("../images/search-result-border.jpg") no-repeat scroll center bottom transparent;
+   float: left;
+   margin-bottom: 10px;
+}
+/** Ebizon changes Registration page ***/
+#frmRegister .error,
+#frmLogin .error {
+	float:none !important;
+	display:block;
+	color:#f00;
+}
+#registration .register-row label.error {
+  width: 100%;
+  text-align: left;
+}
+/*** End of ebizon changes for registration page ****/
+/**  by ebizon for buttons backup
+#searchCartArea .left {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/search-left.jpg) no-repeat scroll 0 0;
+}
+#searchCartArea .right {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/search-right.jpg) no-repeat scroll right top;
+}
+#searchCartArea .center {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;
+margin:0 4px;
+}
+#main .bigImgButton .left, #signin_menu .bigImgButton .left, #colorbox .bigImgButton .left {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/buttons/big-button-left.jpg) no-repeat scroll 0 0;
+}
+#main .bigImgButton .right, #signin_menu .bigImgButton .right, #colorbox .bigImgButton .right {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/buttons/big-button-right.jpg) no-repeat scroll right top;
+}
+#main .bigImgButton .center, #signin_menu .bigImgButton .center, #colorbox .bigImgButton .center {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
+height:28px;
+margin:0 5px;
+}
+#main .bigImgButton a,
+#signin_menu .bigImgButton a,
+#colorbox .bigImgButton a{
+	color:#000;
+	text-decoration:none;
+}
+#registration .imgTextBox .left {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
+}
+#registration .imgTextBox .right {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
+}
+#registration .imgTextBox .center {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
+margin:0 5px;
+padding:0;
+}
+#registration .imgTextBox .textbox {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent none repeat scroll 0 0;
+border:0 none;
+color:#666666;
+font-size:11px;
+height:20px;
+padding:5px 0 0;
+width:210px;
+}
+.center .button {
+-moz-background-clip:border;
+-moz-background-inline-policy:continuous;
+-moz-background-origin:padding;
+background:transparent none repeat scroll 0 0;
+border:medium none;
+cursor:pointer;
+font-size:13px;
+font-weight:bold;
+padding:4px;
+}
+ **/
+/**  by ebizon for buttons new  **/
+.grey-left {
+	background:transparent url(../images/search-left.jpg) no-repeat scroll 0 0;
+}
+.grey-right {
+	background:transparent url(../images/search-right.jpg) no-repeat scroll right top;
+}
+.grey-center {
+	background:transparent url(../images/search-hor-bar.jpg) repeat-x scroll 0 0;
+	margin:0 4px;
+}
+.yellow-left {
+	background:transparent url(../images/buttons/big-button-left.jpg) no-repeat scroll 0 0;
+}
+.yellow-right {
+	background:transparent url(../images/buttons/big-button-right.jpg) no-repeat scroll right top;
+}
+.yellow-center {
+	background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;
+	height:28px !important;
+	margin:0 5px;
+}
+.yellow-center .button {
+	background:transparent none repeat scroll 0 0;
+	border:medium none;
+	cursor:pointer;
+	font-size:13px;
+	font-weight:bold;
+	padding:0px 4px;
+	margin: 4px;
+	float: left;
+}
+.yellow-image {
+	/*background:transparent url(../images/buttons/big-button-hor-bar.jpg) repeat-x scroll 0 0;*/
+	background:transparent url(../images/button-bg.jpg) repeat-x scroll 0 0;
+	cursor:pointer;
+	font-size:14px;
+	font-weight:bold;
+	padding:4px 7px 4px 7px;
+  border:1px solid #bfa864;
+  text-align:center;
+	color:#000000;
+  height:18px;
+}
+.yellow-image input.button {
+background:none;
+border:none;
+font-weight:bold;
+font-size:13px;
+}
+.yellow-image a {
+	color:#000;
+	text-decoration:none;
+        line-height:25px;
+        font-weight:bold;
+}
+.yellow-center .caption a{
+	color:#000;
+	text-decoration:none;
+        line-height:28px;
+        font-weight:bold;
+}
+.textbox-left {
+	background:transparent url(../images/textbox-left.jpg) no-repeat scroll 0 0;
+	float: left;
+}
+.textbox-right {
+	background:transparent url(../images/textbox-right.jpg) no-repeat scroll right top;
+	float: left;
+}
+.textbox-center {
+	background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
+	margin:0 5px;
+	padding:0;
+	float: left;
+}
+.textbox-center .textbox {
+    background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    color: #666666;
+    font-size: 11px;
+    height: 24px;
+    padding: 0;
+    text-align: left;
+    width: 210px;
+}
+.textbox-image .textbox {
+	background:transparent url(../images/textbox-hor-bar.jpg) repeat-x scroll 0 0;
+	padding:0;
+	float: left;
+	border-left: 1px solid #CCCCCC;
+  border-right: 1px solid #CCCCCC;
+  border-bottom: none;
+  border-top: none;
+  width:210px;
+  text-align: left;
+  height:16px;
+  padding:4px;
+}
+.textbox-image .textbox {
+   /* background: none repeat scroll 0 0 transparent;
+    border: 0 none;
+    color: #666666;
+    font-size: 11px;
+    height: 24px;
+    padding: 0;
+    text-align: left;
+    width: 210px;*/
+}
+/* Header of tables date picker */
+table.ui-datepicker-calendar thead th,
+table.ui-datepicker-calendar th {
+ font-weight: normal;
+ text-align: center;
+ border:none;
+ font-size:12px;
+  /*border-bottom: 3px solid #ccc;*/
+}
+table.ui-datepicker-calendar tbody {
+  border:1px solid #CCCCCC;
+  padding:5px;
+}
+table.ui-datepicker-calendar tbody th {
+ border:none;
+ /* border-bottom: 1px solid #ccc;*/
+}
+/* Alternating row background styles */
+table.ui-datepicker-calendar tr,
+table.ui-datepicker-calendar tr td {
+  background-color: #eee;
+  border-bottom: 1px solid #ccc;
+  text-align: center;
+}
+.ui-datepicker-calendar {
+  float:left;
+  width:100%;
+}
+#ui-datepicker-div {
+    background: none repeat scroll 0 0 #CCCCCC;
+    float: left;
+    padding: 0px;
+    width: 220px;
+}
+#ui-datepicker-div .ui-datepicker-header {
+  padding:0px 3px;
+}
+#ui-datepicker-div a.ui-datepicker-next {
+  float: right;
+}
+a.ui-datepicker-prev {
+  float:left;
+}
+div.ui-datepicker-title {
+    float: left;
+    text-align: center;
+    width: 155px;
+    font-weight: bold;
+}
+a span.ui-icon {
+  cursor: pointer;
+}
+/*** Date picker end ***/
+.register-button{
+	margin-top:5px;
+}
+/*** Ebizon changes for all Forms ***/
+.form-item label {
+	float:left;
+padding-left:10px;
+width:140px;
+}
+.form-item input.textbox {
+	float:left;
+	width:170px;
+}
+.form-item .radio-buttons {
+	float:left;
+}
+ .form-item  {
+	float:left;
+	clear:both;
+	margin: 10px 0px;
+  padding-bottom:10px;
+  width:100%;
+}
+#formButtons , .form-buttons{
+float:left;
+margin-left:150px;
+clear:both;
+width:200px;
+}
+.imgDisableButton{
+float:left;
+background:transparent url(../images/gray-button-bg.jpg) repeat-x scroll 0 0;
+border:1px solid #bdbdbd;
+color:#000000;
+cursor:pointer;
+font-size:14px;
+font-weight:bold;
+height:18px;
+padding:4px 7px;
+text-align:center;
+margin-right:10px;
+}
+.imgEnableButton {
+float:left;
+margin-right:10px;
+}
+label.label-title {
+padding-left:10px;
+}
+#loginDetails{
+margin-top:20px;
+}
+/*** End of form theming **/
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+.yellow-image input.button{margin-top:1px;}
+}
+/** by ebizon from myaccount **/
+#signin .form-item {
+	border-bottom:none;
+  padding-bottom:0px;
+  margin:0px;
+}
+#personalDetails{
+	float:left;
+	margin-top:20px;
+}
+.content h1{
+	font-size:18px;
+	color:#030303;
+  padding-left:10px;
+}
+.left-grey-top {
+background:url(../images/my-ac-content-corner-tc.jpg) repeat-x;
+float:left; width:100%;/* add this line by ebizon */
+}
+.left-grey-top .left-grey-left{background:url(../images/my-ac-content-corner-tl.jpg) no-repeat;}
+.left-grey-top .left-white-right{background:url(../images/my-ac-content-corner-tr.jpg) no-repeat top right; line-height:10px;}
+.bottom .bottom-grey-left{background:url(../images/my-ac-content-corner-bl.jpg) no-repeat;}
+.bottom .bottom-white-right{background:url(../images/my-ac-content-corner-br.jpg) no-repeat top right;}
+.middle .middle-grey-left{background:url(../images/my-ac-content-corner-ml.jpg) repeat-y;}
+.middle .middle-white-right{background:url(../images/my-ac-content-corner-mr.jpg) repeat-y top right; min-height:800px;}
+/** by ebizon end  **/

Subversion Repositories SmartDukaan

(root)/trunk/Website/WebContent/css/common.css @ 803 – Rev 793 → 794