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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;}
body { line-height: 1;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;}
.clearfix:after, .container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* Round Corners Reset */
* html .tlc, * html .trc {height: 1%;}
html { font-size:100.01%; width:100%; margin:0 auto; }
body {
color: #555;
background:#e0e0e0 url(/templates/it_theshop/images/bg.png) repeat;
font-family:Tahoma, Geneva, sans-serif;
font-size:75%;
line-height:1.75em;}
.jshop .list_product_demo .download a {
color: white;
margin-left: 15px;
}
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
font-family:Arial, "Times New Roman", Times, serif;
font-weight: normal;
line-height: 1.4em;
margin-bottom:0;
color: #555;
clear:both; }
h1 { font-size: 2.5em; }
h2 { font-size: 2em; }
h3 { font-size: 1.7em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.25em; font-weight: bold; }
h6 { font-size: 1.2em; }
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.5em; }
p.last { margin-bottom:0}
img { }
img.styled { padding:5px; background:#eee; border:1px solid #ccc; margin:0 10px 10px 0 }
a:link { text-decoration: none; outline:none; color:#134679}
a:visited { text-decoration:none;color:#571586}
a:hover { text-decoration:underline}
blockquote {
position:relative;
margin:0 0 1.5em 1em;
quotes: "\201C" "\201D";}
blockquote:before,
blockquote:after {
position:absolute;
font-weight: bold;
font-size:6em;
color:#E6E6E6;
font-family:Georgia, "Times New Roman", Times, serif; }
blockquote:before {
content: open-quote;
top:25px;
left:0; }
blockquote:after {
content: close-quote;
right:0;
bottom:-5px}
blockquote p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1em;
font-style:italic;
margin-bottom:0;
line-height:2em;
padding:0 4em}
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
hr {
clear:both;
margin:15px 0 14px;
border:none;
border-bottom:1px dashed #ccc;
height:auto;}
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.5em; font-style: italic; }
del { color:#666; }
pre { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
.floatleft { float:left; }
.floatright { float:right;}
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin: 0; }
ul, ol { margin: 0 2em 1.5em 0; padding-left: 2.5em; }
li { padding-top:.2em; padding-bottom:.2em}
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 2em 0; }
dl dt { font-weight: bold; padding-top:.2em; padding-bottom:.2em}
dd { margin-left: 1.5em; padding-top:.2em; padding-bottom:.2em}
ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li, ul.note li {
list-style-type:none;
background-repeat: no-repeat;
background-position: center left;
padding: 4px 0 3px 28px}
ul.check li {
background-image:url(/templates/it_theshop/images/typo_check.png);}
ul.arrow li {
background-image:url(/templates/it_theshop/images/typo_arrow.png);}
ul.cross li {
background-image:url(/templates/it_theshop/images/typo_cross.png);}
ul.light li {
background-image:url(/templates/it_theshop/images/typo_light.png);}
ul.star li {
background-image:url(/templates/it_theshop/images/typo_star.png);}
ul.note li {
background-image:url(/templates/it_theshop/images/typo_note.png);}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #eee; text-align:left }
th,td,caption { padding: 0; }
tr.even td { background: #eee; }
tfoot { font-style: italic; }
caption { font-style:italic; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .9em; color:#999}
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { font-style:italic; color:#444; background:#F7F7E9; padding:0 .15em }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0; padding-left:0; }
.last { margin-right:0; padding-right:0; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.dropcap {
color:#584F52;
display: block;
float:left;
font: 6em/75% Georgia, "Times New Roman", Times, serif ;
padding: 5px 12px 0 0; }
/*----------------------------------------------------------------------
Common Elements
----------------------------------------------------------------------*/
/* --- Basic typography --- */
a:active,
a:focus {outline:0;}
img {border:none;}
/* --- Global K2 container --- */
#k2Container {padding:0 0 24px 0;}
body.contentpane #k2Container {padding:16px;} /* used in popups */
/* --- General padding --- */
.k2Padding {padding:4px;}
/* --- Clearing --- */
.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
/* --- Zebra rows --- */
.even {background:#fffff0;padding:2px;border-bottom:1px dotted #ccc;}
.odd {background:#fff;padding:2px;border-bottom:1px dotted #ccc;}
/* --- CSS added with Javascript --- */
.smallerFontSize {font-size:100%;line-height:inherit;}
.largerFontSize {font-size:150%;line-height:140%;}
/* --- Primary lists in modules --- */
div.k2LatestCommentsBlock ul,
div.k2TopCommentersBlock ul,
div.k2ItemsBlock ul,
div.k2LoginBlock ul,
div.k2UserBlock ul.k2UserBlockActions,
div.k2UserBlock ul.k2UserBlockRenderedMenu,
div.k2ArchivesBlock ul,
div.k2AuthorsListBlock ul,
div.k2CategoriesListBlock ul,
div.k2UsersBlock ul {} /* Example CSS: padding:0;margin:0;list-style:none;*/
div.k2LatestCommentsBlock ul li,
div.k2TopCommentersBlock ul li,
div.k2ItemsBlock ul li,
div.k2LoginBlock ul li,
div.k2UserBlock ul.k2UserBlockActions li,
div.k2UserBlock ul.k2UserBlockRenderedMenu li,
div.k2ArchivesBlock ul li,
div.k2AuthorsListBlock ul li,
div.k2CategoriesListBlock ul li,
div.k2UsersBlock ul li {} /* Example CSS: display:block;clear:both;padding:2px 0;border-bottom:1px dotted #ccc;*/
.clearList {display:none;float:none;clear:both;} /* this class is used to clear all previous floating list elements */
.lastItem {border:none;} /* class appended on last list item */
/* --- Avatars --- */
.k2Avatar img {display:block;float:left;background:#fff;border:1px solid #ccc;padding:2px;margin:2px 4px 4px 0;}
/* --- Read more --- */
a.k2ReadMore {}
a.k2ReadMore:hover {}
/* --- Pagination --- */
div.k2Pagination {padding:8px;margin:24px 0 4px 0;text-align:center;color:#999;}
/* --- Pagination (additional styling for Joomla! 1.6+) --- */
div.k2Pagination ul {text-align:center;}
div.k2Pagination ul li {display:inline;}
/* --- Extra fields: CSV data styling --- */
table.csvData {}
table.csvData tr th {}
table.csvData tr td {}
/* --- Featured flags: the classes are repeated further below to indicate placement in the CSS structure --- */
div.itemIsFeatured,
div.catItemIsFeatured,
div.userItemIsFeatured {background:url(/components/com_k2/images/system/featuredItem.png) no-repeat 100% 0;}
/*----------------------------------------------------------------------
Component: Item view
----------------------------------------------------------------------*/
div.itemView {padding:8px 0 24px 0;margin:0 0 24px 0;border-bottom:1px dotted #ccc;} /* this is the item container for this view */
div.itemIsFeatured {} /* Attach a class for each featured item */
div.itemHeader {}
div.itemHeader span.itemDateCreated {color:#999;font-size:11px;}
div.itemHeader h2.itemTitle {font-family:Arial, "Times New Roman", Times, serif;font-size:30px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.itemHeader h2.itemTitle span {}
div.itemHeader h2.itemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* "Featured" presented in superscript */
div.itemHeader span.itemAuthor {display:block;padding:0;margin:0;}
div.itemHeader span.itemAuthor a {}
div.itemHeader span.itemAuthor a:hover {}
div.itemToolbar {padding:2px 0;margin:16px 0 0 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#f7fafe;}
div.itemToolbar ul {text-align:right;list-style:none;padding:0;margin:0;}
div.itemToolbar ul li {display:inline;list-style:none;padding:0 4px 0 8px;margin:0;border-left:1px solid #ccc;text-align:center;background:none;font-size:12px;}
div.itemToolbar ul > li:first-child {border:none;} /* remove the first CSS border from the left of the toolbar */
div.itemToolbar ul li a {font-size:12px;font-weight:normal;}
div.itemToolbar ul li a:hover {}
div.itemToolbar ul li a span {}
div.itemToolbar ul li a.itemPrintLink {}
div.itemToolbar ul li a.itemPrintLink span {}
div.itemToolbar ul li a.itemEmailLink {}
div.itemToolbar ul li a.itemEmailLink span {}
div.itemToolbar ul li a.itemVideoLink {}
div.itemToolbar ul li a.itemVideoLink span {}
div.itemToolbar ul li a.itemImageGalleryLink {}
div.itemToolbar ul li a.itemImageGalleryLink span {}
div.itemToolbar ul li a.itemCommentsLink {}
div.itemToolbar ul li a.itemCommentsLink span {}
div.itemToolbar ul li a img {vertical-align:middle;}
div.itemToolbar ul li span.itemTextResizerTitle {}
div.itemToolbar ul li a#fontDecrease {margin:0 0 0 2px;}
div.itemToolbar ul li a#fontDecrease img {width:13px;height:13px;background:url(/components/com_k2/images/system/font_decrease.gif) no-repeat;}
div.itemToolbar ul li a#fontIncrease {margin:0 0 0 2px;}
div.itemToolbar ul li a#fontIncrease img {width:13px;height:13px;background:url(/components/com_k2/images/system/font_increase.gif) no-repeat;}
div.itemToolbar ul li a#fontDecrease span,
div.itemToolbar ul li a#fontIncrease span {display:none;}
div.itemBody {padding:8px 0;margin:0;}
div.itemImageBlock {padding:8px;margin:0 0 16px 0;}
span.itemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.itemImage img {border:1px solid #ccc;padding:8px;}
span.itemImageCaption {color:#666;float:left;display:block;font-size:11px;}
span.itemImageCredits {color:#999;float:right;display:block;font-style:italic;font-size:11px;}
div.itemIntroText {color:#444;font-size:14px;font-weight:bold;line-height:22px;padding:4px 0 12px 0;}
div.itemIntroText img {}
div.itemFullText {}
div.itemFullText h3 {margin:0;padding:16px 0 4px 0;}
div.itemFullText p {}
div.itemFullText img {}
div.itemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.itemExtraFields h3 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.itemExtraFields ul {margin:0;padding:0;list-style:none;}
div.itemExtraFields ul li {display:block;}
div.itemExtraFields ul li span.itemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.itemExtraFields ul li span.itemExtraFieldsValue {}
div.itemContentFooter {display:block;text-align:right;padding:4px;margin:16px 0 4px 0;border-top:1px solid #ddd;color:#999;}
span.itemHits {float:left;}
span.itemDateModified {}
div.itemLinks {margin:16px 0;padding:0;}
div.itemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.itemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemCategory a {}
div.itemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.itemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemTagsBlock ul.itemTags {list-style:none;padding:0;margin:0;display:inline;}
div.itemTagsBlock ul.itemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.itemTagsBlock ul.itemTags li a {}
div.itemTagsBlock ul.itemTags li a:hover {}
div.itemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.itemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.itemAttachmentsBlock ul.itemAttachments {list-style:none;padding:0;margin:0;display:inline;}
div.itemAttachmentsBlock ul.itemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
div.itemAttachmentsBlock ul.itemAttachments li a {}
div.itemAttachmentsBlock ul.itemAttachments li a:hover {}
div.itemAttachmentsBlock ul.itemAttachments li span {font-size:10px;color:#999;font-weight:normal;}
/* Related by tag */
div.itemRelated {margin-bottom:16px;padding:0;} /* Add overflow-x:scroll; if you want to enable the scrolling features, as explained in item.php */
div.itemRelated h3 {}
div.itemRelated ul {}
div.itemRelated ul li {}
div.itemRelated ul li.k2ScrollerElement {float:left;overflow:hidden;border:1px solid #ccc;padding:4px;margin:0 4px 4px 0;background:#fff;} /* you need to insert this class in the related li element in item.php for this styling to take effect */
div.itemRelated ul li.clr {clear:both;height:0;line-height:0;display:block;float:none;padding:0;margin:0;border:none;}
a.itemRelTitle {}
div.itemRelCat {}
div.itemRelCat a {}
div.itemRelAuthor {}
div.itemRelAuthor a {}
img.itemRelImg {}
div.itemRelIntrotext {}
div.itemRelFulltext {}
div.itemRelMedia {}
div.itemRelImageGallery {}
/* Video */
div.itemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/components/com_k2/images/system/videoplayer-bg.gif) repeat-x bottom;}
div.itemVideoBlock div.itemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
div.itemVideoBlock span.itemVideo {display:block;overflow:hidden;}
div.itemVideoBlock span.itemVideoCaption {color:#eee;float:left;display:block;font-size:11px;font-weight:bold;width:60%;}
div.itemVideoBlock span.itemVideoCredits {color:#eee;float:right;display:block;font-style:italic;font-size:11px;width:35%;text-align:right;}
/* Image Gallery */
div.itemImageGallery {margin:0 0 16px 0;padding:0;}
/* Article navigation */
div.itemNavigation {padding:4px 8px;margin:0 0 24px 0;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;background:#fffff0;}
div.itemNavigation span.itemNavigationTitle {color:#999;}
div.itemNavigation a.itemPrevious {padding:0 12px;}
div.itemNavigation a.itemNext {padding:0 12px;}
/*----------------------------------------------------------------------
Component: Itemlist view (category)
----------------------------------------------------------------------*/
div.itemListCategoriesBlock {}
/* --- Category block --- */
div.itemListCategory {background:#f7fafe;border:1px solid #ddd;margin:4px 0;padding:8px;}
span.catItemAddLink {display:block;padding:8px 0;margin:0 0 4px 0;border-bottom:1px dotted #ccc;text-align:right;}
span.catItemAddLink a {padding:4px 16px;border:1px solid #ccc;background:#eee;text-decoration:none;}
span.catItemAddLink a:hover {background:#ffffcc;}
div.itemListCategory img {float:left;display:block;background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.itemListCategory h2 {}
div.itemListCategory p {}
/* --- Sub-category block --- */
div.itemListSubCategories {}
div.itemListSubCategories h3 {}
div.subCategoryContainer {float:left;}
div.subCategoryContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
div.subCategory {background:#f7fafe;border:1px solid #ddd;margin:4px;padding:8px;}
div.subCategory a.subCategoryImage,
div.subCategory a.subCategoryImage:hover {text-align:center;display:block;}
div.subCategory a.subCategoryImage img,
div.subCategory a.subCategoryImage:hover img {background:#fff;padding:4px;border:1px solid #ddd;margin:0 8px 0 0;}
div.subCategory h2 {}
div.subCategory h2 a {}
div.subCategory h2 a:hover {}
div.subCategory p {}
/* --- Item groups --- */
div.itemList {}
div#itemListLeading {}
div#itemListPrimary {}
div#itemListSecondary {}
div#itemListLinks {background:#f7fafe;border:1px solid #ddd;margin:8px 0;padding:8px;}
div.itemContainer {float:left;}
div.itemContainerLast {} /* this class is appended to the last container on each row of items (useful when you want to set 0 padding/margin to the last container) */
/* --- Item block for each item group --- */
div.catItemView {padding:4px;} /* this is the item container for this view - we add a generic padding so that items don't get stuck with each other */
/* Additional class appended to the element above for further styling per group item */
div.groupLeading {}
div.groupPrimary {}
div.groupSecondary {}
div.groupLinks {padding:0;margin:0;}
div.catItemIsFeatured {} /* Attach a class for each featured item */
span.catItemEditLink {float:right;display:block;padding:4px 0;margin:0;width:120px;text-align:right;}
span.catItemEditLink a {padding:2px 12px;border:1px solid #ccc;background:#eee;text-decoration:none;font-size:11px;font-weight:normal;font-family:Arial, Helvetica, sans-serif;}
span.catItemEditLink a:hover {background:#ffffcc;}
div.catItemHeader {}
div.catItemHeader span.catItemDateCreated {color:#999;font-size:11px;}
div.catItemHeader h3.catItemTitle {font-family:Arial, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.catItemHeader h3.catItemTitle span {}
div.catItemHeader h3.catItemTitle span sup {font-size:12px;color:#CF1919;text-decoration:none;} /* superscript */
div.catItemHeader span.catItemAuthor {display:block;padding:0;margin:0;}
div.catItemHeader span.catItemAuthor a {}
div.catItemHeader span.catItemAuthor a:hover {}
div.catItemRatingBlock {padding:8px 0;}
div.catItemRatingBlock span {display:block;float:left;font-style:normal;padding:0 4px 0 0;margin:0;color:#999;}
div.catItemBody {padding:8px 0;margin:0;}
div.catItemImageBlock {padding:8px;margin:0 10px 5px 0;float:left;}
span.catItemImage {display:block;text-align:center;margin:0 0 8px 0;}
span.catItemImage img {border:1px solid #ccc;padding:8px;}
div.catItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.catItemIntroText img {}
div.catItemExtraFields, div.genericItemExtraFields {margin:16px 0 0 0;padding:8px 0 0 0;border-top:1px dotted #ddd;}
div.catItemExtraFields h4, div.genericItemExtraFields h4 {margin:0;padding:0 0 8px 0;line-height:normal !important;}
div.catItemExtraFields ul, div.genericItemExtraFields ul {margin:0;padding:0;list-style:none;}
div.catItemExtraFields ul li, div.genericItemExtraFields ul li {display:block;}
div.catItemExtraFields ul li span.catItemExtraFieldsLabel, div.genericItemExtraFields ul li span.genericItemExtraFieldsLabel {display:block;float:left;font-weight:bold;margin:0 4px 0 0;width:30%;}
div.catItemExtraFields ul li span.catItemExtraFieldsValue {}
div.catItemLinks {margin:0 0 16px 0;padding:0;}
div.catItemHitsBlock {padding:4px;border-bottom:1px dotted #ccc;}
span.catItemHits {}
div.catItemCategory {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemCategory a {}
div.catItemTagsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemTagsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemTagsBlock ul.catItemTags {list-style:none;padding:0;margin:0;display:inline;}
div.catItemTagsBlock ul.catItemTags li {display:inline;list-style:none;padding:0 4px 0 0;margin:0;text-align:center;}
div.catItemTagsBlock ul.catItemTags li a {}
div.catItemTagsBlock ul.catItemTags li a:hover {}
div.catItemAttachmentsBlock {padding:4px;border-bottom:1px dotted #ccc;}
div.catItemAttachmentsBlock span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.catItemAttachmentsBlock ul.catItemAttachments {list-style:none;padding:0;margin:0;display:inline;}
div.catItemAttachmentsBlock ul.catItemAttachments li {display:inline;list-style:none;padding:0 4px;margin:0;text-align:center;}
div.catItemAttachmentsBlock ul.catItemAttachments li a {}
div.catItemAttachmentsBlock ul.catItemAttachments li a:hover {}
div.catItemAttachmentsBlock ul.catItemAttachments li span {font-size:10px;color:#999;font-weight:normal;}
/* Video */
div.catItemVideoBlock {margin:0 0 16px 0;padding:16px;background:#010101 url(/components/com_k2/images/system/videoplayer-bg.gif) repeat-x bottom;}
div.catItemVideoBlock div.catItemVideoEmbedded {text-align:center;} /* for embedded videos (not using AllVideos) */
div.catItemVideoBlock span.catItemVideo {display:block;}
/* Image Gallery */
div.catItemImageGallery {margin:0 0 16px 0;padding:0;}
/* Anchor link to comments */
div.catItemCommentsLink {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.catItemCommentsLink a {}
div.catItemCommentsLink a:hover {}
/* Read more link */
div.catItemReadMore {display:inline;float:right;margin-top:-20px;}
div.catItemReadMore a {color:white; background:#2E2E2E; padding:6px; border-radius:5px;}
div.catItemReadMore a:hover {}
/* Modified date */
span.catItemDateModified {display:block;text-align:right;padding:4px;margin:4px 0;color:#999;border-top:1px solid #ddd;}
/*----------------------------------------------------------------------
Component: Itemlist view (tag)
----------------------------------------------------------------------*/
div.tagView {}
div.tagItemList {}
div.tagItemView {border-bottom:1px dotted #ccc;padding:8px 0;margin:0 0 16px 0;} /* this is the item container for this view */
div.tagItemHeader {}
div.tagItemHeader span.tagItemDateCreated {color:#999;font-size:11px;}
div.tagItemHeader h2.tagItemTitle {font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;line-height:110%;padding:10px 0 4px 0;margin:0;}
div.tagItemBody {padding:8px 0;margin:0;}
div.tagItemImageBlock {padding:0;margin:0;float:left;}
span.tagItemImage {display:block;text-align:center;margin:0 8px 8px 0;}
span.tagItemImage img {border:1px solid #ccc;padding:8px;}
div.tagItemIntroText {font-size:inherit;font-weight:normal;line-height:inherit;padding:4px 0 12px 0;}
div.tagItemIntroText img {}
div.tagItemExtraFields {}
div.tagItemExtraFields h4 {}
div.tagItemExtraFields ul {}
div.tagItemExtraFields ul li {}
div.tagItemExtraFields ul li span.tagItemExtraFieldsLabel {}
div.tagItemExtraFields ul li span.tagItemExtraFieldsValue {}
div.tagItemCategory {display:inline;margin:0 8px 0 0;padding:0 8px 0 0;border-right:1px solid #ccc;}
div.tagItemCategory span {font-weight:bold;color:#555;padding:0 4px 0 0;}
div.tagItemCategory a {}
/* Read more link */
div.tagItemReadMore {display:inline;}
div.tagItemReadMore a {}
div.tagItemReadMore a:hover {}
/*----------------------------------------------------------------
Copyright:
Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
License:
Copyrighted Commercial Software
Author:
IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */
/* ---------------------- modules.css --------------------------
This CSS file contain the codes that Joomla uses to output its
modules. Normally the module positons found here are: left, right,
bottom, promo, showcase etc.
- Feel free to make changes to suit the needs to your website
project
---------------------------------------------------------------- */
/* -- Promo and Bottom --
used on the "promo" and "bottom" module positions */
#promo .separator,
#bottom .separator {
position:relative;
margin-right:20px}
#promo .moduletable,
#bottom .moduletable{
margin:0}
#promo .moduletable h3.mod-title,
#bottom .moduletable h3.mod-title{
font-size:1.5em;
padding:0;
margin-bottom:7px}
#promo .moduletable h3.mod-title span,
#bottom .moduletable h3.mod-title span {
color:#999;
font-family:Verdana, Geneva, sans-serif;
display:block;
font-size:12px;
line-height:1.6em;
margin-bottom:10px;
margin-top:-3px;}
#promo .moduletable img,
#bottom .moduletable img{
float:left;
margin:5px 10px 10px 0}
.moduletable p:last-child {
margin-bottom:0}
/* width for the modules */
#promo .width33 { width:31.2%}
#promo .width50 { width:48.5%}
#promo .width100 { width:100%}
#bottom .width25 { width:23.3%}
#bottom .width33 { width:31.9%}
#bottom .width50 { width:48.9%}
#bottom .width100 { width:100%}
/*
Col Modules
--------------
The columns modules are used on the "left" and "right" positions.
Normally they may contain suffixes which you may add through each
module on their paramenters so that you may have different module
styles.
---------------------------------------------------------------- */
/* on the "left" position */
.col-module {
position:relative;
margin:0 0 20px 0;}
.col-module .col-module-header {
background-color:#222;
background-image: -moz-linear-gradient(top, #3D3D3D, #222 60%, #222);
background-image: -webkit-linear-gradient(top, #3D3D3D, #222 60%, #222);
background-image: -o-linear-gradient(top, #3D3D3D, #222 60%, #222);
position:relative;
border-bottom:1px solid #fff;
box-shadow:0 5px 5px #ccc;
margin-bottom:8px}
#left-column > .col-module:first-child .col-module-header,
#right-column > .col-module:first-child .col-module-header {
border-top-right-radius:5px;
border-top-left-radius:5px}
.col-module h3.mod-title {
font-size:1.25em;
margin:0;
padding:5px 10px 6px;
text-shadow:1px 1px 1px rgba(0,0,0,1);
color:#fff;}
/* subtitles */
.col-module h3.mod-title span {
color:#ccc;
font-family:Verdana, Geneva, sans-serif;
display:block;
font-size:12px;
line-height:1.6em;
margin-bottom:0;
margin-top:-4px;}
/* arrow triangle down with css only */
.col-module .col-module-header .col-module-header-arrow {
position:absolute;
bottom:-8px;
left:10px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 8px solid #222;}
.col-module .col-module-content{
padding:0 10px;
color:#444;
position:relative;
clear:both;}
/* -- Style 1 --
This is when you put a suffix on the module class sufixx parameter "-style1"
so that you may have a different styled module */
.col-module .col-module-style1 .col-module-header {
background-color:#A44322;
background-image: -moz-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
background-image: -webkit-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
background-image: -o-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
box-shadow:0 5px 5px rgba(164,67,34,0.3);}
.col-module .col-module-style1 .col-module-header-arrow {
border-top-color:#A44322}
.col-module .col-module-style1 h3.mod-title span {
color:#DEB094;
text-shadow:none;}
/* -- Style 2 --
This is when you put a suffix on the module class sufixx parameter "-style1"
so that you may have a different styled module */
.col-module .col-module-style2 .col-module-header {
background-color:#1D588A;
background-image: -moz-linear-gradient(top, #2572B4, #1D588A 60%, #1D588A);
background-image: -webkit-linear-gradient(top, #2572B4, #1D588A 60%, #1D588A);
background-image: -o-linear-gradient(top, #2572B4, #1D588A 60%, #1D588A);
box-shadow:0 5px 5px rgba(29,88,138,0.3);}
.col-module .col-module-style2 .col-module-header-arrow {
border-top-color:#1D588A}
.col-module .col-module-style2 h3.mod-title span {
color:#8AA8CF;
text-shadow:none;}
/* -----------------
Footer Modules
used module positions are footer1, footer2, footer3 and footer4, and footer5
----------------- */
#footer .separator {
padding-right:25px;}
#footer .moduletable {
text-shadow:1px 1px 1px #fff;
margin:0 0 20px;
color:#555;}
#footer .moduletable h3.mod-title {
color:#fff;
background:#2E2E2E;
box-shadow:0 5px 5px #B2B2B2;
border:1px solid #eee;
padding:0;
font-size:1.25em;
display:inline-block;
padding:2px 10px 3px;
position:relative;
text-shadow:1px 1px 1px #000;
margin:0 0 14px}
#footer .moduletable h3.mod-title span {
color:#ccc;
font-family:Verdana, Geneva, sans-serif;
display:block;
font-size:11px;
line-height:1.6em;
margin-top:-4px;}
/* arrow triangle down with css only */
#footer .moduletable h3.mod-title .col-module-header-arrow {
position:absolute;
bottom:-8px;
left:10px;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-top: 8px solid #2E2E2E;}
/* -- Style 1 --
This is when you put a suffix on the module class sufixx parameter "-style1"
so that you may have a different styled module */
#footer .moduletable-style1 h3.mod-title {
background-color:#A44322;}
#footer .moduletable-style1 h3.mod-title .col-module-header-arrow {
border-top-color:#A44322}
#footer .moduletable-style1 h3.mod-title span {
color:#DEB094;
text-shadow:none;}
/* -- Style 2 --
This is when you put a suffix on the module class sufixx parameter "-style1"
so that you may have a different styled module */
#footer .moduletable-style2 h3.mod-title {
background-color:#1D588A;}
#footer .moduletable-style2 h3.mod-title .col-module-header-arrow {
border-top-color:#1D588A}
#footer .moduletable-style2 h3.mod-title span {
color:#8AA8CF;
text-shadow:none;}
/* width for the modules */
#footer .width20 { width:17.9%}
#footer .width25 { width:23%}
#footer .width33 { width:31.5%}
#footer .width50 { width:48.6%}
#footer .width100 { width:100%}
/* -----------------
Ice Modules
used for IceTheme Extensions like IceCaption, IceTabs etc
----------------- */
.ice-module {}
.ice-module h3.mod-title {
text-align:center;
padding-bottom:2px;}
.ice-module h3.mod-title mspan {}
/* JoomShopping Modules */
#jshopping-mods .moduletable {
margin-bottom:25px}
#jshopping-mods .moduletable h3.mod-title {
margin-bottom:8px;
padding-bottom:5px;
border-bottom:1px dotted #ccc;}
/*----------------------------------------------------------------
Copyright:
Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
License:
Copyrighted Commercial Software
Author:
IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */
/* ---------------------- joomla.css --------------------------
This CSS file contains all the stylesheets that are needed
by Joomla Core elements like components (content, contact,
user, etc), or by modules (login, breadcrumbs, etc).
/* Note
--------
Also remember you dont need to worry about the size of this
CSS file when you see all this comments. The IceSpeed plugin
that we provide inside the template package will strip all
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */
/* Joomla Content
------------------
Below you will find all the CSS codes that are needed to style
the Joomla Section, Category, Article and other
elements related to those parts like the pagination, readmore etc
---------------------------------------------------------------- */
/* The content description is used on the begging of each section
or catgory to display the page title and the page description */
.contentdescription {
margin-bottom:2.75em}
/* Blog Structure (Leadings, Rows, Columns etc)
This is used to correctly separete the content into
rows and columns in blogs and blog featured content */
.cols-2,
.cols-3,
.cols-4 {
clear:both;
margin:0 -1.5% }
.cols-2 .column-1,
.cols-2 .column-2 {
width:47%;
position:relative;
margin:0 1.5%;
float:left }
.cols-3 .column-1,
.cols-3 .column-2,
.cols-3 .column-3 {
position:relative;
width:30.33%;
margin:0 1.5%;
float:left }
.cols-4 .column-1,
.cols-4 .column-2,
.cols-4 .column-3,
.cols-4 .column-4 {
position:relative;
width:22%;
margin:0 1.5%;
float:left }
.leading,
.items-row {
padding-bottom:1.2em!important;
border-bottom:1px solid #eee!important;
margin-bottom:1.5em!important;}
.items-row:last-child {
padding-bottom:1em!important;
border-bottom:none;!important;
margin-bottom:0!important;}
/* Page Heading
that you may enable through the menu item */
h1.page_heading {
color:#333;}
/* Category Blog / Featured Blog */
.blog-featured,
.blog { }
.blog-featured .items-leading,
.blog .items-leading {
margin-top:0; }
.blog-featured .items-leading .leading,
.blog .items-leading .leading {
position:relative;
border-bottom:1px dotted #ccc;
padding-bottom:.5em;
margin-bottom:1.5em }
.blog-featured .items-leading .leading:last-child,
.blog .items-leading .leading:last-child {
border-bottom:none;
margin-bottom:0}
.blog-featured .items-leading h2,
.blog .items-leading h2 {
font-size:1.75em;
margin-bottom:6px;
position:relative;}
.blog-featured .cols-2 h2,
.blog .cols-2 h2 {
line-height:1.5em;
font-size:1.4em;}
.blog-featured .cols-3 h2,
.blog .cols-3 h2 {
font-size:1.35em;}
.blog-featured img,
.blog img{
float:left;
margin:5px 10px 10px 0}
/* Category List */
.category-list { }
.category-list .display-limit {
float:right;
margin-bottom:12px;}
.category-list .cat-items {
margin-bottom:30px}
.category-list .cat-children {
overflow:hidden}
.category-list .cat-children h3 {
margin-bottom:8px;
padding-bottom:3px;
border-bottom:1px dotted rgba(255,255,255,.3);}
.category-list .cat-children ul {
list-style-type:none;
padding:0;
margin:0;}
.category-list .cat-children ul li span.item-title {
font-size:1.4em;
display:block;
margin-bottom:3px;}
.category-list .cat-children .category-desc img {
float:left;
padding:5px;
background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.08);
margin:7px 15px 15px 0;}
/* This is used by Joomla Core to output a table format
on pages like the category list etc */
/* This is used by Joomla Core to output a table format */
.cat-items table.category {
clear:both;
width: 100%;
margin: 0 auto;
border-collapse: separate;
border-spacing: 0;
text-shadow: 0 1px 0 #fff;
background: #eee;
border:1px solid #cdcdcd;
border-bottom:none;
-moz-box-shadow:0px 0px 10px #ccc;
-webkit-box-shadow:0px 0px 10px #ccc;
box-shadow:0px 0px 10px #ccc;}
.cat-items table.category td {
padding: 5px 10px;
border-bottom: 1px solid #cdcdcd;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;}
.cat-items table.category tr {
-webkit-transition:all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
transition:all .5s ease;}
.cat-items table.category tr.cat-list-row1 {
background:#E3E3E3}
.cat-items table.category tr:hover {
background:#fff}
.cat-items table.category thead th {
font-size:1.5em;
text-align:left;
padding:7px 10px;
font-weight:normal;
background:#292929;
color:#fff;
text-shadow:1px 1px 1px #000;
background: -moz-linear-gradient(100% 100% 90deg, #292929, #434343);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#292929));}
.cat-items table.category thead th a {
color:#fff!important}
/* Archived Articles */
div.archive ul#archive-items {
list-style-type:none;
margin:0 0 15px;
padding:0}
/* list of All Categories */
div.categories-list {
overflow:hidden;}
div.categories-list ul {
list-style-type:none;
margin:0 0 15px;
padding:0;}
div.categories-list ul span.item-title {
font-size:1.4em;
display:block;
margin-bottom:3px;}
div.categories-list ul li {}
div.categories-list ul .category-desc img {
float:left;
margin:5px 10px 10px 0}
div.categories-list dl.article-count {
margin-bottom:3em; }
div.categories-list dl.article-count dt {
display:inline; }
div.categories-list dl.article-count dd {
display:inline; margin-left:2px;}
/* Article Page */
.item-page {
position:relative; }
.item-page h2 {
line-height:1.35em;
font-size:2.5em;}
/*
.item-page img {
float:left;
margin:5px 10px 10px 0;}
*/
/* Buttonheading
is used to render the CSS for the icons like print, email */
ul.actions {
float:right;
margin:0;
padding:0;
list-style-type:none;}
ul.actions li {
float:left;
padding:0;}
ul.actions li img {
background:none;
padding:0;
border:none;
margin:0 0 0 4px;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
transition:all .4s ease-out;}
ul.actions li a:hover img {}
/* The code below is used to render the published date,
last updated date and the author name on each category,
section or article */
dl.article-info {
overflow: hidden;
margin-top:.2em;
margin-bottom:1em;}
dl.article-info dt.article-info-term {
display:none}
dl.article-info dd {
float:left;
font-family:Verdana, Geneva, sans-serif;
color:#999;
font-size:.9em;
margin-left:0;
padding:0;
font-style:italic;
margin-right:1.75em;}
/* -- Voting --
Now in Joomla 1.6 the voting system is built into the core*/
span.content_rating {
color:#666;
margin-bottom:-18px;
display:block;}
span.content_rating img {
padding:0;
float:none;
background:none;
border:none;
margin:0 0 -3px 2px }
div.content_vote {
padding-bottom:10px;
color:#666;
display:block;}
div.content_vote input {
margin-bottom:-2px}
div.content_vote input.button {
margin-bottom:0;
margin-left:10px;}
/* -- Pagenav --
used below each article to navigate from one artcile to another */
ul.pagenav {
display:block;
list-style-type:none;
padding:4px 0 0;
margin:10px 0 0;
border-top:1px solid #eee;}
ul.pagenav li {
display:inline}
ul.pagenav li.pagenav-prev {
float:left;
margin-bottom:5px}
ul.pagenav li.pagenav-next {
float:right;
margin-bottom:5px}
/* Items More */
div.items-more {
clear:both;
position:relative;
overflow:hidden;
border-top:1px solid #eee;
padding-top:15px}
/* Readmore
The readmore code is used to make readmore links for each article
on the Section and Category view
Check forms.css to change the styles */
p.readmore {
clear:both;
margin-bottom:1em}
p.readmore a {
display:inline-block;
padding:2px 10px;
background:#eee;
color:#555;
border-radius:3px;
text-decoration:none;
box-shadow:inset -1px -1px 0 rgba(255,255,255,.9), inset 1px 1px 0 rgba(255,255,255,.9);
border:1px solid #D9D9D9;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
background-position:95% 35%;}
p.readmore a:hover {
padding-right:30px;
background:#eee url(/templates/it_theshop/images/readmore.png) no-repeat 95% 35% ;}
p.readmore a:focus {
box-shadow:inset 0 0 4px rgba(0,0,0,.25)}
/* Pagination makes a unested list of links on the end of each
cateogry/section but it may be used by other extensions as well
for the same reason, so be careful as this other extensions
may use their own code to display the pagination */
div.pagination {
position:relative;
overflow:hidden;
border-top:1px dotted #ccc;
padding-top:15px}
div.pagination ul {
clear:both;
list-style-type:none;
margin:0 auto .75em;
padding:0;
text-align:center;}
div.pagination ul li {
display:inline;}
div.pagination ul li span.pagenav,
div.pagination ul li a.pagenav {
display:inline-block;
margin:0 3px;
background:#fff;
color:#555;
border-radius:3px;
padding:1px 8px 2px;
border:1px solid #ccc; }
div.pagination ul li a.pagenav {
background:#eee;
text-shadow:none;
color:#555;
border-color:#ccc}
div.pagination ul li a.pagenav:hover {
background:#222;
border-color:#222;
color:#fff;
text-decoration:none;}
div.pagination p.counter {
margin:0 auto 10px;
text-align:center;
color:#666}
/* Sliders and Tabs
are used by Joomla to output the content throught tabs or sliders
for examplet this is used on the contact us page but also it may
be used by other external components to output their content. */
/* Sliders */
.pane-sliders {
border: 1px solid #cdcdcd;
border-bottom:none;}
.pane-sliders div.pane1 { }
.pane-sliders div.panel:last-child {
border-bottom: 1px solid #cdcdcd;}
.pane-sliders div.panel h3.pane-toggler,
.pane-sliders div.panel h3.pane-toggler-down {
background:#eee;
border-bottom: 1px solid #cdcdcd;
-moz-box-shadow: 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
margin-top:1px;
font-size:1.3em;}
.pane-sliders div.panel h3.pane-toggler a,
.pane-sliders div.panel h3.pane-toggler-down a {
display:block;
color:#666;
text-shadow:1px 1px 1px #fff;
padding:4px 10px;
text-decoration:none;}
.pane-sliders div.panel h3.pane-toggler a:hover,
.pane-sliders div.panel h3.pane-toggler-down a:hover,
.pane-sliders div.panel h3.pane-toggler-down a {
color:#111}
.pane-sliders div.panel h3.pane-toggler-down {
border-bottom:none;
background:#eee;}
.pane-sliders div.panel div.pane-down {
padding:20px 10px!important;}
/* category module */
ul.category-module {
padding:0;
margin:0;
list-style-type:none}
ul.category-module li {
padding:0}
ul.category-module li h4 {
font-size:1.2em;}
ul.category-module li span.mod-articles-category-date,
ul.category-module li span.mod-articles-category-writtenby {
color:#999;
font-family:Arial, Helvetica, sans-serif; }
ul.category-module li span.mod-articles-category-writtenby {
padding-right:18px;}
/* com newsfeeds */
div.newsfeed {}
div.newsfeed {}
div.newsfeed div.feed-items {
margin-top:30px}
div.newsfeed div.feed-items img {
float:left;
margin:5px 10px 10px 0}
/* mod_latestnews and mod_mostread */
ul.latestnews,
ul.mostreadmod { margin:.5em 0 0; padding-right:0; padding-left:1.5em; }
ul.latestnews li,
ul.mostreadmod li { color:#999; margin-bottom:.7em}
/* mod_breadcrumbs
used to make the default joomla breadcrumbs so that your users may easily
find their way to the site structure. Reccomended for site with lots of
content and menu items.
----------------------*/
.breadcrumbs {
clear:both;
position:relative;
overflow:hidden;
margin:-34px 0 18px 0;}
.breadcrumbs ol {
list-style-type:none;
float:left;
font-size:1em;
width:100%;
margin:0;
padding:2px 0;}
.breadcrumbs ol li {
float:left;
text-shadow:1px 1px 1px #fff;
background:url(/templates/it_theshop/images/breadcrumbs_arrow.png) no-repeat 96% 48%;
padding:0 34px 0 0}
.breadcrumbs ol li a {
display:block;
margin:0;}
.breadcrumbs ol li a:hover {}
.breadcrumbs ol li.lastitem {
background:none;
padding:0}
.breadcrumbs ol li:first-child a {
background:url(/templates/it_theshop/images/breadcrumbs_home.png) no-repeat center right;
height:22px;
width:22px;
margin-top:-2px;
opacity:.2;
margin-left:0;
text-indent:-9999em;
-webkit-transition:all .4s ease-out;
-moz-transition:all .4s ease-out;
-o-transition:all .4s ease-out;
transition:all .4s ease-out;}
.breadcrumbs ol li:first-child a:hover {
opacity:1;}
/* ToolTips
the default Joomla tooltips CSS code. You may find this on the registration page,
login etc but also it may be used by other external Component/Modules */
.tip-wrap {
width:auto!important;
z-index:99}
.tip {
padding:.4em .8em .8em;
border:1px solid rgba(255,255,255,.7);
margin-bottom: 2em;
font-weight:normal;
color: #555;
border-radius:5px;
background:#E0E0E0 url(/templates/it_theshop/images/bg.png) repeat;
box-shadow: 0 0 12px rgba(0,0,0,.5)}
.tip .tip-title {
font-weight:normal;
text-shadow:1px 1px 1px rgba(255,255,255,1);
padding-bottom:6px;
font-size:1.4em}
/* Menus
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */
/* MainMenu
Only the wrapper part is here the rest of the codes that
generates the mainmenu can be found on
templates/this_template/html/mod_iceemegamenu/css/default_icemegamenu.css
---------------*/
#nav-wrapper {
background:url(/templates/it_theshop/images/nav.png) no-repeat;
clear:both;
width:970px;
margin:0 auto 40px;
height:74px;}
/* TopMenu
---------------*/
#topmenu {
float:right;
margin:3px 15px 0}
#topmenu ul.menu {
margin:0;
padding:0;}
#topmenu ul.menu li {
display:inline;
float:left;
padding:0 1.1em 0 0;
border-right:1px dotted #555;
margin:0 0 0 1.1em;
list-style-type:none;}
#topmenu ul.menu li a {
color:#ccc;}
#topmenu ul.menu li.active a,
#topmenu ul.menu li a:hover {
text-decoration:none;
color:#fff;}
#topmenu ul.menu li a img {
float:none;
margin:0px 8px -4px 0}
#topmenu ul.menu li:last-child {
border:none;
padding-right:0;}
/* FooterMenus
---------------*/
#footer ul.menu {
padding-left:1.25em;
margin-bottom:.5em}
#footer ul.menu li {
padding:.25em 0}
#footer ul.menu li a {
color:#666;
display:block;
text-decoration:none;}
#footer ul.menu li a:hover,
#footer ul.menu li.current a {
color:#000;}
/* Footer menu with suffix "footer-connect" used
on the last menu with the social icons */
#footer ul#connect {
padding-left:.5em;
list-style-type:none;}
#footer ul#connect li {
padding-top:7px;
padding-bottom:7px;}
#footer ul#connect li a {}
#footer ul#connect li img {
margin:0 9px -3px 0;
opacity:.3;
-webkit-transition:opacity .4s ease-out;
-moz-transition:opacity .4s ease-out;
-o-transition:opacity .4s ease-out;
transition:opacity .4s ease-out;}
#footer ul#connect li a:hover img {
opacity:1;}
/* Columns Menus
used to display the current menu that is
also on the dropdown
-----------------------------------------*/
.col-module-content ul.menu,
.col-module-content ul.menu ul {
margin:0;
padding:0 0 1px;}
.col-module-content ul.menu li {
padding:0;
margin:0;
list-style-type:none;}
.col-module-content ul.menu li a {
color:#666;
border-bottom:1px dotted #ccc;
display:block;
font-size:1.1em;
position:relative;
background:url(/templates/it_theshop/images/menu_point.png) no-repeat center left;
padding:.35em 10px .35em 17px;}
.col-module-content ul.menu li a:hover,
.col-module-content ul.menu li.current a {
text-decoration:none;
background-image:url(/templates/it_theshop/images/menu_point_hover.png);
color:#222;}
.col-module-content ul.menu li.current {
background:url(/templates/it_theshop/images/menu_current.png) no-repeat center right;
margin-right:-24px;
padding-right:24px;}
.col-module-content ul.menu li.deeper {
background:none;}
.col-module-content ul.menu li.deeper span.separator {
font-size:1.3em;
color:#555;
padding:.4em .5em .4em;
display:block;
background:#eee;
margin-top:10px;
text-shadow:1px 1px 1px #fff}
.col-module-content ul.menu li li:last-child {
border:none;}
/* ---------------------- layout.css --------------------------
This CSS file contains the stylesheets that are needed to
style the layout and the overwall design of the template.
You will find here all the styles to edit the header, columns,
etc.
* This is the file that you need mostly to edit to change the look
of your website.
* Also, notice that to make different colors variations for the
template a part of the styles found here need be changed
through the styleX.css file (where "X" is the style number that
you have chossen through the teplate paramters.
/* Note
--------
Also remember you dont need to worry about the size of this
CSS file when you see all this comments. The IceSpeed plugin
that we provide inside the template package will strip all
of this comments plus it will comprees all the CSS in you
site. For more information on how to use IceSpeed please view
the Installation Guide in PDF inside the template package.
---------------------------------------------------------------- */
/*
Accessibility Feature
----------------------
Used in case if the user hase disabled the stylesheets and wants
to skip to the main parts of the website
---------------------------------------------------------------- */
#accessibility{
display:none;}
/*
Site Main Wrapping
------------------
We use the 960px width which is the easiest way to separate the
content because of its ability to be splited in many ways.
Please be careful when you decide to change the value because
some of the images used for decoration are meant to be used with
this width so you need to change them to.
---------------------------------------------------------------- */
.wrapper { width:960px; margin:0 auto;}
/* TopBar
------------*/
#topbar {
height:31px;
background: url(/templates/it_theshop/images/topbar.png) no-repeat center top;
position:relative;
overflow:hidden;}
#topbar_wrapper {
background: url(/templates/it_theshop/images/topbar_line.png) repeat-x top center;}
/* Header
------------*/
#header {}
#header .wrapper {
position:relative;}
/* Logo
------------*/
#logo {
padding:30px 0;
float:left}
#logo p {
margin:0;}
#logo img {
float:none;
margin:0; }
/* IceJShopping Cart
--------------------*/
#cart {
margin-top:24px;
margin-right:3px;
margin-left:40px;
float:right}
/* -- Content --
Contain the CSS for the main and important part of the template
------------*/
#content {
margin-bottom:30px;
padding:0;}
#content_inside {
margin-bottom:15px;
position:relative;}
/* Main Column Separator
This code separate the "left" and "right" module position from the content. */
#left-column {
position:relative;
width:240px;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;
margin-bottom:15px;}
#middle-column {
width:100%;
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: left;}
#middle-column .padding { padding:10px; min-height:200px}
#right-column{
background:#fff;
border-radius:5px;
box-shadow:0 0 5px #ccc;
float: right;
margin-left:15px;}
/* Promo & Bottom Modules
contain the CSS for the promo & bottom module positions
------------*/
#promo {
background:#fff;
margin-bottom:15px;
padding:10px;
border-radius:5px;
box-shadow:0 0 5px #ccc;}
#bottom {
clear:both;
background:#fff;
border-radius:7px;
box-shadow:0 0 5px #ccc;
position:relative;
padding:10px;
text-align:center;
}
/* -- IceTabs --
contain the CSS to wrap the IceTabs module.
------------*/
#icetabs {
overflow:hidden;
margin:0 0 15px;
padding:0;
background:#fff;
border-radius:7px;
box-shadow:0 0 5px #ccc;}
/* -- Notice --
contain the CSS to wrap the notice module position.
------------*/
#notice-msg_wrapper {
padding-top:8px;
margin:0 0 15px;
background:url(/templates/it_theshop/images/notice_arrow_t.png) repeat-x top}
#notice-msg_wrapper_2 {
padding-bottom:8px;
background:url(/templates/it_theshop/images/notice_arrow_b.png) repeat-x bottom}
#notice-msg {
padding:11px 12px;
position:relative;
font-size:1.3em;
text-shadow:1px 1px 1px rgba(255,255,255,.75);
color:#514721;
background:#FFF6BF;
box-shadow:0;}
#notice-msg:before {
content:"";
background: url(/templates/it_theshop/images/notice_sale.png) no-repeat center right;
width:70px;
height:70px;
position:absolute;
right:-15px;
top:-15px;}
#notice-msg p {
margin:0}
/* -- Footer --
this wrap the footer module position plus the copyright and
other elements that you may find on the footer
------------*/
#footer {
clear:both;
margin:0;}
#footer .wrapper {}
/* -- Copyright --
this contains the codes for the footer module position and
icetheme copyright logo or also the "go to top" link
---------------*/
#copyright {
background:url(/templates/it_theshop/images/copyright.png) no-repeat top center;
clear:both;
margin:0;
color:#666;
text-shadow:1px 1px 1px #fff;
padding:10px 0 22px;}
#copyright .wrapper {
position:relative;
overflow:hidden}
div#copytext { float:left; padding-top:15px;}
div#copytext .footer2 { display:none; }
div#icelogo { float:left; padding:14px 20px 0 0;}
div#icelogo p { margin:0;}
div#icelogo p a {
display:block;
float:left;
background:url(/templates/it_theshop/images/icetheme.png) no-repeat;
width:120px;
height:20px;
margin:0 auto;
opacity:.4;
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
div#icelogo p a:hover {
opacity:1;}
div#icelogo p a span { display:none}
/* Go to Top */
a#go2top {
background: url(/templates/it_theshop/images/go2top.png) no-repeat;
top: 18px;
height: 16px;
width: 16px;
position: absolute;
right: 0;
opacity:.4;
-webkit-transform: scale(.8);
-moz-transform: scale(.8);
-0-transform: scale(.8);
transform: scale(.8);
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;}
a#go2top:hover {
opacity:1;}
a#go2top span {
display:none}
/* Miscellaneous CSS
------------------------------
List of CSS codes that can not be categorized above but they may
be need by Joomla to operate normally. This codes may be used
rarely but we reccomend to keep them and to be careful when you
try to change them
---------------------------------------------------------------- */
/* Template Styles custom code */
ul.ice-template-style {
margin:0;
padding:0;
float:left}
ul.ice-template-style li {
float:left;
margin:0 .5em .5em!important;
padding:0!important;
list-style-type:none;}
ul.ice-template-style li span {
display:block;
padding:0 0 .3em;
font-size:1.4em}
/* contact number */
#contact_nr {
float:left;
color:#ccc;
font-size:1.1em;
text-shadow:1px 0 1px #000;
margin:3px 0 0 0 }
#contact_nr p {
background:url(/templates/it_theshop/images/contact_nr.png) no-repeat bottom left;
padding:0 0 0 28px;
line-height:1.7em;
margin:0}
/* fix jquery pop up box */
#jquery-overlay { z-index:999999!important}
#jquery-lightbox { z-index:9999999!important}
/* Experimental Feature
used currently to display a nice effect in webkit based browsers for the logo.
You may remove it if you wish */
body.homepage #site_wrapper { -webkit-animation: effect 2s ease-out 1;}
body.homepage #logo { -webkit-animation: logo 4s ease-out 1;}
@-webkit-keyframes effect {
0% { opacity:0}
100% { opacity:1}
}
@-webkit-keyframes logo {
0% { opacity:0}
50% { opacity:0}
100% { opacity:1}
}
/*----------------------------------------------------------------
Copyright:
(C) 2008 - 2010 IceTheme
License:
GNU/GPL http://www.gnu.org/copyleft/gpl.html
Author:
IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */
.lofmenu_jshopping {
width:100%;}
.lofmenu_jshopping ul.lofmenu {
margin:0;
padding:0;
position: relative;
list-style-type:none;
z-index: 999;}
.lofmenu_jshopping ul.lofmenu li{
width:100%;
display:block;
margin: 0;
padding: 0;
position:relative;
/*
position: relative;
z-index: 10;
*/}
.lofmenu_jshopping .lofmenu .lofitem1,
.lofmenu_jshopping .lofmenu .lofitem2 {}
.lofmenu_jshopping .lofmenu a {
display:block;
color:#666;
position:relative;
padding:6px 0;
text-decoration:none;
border-bottom:1px dotted #ccc;
-webkit-transition:background-color color .3s ease-out;
-moz-transition:background-color .3s ease-out, color .3s ease-out;
-o-transition:background-color .5s ease-out;
transition:background-color .5s ease-out;}
/* on hover */
.lofmenu_jshopping .lofmenu .lofactive > a{
background-color: #eee;
color: #222 }
/* when is current */
.lofmenu_jshopping .lofmenu .ice-current > a{
background-color:#eee;
color: #222 }
.lofmenu_jshopping .lofmenu > .ice-current > a:before {
content:"";
background:url(/modules/mod_ice_jshopping_categories/assets/images/current.png) no-repeat center right;
position:absolute;
height:20px;
width:14px;
right:-24px}
.lofmenu_jshopping .lofmenu .lofitem1 img{
margin:0 9px 0 5px;
float:left;}
.lofmenu_jshopping .lofmenu .lofitem1 a span.counter {
color:#999;
padding-left:3px}
/* when has childs items */
.lofmenu_jshopping .lofmenu .lofitem1 a i{
background: url(/modules/mod_ice_jshopping_categories/assets/images/next.png) no-repeat top;
display: block;
height: 14px;
position: absolute;
right: 5px;
top: 12px;
width: 14px;}
.lofmenu_jshopping .lofmenu .lofactive > a i{
background-position:bottom}
/* second level menu */
.lofmenu_jshopping .lofmenu .lofitem1 ul{
width:100%;
position:absolute;
top: -1px;
left:99.9%;
border:1px solid #ccc;
box-shadow:0 0 10px #999;
padding:0;
margin:0;
background:#fff;
z-index: 100;}
/*----------------------------------------------------------------
Copyright:
Copyright (C) 2008 - 2011 IceTheme. All Rights Reserved
License:
Copyrighted Commercial Software
Author:
IceTheme - http://wwww.icetheme.com
---------------------------------------------------------------- */
div.icemegamenu {
position:relative;}
div.icemegamenu ul#icemegamenu {
display:block;
list-style:none;
margin:0;
padding: 0;
z-index:99;
position:relative;
top:0;
left:5px;}
div.icemegamenu ul#icemegamenu li {
display:block;
list-style:none;
margin:0;
padding:0;
position:relative;
float:left;}
div.icemegamenu ul#icemegamenu li a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li span.separator,
div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator {
text-decoration:none;
display:block;
height:29px;
margin:10px 0 0;
background:url(/templates/it_theshop/html/mod_icemegamenu/images/border.png) no-repeat top right;
padding:11px 15px 10px;
color:#fff;
cursor:pointer;
-webkit-transition:color .3s linear;
-moz-transition:color .3s linear;
-o-transition:color .3s linear;
transition:color .3s linear}
div.icemegamenu ul#icemegamenu li span.icemega_title,
div#subMenusContainer span.icemega_title {
font-family:Arial, "Times New Roman", Times, serif;
text-transform:uppercase;
font-size:1.3em;
letter-spacing:0.015em;
line-height:1.2em;
text-shadow:1px 1px 1px rgba(0,0,0,.8)}
div.icemegamenu ul#icemegamenu li span.icemega_desc {
display:block;
font-family:Verdana, Geneva, sans-serif;
padding:0;
font-size:.9em;
line-height:1em;
color:#fff!important;
color:rgba(255,255,255,.7)!important;
background-color:#823003;
background-image: -moz-linear-gradient(#B44205, #823003);
background-image: -webkit-linear-gradient(#B44205, #823003);
background-image: -o-linear-gradient(#B44205, #823003);
background-image: linear-gradient(#B44205, #823003);
padding:3px 9px;
position:absolute;
top:0px;
opacity:0;
right:10px;
border-radius:5px;
-webkit-transition:all .3s linear;
-moz-transition:all .3s linear;
-o-transition:all .3s linear;
transition:all .3s linear}
div.icemegamenu ul#icemegamenu li span.icemega_desc:after{
content:"";
border-style: dashed;
border-color: transparent;
border-width: 0.8em;
display: -moz-inline-box;
display: inline-block;
/* Use font-size to control the size of the arrow. */
height: 0;
line-height: 0;
position: relative;
vertical-align: middle;
width: 0;
border-top-width: 1em;
border-top-style: solid;
border-top-color: #823003;
position:absolute;
bottom:-16px;
left:7px;
opacity:0;
-webkit-transition:opacity .3s linear;
-moz-transition:opacity .3s linear;
-o-transition:opacity .3s linear;
transition:opacity .3s linear}
div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
div.icemegamenu ul#icemegamenu li.current span.icemega_desc,
div.icemegamenu ul#icemegamenu li.active span.icemega_desc {
top:-7px}
div.icemegamenu ul#icemegamenu li:hover span.icemega_desc,
div.icemegamenu ul#icemegamenu li.current span.icemega_desc,
div.icemegamenu ul#icemegamenu li:hover span.icemega_desc:after,
div.icemegamenu ul#icemegamenu li.current span.icemega_desc:after,
div.icemegamenu ul#icemegamenu li.active span.icemega_desc,
div.icemegamenu ul#icemegamenu li.active span.icemega_desc:after {
opacity:1;}
/* when is active */
div#subMenusContainer li span.icemega_nosubtitle {
padding-top:3px;
display:inline-block}
/* when is current */
div.icemegamenu ul#icemegamenu li.active {
margin-bottom:-14px;
padding-bottom:14px;
background:url(/templates/it_theshop/html/mod_icemegamenu/images/active.png) no-repeat center bottom;}
div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li.active span.separator {}
div.icemegamenu ul#icemegamenu li.active a.iceMenuTitle,
div.icemegamenu ul#icemegamenu li.active span.separator,
div#subMenusContainer li.active a.iceMenuTitle,
div#subMenusContainer li.active span.separator {
color:#F0C237;}
/* All submenu OLs and ULs */
div#subMenusContainer {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:0;
overflow:visible;
z-index:1000000000;
list-style:none;}
#icemegamenu ul.icesubMenu,
#subMenusContainer ul.icesubMenu {
background:#222222 url(/templates/it_theshop/html/mod_icemegamenu/images/bg.png) repeat;
text-align:left;
padding:0;
margin:0;
list-style-type:none;
left:0;
border:1px solid rgba(255,255,255,.2);}
#icemegamenu ul.sub_level_1,
#subMenusContainer ul.sub_level_1 {
border-top:none;}
#icemegamenu ul.icesubMenu li,
#subMenusContainer ul.icesubMenu li {
margin:0;
padding:0;}
div#subMenusContainer ul.icesubMenu li div.iceCols {
overflow: hidden;
width:100%;
margin:5px 0 10px}
div#subMenusContainer ul.icesubMenu li div.iceCols li {
padding:0 15px;}
div#subMenusContainer ul.icesubMenu li div.iceCols:nth-child(1n+2) li {
padding-left:0;}
div#subMenusContainer a.iceMenuTitle,
div#subMenusContainer span.separator {
height:auto;
padding:4px 0 8px 16px;
margin:0;
background:url(/templates/it_theshop/html/mod_icemegamenu/images/point.png) no-repeat 0% 45%;
border-bottom:1px solid rgba(0,0,0,.8);
border-right:none;
box-shadow:0 1px 0 rgba(255,255,255,.16);
margin-bottom:1px;}
div#subMenusContainer span.icemega_title {
font-family:'Goudy Bookletter 1911', Arial, "Times New Roman", Times, serif;
text-transform:none;
font-size:1.2em;
line-height:1.2em;
letter-spacing:normal;
text-shadow:1px 1px 1px rgba(0,0,0,.8)}
div.icemegamenu ul#icemegamenu li li span.icemega_desc,
div#subMenusContainer span.icemega_desc {
display:block;
font-size:12px;
color:rgba(255,255,255,.6);
margin-top:-2px;
margin-bottom:-2px;
background:none;
font-family:Verdana, Geneva, sans-serif;}
/* when is parent */
div#subMenusContainer ul.icesubMenu li div.iceCols li.parent {
background:url(/templates/it_theshop/html/mod_icemegamenu/images/arrow.png) no-repeat 94% 45%;}
/* sub menu links on hover or focus */
#subMenusContainer a.iceMenuTitle:hover,
#subMenusContainer a.iceMenuTitle:focus,
#icemegamenu a.mainMenuParentBtnFocused,
#subMenusContainer a.subMenuParentBtnFocused,
#icemegamenu li a.iceMenuTitle:hover,
#icemegamenu li a.iceMenuTitle:hover span,
#icemegamenu li a.iceMenuTitle:focus span,
#icemegamenu li a.iceMenuTitle:focus{
color:#F0C237!important;}
/* ----[ OLs ULs, LIs, and DIVs ]----*/
/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{
display:none;
position: absolute;
overflow:hidden;
padding:0 1px;
margin:0;}
#icemegamenu li a.iceMenuTitle img{ border:none}
a.iceMenuTitle img{ border:none}
/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
#icemegamenu li li {
float:none; }
#icemegamenu li li a{ /* Just submenu links*/
position:relative;
background:none!important;
padding:3px 14px!important;
height:auto!important;
float:none;}
#icemegamenu li ul.sub_level_1 {
position: absolute;
width: 10em;
margin-left: -1000em;
}
#icemegamenu li ul.sub_level_1 li{
background:none;
float:none;
min-width:260px;
}
#icemegamenu li ul.sub_level_1 ul {
padding-left:0}
#icemegamenu li ul li ul.sub_level_2{
position: absolute;
width: 10em;
margin-left: -1000em;
}
/* third-and-above-level lists */
/* lists nested under hovered list items */
#icemegamenu li:hover ul { margin-left: 0; }
#icemegamenu li li li.iceMenuLiLevel_2:hover ul.sub_level_2 { margin-left:20em; position:absolute; margin-top:-3.5em; z-index:9999; }
#icemegamenu li li.iceMenuLiLevel_2:hover ul.sub_level_2{ margin-left:8em; position: relative; margin-top:-3.5em; }
/*#icemegamenu li li:hover ul { margin-left: 10em; margin-top:-2.5em;} */
/* extra positioning rules for limited noscript keyboard accessibility */
#icemegamenu li a:focus + ul { margin-left: 0; margin-top:2.2em; }
#icemegamenu li li a:focus + ul { left:0; margin-left: 1010em; margin-top:-2.2em;}
#icemegamenu li li a:focus {left:0; margin-left:1000em; width:10em; margin-top:0;}
#icemegamenu li li li a:focus {left:0; margin-left: 2010em; width: 10em; margin-top:-1em;}
#icemegamenu li:hover a:focus{ margin-left: 0; }
#icemegamenu li li:hover a:focus + ul { margin-left: 10em; }
.icesubMenu { position:absolute}
/* for the modules insdie the dropdown */
.icesubMenu .icemega_cover_module {
position:relative;
overflow:hidden;
width:auto!important;
padding:5px 15px 10px}
div#subMenusContainer .icemega_cover_module {
padding-left:0;
padding-right:0}
.icesubMenu .icemega_cover_module .icemega_modulewrap {
position:relative;
color:#fff;
color:rgba(255,255,255,.6);}
.icesubMenu .icemega_cover_module .icemega_modulewrap span.iceModuleTile {
color:#fff;
font-family: 'Quattrocento Sans',Arial,"Times New Roman",Times,serif;
font-size: 1.4em;
text-shadow:1px 1px 1px rgba(0,0,0,.8);
margin-bottom:2px;
display:block;}
.icesubMenu .icemega_cover_module .icemega_modulewrap p:last-child {
margin-bottom:.25em}
.icesubMenu .icemega_cover_module .icemega_modulewrap a {
color:#F0C237;}
.icesubMenu .icemega_cover_module .icemega_modulewrap img {
float:left;
margin:5px 10px 10px 0}
div#subMenusContainer ul.icesubMenu li div.iceCols ul {
list-style:none;
padding:0px;
margin:0px;}
/* icemegamenu */
div.icemegamenu ul#icemegamenu li span.icemega_desc {
background-color:#823003;
background-image: -moz-linear-gradient(#B44205, #823003);
background-image: -webkit-linear-gradient(#B44205, #823003);
background-image: -o-linear-gradient(#B44205, #823003);
background-image: linear-gradient(#B44205, #823003);}
div.icemegamenu ul#icemegamenu li span.icemega_desc:after{
border-top-color: #823003;}
/* typography.css */
/* layout.css */
/* joomla.css */
/* modules.css */
.col-module .col-module-style1 .col-module-header {
background-color:#A44322;
background-image: -moz-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
background-image: -webkit-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
background-image: -o-linear-gradient(top, #BF4F26, #A44322 60%, #A44322);
box-shadow:0 5px 5px rgba(164,67,34,0.3);}
.col-module .col-module-style1 .col-module-header-arrow {
border-top-color:#A44322}
.col-module .col-module-style1 h3.mod-title span {
color:#DEB094;}
#footer .moduletable-style1 h3.mod-title {
background-color:#A44322;}
#footer .moduletable-style1 h3.mod-title .col-module-header-arrow {
border-top-color:#A44322}
#footer .moduletable-style1 h3.mod-title span {
color:#DEB094;}
/* modules.css */
/* icetabs */
.ice-tabs-candy .ice-next,
.ice-tabs-candy .ice-previous {
background-image:url(/templates/it_theshop/images/styles/style1/arrows.png); }
/* icecarousel */
.ice-carousel .ice-navigator-outer ul.ice-navigator li span {
background-image:url(/templates/it_theshop/images/styles/style1/dot.png)}
.ice-carousel .ice-next,
.ice-carousel .ice-previous {
background-image:url(/templates/it_theshop/images/styles/style1/arrows.png); }
/* iceaccordion */
.iceaccordion-paging .iceaccordion-prev,
.iceaccordion-paging .iceaccordion-next{
background-image:url(/templates/it_theshop/images/styles/style1/accordion_arrows.png)}
div.k2Pagination ul li{
padding: 0 3px;
}
div.k2Pagination ul li{
font-size: 15px;
}
img{max-width:100%;}
#left-column { width: 240px;}
#content_inside { width: 705px;float:right;}