/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
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;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:0px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.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;}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
select {padding: 3px;}
input.title {font-size:1.5em;}
textarea {width:350px;height:150px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

/* grid.css */
.container {width:1000px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24 {border-left-width:1px!important;border-right-width:1px!important;padding-left:5px!important;padding-right:5px!important;}
input.span-1, textarea.span-1 {width:18px!important;}
input.span-2, textarea.span-2 {width:58px!important;}
input.span-3, textarea.span-3 {width:98px!important;}
input.span-4, textarea.span-4 {width:138px!important;}
input.span-5, textarea.span-5 {width:178px!important;}
input.span-6, textarea.span-6 {width:218px!important;}
input.span-7, textarea.span-7 {width:258px!important;}
input.span-8, textarea.span-8 {width:298px!important;}
input.span-9, textarea.span-9 {width:338px!important;}
input.span-10, textarea.span-10 {width:378px!important;}
input.span-11, textarea.span-11 {width:418px!important;}
input.span-12, textarea.span-12 {width:458px!important;}
input.span-13, textarea.span-13 {width:498px!important;}
input.span-14, textarea.span-14 {width:538px!important;}
input.span-15, textarea.span-15 {width:578px!important;}
input.span-16, textarea.span-16 {width:618px!important;}
input.span-17, textarea.span-17 {width:658px!important;}
input.span-18, textarea.span-18 {width:698px!important;}
input.span-19, textarea.span-19 {width:738px!important;}
input.span-20, textarea.span-20 {width:778px!important;}
input.span-21, textarea.span-21 {width:818px!important;}
input.span-22, textarea.span-22 {width:858px!important;}
input.span-23, textarea.span-23 {width:898px!important;}
input.span-24, textarea.span-24 {width:938px!important;}
.append-1 {padding-right:40px;}
.append-2 {padding-right:80px;}
.append-3 {padding-right:120px;}
.append-4 {padding-right:160px;}
.append-5 {padding-right:200px;}
.append-6 {padding-right:240px;}
.append-7 {padding-right:280px;}
.append-8 {padding-right:320px;}
.append-9 {padding-right:360px;}
.append-10 {padding-right:400px;}
.append-11 {padding-right:440px;}
.append-12 {padding-right:480px;}
.append-13 {padding-right:520px;}
.append-14 {padding-right:560px;}
.append-15 {padding-right:600px;}
.append-16 {padding-right:640px;}
.append-17 {padding-right:680px;}
.append-18 {padding-right:720px;}
.append-19 {padding-right:760px;}
.append-20 {padding-right:800px;}
.append-21 {padding-right:840px;}
.append-22 {padding-right:880px;}
.append-23 {padding-right:920px;}
.prepend-1 {padding-left:40px;}
.prepend-2 {padding-left:80px;}
.prepend-3 {padding-left:120px;}
.prepend-4 {padding-left:160px;}
.prepend-5 {padding-left:200px;}
.prepend-6 {padding-left:240px;}
.prepend-7 {padding-left:280px;}
.prepend-8 {padding-left:320px;}
.prepend-9 {padding-left:360px;}
.prepend-10 {padding-left:400px;}
.prepend-11 {padding-left:440px;}
.prepend-12 {padding-left:480px;}
.prepend-13 {padding-left:520px;}
.prepend-14 {padding-left:560px;}
.prepend-15 {padding-left:600px;}
.prepend-16 {padding-left:640px;}
.prepend-17 {padding-left:680px;}
.prepend-18 {padding-left:720px;}
.prepend-19 {padding-left:760px;}
.prepend-20 {padding-left:800px;}
.prepend-21 {padding-left:840px;}
.prepend-22 {padding-left:880px;}
.prepend-23 {padding-left:920px;}
div.border {padding-right:4px;margin-right:5px;border-right:1px solid #eee;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #eee;}
.pull-1 {margin-left:-40px;}
.pull-2 {margin-left:-80px;}
.pull-3 {margin-left:-120px;}
.pull-4 {margin-left:-160px;}
.pull-5 {margin-left:-200px;}
.pull-6 {margin-left:-240px;}
.pull-7 {margin-left:-280px;}
.pull-8 {margin-left:-320px;}
.pull-9 {margin-left:-360px;}
.pull-10 {margin-left:-400px;}
.pull-11 {margin-left:-440px;}
.pull-12 {margin-left:-480px;}
.pull-13 {margin-left:-520px;}
.pull-14 {margin-left:-560px;}
.pull-15 {margin-left:-600px;}
.pull-16 {margin-left:-640px;}
.pull-17 {margin-left:-680px;}
.pull-18 {margin-left:-720px;}
.pull-19 {margin-left:-760px;}
.pull-20 {margin-left:-800px;}
.pull-21 {margin-left:-840px;}
.pull-22 {margin-left:-880px;}
.pull-23 {margin-left:-920px;}
.pull-24 {margin-left:-960px;}
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24 {float:left;position:relative;}
.push-1 {margin:0 -40px 1.5em 40px;}
.push-2 {margin:0 -80px 1.5em 80px;}
.push-3 {margin:0 -120px 1.5em 120px;}
.push-4 {margin:0 -160px 1.5em 160px;}
.push-5 {margin:0 -200px 1.5em 200px;}
.push-6 {margin:0 -240px 1.5em 240px;}
.push-7 {margin:0 -280px 1.5em 280px;}
.push-8 {margin:0 -320px 1.5em 320px;}
.push-9 {margin:0 -360px 1.5em 360px;}
.push-10 {margin:0 -400px 1.5em 400px;}
.push-11 {margin:0 -440px 1.5em 440px;}
.push-12 {margin:0 -480px 1.5em 480px;}
.push-13 {margin:0 -520px 1.5em 520px;}
.push-14 {margin:0 -560px 1.5em 560px;}
.push-15 {margin:0 -600px 1.5em 600px;}
.push-16 {margin:0 -640px 1.5em 640px;}
.push-17 {margin:0 -680px 1.5em 680px;}
.push-18 {margin:0 -720px 1.5em 720px;}
.push-19 {margin:0 -760px 1.5em 760px;}
.push-20 {margin:0 -800px 1.5em 800px;}
.push-21 {margin:0 -840px 1.5em 840px;}
.push-22 {margin:0 -880px 1.5em 880px;}
.push-23 {margin:0 -920px 1.5em 920px;}
.push-24 {margin:0 -960px 1.5em 960px;}
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24 {float:right;position:relative;}
.prepend-top {margin-top:1.5em;}
.append-bottom {margin-bottom:1.5em;}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* ie.css */
body {text-align:center;}
.container {text-align:left;}
* html .column, * html div.span-1, * html div.span-2, * html div.span-3, * html div.span-4, * html div.span-5, * html div.span-6, * html div.span-7, * html div.span-8, * html div.span-9, * html div.span-10, * html div.span-11, * html div.span-12, * html div.span-13, * html div.span-14, * html div.span-15, * html div.span-16, * html div.span-17, * html div.span-18, * html div.span-19, * html div.span-20, * html div.span-21, * html div.span-22, * html div.span-23, * html div.span-24 {overflow-x:hidden;}
* html legend {margin:0px -8px 16px 0;padding:0;}
ol {margin-left:2em;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
html>body p code {*white-space:normal;}
hr {margin:-8px auto 11px;}
img {-ms-interpolation-mode:bicubic;}
.clearfix, .container {display:inline-block;}
* html .clearfix, * html .container {height:1%;}
fieldset {padding-top:0;}
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	outline: none !important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-image: url(/images/scrollerBg.png);
	background-repeat: repeat-y;
	background-position: 50% 50%;
}
.jScrollPaneDrag {
	position: absolute;
	background-repeat: repeat-y;
	background-position: 50% 50%;
	cursor: pointer;
	overflow: hidden;
}

/* custom scrollbars */

#contentAboutUs .jScrollPaneDrag {background-image: url(/images/scrollerDragRed.png);}
#contentAboutUs .jScrollPaneDrag:hover {}

.scrollProducts .jScrollPaneDrag {background-image: url(/images/scrollerDragBlue.png);}
.scrollProducts .jScrollPaneDrag:hover {}

.scrollPromotions .jScrollPaneDrag {background-image: url(/images/scrollerDragBrown.png);}
.scrollPromotions .jScrollPaneDrag:hover {}

#skPage .jScrollPaneTrack {top: 19px;}
#otPage .jScrollPaneTrack {top: 9px;}
#skPage .jScrollPaneDrag, #otPage .jScrollPaneDrag, #offersPage .jScrollPaneDrag {background-image: url(/images/scrollerDragWhite.png);}

#contentTradeZone .jScrollPaneDrag {background-image: url(/images/scrollerDragOrange.png);}
#contentTradeZone .jScrollPaneDrag:hover {}

/* end custom scrollbars */

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}/* main styles */
html, body	{height:100%; margin:0; padding:0;}
a {outline: none !important;} /* remove firefox link dots */

.fl {float: left;}
.fr {float: right;}
.clr {clear:both;}


.hidden {display: none;}

/* vertical align the content */
#floater {height:50%; margin-bottom:-333px; position:relative;}
#floater-inner {clear:both; height:666px; position:relative; margin:0 auto;}

/* scroller handling */
#scroller {
	width: 1000px;
	height: 665px;
	margin: 0px;
	overflow: hidden;
}
#scroller-inner {
	width: 20000px; /* set a big value to cover for all inner containers */
} 

.scroller-container {
	width: 1000px;
	height: 665px;
	background-repeat: no-repeat;
}

/* big containers */
#containerHome {background-image: url(/images/bgHome.jpg);}
#containerAboutUs {background-image: url(/images/bgAboutUs.jpg);}
#containerTheGreatRipUp {background-image: url(/images/bgTheGreatRipUp.jpg);}
#containerZippoOffer {background-image: url(/images/bgZippoOffer.jpg);}
#containerTradeZone {background-image: url(/images/bgTradeZone.jpg);}
#containerContactUs {background-image: url(/images/bgContactUs.jpg);}
#containerSkint {background-image: url(/images/bgSkint.jpg);}
#containerOurProducts {background-image: url(/images/bgTheRollingRange.jpg);}

#outside-controller {position: relative;}

/* main menu */
#mainmenu {
	position: absolute;
	left: 16px;
	width: 164px;
}
#mainmenu a {
	background-repeat: no-repeat;
	display: block;
	width: 164px;
	cursor: pointer;
}
a#mmLogo {
	height: 116px;
	background-image: url(/images/mmRipsLogo.png);
}
a#mmHome {height: 29px;background-image: url(/images/mmHome.png);}
a#mmHome:hover, a#mmHome.active {background-position: 0 -29px;}

a#mmAboutUs {height: 26px;background-image: url(/images/mmAboutUs.png);}
a#mmAboutUs:hover, a#mmAboutUs.active {background-position: 0 -26px;}

a#mmOurProducts {height: 28px;background-image: url(/images/mmOurProducts.png);}
a#mmOurProducts:hover, a#mmOurProducts.active {background-position: 0 -28px;}

a#mmClassic {height: 26px;background-image: url(/images/mmOurProductsClassic.png);}
a#mmClassic:hover, a#mmClassic.active {background-position: 0 -26px;}

a#mmHemp {height: 26px;background-image: url(/images/mmOurProductsHemp.png);}
a#mmHemp:hover, a#mmHemp.active {background-position: 0 -26px;}

a#mmXtraThin {height: 26px;background-image: url(/images/mmOurProductsXtraThin.png);}
a#mmXtraThin:hover, a#mmXtraThin.active {background-position: 0 -26px;}

a#mmFlavoured {height: 26px;background-image: url(/images/mmOurProductsFlavoured.png);}
a#mmFlavoured:hover, a#mmFlavoured.active {background-position: 0 -26px;}

a#mmBlunt {height: 26px;background-image: url(/images/mmOurProductsBlunt.png);}
a#mmBlunt:hover, a#mmFlavoured.active {background-position: 0 -26px;}

a#mmEdHardy {height: 26px;background-image: url(/images/mmOurProductsEd.png);}
a#mmEdHardy:hover, a#mmFlavoured.active {background-position: 0 -26px;}

a#mmJWare {height: 26px;background-image: url(/images/mmOurProductsJWare.png);}
a#mmJWare:hover, a#mmFlavoured.active {background-position: 0 -26px;}

a#mmThePocketPacks {height: 26px;background-image: url(/images/mmThePocketPacks.png);}
a#mmThePocketPacks:hover, a#mmThePocketPacks.active {background-position: 0 -26px;}

a#mmRipsTips {height: 26px;background-image: url(/images/mmRipsTips.png);}
a#mmRipsTips:hover, a#mmRipsTips.active {background-position: 0 -26px;}

a#mmPromotions {height: 28px;background-image: url(/images/mmPromotions.png);}
a#mmPromotions:hover, a#mmPromotions.active {background-position: 0 -28px;}

a#mmTradeZone {height: 26px;background-image: url(/images/mmTradeZone.png);}
a#mmTradeZone:hover, a#mmTradeZone.active {background-position: 0 -26px;}

a#mmContactUs {height: 26px;background-image: url(/images/mmContactUs.png);}
a#mmContactUs:hover, a#mmContactUs.active {background-position: 0 -26px;}

a#mmSkint {height: 28px;background-image: url(/images/mmSkint.png);}
a#mmSkint:hover, a#mmSkint.active {background-position: 0 -28px;}

a#mmTheGreatRipUp {height: 26px;background-image: url(/images/mmTheGreatRipUp.png);}
a#mmTheGreatRipUp:hover, a#mmTheGreatRipUp.active {background-position: 0 -26px;}

a#mmZippoOffer {height: 26px;background-image: url(/images/mmZippoOffer.png);}
a#mmZippoOffer:hover, a#mmZippoOffer.active {background-position: 0 -26px;}

div#mmFooter {
	height: 12px;background-image: url(/images/mmMenuFooter.png); width: 164px;
}

/* footer bar */
#footerBar {
	position: absolute;
	top: 636px;
	width: 1000px;
	padding: 7px 0;
	text-align: center;
	z-index:999;
	background-color: #4d4d4d;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	opacity: 0.7;
}
#footerBar div {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
	color: #fff;
	font-size: 90%;
}
#footerBar a {
	text-decoration: none; padding: 0 4px; color: #fff;
}
#footerBar a:hover {text-decoration: underline;}

/* page boxes */
.xOuter {padding: 20px 0px 0 0; width: 450px; height: 600px; position: absolute;	left: 540px; display: none;}
.xOuterBig {padding: 20px 0px 0 0; width: 655px; height: 600px; position: absolute;	left: 335px; display: none;}
.xOuterBig1 {padding: 20px 0px 0 0; width: 670px; height: 600px; position: absolute; left: 320px; display: none;}
.xWrapper {height: 600px; padding: 0 5px 0 0; overflow: hidden;}
.xTransp {
	background-image: url(/images/_boxTransparent.png);
	padding: 20px 0 0 0;
}

#xBox_aboutUs .pgTitle {background-color: #FF2B5B;	padding: 10px;	text-transform: uppercase;	font-weight: bolder;	width: 150px;	font-size: 140%;}
#xBox_aboutUs .pgContent {padding: 15px;font-size: 105%;}
#xBox_aboutUs .pgContent h2 {color: #FF2B5B;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_aboutUs .pgContent h3 {color: #000;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_aboutUs .pgContent h4 {color: #FF2B5B;	font-size: 130%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
#xBox_aboutUs .pgContent p {padding: 4px 0; margin: 0px;}

.xOurProducts .pgTitle {background-color: #2acddb;	padding: 10px;	text-transform: uppercase;	font-weight: bolder;	width: 180px;	font-size: 140%;}
.xOurProducts .pgContent {padding: 15px 0 15px 15px; font-size: 105%;}
.xOurProducts .pgContent h2 {color: #2acddb;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
.xOurProducts .pgContent h3 {color: #000;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
.xOurProducts .pgContent h4 {color: #2acddb;	font-size: 130%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
.xOurProducts .pgContent p {padding: 4px 0; margin: 0px;}
.xOurProducts .pgContent a.biglinks {color: #2acddb;	font-size: 130%; font-weight: bolder; text-decoration: none;}
.xOurProducts .pgContent a.biglinks:hover {text-decoration: underline;}

.xPromotions .pgTitle {background-color: #a59c5b;	padding: 10px;	text-transform: uppercase;	font-weight: bolder;	width: 160px;	font-size: 140%;}
.xPromotions .pgContent {padding: 15px;font-size: 105%;}
.xPromotions .pgContent h2 {color: #a59c5b;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
.xPromotions .pgContent h3 {color: #000;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
.xPromotions .pgContent h4 {color: #a59c5b;	font-size: 130%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
.xPromotions .pgContent p {padding: 4px 0; margin: 0px;}
.xPromotions .pgContent a {color: #a59c5b; text-decoration: underline;}

#xBox_tradeZone .pgTitle {background-color: #ff883b;	padding: 10px;	text-transform: uppercase;	font-weight: bolder;	width: 160px;	font-size: 140%;}
#xBox_tradeZone .pgContent {padding: 15px;font-size: 105%;}
#xBox_tradeZone .pgContent h2 {color: #ff883b;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_tradeZone .pgContent h3 {color: #000;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_tradeZone .pgContent h4 {color: #ff883b;	font-size: 130%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
#xBox_tradeZone .pgContent p {padding: 4px 0; margin: 0px;}
#xBox_tradeZone .pgContent a {color: #ff883b; text-decoration: underline;}

#xBox_contactUs .pgTitle {background-color: #d54e97;	padding: 10px;	text-transform: uppercase;	font-weight: bolder;	width: 160px;	font-size: 140%;}
#xBox_contactUs .pgContent {padding: 15px;font-size: 105%;}
#xBox_contactUs .pgContent h2 {color: #d54e97;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_contactUs .pgContent h3 {color: #000;	font-size: 130%; font-weight: bolder; padding: 9px 0; margin: 0px;}
#xBox_contactUs .pgContent h4 {color: #d54e97;	font-size: 130%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
#xBox_contactUs .pgContent h5 {color: #d54e97;	font-size: 120%; font-weight: bolder; padding: 9px 0 0 0; margin: 0px;}
#xBox_contactUs .pgContent p {padding: 4px 0; margin: 0px;}
#xBox_contactUs .pgContent a {color: #ff883b; text-decoration: underline;}

/* forms */
.formSt {
	font-size: 120%;
	padding: 10px 0;
	font-weight: bolder;
}
.button, .button:focus {padding: 0.15em; cursor:pointer;}
.submit input, .submit input:focus, .button, .button:focus {
	background: url( /images/fade-butt.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
}
.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999999;
	border-top-color: #999999;
}
* html .button {padding: 0;}

.cntdetails {
	color: #d54e97;
	font-weight: bold;
	font-size: 120%;
}

/* validation */
#msgHolder { background-color: #CC0000; padding:1px; margin-top:10px; display:none;}
#msgHolder .msgCnt { padding:8px; background-color:#FFEBE8; font-family: Verdana, Geneva, sans-serif; font-size: 11px; }

/* trade zone */
#divTradeFiles h2 {
	color: #a59c5b;
	font-size: 130%;
	font-weight: bolder;
	padding-top: 9px;
	padding-right: 0pt;
	padding-bottom: 9px;
	padding-left: 0pt;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#divTradeFiles .ico_pdf { background-image: url(/images/ico/pdf.gif); background-repeat: no-repeat; background-position: left top; }
#divTradeFiles .ico_doc { background-image: url(/images/ico/doc.gif); background-repeat: no-repeat; background-position: left top; }
#divTradeFiles .ico_other { background-image: url(/images/ico/other.gif); background-repeat: no-repeat; background-position: left top; }
#divTradeFiles .linkFile { color:black !important; text-decoration:none !important;  display: block; padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
#divTradeFiles .linkFile:hover { color:#FF883B !important; text-decoration:underline !important; }

/* product boxes */
.imgbox { width: 200px;}
.bbTitle {font-weight: bolder;font-size: 110%;padding: 5px 0 5px 0;}
.bbLabel {width: 100px;color: gray;}
.bbValue {font-weight: bolder;}
.rbpadding {padding: 0 10px 10px 0;}
.bpadding {padding: 0 0 10px 0;}
.bbIndivTitle {font-weight: bolder;font-size: 110%;padding: 5px 0 0 0;}
.bbIndivLabel {color: gray;}

/* my skint home link */
#mySkintLinkContainer {padding: 0 0 0 300px;height: 280px; vertical-align:top!important}
#buyRippoContainer {padding: 150px 0 0 143px;height: 56px;}
#gotoTheGreatContainer {padding: 378px 0 0 0;height: 287px;}

#homepage-logos{
	width: 375px;
	height: 90px;
	float:left;
}

#mySkintLink{
	float:left;
	width: 285px;
	height: 280px;
	margin-left: 40px;
}

#rips-corner-container{
	position:absolute;
	right: 0px;
	bottom: 15px;
	z-index: 1000;
	cursor: pointer;
	display:none;
}

.subfont {font-size: 95%;}

/* SKINT TEMPLATE */
#skContainer {padding: 12px 0 0 399px;}

#skPage {
	background-image: url(/images/skCompetitionBg.png);
	background-repeat: no-repeat;
	width: 590px;
	height: 618px;
	color: white;
	padding-top: 100px;
}
#skPageInner {
	overflow: hidden;
	width: 555px;
	height: 450px;
	padding: 0 10px 0 10px;
}

/* skint blog content */
.spacer {
	padding: 0 10px;
}
.subheader, .subheader h1, .subheader h2, .subheader h3, .subheader h4, .subheader h5, .subheader h6, .subheader blockquote{
	color: white;
}
a.white {
	color: white;
	text-decoration: underline;
}
#top_roller{padding:0 0 10px 10px;}
#top_roller .above{
text-transform:uppercase;
font-size:95%;
color:#ffff4e;
padding:0 0 5px 0px;
}
#top_roller .content{padding:7px 12px;background-color:#ffff4e;}
#top_roller .content .autor_date{width:400px;color:#9a9b9c;font-style:italic;}
#top_roller .content .read_more{width:100px;text-align:right;}
#top_roller .content .read_more a{color:#ff2b5b;text-decoration:none;}
#top_roller .content .read_more a:hover{text-decoration:underline;}
#top_roller .content .title{color:#ff2b5b;font-size:110%;font-weight:bolder;}
#top_roller .content p{padding:3px 0;margin:0px;}
#top_roller .content_short{color:black;}

.standard_entry{padding:0 0 10px 10px;}
.standard_entry .content{padding:7px 12px;background-color:#fff;}
.standard_entry .content .autor_date{width:400px;color:#9a9b9c;font-style:italic;}
.standard_entry .content .read_more{width:100px;text-align:right;}
.standard_entry .content .read_more a{color:#ff2b5b;text-decoration:none;}
.standard_entry .content .read_more a:hover{text-decoration:underline;}
.standard_entry .content .title{color:#ff2b5b;font-size:110%;font-weight:bolder;}
.standard_entry .content p{padding:3px 0;margin:0px;}
.standard_entry .content_short{color:black;}

#contentAddYourBlog {padding: 10px 0 10px 10px;}
#cayb {
	padding: 0px 10px;
	margin: 0px;
}
.labelForm {
	color: white;
	width: 110px;
	padding: 10px 10px 5px 0;
	font-weight: bold;
	text-align: right;
}
.labelForm span {
	color: #ff2b5b;
	font-weight: normal;
}

.skint-question-left {
	color: white;
	width: 110px;
	padding: 3px 10px 3px 0;
	font-weight: bold;
	text-align: right;
}
.skint-question-right {
	color: white;
	width: 304px;
	padding: 3px 10px 3px 0;
	font-weight: bold;
	text-align: left;
}

.skint-question-left span, .skint-question-right span {
	color: #ff2b5b;
	font-weight: normal;
}

#errorHolder {background-color: #CC0000; padding:1px; display:none;}
#errorHolder .msgCnt { padding:8px; background-color:#FFEBE8; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: black; }

#addThisContainer {
	padding: 17px 0 0 440px;
}

#skintMenuContainer {
	position: absolute;
	left: 5px;
	top: 150px;
	width: 310px;
	height: 260px;
}

/* EVENTS CONTAINER */
#otContainer {padding: 8px 0 0 399px;}

#otPage {
	background-image: url(/images/skEventsBg.png);
	background-repeat: no-repeat;
	height: 621px;
	padding: 142px 0 0 0;
}

#offersPage{
	background-image: url(/images/skOffersBg.png);
	background-repeat: no-repeat;
	height: 621px;
	padding: 120px 0 0 0;
}
#otPageInner {
	overflow: hidden;
	width: 555px;
	height: 455px;
	padding: 0 10px 0 10px;
}
.otContentPage {padding: 10px 0 10px 10px;}
.whiteBg {
	background-color: white;
	padding: 15px;
}
.redtext {color:#ff2b5b;}
.yellowtext {color:yellow;}
.yellowtext:hover {color:yellow;}

.redtext a{
	color:#ff2b5b;
	text-decoration: underline;
}

ul.monthly-gigs {
	padding: 0px 10px 10px 10px;
}
ul.monthly-gigs li a {
	font-weight: bolder;
	text-decoration: underline;
	color:#ff2b5b;
	font-size: 110%;
}

#entryBox{
	padding: 10px;
}

.notify-title {
	font-weight: bolder;
	font-size: 130%;
	padding: 10px 0;
}

.image-box-line{
	margin-bottom: 15px;
}

.extra-space-img{
	padding-left: 60px;
}

.jware-bg{
	background-image: url(/images/products/jware-1.jpg);
	background-repeat: no-repeat;
	width: 620px;
	height: 390px;
	margin-left: 22px;
	margin-top: 22px;
}

.jware-table{
	width: 210px;
	margin: 60px 0px 0px 50px;
}

.jware-table .t-first{
	width: 210px;
	color: #A9B35F;
	font-size: 16px;
	font-weight: bold;
	word-spacing: 5px;
	letter-spacing: 1px;
}

.jware-table .t-title{
	width: 100px;
	background-color: #1D1B1C;
	color: #FFF;
	padding: 5px;
	border-bottom: 2px solid #EFEFEF;
	font-weight: bold;
	
}

.jware-table .t-desc{
	width: 90px;
	background-color: #1D1B1C;
	color: #A5A5A7;
	padding: 5px;
	border-bottom: 2px solid #EFEFEF;
}

.blunt-img{
	border: 1px solid #D9D9D9;
	margin-left: 12px;
	display: block;
}

.blunt-img:hover{
	border: 1px solid #C0C0C0;
}

.border-img{
	display: block;
}

.border-img img{
	border: 1px solid #D9D9D9;
}

.border-img img:hover{
	border: 1px solid #C0C0C0;
}

.contact-link{
	text-decoration: none!important;
	color: black!important;
	padding-top: 2px;
}

.contact-link:hover{
	text-decoration: underline!important;
}

.events-fest{
	padding-top: 10px;
	font-size: 16px;
	font-weight: bold;
	color: #FF2B5B;
}

.product-title-center{
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.tmf-copyright, .tmf-copyright a{
	text-align: right;
	font-size: 11px;
	color: #303030;
	text-decoration: none;
}

.tmf-copyright a:hover{
	text-decoration: underline;
}

.comp-subheader{
	padding: 15px 10px 0px 10px;
	margin-bottom: 5px;
}

.comp-mention{
	padding: 0px 10px 5px 10px;
	color: #FFF;
	margin-bottom: 5px;
}