/* ******************************************* */
/* HEADER */
/* ******************************************* */
body,html{
margin:0;
padding:0;
height:100%;
background-color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#444;
background-image:url(/t-shirts/Images/background.jpg);
background-repeat:repeat-x;
}
#siteWrapper{
margin:0 auto;
padding:0;
width:1140px;
text-align:center;
}
.pagebar {
text-align: center;
font-size:14px;
padding-bottom:4px;
padding-top:0px;
margin:2px 1px 10px 0;
color:#666666;
}
.pagebar a {
color:#850000;
text-decoration: underline;
}
/*#headerWrapper{
width:1112px;
height:123px;
margin:0 auto;
text-align:left;
}*/
#headerWrapper{
width:1112px;
padding:10px 0;
margin:0 auto;
text-align:left;
}
#topText{
height:33px;
width:1112px;
color:#fff;
padding-top:4px;
font-size:11px;
}
#topWords{
float:left;
width:480px;
}
#flagsContainer{
width:480px;
float:right;
text-align:right;
}
.countryChoice img{
position:relative;
top:-2px;
}
#logoFrame{
float:left;
width:282px;
height:81px;
}
#headerRight{
float:right;
width:634px;
}
#topLinks{
width:634px;
height:36px;
padding:8px 0 0 0;
text-align:right;
font-size:15px;
font-weight:bold;
}
#topLinks ul{
padding:0;
margin:0;
list-style:none;
width:100%;
}
#topLinks ul li{
padding:0;
margin:0;
list-style:none;
float:right;
}
#topLinks ul li a{
display:block;
padding:0 10px 0 10px;
border-left:1px solid #fff;
color:#fff;
text-decoration:none;
}
#topLinks ul li a:hover{
text-decoration:underline;
}
#checkoutFrame{
float:right;
width:auto;padding:0px 0;
}
#checkoutButtons {float:left;margin:0 5px 0 0;}
#checkoutButtons a {
background-color:#111;padding:15px 10px 16px;display:inline-block;
}
#checkoutButtons a img{
margin-top:-5px;
}
#checkoutButtons a:hover {
background-color:#2a2a2a;
}
#checkoutText{
float:right;
text-align:right;
font-size:14px;
color:#fff;margin:14px 0 0 0;
}
#checkoutText a{
color:#fff;text-decoration:none;
}
#checkoutText a:hover{
color:#fff;text-decoration:underline;
}
#checkoutText span#miniQuantity {background-color:#850000;padding:3px 5px;font-weight:bold;-webkit-border-radius: 5px;margin:0 0 3px 0;
border-radius: 5px;}
#checkoutText span#miniTotal {font-weight:bold;padding:0 0 0 3px;color:#fff;}
#newsletterSplashContainer {
height:120px;
background-color:#212121;
}
#newsletterSplashContainer #newsletterSplash {
width:1112px;
padding:10px 0;
margin:0 auto;
position:relative;
height:110px;
}
#newsletterSplashContainer #newsletterSplash #close-newsletterSplash {
width:20px;
float:left;
height:20px;
background-color:#850000;
padding:2px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
color:#fff;
text-align:center;
font-size:18px;
line-height:20px;
cursor:pointer;
position:absolute;
right:0;
top:10px;
z-index:999;
}
#newsletterSplashContainer #newsletterSplash #offer {
width:250px;
float:left;
height:90px;
}
#newsletterSplashContainer #newsletterSplash #offer .offer-large,
#newsletterSplashContainer #newsletterSplash #offer aside {
width:250px;
margin:0 auto;
text-align:center;
}
#newsletterSplashContainer #newsletterSplash #offer .offer-large {
font-size: 58px;
font-weight: bold;
color: #fff;
}
#newsletterSplashContainer #newsletterSplash #offer aside {
font-size:18px;
color:#888;
font-style:italic;
}
#newsletterSplashContainer #newsletterSplash #divider {
width:33px;
float:left;
height:70px;
margin:10px 0;
border-right:1px solid #888;
}
#newsletterSplashContainer #newsletterSplash #signup {
width:auto;
padding-left:14px;
position:absolute;
left:320px;
right:0;
height:90px;
}
#newsletterSplashContainer #newsletterSplash #signup p {
padding:2px 30px;
font-size:14px;
color:#888;
}
#newsletterSplashContainer #newsletterSplash #signup input.formbox {
width: 60%;
}
#newsletterSplashContainer #newsletterSplash #signup input.button {
width:34%;
}
/* ******************************************* */
/* MAIN MENU */
/* ******************************************* */
#navframecontainer {background:#111;}
#navFrame{
width:1112px;
padding:0px ;
margin:0 auto;
}
#mainMenu{
float:left;
width:830px;
position:relative;
}
#mainMenu ul{
margin:0;
padding:0;
list-style:none;
}
#mainMenu ul li.inactiveLink{
margin:0;
padding:0;
list-style:none;
float:left;
}
#mainMenu ul li.inactiveLink a{
display:inline-block;
padding:15px;
font-size:14px;
font-weight:bold;
text-align:center;
color:#fff;border-right:1px solid #222;
}
#mainMenu ul li.inactiveLink a:hover{
display:inline-block;
padding:15px;
font-size:14px;
font-weight:bold;
text-align:center;
color:#fff;border-right:1px solid #222;
background:#2a2a2a;
}
#mainMenu ul li.inactiveLink a span{
color:#fff;
font-size:11px;
font-weight:normal;
}
#mainMenu ul li.activeLink{
margin:0 ;
padding:0;
list-style:none;
float:left;
background-repeat:no-repeat;
background:#850000;
}
#mainMenu ul li.activeLink a{
display:inline-block;
padding:15px;
font-size:14px;
font-weight:bold;
text-align:center;
color:#fff;
background-repeat:no-repeat;
background-position:right;
position:relative;
}
#mainMenu ul li.activeLink a span{
color:#777;
font-size:11px;
font-weight:normal;
}
#mainMenu ul li:hover > ul {
display: block;
}
#mainMenu ul.sub-menu {
display: none;
position: absolute;
top: 46px;
z-index: 999;
background-color: #2a2a2a;
}
#mainMenu ul.sub-menu li {
float: left;
margin: 0;
padding: 0;
position: relative;
}
#mainMenu ul.sub-menu li a {
border-right: 1px solid #333;
color: #FFFFFF;
display: inline-block;
font-size: 13px;
font-weight: bold;
padding: 15px;
text-align: center;
border-bottom:solid 3px #111;
}
#mainMenu ul.sub-menu li a:hover {
background: none repeat scroll 0 0 transparent;
color: #333;
background-color: #fff;font-size: 13px;
border-bottom:solid 3px #850000;
}
#mainMenu ul li.inactiveLink:last-child, #mainMenu ul.sub-menu li:last-child a {
border-right:none;
}
#mainMenu ul > li:hover > a {background:#2a2a2a;}
#menubutton{
display: none;
}
/* ******************************************* */
/* SUB MENU */
/* ******************************************* */
.homeCatLink a{
font-family: Arial;
font-size: 14px;
color: #777;
font-weight: bold;
}
.homeCatLink{
height: 34px;
vertical-align: top;
}
.homeCatLinkSelected a{
font-family: Arial;
font-size: 14px;
color: #000;
font-weight: bold;
}
.homeCatLinkSelected{
height: 34px;
vertical-align: top;
}
ul.subMenu {background-color:#333;width:100%}
#mainMenu ul li.activeLink ul li{
margin:0;
padding:0;
list-style:none;
float:left;
background:none;
}
#mainMenu ul li.activeLink ul li.inactiveSubLink a{
color:#777;
}
#mainMenu ul li.activeLink ul li.activeSubLink a{
color:#000;
}
/* ******************************************* */
/* SEARCH FORM */
/* ******************************************* */
.searchcontainer {width:462px;float:right; position:relative; }
.popular {color:#fff}
.popular a{font-size:11px;color:#fff;text-decoration:underline}
.popular img {padding:0 5px 0 0}
#searchFrame{
float:right;
padding:5px 10px;
position: relative;
background-color:#fff;-webkit-border-radius: 5px;
color:#ccc;margin:20px 0 0 0;
border-radius: 5px;
width:442px;
}
#headerWrapper #fullTagCloud {
background-color:#2a2a2a;
padding:10px;
margin-top:10px;
z-index:9999;
border-radius:5px;
-webkit-border-radius:5px;
display:none;
text-align:left;
width:1092px;
}
#headerWrapper #fullTagCloud ul {
list-style:none;
}
#headerWrapper #fullTagCloud ul li {
float:left;
margin-right:14px;
}
#headerWrapper #fullTagCloud a {
color:#fff;
}
#headerWrapper #fullTagCloud .cloudxxLarge
{
font-size: 24px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudxLarge
{
font-size: 21px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudLarge
{
font-size: 18px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudMedium
{
font-size: 16px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudSmall
{
font-size: 14px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudxSmall
{
font-size: 11px;
color: black;
text-decoration: none;
}
#headerWrapper #fullTagCloud .cloudxxSmall
{
font-size: 9px;
color: black;
text-decoration: none;
}
.searchcontainer #smallTagCloud {
padding-top:5px;
clear:both;
text-align:center;
}
.searchcontainer #smallTagCloud .tagCloudMore {
background-color:#2a2a2a;
padding: 0 5px;
border-radius:2px;
-webkit-border-radius:2px;
}
.searchcontainer #smallTagCloud .tagCloudMore {
color: #fff;
}
#searchform{
position:relative;
width:442px
}
#searchform input[type=text]{
border:none;
display:block;
font-size:16px;padding:5px 10px;
margin:0;width:350px;
color:#888;
font-family:arial, sans-serif;
}
#searchsubmit{
border:none;
background:url(../images/input_search_button.png) no-repeat left top;
cursor:pointer;
height:24px;
position:absolute;
right:5px;
top:2px;
width:24px;
}
#mainMenu a#searchbutton {
display: none;
}
#touch-wrapper i {
color:#fff;
font-size: 22px;
padding: 0 5px;
display: inline;
}
#touch-wrapper a:hover {
text-decoration: none;
}
/* ******************************************* */
/* CONTENT */
/* ******************************************* */
#contentWrapper{
width:1112px;
padding:0 14px;
text-align:left;
}
.homeBanner ul{
margin:0;
padding:0;
}
.homeBanner{
width:1112px;
height:200px;
position:relative;
}
.mobileBanner{
display:none;
position:relative;
}
.mobileBanner ul {
margin:0;
padding:0;
}
.mobileBanner ul img {
width:100%;
height:auto;
max-width:1020px;
}
#bannerWraparound{
position:absolute;
left:-15px;
top:153px;
background-image:url(/t-shirts/Images/banner_wraparound_bg.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
width:450px;
height:35px;
padding:9px 0 0 20px;
}
#bannerWraparound h1{
font-size:14px;
font-weight:bold;
color:#000;
margin:0;
padding:0;
}
.contentPadding{
width:1072px;
padding:20px 20px;
background-color:#fff;
min-height:400px;
}
.offersBox{
width:1112px;
height:39px;
padding:0 0 16px 0;
background-image:url(../Images/Boxes/offers_bg.jpg);
background-repeat:no-repeat;
font-size:14px;
color:#fff;
text-align:center;
}
.offersBox ul{
list-style:none;
margin:0;
padding:0;
}
.offersBox ul li{
list-style:none;
margin:0;
padding:0;
float:left;
width:308px;
height:39px;
text-align:center;
}
.offersBox ul li a{
text-decoration:none;
color:#fff;
}
.offersBox ul li a:hover{
text-decoration:underline;
color:#fff;
}
.offersBox span{
position:relative;
top:-15px;
}
.halfLeft
{
width: 50%;
float: left;
}
.halfRight
{
width: 50%;
float: left;
}
/* ******************************************* */
/* FOOTER */
/* ******************************************* */
/*.contactfooter {border-bottom:1px dotted #222;padding:15px 0 20px}
.contactfooter h4 {font-size:21px !important;color:#fff;margin:5px 0 0 0;padding:0;line-height:1.4}
.contactfooter p {font-size:11px;color:#666;padding:0;margin:0}
#newsletterFrame{
float:right;
padding:5px 10px;
position: relative;
background-color:#222;-webkit-border-radius: 5px;
color:#ccc;margin:0px 0 0 0;
border-radius: 5px;
width:442px;
}
#newsletterform{
position:relative;
width:442px
}
#newsletterform input[type=text]{
border:none;
display:block;
font-size:16px;padding:5px 10px;
margin:0;width:350px;
color:#666;background-color:#222;
font-family:arial, sans-serif;
}
#newslettersubmit{
border:none;
background:url(../images/newslettersignup.png) no-repeat left top;
cursor:pointer;
height:24px;
position:absolute;
right:5px;
top:2px;
width:24px;
}
#contentFooterTop{
background-image:url(../Images/Boxes/content_box_footer_top.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
width:992px;
height:10px;
}
#contentFooterLinks{background-color:#000000;color:#ffffff;text-align:left;font-size:13px;padding:20px 14px;width:1112px;margin:0 0 0 0px;min-height:120px;position:relative;}
* html #contentFooterLinks {height:144px;} /* for Internet Explorer */
/*
#contentFooterLinks a{color:#ffffff;}
#contentFooterLinks a:hover{color:#ffffff;text-decoration:underline;}
#contentFooterLinks h3{color:#ffffff;font-weight:bold;font-size:16px;padding:0;margin:0;border:0;}
#contentFooterLinks h4{padding:0px 0 14px 0;color:#fff;font-size:16px;}
/*
#contentFooterLinks{
text-align:left;
background-image:url(../Images/Boxes/content_box_footer_loop.png);
behavior: url(iepngfix.htc);
background-repeat:repeat-y;
font-size:11px;
padding:10px 34px 0 34px;
width:1072px;
min-height:120px;
position:relative;
}
/* for Internet Explorer */
/*\*//*
* html #contentFooterLinks {
height:144px;
}
#contentFooterLinks a{
color:#444;
}
#contentFooterLinks a:hover{
color:#000;
}
#contentFooterLinks h3{
text-shadow:1px 2px 0px #fff;
font-weight:bold;
font-size:16px;
padding-bottom:0;
padding-top:0;
margin:0;
border:0;
}
#contentFooterLinks h4{
text-shadow:1px 2px 0px #fff;
padding-top:12px;
padding-bottom:4px;
color:#981b17;
font-size:12px;
}*/
/*
#contentFooterLinks p{
padding:0;line-height:14px;margin:0 0 10px 0;
}
#contentFooterLinks ul{
list-style:none;
padding:0;
margin:0;
line-height:20px;
}
#contentFooterLinks ul li{
padding:6px 0;border-bottom:1px dotted #222;
margin:0;
}
#contentFooterLinks .backToTop a{
font-size:10px;
color:#fff;
text-decoration:none;
display:block;
text-align:right;
padding:0 10px 0 0;
width:50px;
height:10px;
background-color:#850000;
background-image:url(../Images/Icons/back_to_top.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:-10px;
right:34px;
}
#contentFooterLinks .backToTop a:hover{
background-color:#000;
color:#fff;
text-decoration:none;
}
#contentFooter{
padding:30px 0;
width:1112px;
/*background-image:url(../Images/Boxes/content_box_footer_2011.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
background-position:top;
color:#666;
font-size:11px;line-height:10px;
}*/
/*
#contentFooter a{
color:#666;
}
/* ******************************************* */
/* SOCIAL ICONS */
/* ******************************************* */
ul.socialiconcontainer {width:130px;text-align:left;float:left;margin:15px 0 0 0;
}
li.socialicon {border-bottom:none !important;padding:0 !important;display:inline}
li.socialicon a {background:url(/t-shirts/images/socialicons.png) no-repeat;height:25px;width:25px;display:inline-block;margin:0 10px 0px 0}
li.socialicon a.facebook{background-position:0px 0px;}
li.socialicon a:hover.facebook{background-position:0px -25px;}
li.socialicon a.twitter {background-position:-25px 0px;}
li.socialicon a:hover.twitter {background-position:-25px -25px;}
li.socialicon a.rss{background-position:-50px 0px;}
li.socialicon a:hover.rss {background-position:-50px -25px;}
.newsletterbtn {float:right;margin:11px 0 0 0}
a.button{padding:10px 15px;color:#fff;display:block;-webkit-border-radius: 5px;border-radius: 5px;text-align:center;color:#fff;font-weight:bold;text-transform:capitalize}
a:hover.button {color:#fff;text-decoration:none}
a.button.red {background:#850000;}
a:hover.button.red {background:#c9241e;}
a.button.grey {background:#222;}
a:hover.button.grey {background:#850000;}
/* ******************************************* */
/* COLUMNS */
/* ******************************************* */
.col3quarters {float:left;width:824px;margin:0 40px 0 0}
.colhalf {float:left;width:536px;margin:0 40px 0 0}
.col34 {float:left;width:794px;margin:0 40px 0 0}
.col2 {width:496px;margin:0 40px 0 0;float:left}
.col3 {width:333.33px;margin:0 35px 0 0;float:left}
.col4 {width:248px;float:left;margin:0 40px 0 0;}
/* col5 is currently not used */
.col5 {width:170px;float:left;margin:0 20px 0 0;}
.col5.last {width:180px}
.col3quarters.last, .col34.last, .col3.last, .col4.last, .col5.last {
margin: 0;
}
/* ******************************************* */
/* PRODUCT LISTINGS */
/* ******************************************* */
.productRow{
width:1072px;
padding:0 0 25px 0;
}
.productHolder{
overflow: hidden;
width: 204px;
padding:0 5px 0 5px;
float:left;
text-align:center;
}
.productHolderSlider
{
width:221px;
float:left;
text-align:center;
}
.productHolderSlider img {
border: solid 3px white;
max-width: 221px;
}
.productImage{
width:221px;
text-align:center;
}
.productImage img{
width:221px;
height:auto;
}
.productCaption{
width:194px;
padding:8px 5px 0px 5px;
margin-bottom:10px;
text-align:center;
text-transform:capitalize;
}
.moreProducts{
text-align:center;
}
.bx-wrapper {
position: relative;
}
/* ******************************************* */
/* PRODUCT DETAIL */
/* ******************************************* */
.your-class a{
padding:0 55px
}
@media only screen and (max-width: 1020px) {
.your-class a{
padding:0 25px
}
}
#prodImageWrapper {
float:left;
width:670px;
text-align:center;
padding:20px 0;
margin:0 0 0px 0;
margin-left:25px;
}
@media only screen and (max-width: 1020px) {
#prodImageWrapper {
margin-left: 0;
}
}
#prodImage{
border:0px solid #eee;
}
#prodImageExtra{
border:5px solid #fff;
padding-top: 5px;
padding-bottom: 0px;
}
#prodImage img{
width:413px;
height:auto;
margin: 0 auto;
}
#prodInfo{
float:right;
width:322px;
}
#prodInfoOptions{
width:322px;
padding:20px 0;
}
.prodOptionLabel{
float:left;
width:100px;
font-weight:bold;
padding:5px 0 0 0;
color:#000;
text-overflow: ellipsis;
white-space: nowrap;
}
.prodOption{
float:right;
width:202px;
padding:2px 0;
}
.prodOption select{
width:202px;
}
.prodPrice{
font-size:24px;
font-weight:bold;
color:#850000;
float:left;
width:212px;
padding:28px 0 8px 0;
}
.prodPrice .freeDelivery{
font-size:11px;
font-weight:bold;
}
.prodPrice .changeCurrrency{
font-size:10px;
font-weight:normal;
padding: 2px 5px;
background: #ededed;
color: #666;
text-decoration: none;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.prodPrice .changeCurrrency:hover{
padding: 2px 5px;
background: #990000;
color: #fff;
text-decoration: none;
}
.prodPrice .changeCurrrency a { color: #666;}
.prodPrice .changeCurrrency a:hover {text-decoration:none;color:#fff}
.prodAddToCart{
float:right;
width:108px;
padding:26px 0 8px 0;
}
.prodInfoGreyBox{
background-color:#e9e9e9;
border:1px solid #d5d5d5;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
width:300px;
padding:10px;
margin:0 0 5px 0;
}
.rateTitle{
float:left;
font-size:12px;
font-weight:normal;
color:#850000;
width:109px;
padding:1px 0 0 0;
}
.rateStars{
float:left;
width:90px;
}
.rateCount{
float:right;
color:#777;
font-size:10px;
width:91px;
text-align:left;
padding:2px 0 0 0;
}
#paypalButtonTd
{
}
ul.prodInfoHelp{
font-size:12px;
list-style:none;
padding:0;
margin:0;
}
ul.prodInfoHelp li{
list-style:none;
padding:0;
margin:0;
float:left;
width:98px;
text-align:center;
border-right:1px solid #ccc;
font-weight:bold;
}
ul.prodInfoHelp li.last {border:none}
ul.prodInfoHelp li a {color:#666}
ul.prodInfoHelp li a:hover {color:#c9241e}
.prodInfoGreyBoxTitle{
font-size:11px;
color:#000;
font-weight:normal;
padding:0 0 8px 0;
}
/* OLD TAGS
ul.prodInfoTags{
margin:0;
padding:0;
list-style:none;
font-size:10px;
}
ul.prodInfoTags li{
margin:0;
padding:0;
list-style:none;
float:left;
}
ul.prodInfoTags li a{
background: #CDCDCD url(../Images/Icons/tag.png) no-repeat right center;
display: block;
height: 15px;
margin: 0 5px 5px 5px;
padding: 0 15px 0 5px;
color:#555555;
}
ul.prodInfoTags li a:hover;{
color:#990000;
}
*/
ul.prodInfoTags {margin: 0 10px 0 10px}
ul.prodInfoTags li, ul.prodInfoTags a{
float:left;
height:14px;
line-height:14px;
position:relative;
font-size:10px;
list-style:none;
}
ul.prodInfoTags li a{
margin-right:10px;
padding:0 5px 0 8px;
background:#cdcdcd;
color:#666;
text-decoration:none;
-moz-border-radius-bottomright:2px;
-webkit-border-bottom-right-radius:2px;
border-bottom-right-radius:2px;
-moz-border-radius-topright:2px;
-webkit-border-top-right-radius:2px;
border-top-right-radius:2px;
-o-transition: 0s;
-ms-transition: 0s;
-moz-transition: 0s;
-webkit-transition: 0s;
transition: 0s;
}
ul.prodInfoTags li a:before{
content:"";
float:left;
position:absolute;
top:0;
left:-7px;
width:0;
height:0;
border-color:transparent #cdcdcd transparent transparent;
border-style:solid;
border-width:7px 7px 7px 0;
}
ul.prodInfoTags li a:after{
content:"";
position:absolute;
top:5px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
}
ul.prodInfoTags li a:hover{background:#990000;color:#fff;}
ul.prodInfoTags li a:hover:before{border-color:transparent #990000 transparent transparent;}
/* ADVERTS */
.adBoxLarge{
width:744px;
margin-bottom:15px;
background-repeat:no-repeat;
width:744px;
height:254px;
}
.adBoxLeft{
width:186px;
padding-top:5px;
}
/*Jan sale*/
#saleSearch{
width:1072px;
margin-top:135px;
float:left;
text-align:left;
margin-left:45px;
}
#saleSearch_Page{
width:1072px;
margin-top:135px;
float:left;
text-align:left;
margin-left:45px;
}
.saleStyle{
width:158px;
font-size:14px;
position:relative;
top:9px;
font-family:arial,sans-serif;
}
.saleSize{
margin-left:15px;
width:157px;
font-size:14px;
position:relative;
top:9px;
font-family:arial,sans-serif;
}
.saleColour{
margin-left:15px;
width:158px;
font-size:14px;
position:relative;
top:9px;
font-family:arial,sans-serif;
}
.saleSearchButton{
position:relative;
top:14px;
padding-right:14px;
}
.numberOfProducts{
color:#FFFFFF;
font-weight:bold;
width:167px;
position:relative;
top:8px;
font-size:16px;
margin-left:50px;
display:inline-block;color:White;font-weight:bold;width:167px;
}
#janSaleBackground
{
height: 200px;
background-image: url(http://www.chargrilled.co.uk/t-shirts/images/frontpage/bargainbasement_skin.jpg);
background-repeat: no-repeat
}
/* ******************************************* */
/* COMMON */
/* ******************************************* */
a img {
border:none;
}
a{
text-decoration:none;
color:#850000;
outline:none;
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;
}
input.button {-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
/* ...and now for the proper property */
transition:.5s;}
a:hover{
text-decoration:underline;
color:#c9241e;
}
.clearBoth{
clear: both;
font-size:0px;
line-height:0px;
height:0px;
}
.floatLeft{
float:left;
}
.floatRight{
float:right;
}
ol{
margin-top:10px;
margin-bottom:0;
}
ul{
margin-top:10px;
margin-bottom:10px;
margin-left:20px;
padding-left:0;
}
li{
padding-bottom:5px;
}
.bold{
font-weight:bold;
}
hr{
border-bottom:1px dotted #850000;
border-top:0 #850000;
border-right:0;
border-left:0;
color:#850000;
height:1px;
}
h1 a, h2 a, h3 a, h4 a{
text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover{
text-decoration:none;
color:#c9241e;
}
h1 {
font-weight:bold;
font-size:14px;
padding-bottom:3px;
padding-top:8px;
margin:0;
color:#000;
}
h2 {
font-weight:bold;
font-size:18px;
padding-bottom:4px;
padding-top:8px;
margin:0 0 20px 0;
color:#850000;
width:100%;
border-bottom:1px dotted #850000;
text-transform:capitalize;
}
div.homeCat-wrapper {
border-bottom:1px dotted #850000;
height: 36px;
display: block;
}
h2.homeCat{
font-weight:bold;
font-size:18px;
padding-bottom:4px;
padding-top:0px;
margin:10px 0 10px 0;
color:#850000;
border-bottom:1px solid #850000;
float:left;
}
div.homeCat-wrapper h2.homeCat, div.homeCat-wrapper div.seeMore {
border-bottom: none;
}
h3.h2style {
font-weight:bold;
font-size:18px;
padding-bottom:4px;
padding-top:8px;
margin:0 0 20px 0;
color:#850000;
width:100%;
border-bottom:1px dotted #850000;
text-transform:capitalize;
}
h3.h2noborder {
font-weight:bold;
font-size:18px;
padding-bottom:4px;
padding-top:8px;
margin:0 0 20px 0;
color:#850000;
width:100%;
}
h3 {
font-weight:bold;
font-size:14px;
padding-bottom:8px;
padding-top:8px;
margin:0;
color:#000;
}
h4 {
font-weight:bold;
font-size:12px;
padding-bottom:8px;
padding-top:8px;
margin:0;
color:#000;
}
p {
padding-top:8px;
padding-bottom:8px;
margin:0;
line-height:20px;
}
.white{
color:#fff;
}
.white a{
color:#fff;
}
.grey{
color:#666;
}
.red{
color:#850000;
}
input[type='text'] {
background-image:url(/t-shirts/images/input_gradient.jpg);
background-repeat:repeat-x;
}
input[type='password'] {
background-image:url(/t-shirts/images/input_gradient.jpg);
background-repeat:repeat-x;
}
.italic{
font-style:italic;
}
.imageTrans{
behavior: url(iepngfix.htc);
}
form{
padding:0;
margin:0;
}
/* HR FOR BROWSE BOX */
div.hrdark, div.hrlight {display: none}
div.hrdark, div.hrlight, div.hrmed {
display: block;
height: 2px;
background-repeat: no-repeat;
background-position: center center;
padding:5px 0;
}
div.hrdark {background-image: url(/t-shirts/Images/Boxes/browse_box_darkhr.gif);}
div.hrmed {background-image: url(/t-shirts/Images/Boxes/browse_box_medhr.gif);}
div.hrlight {background-image: url(/t-shirts/Images/Boxes/browse_box_lighthr.gif);}
hr.solid{border-bottom:0;border-top:1px solid;color:#fff;height:1px;display:none;}
/* contact us rules */
.contactus p {
position: relative;
left: 150px;
top: -15px;
margin: 0px;
}
#contactLeft{
float:left;
width:420px;
margin-top:32px;
}
#contactRight{
float:right;
width:162px;
margin-top:8px;
}
/* end of contact us rules */
/* general styles rules */
.centered {
text-align: center;
}
.boldred{
font-weight:bold;
color:#9D0000;
}
/*end general styles rules*/
/*vertical form*/
div.vfrow {
clear: both;
padding-top: 5px;
}
div.vfrow span.vflabel80 {
float: left;
text-align: right;
width: 80px;
padding-right: 10px;
}
div.vfrow span.vflabel120 {
float: left;
text-align: right;
width: 120px;
padding-right: 10px;
}
div.vfrow span.vfformw {
text-align: left;
}
/* end vertical form */
/* specific page styles*/
#maincontent .presscoverage_left{
float: left;
width: 155px;
color: #9D0000;
font-weight: bold;
}
#maincontent .presscoverage_right{
float: right;
width: 155px;
}
#maincontent .central {
width: 330px;
margin: 10px auto 30px auto;
clear: both;
text-align: center;
}
#maincontent .central p{
margin: 0
}
.friendRow
{
width: 100%;
margin-top: 15px;
}
.friendName
{
float:left;
width: 50%;
}
.friendEmail
{
float:left;
width: 50%;
}
.emailError
{
display: block;
margin-top: 5px;
}
.errmeg { color:#ff0000; font-weight:bold; }
/* Add to cart dialog */
#addToCartLeft{
float: left;
width: 136px;
text-align:center;
}
#addToCartRight{
float: right;
width: 136px;
text-align:center;
}
#addToCartContent{
text-align:center;
font-family:arial, sans-serif;
}
/* Side Tabs */
#faceb_tab, #twit_tab, #rss_tab, #mail_tab {right:-5px;height:32px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}
#faceb_tab a, #twit_tab a, #rss_tab a, #mail_tab a {display:block;width:100%;height:100%;}
#faceb_tab a:hover, #twit_tab a:hover, #rss_tab a:hover, #mail_tab a:hover {right:0;height:32px;width:40px;margin:0;padding:0;position:fixed;z-index:5000;}
#faceb_tab{top:135px;}
#twit_tab{top:175px;}
#rss_tab{top:215px;}
#mail_tab{top:255px;}
/* Ideas */
.ideaContainer{width:325px; float:left; margin:0 10px 20px;height:170px;border:1px solid #ccc;padding:10px 5px;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.ideaText{height:115px; padding:0; margin:0 0 0 18px; font-weight: bold; font-size: 14px;}
.ideaButtons{margin:5px 0 0 10px;}
.ideaButtons a:hover{text-decoration: none;}
/* Cloud
#ideaHeader{width:1072px; height:7px; padding:0; margin:0; background-image: url(../images/boxes/cloudheader.jpg); background-repeat: none;}
#ideaLoop{width:1072px; padding:0; margin:0; background-image: url(../images/boxes/cloudloop.jpg); background-repeat: repeat-y;}
#ideaFooter{width:1072px; height:7px; padding:0; margin:0; background-image: url(../images/boxes/cloudfooter.jpg); background-repeat: none;}*/
#cloudContainer{width: 450px; float: right; text-align: left;}
.cloudxxLarge
{
font-size: 24px;
color: black;
text-decoration: none;
}
.cloudxLarge
{
font-size: 21px;
color: black;
text-decoration: none;
}
.cloudLarge
{
font-size: 18px;
color: black;
text-decoration: none;
}
.cloudMedium
{
font-size: 16px;
color: black;
text-decoration: none;
}
.cloudSmall
{
font-size: 14px;
color: black;
text-decoration: none;
}
.cloudxSmall
{
font-size: 11px;
color: black;
text-decoration: none;
}
.cloudxxSmall
{
font-size: 9px;
color: black;
text-decoration: none;
}
/* show more */
.load_more
{
/*width: 915px;
height: 25px;*/
}
/* ORDER TRACKING */
.systemPosition{
background-image:url(/t-shirts/Images/arrow_light.jpg);
height: 20px;
width: 80px;
float: left;
font-size: 11px;
}
.systemPosition span{
position: relative;
top: 3px;
padding-left: 10px;
}
.selectedPosition{
background-image:url(/t-shirts/Images/arrow_dark.jpg);
height: 20px;
width: 80px;
float: left;
font-size: 11px;
}
.selectedPosition span{
position: relative;
top: 3px;
padding-left: 10px;
}
.systemPositionLarge{
background-image:url(/t-shirts/Images/arrow_light_long.jpg);
height: 20px;
width: 123px;
float: left;
font-size: 11px;
}
.systemPositionLarge span{
position: relative;
top: 3px;
padding-left: 10px;
}
.selectedPositionLarge{
background-image:url(/t-shirts/Images/arrow_dark_long.jpg);
height: 20px;
width: 123px;
float: left;
font-size: 11px;
}
.selectedPositionLarge span{
position: relative;
top: 3px;
padding-left: 10px;
}
.seeMore{
font-weight:bold;
font-size:18px;
padding-bottom:4px;
padding-top:0px;
margin:2px 1px 10px 0;
color:#850000;
width:75px;
border-bottom:1px dotted #850000;
float:right;
}
/* ******************************************* */
/* NEW 2013 */
/* ******************************************* */
.bottomthreecolumns {
background-color:#fff;border:none;width:1072px;padding:5px 20px;margin:0 auto;text-align:left; -webkit-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;}
.bottomthreecolumns .column3 {
margin:6px 30px 0 0; width:280px}
.bottomthreecolumns .column3.last {margin:6px 0 0 0}
#navframecontainer #navFrame #mainMenu a#pull {
display: none;
}
.highlight {padding:4px 10px;color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;font-family:arial, sans-serif;font-weight:bold;font-size:14px;background-color:#850000;text-transform:uppercase}
.button.small {width:50%}
.button.small2 {width:30%;font-size:12px}
.button.grey {background-color:#333}
a.button.red {color:#ffffff !important}
.button.red {background-color:#850000}
input.button, a.button {border:none;padding:10px 10px;color:#fff;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;font-family:arial, sans-serif;font-weight:bold;font-size:16px;text-transform:capitalize}
.button:hover {background-color:#c9241e;cursor:pointer}
input.coinbase {
border:none;
padding:10px 10px;
margin: 0;
background: transparent url('/t-shirts/images/coinbase.png');
width: 150px;
height: 29px;
text-indent: -99999px;
cursor: pointer;
}
div.coinbase-button-wrapper {
display: inline;
}
div.coinbase-button-wrapper form {
display: inline;
}
.contactfooter {border-bottom:1px dotted #222;padding:15px 0 20px}
.contactfooter h4 {font-size:21px !important;color:#fff;margin:5px 0 0 0;padding:0;line-height:1.4}
.contactfooter p {font-size:11px;color:#666;padding:0;margin:0}
.newsletterbtn a.button {font-size:13px}
#newsletterFrame{
float:right;
padding:5px 10px;
position: relative;
background-color:#222;-webkit-border-radius: 5px;
color:#ccc;margin:0px 0 0 0;
border-radius: 5px;
width:442px;
}
#newsletterform{
position:relative;
width:442px
}
#newsletterform input[type=text]{
border:none;
display:block;
font-size:16px;padding:5px 10px;
margin:0;width:350px;
color:#666;background-color:#222;
font-family:arial, sans-serif;
}
#newslettersubmit{
border:none;
background:url(/t-shirts/images/newslettersignup.png) no-repeat left top;
cursor:pointer;
height:24px;
position:absolute;
right:5px;
top:2px;
width:24px;
}
#contentFooterTop{
background-image:url(/t-shirts/Images/Boxes/content_box_footer_top.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
width:1140px;
height:10px;
}
#contentFooterLinks{background-color:#000000;color:#ffffff;text-align:left;font-size:13px;padding:20px 14px;width:1112px;margin:0 0 0 0px;min-height:120px;position:relative;}
* html #contentFooterLinks {height:144px;} /* for Internet Explorer */
#contentFooterLinks a{color:#ffffff;}
#contentFooterLinks a:hover{color:#ffffff;text-decoration:underline;}
#contentFooterLinks h3{color:#ffffff;font-weight:bold;font-size:16px;padding:0;margin:0;border:0;}
#contentFooterLinks h4{padding:0; color:#fff;font-size:16px;display:block; margin-bottom: 20px; }
#contentFooterLinks p{
padding:0;line-height:14px;margin:0 0 10px 0;
}
#contentFooterLinks ul{
display:block;
list-style:none;
padding:0;
margin:0;
line-height:20px;
}
#contentFooterLinks .inactiveLink > ul > li,
#contentFooterLinks .activeLink > ul > li {
border-bottom:1px dotted #222;
margin:0;
margin-bottom: 10px;
}
#contentFooterLinks .inactiveLink > ul > li a,
#contentFooterLinks .activeLink > ul > li a {
padding:6px 0;
}
#contentFooterLinks .backToTop a{
font-size:10px;
color:#fff;
text-decoration:none;
display:block;
text-align:right;
padding:0 10px 0 0;
width:50px;
height:10px;
background-color:#850000;
background-image:url(/t-shirts/Images/Icons/back_to_top.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
background-position:center;
position:absolute;
top:-10px;
right:34px;
}
#contentFooterLinks .backToTop a:hover{
background-color:#000;
color:#fff;
text-decoration:none;
}
#contentFooterLinks .col4 {
margin-bottom: 0;
}
#contentFooter{
padding:30px 0;
width:1112px;
/*background-image:url(../Images/Boxes/content_box_footer_2011.png);
behavior: url(iepngfix.htc);
background-repeat:no-repeat;
background-position:top;*/
color:#fff;
font-size:11px;line-height:10px;
}
#contentFooter a{
color:#fff;
}
/****** Discount area box *******/
#applyDiscount{ margin:0px;padding:0px;border:0;background-color:transparent;color:#9D0000;font-weight:bold; }
.applyDiscountHolder { margin:10px; height:140px; min-width:400px; box-sizing:border-box; }
.applyDiscountCol { width:100%; }
.cpncodetextbox { background-color:#ffffff; width:370px; max-width:100%; margin:5px 0px; padding:8px 12px; }
input.formbox, textarea.formbox {font-size: 14px;padding: 10px 15px;border: 1px solid #ccc;color: #666;margin: 10px 0 20px 0;background-color:#efefef;width:80%;
font-family:arial, sans-serif
;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
input .sml,
textarea .sml{
width:auto;
min-width:120px;
}
input.formbox:focus, textarea.formbox:focus {border: 1px solid #850000;background-color:#f1f1f1;outline:none}
input.formbox2, textarea.formbox2 {font-size: 14px;padding: 10px 15px;border: 1px solid #ccc;color: #666;margin: 10px 0 20px 0;background-color:#efefef;width:85%;
font-family:arial, sans-serif
;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
input.formbox2:focus, textarea.formbox2:focus {border: 1px solid #850000;background-color:#f1f1f1;outline:none}
.mand {color:red;font-size:11px}
.cartPreviewImage
{
width: 145px;
}
.discountTd, .internationalTd
{
padding-left: 62px;
padding-right: 62px;
}
.buttonCart.smallCart {width:50%;}
a.buttonCart{padding:10px 15px;color:#fff;display:block;-webkit-border-radius: 5px;border-radius: 5px;text-align:center;color:#fff;font-weight:bold;text-transform:capitalize}
a:hover.buttonCart {color:#fff;text-decoration:none}
a.buttonCart.red {background:#850000;}
a:hover.buttonCart.red {background:#c9241e;}
a.buttonCart.grey {background:#222;}
a:hover.buttonCart.grey {background:#850000;}
.smallimage
{
width:100%;
height: 204px;
background-color: white;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.mediumimage
{
width:100%;
height: 204px;
background-color: white;
margin: 0px;
padding: 0px;
overflow: hidden;
}
.mediumimageold
{
display: none;
width:480px;left:-125px;
/*width: 413px;*/
top: -50px;
/*left: -96px;*/
position: relative;;
}
img.centremeIfApron{
width: 175px;
overflow: hidden;
}
.productImageHolder
{
width: 100%;
overflow: hidden;
max-width: 400px;
}
.standardProdImage
{
height: 100%;
margin: auto;
max-height: 400px;
}
div.productImageHolder .standardProdImage
{
max-height: 221px;
}
.femaleProdImage
{
height: 224px;
height: 100%;
margin: auto;
max-height: 400px;
}
.bagProdImage
{
height: 218px;
}
.theextraimage {
border: solid 5px #eee;
max-width: 75px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 2px;
}
.extraimage {
display: inline;
}
#mainuploadpanel {
background-color: #ddddff;
}
#extrauploadpanel {
background-color: #ddffdd;
}
#slider2>li {
background-color: white;
}
/*** SHIPPING ***/
.shiparea{
background-color:#f2f2f2; list-style:none; display:block; margin:15px 0px; padding:5px 0px; width:100%;height:200px;
}
.shiparea li {
margin:0px; padding:0px; display:block; width:50%; float:left;
}
.shiparea-summary{
margin:10px; padding:4px 10px; height:180px; min-width:400px; box-sizing:border-box; background-color:#ffffff; text-align:right;
}
/*** CHECKOUT Page ***/
.checkout-container{
width:100%;
}
.checkout-sidel{
width:60%;
float:left;
border-right: 1px dotted #850000;
}
.checkout-sider{
width:35%;
float:right;
}
.cb{
clear:both;
}
.checkout-smlcol{
width:20%;
}
.checkout-medcol{
width:40%;
}
.checkout-lrgcol{
width:60%;
}
.payment-card-strip{
max-width:480px;
float:left;
}
input[type="button"] {
padding:10px 15px;
border-radius:4px;
border:1px solid #ccc;
background-color:#850000;
color:#fff;
}
input[type="button"]:hover {
background-color:#c9241e;
color:#fff;
}
.chkac {
text-align:center;
vertical-align:bottom;
}
.chkac2 {
vertical-align:bottom;
}
.checkout-container select {
padding: 10px 15px;
border: 1px solid #ccc;
color:#666;
margin:10px 0 20px 0;
background-color:#efefef;
font-family:arial,sans-serif;
font-size:14px;
border-radius:5px;
max-width: 535px;
}
.payment-errors {
background-color: white;
color: red;
font-weight: bold;
min-width: 100%;
padding-bottom: 20px;
padding-top: 20px;
}
.StripeElement {
box-sizing: border-box;
height: 40px;
padding: 10px 12px;
border-radius: 4px;
transition: box-shadow 150ms ease 0s;
margin-top: 10px;
background-image: url(/t-shirts/images/input_gradient.png);
background-repeat: repeat-x;
background-color: #efefef;
color:#444;
margin-right:10px;
border: 1px solid #ccc;
}
#card-errors{
color: red;
font-weight: bold;
margin-top:20px;
margin-bottom:20px;
}
.cc-compliance a.cc-allow {
background-color:#850000 !important;
}
.cc-compliance a.cc-allow:hover {
background:#c9241e !important;
}
/* Slider */
.slick-loading .slick-list
{
background: #fff url('./ajax-loader.gif') center center no-repeat;
}
/* Icons */
@font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url('./fonts/slick.eot');
src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: #850000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: 'â†';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: 'â†';
}
/* Dots */
.slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
.slick-initialized { visibility: visible !important; height:auto !important;}
#slider1 .slick-arrow, #slider2 .slick-arrow {
top:40%;
}
#slider1 .slick-prev, #slider2 .slick-prev {
left:-5px;
}
#slider1 .slick-next, #slider2 .slick-next {
right:-5px;
}
#slider1.slick-slider , #slider2.slick-slider {
margin-left:0;
padding:0 20px;
}
.slick-slide img {
width: 100%;
}
.productCaption a{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
#accordion>div {
background:#850000;
color:#fff;
border:solid 1px #fff;
padding:3px 3px;
cursor:pointer;
}
.accordion-arrow {
display: inline-block;
transform:rotate(0deg);
transition: transform 0.5s;
margin-right:5px;
}
.accordion-arrow.rot {
transform:rotate(-180deg);
}
.accordion-child {
display:none;
padding: 5px 10px;
background:#eee;
color:#333;
}
#accordion > div:first-child .accordion-child {
display:block;
}
#accordion > div:first-child .accordion-arrow {
transform:rotate(-180deg);
}
#accordion > div:first-child .accordion-arrow.rot {
transform:rotate(0deg);
}
.accordion-child table{
width:100%;
}
.accordion-child td {
padding:2px;
}
.accordion-child tr:nth-child(even){
background:rgba(0,0,0,0.1);
}