forked from ph3fvx2sj/LabMS25-12A
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1631 lines
30 KiB
1631 lines
30 KiB
/*
|
|
Author: W3layouts
|
|
Author URL: http://w3layouts.com
|
|
License: Creative Commons Attribution 3.0 Unported
|
|
License URL: http://creativecommons.org/licenses/by/3.0/
|
|
*/
|
|
/* reset */
|
|
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
|
|
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
|
|
ol,ul{list-style:none;margin:0;padding:0;}
|
|
blockquote,q{quotes:none;}
|
|
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
|
|
table{border-collapse:collapse;border-spacing:0;}
|
|
/* start editing from here */
|
|
a{text-decoration:none;}
|
|
.txt-rt{text-align:right;}/* text align right */
|
|
.txt-lt{text-align:left;}/* text align left */
|
|
.txt-center{text-align:center;}/* text align center */
|
|
.float-rt{float:right;}/* float right */
|
|
.float-lt{float:left;}/* float left */
|
|
.clear{clear:both;}/* clear float */
|
|
.pos-relative{position:relative;}/* Position Relative */
|
|
.pos-absolute{position:absolute;}/* Position Absolute */
|
|
.vertical-base{ vertical-align:baseline;}/* vertical align baseline */
|
|
.vertical-top{ vertical-align:top;}/* vertical align top */
|
|
.underline{ padding-bottom:5px; border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
|
|
nav.vertical ul li{ display:block;}/* vertical menu */
|
|
nav.horizontal ul li{ display: inline-block;}/* horizontal menu */
|
|
img{max-width:100%;}
|
|
/*end reset*/
|
|
@font-face {
|
|
font-family: 'ambleregular';
|
|
src:url(../font/Amble-Regular-webfont.ttf) format('truetype');
|
|
}
|
|
body {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
background: #FFF;
|
|
}
|
|
.wrap {
|
|
width:80%;
|
|
margin: 0 auto;
|
|
}
|
|
.header {
|
|
background: #FFF;
|
|
}
|
|
.headertop_desc{
|
|
padding:20px 0;
|
|
border-bottom:1px solid #EEE;
|
|
}
|
|
.call{
|
|
float:left;
|
|
}
|
|
.call p{
|
|
font-size:0.9em;
|
|
color:#9C9C9C;
|
|
}
|
|
.call p span{
|
|
color:#303030;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
}
|
|
.call p span.number{
|
|
color:#E4292F;
|
|
font-size:1em;
|
|
letter-spacing:1px;
|
|
}
|
|
.account_desc{
|
|
float:right;
|
|
}
|
|
.account_desc li{
|
|
display:inline;
|
|
border-left:1px dotted #CCC;
|
|
}
|
|
.account_desc li:first-child{
|
|
border:none;
|
|
}
|
|
.account_desc li a{
|
|
font-size:0.823em;
|
|
color:#9C9C9C;
|
|
padding:0 10px;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.account_desc li a:hover{
|
|
color:#E4292F;
|
|
}
|
|
.header_top {
|
|
padding: 20px 0;
|
|
}
|
|
.logo {
|
|
float: left;
|
|
}
|
|
|
|
/**** Cart ****/
|
|
.cart{
|
|
float:right;
|
|
position: relative;
|
|
padding-right:40px;
|
|
margin-top:20px;
|
|
}
|
|
.cart p{
|
|
font-size:0.9em;
|
|
color:#303030;
|
|
display:inline-block;
|
|
}
|
|
.cart p span{
|
|
font-size:1.5em;
|
|
color:#E4292F;
|
|
}
|
|
.wrapper-dropdown-2 {
|
|
display:inline-block;
|
|
margin: 0 auto;
|
|
font-size:0.9em;
|
|
color:#303030;
|
|
padding:0px 5px;
|
|
cursor: pointer;
|
|
outline: none;
|
|
}
|
|
.wrapper-dropdown-2:after {
|
|
content: "";
|
|
width: 0;
|
|
height: 0;
|
|
position: absolute;
|
|
right:5px;
|
|
top: 50%;
|
|
margin-top:0px;
|
|
border-width: 6px 6px 0 6px;
|
|
border-style: solid;
|
|
border-color:#E4292F transparent;
|
|
}
|
|
.wrapper-dropdown-2 .dropdown {
|
|
position: absolute;
|
|
top: 100%;
|
|
width:75%;
|
|
right: 0px;
|
|
z-index:1;
|
|
background:#EEE;
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-ms-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out;
|
|
list-style: none;
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
}
|
|
.wrapper-dropdown-2 .dropdown li{
|
|
display: block;
|
|
text-decoration: none;
|
|
color: #333;
|
|
font-size:0.823em;
|
|
padding: 10px;
|
|
-webkit-transition: all 0.3s ease-out;
|
|
-moz-transition: all 0.3s ease-out;
|
|
-ms-transition: all 0.3s ease-out;
|
|
-o-transition: all 0.3s ease-out;
|
|
transition: all 0.3s ease-out;
|
|
}
|
|
.wrapper-dropdown-2 .dropdown li:hover a {
|
|
color:red;
|
|
background:#AAA;
|
|
}
|
|
.wrapper-dropdown-2.active:after {
|
|
border-width: 0 6px 6px 6px;
|
|
}
|
|
.wrapper-dropdown-2.active .dropdown {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
/**** End Cart ****/
|
|
.header_bottom {
|
|
background: #383838;
|
|
border-radius: 6px;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-rfadius: 6px;
|
|
-o-border-radius: 6px;
|
|
}
|
|
.menu {
|
|
float: left;
|
|
}
|
|
.menu li {
|
|
float:left;
|
|
}
|
|
.menu li a {
|
|
font-family: 'ambleregular';
|
|
font-size:0.823em;
|
|
text-transform:uppercase;
|
|
color: #fff;
|
|
display:block;
|
|
padding:16px 20px;
|
|
border-right: 2px ridge #585858;
|
|
-webkit-transition: all .9s;
|
|
-moz-transition: all .9s;
|
|
-o-transition: all .9s;
|
|
-ms-transition: all .9s;
|
|
transition: all .9s;
|
|
}
|
|
.menu li a:hover,.menu li.active a{
|
|
background:#B81D22;
|
|
}
|
|
.menu li:first-child a{
|
|
border-radius:6px 0 0 6px;
|
|
-webkit-border-radius:6px 0 0 6px;
|
|
-moz-border-rfadius:6px 0 0 6px;
|
|
-o-border-radius:6px 0 0 6px;
|
|
}
|
|
.search_box {
|
|
float: right;
|
|
border: 1px solid #3C3C3C;
|
|
background: #FFF;
|
|
border-radius: 0.3em;
|
|
-webkit-border-radius: 0.3em;
|
|
-moz-border-radius: 0.3em;
|
|
-o-border-radius: 0.3em;
|
|
position: relative;
|
|
margin-top:8px;
|
|
margin-right: 15px;
|
|
width:25%;
|
|
}
|
|
.search_box form input[type="text"] {
|
|
border: none;
|
|
outline: none;
|
|
background: none;
|
|
font-size:12px;
|
|
color: #acacac;
|
|
width:75%;
|
|
padding:5px;
|
|
}
|
|
.search_box form input[type="submit"] {
|
|
border: none;
|
|
cursor: pointer;
|
|
background: url(../images/search.png) no-repeat 0px 7px;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 20px;
|
|
height: 25px;
|
|
}
|
|
.header_slide{
|
|
margin-top:10px;
|
|
}
|
|
.header_bottom_left{
|
|
float:left;
|
|
width:25%;
|
|
}
|
|
.categories{
|
|
border:1px solid #EEE;
|
|
}
|
|
.categories h3{
|
|
font-size:1.2em;
|
|
color:#FFF;
|
|
padding:20px;
|
|
background:#B81D22;
|
|
text-transform:uppercase;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.categories li a{
|
|
display:block;
|
|
font-size:0.8em;
|
|
padding:8px 15px;
|
|
color: #9C9C9C;
|
|
font-family: 'ambleregular';
|
|
margin:0 20px;
|
|
background:url(../images/drop_arrow.png) no-repeat 0;
|
|
border-bottom: 1px solid #EEE;
|
|
text-transform:uppercase;
|
|
height:29px;
|
|
}
|
|
.categories li:last-child a{
|
|
border:none;
|
|
}
|
|
.categories li a:hover{
|
|
color:#B81D22;
|
|
}
|
|
.header_bottom_right{
|
|
float:left;
|
|
width:74%;
|
|
padding-left:1%;
|
|
}
|
|
/***** Content *****/
|
|
.content {
|
|
padding: 0px 0;
|
|
background: #FFF;
|
|
}
|
|
.content h2 {
|
|
color: #383838;
|
|
margin-bottom: 0.5em;
|
|
font-size: 1.5em;
|
|
line-height: 1.2;
|
|
font-family: 'ambleregular';
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.content_top{
|
|
padding: 10px 5px;
|
|
border: 1px solid #EBE8E8;
|
|
border-radius: 3px;
|
|
}
|
|
.content_bottom {
|
|
padding: 15px 20px;
|
|
border: 1px solid #EBE8E8;
|
|
border-radius: 3px;
|
|
margin-top: 2.6%;
|
|
}
|
|
.heading {
|
|
float: left;
|
|
}
|
|
.heading h3 {
|
|
font-family: 'ambleregular';
|
|
font-size:22px;
|
|
color:#383838;
|
|
text-transform: uppercase;
|
|
}
|
|
.see {
|
|
float: right;
|
|
padding-top:8px;
|
|
}
|
|
.see p a{
|
|
display: inline;
|
|
font-size: 0.8125em;
|
|
color: #333;
|
|
background: url(../images/list-img.png) no-repeat right 3px;
|
|
padding:0px 12px 0px 0px;
|
|
}
|
|
.see p a:hover{
|
|
color: #E4292F;
|
|
}
|
|
/**** Grid 1_0f_4 ****/
|
|
.grid_1_of_4 {
|
|
display: block;
|
|
float: left;
|
|
margin: 1% 0 1% 1.6%;
|
|
box-shadow: 0px 0px 3px rgb(150, 150, 150);
|
|
-webkit-box-shadow: 0px 0px 3px rgb(150, 150, 150);
|
|
-moz-box-shadow: 0px 0px 3px rgb(150, 150, 150);
|
|
-o-box-shadow: 0px 0px 3px rgb(150, 150, 150);
|
|
}
|
|
.grid_1_of_4:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.images_1_of_4 {
|
|
width: 20.8%;
|
|
padding: 1.5%;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.images_1_of_4 img {
|
|
max-width: 100%;
|
|
}
|
|
.images_1_of_4 h2 {
|
|
color:#6A82A4;
|
|
font-family: 'ambleregular';
|
|
font-size:1.1em;
|
|
font-weight: normal;
|
|
}
|
|
.images_1_of_4 p {
|
|
font-size: 0.8125em;
|
|
padding: 0.4em 0;
|
|
color: #333;
|
|
}
|
|
.images_1_of_4 p span.price {
|
|
font-size: 18px;
|
|
font-family: 'ambleregular';
|
|
color:#CC3636;
|
|
}
|
|
.price-details{
|
|
margin-top:10px;
|
|
border-top:1px solid #CD1F25;
|
|
}
|
|
.price-number{
|
|
float: left;
|
|
padding-top: 5px;
|
|
}
|
|
.price-details p span.rupees{
|
|
font-size:1.6em;
|
|
font-family: 'ambleregular';
|
|
color:#383838;
|
|
}
|
|
.add-cart{
|
|
float:right;
|
|
display: inline-block;
|
|
}
|
|
.add-cart h4 a{
|
|
font-size:0.9em;
|
|
display: block;
|
|
padding:10px 15px;
|
|
font-family: 'ambleregular';
|
|
background:#CD1F25;
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
.add-cart h4 a:hover{
|
|
text-shadow: 0px 0px 1px #000;
|
|
background:#292929;
|
|
}
|
|
/*** Footer ***/
|
|
.footer {
|
|
position: relative;
|
|
background: #FCFCFC;
|
|
border-top: 1px solid #CECECE;
|
|
margin:20px auto;
|
|
}
|
|
.section {
|
|
clear: both;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.group:before, .group:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.group:after {
|
|
clear: both;
|
|
}
|
|
.group {
|
|
zoom: 1;
|
|
}
|
|
.col_1_of_4 {
|
|
display: block;
|
|
float: left;
|
|
margin:0% 0 1% 3.6%;
|
|
}
|
|
.col_1_of_4:first-child {
|
|
margin-left: 0;
|
|
}/* all browsers except IE6 and lower */
|
|
.span_1_of_4 {
|
|
width: 20.5%;
|
|
padding:1.5% 1.5% 0 0;
|
|
border-left:1px solid #CECECE;
|
|
}
|
|
.span_1_of_4 h4 {
|
|
color:#4F4F4F;
|
|
margin-bottom: .5em;
|
|
font-size: 1.2em;
|
|
line-height: 1.2;
|
|
font-family: 'ambleregular';
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
letter-spacing: -1px;
|
|
text-transform: uppercase;
|
|
border-bottom: 1px solid #CECECE;
|
|
padding-bottom: 0.5em;
|
|
padding-left:20px;
|
|
}
|
|
.span_1_of_4 ul{
|
|
padding-left:20px;
|
|
}
|
|
.span_1_of_4 li a {
|
|
font-size: 0.8125em;
|
|
padding: 0.4em 0;
|
|
color:#2A5C86;
|
|
font-family: 'ambleregular';
|
|
display: block;
|
|
}
|
|
.span_1_of_4 li span{
|
|
font-size:1em;
|
|
font-family: 'ambleregular';
|
|
color:#2A5C86;
|
|
cursor:pointer;
|
|
margin:10px 0;
|
|
display:block;
|
|
}
|
|
.span_1_of_4 li a:hover, .span_1_of_4 li span:hover {
|
|
color:#DD0F0E;
|
|
}
|
|
/*** Social Icons ***/
|
|
.social-icons {
|
|
padding-top: 8%;
|
|
}
|
|
.social-icons li {
|
|
width: 30px;
|
|
height: 30px;
|
|
padding: 0px 0 0 5px;
|
|
margin: 0;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
}
|
|
.copy_right {
|
|
text-align: center;
|
|
border-top: 1px solid #EEE;
|
|
padding: 10px 0;
|
|
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
|
|
}
|
|
.copy_right p {
|
|
font-size:0.823em;
|
|
color: #747474;
|
|
}
|
|
.copy_right p a {
|
|
color:#DD0F0E;
|
|
font-family: 'ambleregular';
|
|
text-decoration: underline;
|
|
}
|
|
.copy_right p a:hover {
|
|
color:#222;
|
|
text-decoration: none;
|
|
}
|
|
/*** move top **/
|
|
#toTop {
|
|
display: none;
|
|
text-decoration: none;
|
|
position: fixed;
|
|
bottom: 10px;
|
|
right: 10px;
|
|
overflow: hidden;
|
|
width: 48px;
|
|
height: 48px;
|
|
border: none;
|
|
text-indent: 100%;
|
|
background: url(../images/arrow_up.png) no-repeat right top;
|
|
}
|
|
#toTopHover {
|
|
width: 48px;
|
|
height: 48px;
|
|
display: block;
|
|
overflow: hidden;
|
|
float: right;
|
|
opacity: 0;
|
|
-moz-opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
#toTop:active, #toTop:focus {
|
|
outline: none;
|
|
}
|
|
|
|
/* Preview ============================================================================= */
|
|
.back-links {
|
|
float: left;
|
|
padding-top: 5px;
|
|
}
|
|
.back-links p {
|
|
font-size: 0.8125em;
|
|
color: #333;
|
|
}
|
|
.back-links p a {
|
|
font-size: 0.9em;
|
|
padding: 0 1.3%;
|
|
color: #333;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.back-links p a:hover, .back-links p a:active {
|
|
color:#B81D22;
|
|
}
|
|
.image {
|
|
clear: both;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
padding: 1.5%;
|
|
}
|
|
.group:before, .group:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.group:after {
|
|
clear: both;
|
|
}
|
|
.group {
|
|
zoom: 1;
|
|
}
|
|
.cont-desc {
|
|
display: block;
|
|
float: left;
|
|
clear: both;
|
|
}
|
|
.rightsidebar {
|
|
display: block;
|
|
float: left;
|
|
margin: 0% 0 0% 1.6%;
|
|
}
|
|
.cont-desc:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.desc {
|
|
display: block;
|
|
float: left;
|
|
margin: 0% 0 0% 2.6%;
|
|
}
|
|
.product-details{
|
|
margin:30px 0;
|
|
}
|
|
.span_1_of_2 {
|
|
width: 67.1%;
|
|
padding: 1.5%;
|
|
}
|
|
.images_3_of_2 {
|
|
width: 44.2%;
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
.span_3_of_2 {
|
|
width: 53.2%;
|
|
}
|
|
.span_3_of_1 {
|
|
width: 25.2%;
|
|
padding: 1.5%;
|
|
}
|
|
.images_3_of_2 img {
|
|
max-width: 100%;
|
|
}
|
|
.span_3_of_2 h2 {
|
|
font-family: 'ambleregular';
|
|
font-size: 1.1em;
|
|
color:#CD1F25;
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.span_3_of_2 p{
|
|
font-size: 0.8125em;
|
|
padding: 0.3em 0;
|
|
color: #969696;
|
|
line-height: 1.6em;
|
|
font-family: verdana, arial, helvetica, helve, sans-serif;
|
|
}
|
|
.price p {
|
|
font-size: 0.8125em;
|
|
padding:20px 0;
|
|
color: #666;
|
|
vertical-align: top;
|
|
}
|
|
.price p span {
|
|
font-size:2em;
|
|
font-family: 'ambleregular';
|
|
color:#DC0000;
|
|
}
|
|
.available {
|
|
padding:20px 0;
|
|
border-top: 1px solid #CD1F25;
|
|
}
|
|
.available p {
|
|
font-size: 0.9em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
padding-bottom: 10px;
|
|
}
|
|
.available li {
|
|
display: inline;
|
|
font-size: 0.8125em;
|
|
padding: 1.5% 2%;
|
|
color: #353535;
|
|
}
|
|
.available li select {
|
|
display: inline;
|
|
font-size: 1em;
|
|
color: #333;
|
|
margin-left: 3px;
|
|
}
|
|
.share-desc{
|
|
margin-bottom:15px;
|
|
}
|
|
.share{
|
|
float:left;
|
|
}
|
|
.share p {
|
|
padding-top: 10px;
|
|
font-size: 0.9em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
.share li {
|
|
display: inline-block;
|
|
margin: 5px 6px;
|
|
background:#222;
|
|
border-radius:5px;
|
|
}
|
|
.share li img {
|
|
vertical-align:middle;
|
|
}
|
|
.wish-list{
|
|
padding:15px 0;
|
|
border-bottom: 1px solid #E6E6E6;
|
|
border-top: 1px solid #E6E6E6;
|
|
}
|
|
.wish-list li{
|
|
display:inline-block;
|
|
margin-right:45px;
|
|
}
|
|
.wish-list li a{
|
|
color: #383838;
|
|
font-size:1em;
|
|
font-family: 'ambleregular';
|
|
padding-left:22px;
|
|
text-decoration: underline;
|
|
}
|
|
.wish-list li a:hover {
|
|
color: #E4292F;
|
|
}
|
|
.wish-list li.wish{
|
|
background:url(../images/wishlist.png) no-repeat 0;
|
|
}
|
|
.wish-list li.compare{
|
|
background:url(../images/compare.png) no-repeat 0;
|
|
}
|
|
.product-desc, .product-tags {
|
|
clear: both;
|
|
padding-top: 20px;
|
|
}
|
|
.product-desc p {
|
|
font-size: 0.8em;
|
|
padding:5px 0;
|
|
color: #969696;
|
|
line-height: 1.8em;
|
|
font-family: verdana, arial, helvetica, helve, sans-serif;
|
|
}
|
|
.product-desc p span{
|
|
font-weight:bold;
|
|
}
|
|
.product-tags h4 {
|
|
padding: 10px 0;
|
|
font-size: 0.9em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
}
|
|
.input-box {
|
|
background: url(../images/tag.png) no-repeat 0 8px;
|
|
padding-left: 35px;
|
|
}
|
|
.input-box input[type="text"] {
|
|
padding: 8px;
|
|
display: block;
|
|
width: 95%;
|
|
background: #fcfcfc;
|
|
border: none;
|
|
outline: none;
|
|
color: #464646;
|
|
font-size: 0.8125em;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
box-shadow: inset 0px 0px 3px #999;
|
|
-webkit-box-shadow: inset 0px 0px 3px #999;
|
|
-moz-box-shadow: inset 0px 0px 3px #999;
|
|
-o-box-shadow: inset 0px 0px 3px #999;
|
|
-webkit-appearance: none;
|
|
}
|
|
.product-tags .button {
|
|
margin-top: 15px;
|
|
line-height: 3em;
|
|
}
|
|
.span_3_of_2 .button {
|
|
float: right;
|
|
margin-top: 1%;
|
|
line-height: 2em;
|
|
}
|
|
.product-tags .button a {
|
|
font-size:1em;
|
|
padding:10px 15px;
|
|
font-family: 'ambleregular';
|
|
background:#CD1F25;
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
.span_3_of_2 .button a:hover, .product-tags .button a:hover {
|
|
text-shadow: 0px 0px 1px #000;
|
|
background: #292929;
|
|
}
|
|
.product-tags p{
|
|
font-size: 0.85em;
|
|
padding:5px 0;
|
|
color: #969696;
|
|
line-height: 1.8em;
|
|
}
|
|
/**** Review *****/
|
|
.review h4,.review h4 a{
|
|
font-size:1.2em;
|
|
color: #333;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.review h4 a{
|
|
text-decoration:underline;
|
|
}
|
|
.review h4 a:hover{
|
|
text-decoration:none;
|
|
color:#E4292F;
|
|
}
|
|
.review ul{
|
|
margin-top:10px;
|
|
}
|
|
.review li{
|
|
display:block;
|
|
font-family: 'ambleregular';
|
|
padding:8px 0;
|
|
color: #666;
|
|
font-size:1em;
|
|
}
|
|
.review li img{
|
|
vertical-align:middle;
|
|
}
|
|
.review p{
|
|
font-size:0.8em;
|
|
padding:5px 0;
|
|
color: #969696;
|
|
line-height: 1.6em;
|
|
font-family: verdana, arial, helvetica, helve, sans-serif;
|
|
}
|
|
.your-review h3{
|
|
font-size:1.2em;
|
|
color: #333;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.your-review div{
|
|
padding:5px 0;
|
|
}
|
|
.your-review span{
|
|
display:block;
|
|
font-size:0.8125em;
|
|
color:#757575;
|
|
padding-bottom:5px;
|
|
font-family :verdana, arial, helvetica, helve, sans-serif;
|
|
}
|
|
.your-review label span.red{
|
|
color:#CD1F25;
|
|
display:inline;
|
|
}
|
|
.your-review input[type="text"],.your-review textarea{
|
|
padding:8px;
|
|
display:block;
|
|
width:50%;
|
|
border:1px solid #E0E0E0;
|
|
background:none;
|
|
outline:none;
|
|
color:#222;
|
|
font-size:1em;
|
|
font-family:Arial, Helvetica, sans-serif;
|
|
-webkit-appearance:none;
|
|
}
|
|
.your-review textarea{
|
|
resize:none;
|
|
height:120px;
|
|
}
|
|
.your-review input[type="submit"]{
|
|
font-size:1em;
|
|
padding:10px 15px;
|
|
font-family: 'ambleregular';
|
|
background:#CD1F25;
|
|
color: #FFF;
|
|
text-decoration: none;
|
|
border:none;
|
|
cursor:pointer;
|
|
outline: 0;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
}
|
|
.your-review input[type="submit"]:hover{
|
|
text-shadow: 0px 0px 1px #000;
|
|
background: #292929;
|
|
}
|
|
.span_3_of_1 li a {
|
|
font-size:1em;
|
|
padding:8px 0 8px 20px;
|
|
color: #666;
|
|
display: block;
|
|
font-family: 'ambleregular';
|
|
background: url(../images/drop_arrow.png) no-repeat 0;
|
|
border-bottom:1px solid #F0F0F0;
|
|
}
|
|
.span_3_of_1 li a:hover {
|
|
background: url(../images/drop_arrow-hover.png) no-repeat 0;
|
|
color:#B81D22;
|
|
}
|
|
.span_3_of_2 .button {
|
|
float: right;
|
|
margin-top:15px;
|
|
line-height:3em;
|
|
}
|
|
.span_3_of_2 .button a {
|
|
padding: 12px 20px;
|
|
font-size: 1em;
|
|
font-weight: bold;
|
|
font-family: Arial, "Helvetica Neue", "Helvetica", Tahoma, Verdana, sans-serif;
|
|
border: 1px solid rgba(0,0,0,0.1);
|
|
box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
|
|
background: #3f4040;
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
|
|
-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
|
|
-moz-box-shadow: 0 1px rgba(255,255,255,0.2) inset, 0 2px 2px -1px rgba(0,0,0,0.3);
|
|
box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
|
|
-moz-border-radius: 3px;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
}
|
|
.span_3_of_2 .button a:hover {
|
|
border: 1px solid #303030;
|
|
background: #525252;
|
|
text-decoration: none;
|
|
}
|
|
.subscribe {
|
|
padding:30px 0;
|
|
}
|
|
.subscribe p {
|
|
font-size:0.85em;
|
|
color:#666;
|
|
padding:5px 0;
|
|
line-height:1.6em;
|
|
}
|
|
.signup {
|
|
border-radius: 0.2em;
|
|
-webkit-border-radius: 0.2em;
|
|
-moz-border-radius: 0.2em;
|
|
-o-border-radius: 0.2em;
|
|
margin-top: 5px;
|
|
background: #E7E7E7;
|
|
box-shadow: inset 0px 2px 5px #707070;
|
|
}
|
|
.signup input[type="text"] {
|
|
border: none;
|
|
background: none;
|
|
padding:5px;
|
|
outline: none;
|
|
width:70%;
|
|
font-size:0.85em;
|
|
color:#222;
|
|
}
|
|
.signup input[type="submit"] {
|
|
border: 1px solid #5C5655;
|
|
padding: 8px 20px;
|
|
font-size: 12px;
|
|
width:85px;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
background: #565656;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#565656');
|
|
color: #fff;
|
|
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
|
|
}
|
|
.signup input[type="submit"]:hover {
|
|
background: #5e5e5e;
|
|
background: -moz-linear-gradient(top, #5e5e5e 0%, #404040 100%);
|
|
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#404040));
|
|
background: -webkit-linear-gradient(top, #5e5e5e 0%,#404040 100%);
|
|
background: -o-linear-gradient(top, #5e5e5e 0%,#404040 100%);
|
|
background: -ms-linear-gradient(top, #5e5e5e 0%,#404040 100%);
|
|
background: linear-gradient(top, #5e5e5e 0%,#404040 100%);
|
|
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#404040',GradientType=0 );
|
|
box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15);
|
|
-moz-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px 0 rgba(0,0,0,0.15);
|
|
-webkit-box-shadow: 1px 1px 0 0 #414141 inset, -1px -1px 0 0 #414141 inset, 0 1px 2px -1px rgba(0,0,0,0.15);
|
|
}
|
|
.community-poll p {
|
|
color: #CD1F25;
|
|
font-size: 0.85em;
|
|
padding:5px 0;
|
|
}
|
|
.poll li {
|
|
padding:3px 0px 9px 0;
|
|
}
|
|
.poll input.radio {
|
|
float: left;
|
|
margin:4px 0 0 0;
|
|
}
|
|
.poll .label {
|
|
display: block;
|
|
margin-left: 20px;
|
|
}
|
|
.poll label {
|
|
font-size: 0.85em;
|
|
padding:10px 0;
|
|
color: #666;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
|
|
/**** End Preview Page ******/
|
|
|
|
/* About ============================================================================= */
|
|
.col_1_of_3 {
|
|
display: block;
|
|
float: left;
|
|
margin: 0% 0 0% 1.6%;
|
|
}
|
|
.col_1_of_3:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.span_1_of_3 {
|
|
width: 29.2%;
|
|
padding: 1.5%;
|
|
}
|
|
.span_1_of_3 img {
|
|
max-width: 100%;
|
|
}
|
|
.span_1_of_3 h3 {
|
|
color: #383838;
|
|
margin-bottom: 0.5em;
|
|
font-size: 1.5em;
|
|
line-height: 1.2;
|
|
font-family: 'ambleregular';
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
text-transform: uppercase;
|
|
}
|
|
.span_1_of_3 p {
|
|
font-size: 0.8125em;
|
|
padding: 0.5em 0;
|
|
color:#727272;
|
|
line-height: 1.8em;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
.year {
|
|
float: left;
|
|
width:50px;
|
|
}
|
|
.year p {
|
|
color: #E4292F;
|
|
font-size: 0.95em;
|
|
}
|
|
.span_1_of_3 p.history {
|
|
float: left;
|
|
width: 85%;
|
|
font-size: 0.8125em;
|
|
color:#727272;
|
|
line-height: 1.8em;
|
|
}
|
|
.span_1_of_3 .list li a {
|
|
font-size: 0.82em;
|
|
padding:7px 15px;
|
|
color: #E4292F;
|
|
background: url(../images/drop_arrow.png) no-repeat 0px 10px;
|
|
display: block;
|
|
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
|
|
}
|
|
.span_1_of_3 .list li a:hover {
|
|
text-decoration:underline;
|
|
}
|
|
/* Delivery ============================================================================= */
|
|
.section {
|
|
clear: both;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.group:before,
|
|
.group:after {
|
|
content:"";
|
|
display:table;
|
|
}
|
|
.group:after {
|
|
clear:both;
|
|
}
|
|
.group {
|
|
zoom:1;
|
|
}
|
|
.grid_1_of_3{
|
|
display: block;
|
|
float:left;
|
|
margin: 1% 0 1% 1.6%;
|
|
}
|
|
.grid_1_of_3:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.images_1_of_3 {
|
|
width: 29.2%;
|
|
padding:1.5%;
|
|
}
|
|
.images_1_of_3 img {
|
|
max-width:100%;
|
|
display:block;
|
|
border: 1px solid #ECE6E6;
|
|
}
|
|
.images_1_of_3 h3{
|
|
color:#383838;
|
|
font-size: 1em;
|
|
margin:5px 0;
|
|
font-family: 'ambleregular';
|
|
text-transform: uppercase;
|
|
}
|
|
.images_1_of_3 p {
|
|
font-size:0.823em;
|
|
padding:5px 0;
|
|
color:#727272;
|
|
line-height: 1.8em;
|
|
}
|
|
/* FAQ ============================================================================= */
|
|
.ui-accordion .bar{ cursor:pointer;
|
|
margin:15px 0;
|
|
}
|
|
#posts .tab .post-title{
|
|
color:#B81D22;
|
|
font-size:1em;
|
|
font-family: 'ambleregular';
|
|
overflow:hidden;
|
|
margin:0px;
|
|
}
|
|
#posts .tab.selected .post-title{
|
|
color:#222;
|
|
}
|
|
#posts .panel .post-text{
|
|
clear:both;
|
|
padding:10px;
|
|
}
|
|
.panel{
|
|
background:#222;
|
|
}
|
|
.panel p{
|
|
color:#C0C0C0;
|
|
font-size:0.95em;
|
|
line-height: 1.8em;
|
|
padding:5px 20px;
|
|
}
|
|
/****** News **************************/
|
|
.image {
|
|
clear: both;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
padding:1.5%;
|
|
}
|
|
.group:before,
|
|
.group:after {
|
|
content:"";
|
|
display:table;
|
|
}
|
|
.group:after {
|
|
clear:both;
|
|
}
|
|
.group {
|
|
zoom:1;
|
|
}
|
|
.grid {
|
|
display: block;
|
|
float:left;
|
|
margin: 0% 0 0% 1.6%;
|
|
}
|
|
.grid:first-child { margin-left: 0; }
|
|
|
|
.images_3_of_1 {
|
|
width:30.2%;
|
|
}
|
|
.news_desc{
|
|
width: 68.1%;
|
|
}
|
|
.images_3_of_1 img {
|
|
max-width:100%;
|
|
display:block;
|
|
border:1px solid #E0E0E0;
|
|
}
|
|
.news_desc h3{
|
|
color:#B81D22;
|
|
margin-bottom:0.3em;
|
|
font-size:1.2em;
|
|
text-transform:uppercase;
|
|
font-family: 'ambleregular';
|
|
}
|
|
.news_desc h4 span a{
|
|
text-decoration:underline;
|
|
}
|
|
.news_desc h4 span a:hover{
|
|
color:#B81D22;
|
|
text-decoration:none;
|
|
}
|
|
.news_desc h4 ,.news_desc h4 a{
|
|
font-size:0.95em;
|
|
color:#303030;;
|
|
padding-bottom:5px;
|
|
}
|
|
.news_desc p{
|
|
font-size:0.85em;
|
|
padding:5px 0;
|
|
color:#747474;
|
|
line-height: 1.8em;
|
|
}
|
|
.news_desc p a{
|
|
font-size:1em;
|
|
color:#B81D22;
|
|
}
|
|
/*** Page numbers ***/
|
|
.content-pagenation{
|
|
padding:35px 0;
|
|
text-align:right;
|
|
}
|
|
.content-pagenation li {
|
|
display: inline-block;
|
|
}
|
|
.content-pagenation li a {
|
|
color:#303030;
|
|
font-size: 0.8em;
|
|
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
|
|
background: #FFF;
|
|
padding: 10px 12px;
|
|
box-shadow: 0px 0px 5px #ADADAD;
|
|
-webkit-box-shadow: 0px 0px 2px #ADADAD;
|
|
-moz-box-shadow: 0px 0px 2px #ADADAD;
|
|
-o-box-shadow: 0px 0px 2px #ADADAD;
|
|
-webkit-transition: all .5s;
|
|
-moz-transition: all .5s;
|
|
-o-transition: all .5s;
|
|
-ms-transition: all .5s;
|
|
transition: all .5s;
|
|
}
|
|
.content-pagenation li a:hover,.content-pagenation li.active a{
|
|
background:#303030;
|
|
color:#FFF;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Contact Form ============================================================================= */
|
|
.section {
|
|
clear: both;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
.group:before, .group:after {
|
|
content: "";
|
|
display: table;
|
|
}
|
|
.group:after {
|
|
clear: both;
|
|
}
|
|
.group {
|
|
zoom: 1;
|
|
}
|
|
.col {
|
|
display: block;
|
|
float: left;
|
|
margin: 0% 0 1% 1.6%;
|
|
}
|
|
.col:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.span_2_of_3 {
|
|
width: 63.1%;
|
|
padding: 1.5%;
|
|
}
|
|
.span_1_of_3 {
|
|
width: 29.2%;
|
|
padding: 1.5%;
|
|
}
|
|
.span_2_of_3 h2, .span_1_of_3 h2 {
|
|
margin-bottom: 0.5em;
|
|
line-height: 1.2;
|
|
font-family: 'ambleregular';
|
|
font-weight: normal;
|
|
margin-top: 0px;
|
|
}
|
|
.contact-form {
|
|
position: relative;
|
|
padding-bottom: 30px;
|
|
}
|
|
.contact-form div {
|
|
padding: 5px 0;
|
|
}
|
|
.contact-form span {
|
|
display: block;
|
|
font-size: 0.8125em;
|
|
color: #757575;
|
|
padding-bottom: 5px;
|
|
font-family: verdana, arial, helvetica, helve, sans-serif;
|
|
}
|
|
.contact-form input[type="text"], .contact-form textarea {
|
|
padding: 8px;
|
|
display: block;
|
|
width:98%;
|
|
background:none;
|
|
border:1px solid #CACACA;
|
|
outline: none;
|
|
color: #464646;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.contact-form input[type="password"], .contact-form textarea {
|
|
padding: 8px;
|
|
display: block;
|
|
width:98%;
|
|
background:none;
|
|
border:1px solid #CACACA;
|
|
outline: none;
|
|
color: #464646;
|
|
font-size:1em;
|
|
font-weight:bold;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
-webkit-appearance: none;
|
|
}
|
|
|
|
.contact-form textarea {
|
|
resize: none;
|
|
height: 120px;
|
|
}
|
|
.contact-form input[type="submit"] {
|
|
font-size:1em;
|
|
padding:10px 15px;
|
|
font-family: 'ambleregular';
|
|
background:#CD1F25;
|
|
color: #FFF;
|
|
border:none;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
cursor:pointer;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
|
|
.contact-form input[type="reset"] {
|
|
font-size:1em;
|
|
padding:10px 15px;
|
|
font-family: 'ambleregular';
|
|
background:#CD1F25;
|
|
color: #FFF;
|
|
border:none;
|
|
text-decoration: none;
|
|
outline: 0;
|
|
cursor:pointer;
|
|
-webkit-transition: all 0.5s ease-in-out;
|
|
-moz-transition: all 0.5s ease-in-out;
|
|
-o-transition: all 0.5s ease-in-out;
|
|
transition: all 0.5s ease-in-out;
|
|
position: absolute;
|
|
right: 100;
|
|
}
|
|
|
|
.contact-form input[type="submit"]:hover {
|
|
text-shadow: 0px 0px 1px #000;
|
|
background: #292929;
|
|
}
|
|
|
|
.company_address p {
|
|
font-size: 0.8125em;
|
|
color: #757575;
|
|
padding: 0.2em 0;
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
}
|
|
.company_address p span {
|
|
text-decoration: underline;
|
|
color: #444;
|
|
cursor: pointer;
|
|
}
|
|
.map {
|
|
border: 1px solid #C7C7C7;
|
|
margin-bottom: 15px;
|
|
}
|
|
/**** Responsive Layout ****/
|
|
@media only screen and (max-width: 1024px) {
|
|
.wrap {
|
|
width: 90%;
|
|
}
|
|
.span_1_of_3 p.history{
|
|
width:80%;
|
|
}
|
|
.wish-list li {
|
|
margin-right:20px;
|
|
}
|
|
.signup input[type="text"] {
|
|
width:64%;
|
|
}
|
|
.signup input[type="submit"]{
|
|
padding:8px 0;
|
|
width:71px;
|
|
}
|
|
.social-icons li{
|
|
width:17%;
|
|
padding:0;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 800px) {
|
|
.wrap {
|
|
width: 95%;
|
|
}
|
|
.price-details p span.rupees{
|
|
font-size:1.2em;
|
|
}
|
|
.add-cart h4 a{
|
|
padding:10px;
|
|
}
|
|
.span_1_of_3 p.history{
|
|
width:76%;
|
|
}
|
|
.span_1_of_2 {
|
|
width: 98.1%;
|
|
}
|
|
.span_3_of_1{
|
|
width:98%;
|
|
}
|
|
.rightsidebar{
|
|
margin:0;
|
|
}
|
|
.signup{
|
|
width:50%;
|
|
}
|
|
.signup input[type="text"]{
|
|
width:77%;
|
|
}
|
|
.signup input[type="submit"]{
|
|
width:72px;
|
|
}
|
|
.span_1_of_4 h4{
|
|
font-size:1em;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 640px) {
|
|
.wrap {
|
|
width: 95%;
|
|
}
|
|
.account_desc li a{
|
|
padding:0 3px;
|
|
}
|
|
.menu li a{
|
|
padding:16px 10px;
|
|
}
|
|
.header_bottom_left{
|
|
float:none;
|
|
width:100%;
|
|
}
|
|
.header_bottom_right{
|
|
float:none;
|
|
width:100%;
|
|
padding:0;
|
|
margin:5px 0;
|
|
}
|
|
.price-details p span.rupees{
|
|
font-size:0.96em;
|
|
}
|
|
.add-cart h4 a{
|
|
padding:10px 5px;
|
|
font-size:0.75em;
|
|
}
|
|
.images_1_of_4 h2{
|
|
font-size:0.8em;
|
|
}
|
|
.see{
|
|
padding-top:0;
|
|
}
|
|
.span_1_of_4 h4{
|
|
padding-left:10px;
|
|
}
|
|
.span_1_of_4 li span{
|
|
font-size:0.8em;
|
|
}
|
|
.span_1_of_4 ul{
|
|
padding-left:10px;
|
|
}
|
|
.wish-list li{
|
|
margin-right:10px;
|
|
}
|
|
.signup input[type="text"]{
|
|
width:71%;
|
|
}
|
|
.span_1_of_3 p.history{
|
|
width:85%;
|
|
}
|
|
.span_2_of_3 {
|
|
width:94%;
|
|
padding:3%;
|
|
}
|
|
.col_1_of_3{
|
|
margin:0;
|
|
}
|
|
.panel p{
|
|
font-size:0.8em;
|
|
}
|
|
.col{
|
|
margin: 1% 0 1% 0%;
|
|
}
|
|
.span_1_of_3 {
|
|
width:94%;
|
|
padding:3%;
|
|
}
|
|
.contact-form input[type="text"],.contact-form textarea{
|
|
width:97%;
|
|
}
|
|
|
|
}
|
|
@media only screen and (max-width: 480px) {
|
|
.wrap {
|
|
width: 95%;
|
|
}
|
|
.call,.account_desc{
|
|
float:none;
|
|
text-align:center;
|
|
}
|
|
.call{
|
|
margin-bottom:10px;
|
|
}
|
|
.account_desc li a{
|
|
padding:0 10px;
|
|
}
|
|
.logo,.cart{
|
|
float:none;
|
|
text-align:center;
|
|
}
|
|
.cart{
|
|
margin-top:0;
|
|
padding-right:0;
|
|
}
|
|
.menu{
|
|
float:none;
|
|
width:100%;
|
|
}
|
|
.search_box{
|
|
float:none;
|
|
width:95%;
|
|
margin:8px 10px 0 10px;
|
|
}
|
|
.header_bottom{
|
|
padding-bottom:10px;
|
|
}
|
|
.menu li a{
|
|
padding:15px 20px;
|
|
}
|
|
.price-number{
|
|
float:none;
|
|
padding-top:0;
|
|
}
|
|
.add-cart{
|
|
float:none;
|
|
}
|
|
.span_2_of_3 {
|
|
width:96%;
|
|
padding:2%;
|
|
}
|
|
.span_1_of_4{
|
|
width:31.5%;
|
|
}
|
|
.col_1_of_4{
|
|
margin:2% 0;
|
|
}
|
|
.images_3_of_2{
|
|
width:100%;
|
|
}
|
|
.span_3_of_2{
|
|
width:98%;
|
|
}
|
|
.desc{
|
|
margin:10px 0;
|
|
}
|
|
.signup{
|
|
width:75%;
|
|
}
|
|
.signup input[type="submit"]{
|
|
width:83px;
|
|
}
|
|
.images_1_of_3 h3{
|
|
font-size:0.75em;
|
|
}
|
|
#posts .tab .post-title{
|
|
font-size:0.9em;
|
|
}
|
|
.col {
|
|
margin: 1% 0 1% 0%;
|
|
}
|
|
.span_1_of_3 {
|
|
width:96%;
|
|
padding:2%;
|
|
}
|
|
.contact-form input[type="text"],.contact-form textarea{
|
|
width:96%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 320px) {
|
|
.wrap {
|
|
width: 95%;
|
|
}
|
|
.account_desc li a{
|
|
padding:0;
|
|
}
|
|
.menu li a{
|
|
padding:15px 4.8px;
|
|
}
|
|
.search_box{
|
|
width:93%;
|
|
}
|
|
.search_box form input[type="text"]{
|
|
width:85%;
|
|
}
|
|
.images_1_of_4{
|
|
width:96.8%;
|
|
}
|
|
.grid_1_of_4{
|
|
margin:1% 0 1% 0;
|
|
}
|
|
.price-number{
|
|
float: left;
|
|
padding-top: 5px;
|
|
}
|
|
.price-details p span.rupees{
|
|
font-size:1.6em;
|
|
}
|
|
.add-cart{
|
|
float:right;
|
|
}
|
|
.add-cart h4 a{
|
|
font-size:0.9em;
|
|
padding:10px 15px;
|
|
}
|
|
.heading h3{
|
|
font-size:1em;
|
|
}
|
|
.content_top,.content_bottom{
|
|
padding:10px;
|
|
}
|
|
.span_1_of_4{
|
|
width:100%;
|
|
}
|
|
.span_1_of_3 p.history{
|
|
width:80%;
|
|
}
|
|
.images_1_of_3{
|
|
width:97%;
|
|
}
|
|
.images_1_of_3 h3{
|
|
font-size:1em;
|
|
}
|
|
.images_3_of_1{
|
|
width:100%;
|
|
}
|
|
.grid{
|
|
margin:0;
|
|
}
|
|
.news_desc{
|
|
width:100%;
|
|
}
|
|
.contact-form input[type="text"],.contact-form textarea{
|
|
width:93%;
|
|
}
|
|
}
|