/* 
	R Styles Mr. Pixel
	Version: 0.1
	29th July 2010
*/ 
#mirror { background:#ffcc00; }
#mirror-pic { width:620px; height:441px; background:url(../holder-im.gif) top no-repeat; margin:100px auto;  }
#mirror-text { display:block; width:384px; height:73px; margin:333px 0 0 66px; font-size:14px; color:#333; float:left;  }

* { margin:0; padding:0; }

@font-face {
	font-family: 'AllerLightRegular';
	src: url('../font/aller_lt-webfont.eot');
	src: local('?'), url('../font/aller_lt-webfont.woff') format('woff'), url('../font/aller_lt-webfont.ttf') format('truetype'), url('../font/aller_lt-webfont.svg#webfont0rKchK5h') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AllerRegular';
	src: url('../font/aller_rg-webfont.eot');
	src: local('?'), url('../font/aller_rg-webfont.woff') format('woff'), url('../font/aller_rg-webfont.ttf') format('truetype'), url('../font/aller_rg-webfont.svg#webfontCx6ASKTO') format('svg');
	font-weight: normal;
	font-style: normal;
}


a { text-decoration:none; outline-color:invert;	outline-style:none;	outline-width:medium; border:0; color:#48c9d7; }
a:hover {text-decoration:underline; }
a img {  border:0; }

body { background:#404040 url(../images/backgrounds/body-bg.gif) center repeat-y; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:14px; }

h1, h2, h3, h4, h5 { font-weight:normal; font-family: 'AllerRegular', Arial, Helvetica, sans-serif;   }

#wrapper { width:960px; margin:0 auto; overflow:hidden; background:url(../images/backgrounds/wrapper-bg.gif) top right no-repeat; position:relative;   }
body#about #wrapper { background:url(../images/backgrounds/about-bg3.jpg) top right no-repeat;   }

body#sticky #logo-and-mainnav {  width:160px; position:fixed; z-index:10; overflow:auto; float:left; top:0; }

#logo-wrap { float:left; width:160px; position:relative; z-index:1; overflow:auto;}
#logo-and-mainnav { float:left; width:160px;  overflow:auto;}
#logo-and-mainnav ul { background:#55a4a8; list-style:none; text-align:right; display:block;  }
#logo-and-mainnav img { margin:0; padding:0; display:block; }
#logo-and-mainnav li a { display:block; color:#404040; padding:7px 12px 0 0; height:23px; font-size:14px;   }
#logo-and-mainnav li a:hover { text-decoration:none; background:#529da3; }
body#portfolio-detail-page #logo-and-mainnav li.pcurrent a { color:#fff; background:#4e939b; }
#logo-and-mainnav li a.on { color:#fff; background:#4e939b; }
#logo-and-mainnav li a.on:hover { color:#fff; background:#4e939b; }

#navigation li {
    background-color: white;
    color: black;
    padding: 5px 10px;
}
#navigation li.selected {
    background-color: black;
    color: white;
}

#connect-links { display:block; background:url(../images/backgrounds/connect-icons-bg.png) no-repeat; _background:none; width:46px; height:21px; float:right; padding:9px 0 0 34px; }
#connect-links a { display:block; width:14px; height:14px; overflow:hidden; float:left;  }
#connect-links a#twitter { background:url(../images/backgrounds/connect-icons-twitter.gif) 0 0; margin:0 5px 0 0; }
#connect-links a:hover#twitter { background:url(../images/backgrounds/connect-icons-twitter.gif) 0 -14px; }
#connect-links a#linkedin { background:url(../images/backgrounds/connect-icons-linkedin.gif) 0 0; }
#connect-links a:hover#linkedin { background:url(../images/backgrounds/connect-icons-linkedin.gif) 0 -14px; }

#homepage-slideshow { width:704px; height:343px; margin:44px 0 0 51px; float:left; display:block;}
#homepage-slideshow img {position:absolute;	top:0px; left:0px; display:none; }
#homepage-slideshow a { display:block; }

#mps-caption { display:block; width:679px; height:102px; overflow:hidden; float: right; background:url(../images/backgrounds/caption-bg.gif) 0 0 no-repeat; margin:24px 0 0 0; 
padding:16px 45px 0 148px; font-size:16px;    }
#mps-caption h1 {  font-size:21px; line-height:30px;  padding:0 0 10px 0;  }
.caption-hover { cursor:pointer; }
.caption-hover a { text-decoration:underline; }

#recent-work { width:720px; float:right;  overflow:hidden; margin:24px 30px 10px 0;  _margin:24px 15px 5px 0;  }
#recent-work h2.rwh { font-size:18px; font-weight:normal; margin:0 0 20px 0; }

#pcc { overflow:auto; border-bottom:1px solid red;  }
.portfolio-large-thumb { border-bottom:1px solid #505050; padding:0 0 5px 0; margin:0 0 30px 0; width:700px; font-size:14px; overflow:auto; }
.portfolio-large-thumb p { padding:0 0 10px 0; }
.portfolio-large-thumb img { padding:0 0 15px 0;  }
.title-description { float:left; width:70%; }
.links { float:right; width:30%; text-align:right; }


.portfolio-thumb {	width:220px;height:160px; overflow:hidden; position:relative; float:left; margin:0 20px 20px 0; }
div.description{position:absolute; bottom:0px; left:0px; display:none; width:190px; height:130px; padding:15px; background:#589aa2; color:#fff; font-size:16px; line-height:22px;   }
div.description p { font-weight:bold; }
div.description_content h2 {	text-decoration:none;	font-size:19px;  padding:0 0 10px 0; display:block;  }
div.description_content a { text-decoration:none; color:#fff; }



.homepage-bottom-box { width:310px; height:110px; padding:15px; background:#3e3e3e; display:block; float:right; font-size:14px; font-weight:normal; z-index:5; position:relative;  }
.homepage-bottom-box#home-news-box { margin:0 20px 50px 0;  }
.homepage-bottom-box#home-contact-box { margin:0 50px 0 0; _margin:0 25px 0 0; }
.homepage-bottom-box h2 { font-weight:normal; padding:0 0 12px 0; font-size:18px; border-bottom:1px solid #4f4f4f; margin:0 0  12px 0;}
.homepage-bottom-box ol a {   line-height:22px }
.homepage-bottom-box p  {  line-height:22px }
.homepage-bottom-box a { color:#fff; }
.homepage-bottom-box a:hover { text-decoration:none;}
.homepage-bottom-box ol {list-style:none; }
.homepage-bottom-box span.author { display:none; }

.homepage-bottom-box-hover { background:#559098; cursor:pointer;  }
.homepage-bottom-box-hover h2 { border-bottom:1px solid #fff;}
span.date { display:block; float:right; padding:0 0 10px 10px;   margin:-65px 0 0 0; background:#3e3e3e; font-size:14px;  }
.homepage-bottom-box-hover span.date { display:block; float:right; padding:0 0 10px 10px;  margin:-65px 0 0 0; background:#559098;  font-size:14px;  }

span.letter { display:block; float:right; padding:0 0 0 10px;   margin:-67px 0 0 0; background:#3e3e3e; font-size:14px;  }
.homepage-bottom-box-hover span.letter { display:block; float:right; padding:0 0 0 10px;   margin:-67px 0 0 0; background:#559098;  font-size:14px;  }

#portfolio-thumbs-list { width:720px; float:right;  overflow:hidden; margin:44px 31px 50px 0; _margin:44px 15px 50px 0;  }
#portfolio-thumbs-list h1 { font-size:21px;  padding:0 0 10px 0; width:700px; border-bottom:1px solid #505050; margin:0 0 30px 0;  }

#services-overview { float:left; width:170px;  position:absolute; top:383px; margin: 0 0 0 19px; #margin:0 0 0 -941px; background:url(../images/backgrounds/services-header-bg.gif) top no-repeat #3c3c3c; text-align:right; padding:0 20px 12px 0; line-height:30px; font-size:17px; z-index:10;  }
#services-overview h2 { font-size:20px;  padding:10px 0 15px 0; }
#services-overview a { font-size:17px;  margin:3px 0 0 11px; display:block; width:159px; overflow:hidden; }
#port-share { margin:10px 0 0 95px; text-align:right; border-top:1px solid #505050; border-bottom:1px solid #505050; }


#standard-page-content { width:700px; float:right;  overflow:visible; margin:44px 51px 50px 0; _margin:44px 25px 50px 0; position:relative; z-index:5; font-size:17px; line-height:24px; min-height:800px; padding:0 0 30px 0;    }
#standard-page-content ul, #standard-page-content ol { list-style:none;}
#standard-page-content h1 { font-size:21px; padding:0 0 10px 0; border-bottom:1px solid #505050; margin:0 0 15px 0;  }
#standard-page-content h1.abouth1 { width:397px;  }
#standard-page-content h2.item-title { font-size:21px; display:block; float:left; width:575px; margin:0 0 25px 0;  height:25px;  }
.about-intro { font-size:24px; line-height:34px;  padding:20px 0 0 0; }
#standard-page-content h3 { font-size:19px; margin:0 0 10px 0;   }
#standard-page-content p { padding:0 0 20px 0; }
#standard-page-content a.visit-site { padding:0 0 15px 0; display:block; width:66px; }
#standard-page-content img { padding: 0 0 20px 0; }


#standard-page-content-2{width:700px; float:right;  overflow:visible; margin:44px 51px 0 0; _margin:44px 25px 0 0; position:relative; z-index:5; font-size:17px; line-height:24px; padding:0 0 0 0;   }
#standard-page-content-2 h1 { font-size:21px; padding:0 0 10px 0; border-bottom:1px solid #505050; margin:0 0 15px 0;  }

.pwrap #standard-page-content { margin:0 51px 50px 0; _margin:0 25px 50px 0;} 

.what { width:700px; display:block; float:left; }

.about-blurb {width:360px; background:url(../images/backgrounds/about-blurb-bg.gif) top left no-repeat; font-size:16px; line-height:24px; margin:53px 0 0 0; padding:15px 0 0 10px; float:left; display:block; }
.about-blurb p span { padding:0 0 0 48px; line-height:36px; }
#doforyou { float:right; background:url(../images/backgrounds/doforyou-bg.gif) top no-repeat; width:238px; height:498px;  margin:92px 0 0 2px; color:#ececec; text-align:right; padding:0 25px 0 0; font-size:14px; }
#doforyou h2 { font-size:18px;  padding:0 30px 20px 0; }
#doforyou h3 { font-size:18px;  padding:0 0 0 0; }
#doforyou ul { list-style:none; padding:0 0 20px 0; }

#testimonials { float:right; background:url(../images/backgrounds/testimonials-bg.gif) top no-repeat; width:254px; height:498px;  margin:38px 0 0 2px; color:#ececec; padding:0 20px 0 20px; font-size:14px; line-height:20px; }
#testimonials h2 { font-size:20px;  padding:20px 30px 10px 0; text-align:right; }
#testimonials h3 { font-size:18px;  padding:0 0 0 0; }
#testimonials ul { list-style:none; padding:0 0 20px 0; }
a.testimonials-link { display:block; float:left; text-align:left; width:100px; line-height:normal; margin:0 0 0 25px; }

.contact-form {width:360px;  font-size:14px; line-height:24px; margin:33px 0 0 0;  float:left; display:block; }
.contact-form .cat_textbox { display:block; width:320px; border:2px solid #4c4c4c; background:#383838; height:30px; padding:0 5px 0 5px; color:#fff; margin:5px 0 0 0; #float:left; #padding:5px 5px 0 5px; #height:25px; #margin:5px 0 10px 0; }
.contact-form .cat_listbox { display:block; border:2px solid #4c4c4c; background:#383838; height:168px; padding:0 5px 0 5px; color:#fff; margin:5px 0 0 0; overflow:auto;  width:320px; padding:5px; }

#contact-deets { font-size:18px; font-weight:normal; font-family: 'AllerRegular', Arial, Helvetica, sans-serif; padding:20px 0 0 0; }
#contact-deets p { padding:0 0 15px 0; margin:0; }


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {	/* required settings */	position:relative;	overflow:hidden;	width: 254px;	height:360px; margin:25px 0 0 0; }
.scrollable .items {	/* this cannot be too large */	width:20000em;	position:absolute;}
.items div { width:254px;  float:left;}

a.prev { background:url(../images/buttons/test-nav-previous.gif) 0 0; margin:0 10px 0 0; display:block; width:25px; height:25px; overflow:hidden; text-indent:50000em; cursor:pointer; float:left; }
a.prev:hover { background:url(../images/buttons/test-nav-previous.gif) 0 -25px; }
a.next { background:url(../images/buttons/test-nav-next.gif) 0 0; display:block; width:25px; height:25px; overflow:hidden; text-indent:50000em; cursor:pointer; float:left;}
a.next:hover { background:url(../images/buttons/test-nav-next.gif) 0 -25px; } 
.scrollable p.author { font-size:13px; font-weight:bold; }


#pcatnav { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; width:300px;  float:right; display:block;   }
#pcatnav li { display:block; float:right; padding:0 0 0 20px;  }
#pcatnav li a { color:#747474; }
#pcatnav li a:hover { color:#d7d7d7; }


.portfolio-navigation {float:right; display:block; width:125px; height:20px;  margin:0 0 25px 0; }
.portfolio-navigation a { display:block; float:left; width:60px; height:20px; overflow:hidden; line-height:200px; font-size:12px;  }
.portfolio-navigation a#p-index { background:url(../images/buttons/portfolio-nav-index.gif) 0 0; margin:0 10px 0 0; }
.portfolio-navigation a:hover#p-index { background:url(../images/buttons/portfolio-nav-index.gif) 0 -25px; }
.portfolio-navigation #p-previous a { background:url(../images/buttons/portfolio-nav-previous.png) 0 0; margin:0 5px 0 0; }
.portfolio-navigation #p-previous a:hover { background:url(../images/buttons/portfolio-nav-previous.png) 0 -20px; }
.portfolio-navigation #p-next a { background:url(../images/buttons/portfolio-nav-next.png) 0 0; } 
.portfolio-navigation #p-next a:hover { background:url(../images/buttons/portfolio-nav-next.png) 0 -20px; }

#bottom-links {   overflow:auto; border-bottom:1px dashed #505050; padding:0 0 15px 0; margin:10px 0 0 0; display:block; float:left; }
#bottom-links .portfolio-navigation {float:right; display:block; width:125px; height:25px;  margin:0 0 0 0; }
#bottom-links a.backtotop { display:block; float:left;  font-size:13px; font-weight:bold; display:block; width:76px; height:20px; text-align:center; background:url(../images/buttons/backtotop-bg.gif) 0 3px no-repeat; color:#383838; } 
#bottom-links a:hover.backtotop { background:url(../images/buttons/backtotop-bg.gif) 0 -17px no-repeat; text-decoration:none;  }
#bottom-links .site-link { float:left; display:block;   text-align:center; width:498px; }

#bodytonic-flash { width:700px; height:90px; display:block; overflow:hidden; margin:0 0 20px 0; }
#doc-flash { width:700px; height:183px; display:block; overflow:hidden; margin:0 0 20px 0; }

/* blog Styles */

#blog-nav { float:left; width:191px;  position:absolute; top:395px; margin: 0 0 0 0; #margin:0 0 0 -960px; background:#3c3c3c; font-size:16px; z-index:10; padding:0 0 15px 0;  }
#blog-nav h2#recent-posts { float:left; background:url(../images/backgrounds/recentposts-hd-bg.gif) top left; margin:0;  }
#blog-nav h2 { float:left; width:166px; font-size:20px;  padding:10px 0 0 25px; height:36px; background:url(../images/backgrounds/recentposts-hd-bg2.gif) top left; margin:15px 0 0 0; }
#blog-nav a { font-size:14px; width:156px;  display:block; float:left; padding:7px 10px 7px 25px; margin:0;  } 
#blog-nav a:hover {  text-decoration:none; background:#3f3f3f; } 
a#rss { margin:10px 0 0 0; border-top:1px solid #505050; }

p#blog-image { font-size:14px; font-style:oblique; }
p#blog-image img { clear:both; padding:0 0 10px 0; }

#mp-blog-post { padding:0 10px 15px 0; margin:0 0 5px 15px; border-bottom:1px solid #505050; }
#mp-blog-post h2#mp-post-title { font-size: 25px;  margin:20px 0 25px 0; display:block;  }
#mp-blog-post h2#mp-post-title2 { font-size: 25px;  margin:20px 0 25px 0; display:block; padding:8px 0 8px 0; }
#mp-blog-post h2#mp-post-title a { width:100%; display:block; padding:8px 0 8px 0; }
#mp-blog-post h2#mp-post-title a:hover { text-decoration:none; background:#3d3d3d;  }
.mp-post-body { padding:0 0 30px 0; }
#mp-post-date {float:right; height:36px; width:118px; background:url(../images/backgrounds/blog-date-bg.png); _background:none; display:block; overflow:hidden; margin:-71px -62px 0 0; position:relative; z-index:5; padding:10px 0 0 43px;  }
#mp-post-date span.day { font-size:33px; display:block; float:left; padding:0 5px 0 0; } 
#mp-post-date span.month { font-size:12px; display:block; float:left; line-height:16px; font-weight:bold; margin:-5px 0 0 0; } 

.comment-list { overflow:auto;}
.comment-list h5 { background:url(../images/backgrounds/comment-top-left.gif) top left no-repeat; font-size:18px;  padding:20px 25px 15px 25px;	}
.comment-list input#CaptchaV2 {	 float:right; display:block; border:2px solid #4c4c4c; background:#383838; height:32px; margin:-56px 0 0 0; color:#fff; padding:0 5px 0 5px;  }
.comment-list form { background:url(../images/backgrounds/comment-bot-right.gif) bottom right no-repeat #3d3d3d; margin:15px 0 0 0; overflow:hidden; font-size:16px; }
#form-left { float:left; padding:0 25px 25px 25px;  width:335px; }
#form-left p { padding:0 0 10px 0;   }
#form-left .cat_textbox_small { display:block; width:320px; border:2px solid #4c4c4c; background:#383838; height:30px; padding:0 5px 0 5px; color:#fff; margin:5px 0 0 0; #float:left; #padding:5px 5px 0 5px; #height:25px; #margin:5px 0 10px 0; }

.comment-list form .cat_listbox_small { display:block; border:2px solid #4c4c4c; background:#383838; height:246px; padding:0 5px 0 5px; color:#fff; margin:5px 0 0 0; overflow:auto;  width:249px; padding:5px; }
.blog-comment-container { background:#3d3d3d; margin:0 0 15px 0; }
.blog-comment-container  .comment-details { padding:25px 25px 15px 25px; font-size:16px; background:url(../images/backgrounds/comment-top-left.gif) top left no-repeat;	}
.blog-comment-container .comment {	background:url(../images/backgrounds/comment-bot-right.gif) bottom right no-repeat; padding:0 25px 25px 25px; 	}
input#fullname, input#website, input#emailaddress {	width: 300px;}
textarea.comment {	height: 160px;	width: 100%;}
.forum-registration textarea.comment {	height: 70px;	width: 270px;}

.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul {margin: 0;	padding: 0;}
.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li {	font-size: 11px;list-style: none;	margin: 0 0 9px;}
p.page-nav {	text-align: center;} 
p.page-nav a {	margin: 0 9px;}
.blog-post dl {	background: #f9f9f9;	border: 1px solid #eee;	margin: 0 0 18px;	padding: 18px;}
.blog-post dt {	color: #000;}
.blog-post dd {	margin: 0 0 9px;}

#facebook-comments { background:url(../images/backgrounds/comment-bot-right.gif) bottom right no-repeat #3d3d3d; }
#facebook-comments h2 {background:url(../images/backgrounds/comment-top-left.gif) top left no-repeat; font-size:18px;  padding:20px 25px 15px 25px;	}
#facebook-comments #box { padding:0 25px 25px 25px; margin:0 0 0 0; }

.addthis_toolbox { float:right; display:block; margin:-30px 31px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; z-index:4;}



/* blog Styles end */

#footer { width:960px; background:url(../images/backgrounds/footer-bg.gif) 0 0 no-repeat; height:186px; float:left; margin:-131px 0 0 0; }
#footer-content { width:698px; margin:146px 0 0 211px; color:#999; font-size:13px; height:30px; overflow:hidden;  }
#footer a {  }
p.footer-copyright { float:left; width:30%; }
p.footer-contact { float:right; width:60%; text-align:right; display:block; }





/*==============================================================

	Version : 2009.08.10

==============================================================*/


/* @group BASE */

/* @group FRIENDLY SETTINGS */

img, a img { border:0; } /* nobody likes default border around images */

.clear { display: inline-block; }   
.clear:after { content: "."; display: block; height: 0;   clear: both; visibility: hidden; }
* html .clear { height: 1%; }
.clear { display: block; }

/* @end */
/* based on YUI 2.3 base.css */

/* Idioms */

ul.mod {
	list-style-image:none;
	list-style-position: outside;
	list-style-type: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.mod li {
	list-style: none;
}

/* @end */

/* @group Web Form */

ul.form {
	margin: 0;
	padding: 0;
}

ul.form li {
	list-style: none;
	margin: 0 0 18px 0;
}

ul.form li label {
	color: #888;
	display: block;
}

div.form div.item, div.webform div.item {
	padding: 9px;
}

cat_button {}

input.cat_textbox,
textarea.cat_listbox,
select.cat_dropdown,
select.cat_listbox {
	width: 300px;
}

.cat_dropdown_small {
	width: 200px;
}

.cat_dropdown_smaller {
	width: 150px;
}

.cat_textbox_small, .cat_listbox_small {
	width: 200px; /* DON'T TOUCH THIS */
}

.cat_listbox {
	height: 120px;
	width: 300px;
}

table.webform,
table.reporting {
	border-collapse:collapse;
	border-spacing:0;
	width: 100%;
}

table.webform td {
	line-height: 24px;
	padding: 6px;
}

.form label, .webform label {
	font-size: 11px;
}

.form input, .webform input {
	margin-right: 3px;
}

/* @end */

/* @group System Message */

.system-message, .system-error-message {
	background-color: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 18px;
	min-height: 110px;
	height: auto !important;
	height: 110px;
	padding: 36px 36px 36px 180px;
}

/*.system-message {
	background: #f9f9f9 url(/CatalystImages/ok.png) no-repeat 29px 18px;	
}

.system-error-message {
	background: #f9f9f9 url(/CatalystImages/error.png) no-repeat 26px 26px;
}*/

.system-message h1, .system-error-message h1 {
	color: #000;
	margin: 0 0 18px 0;
}

.system-message a:link, .system-error-message a:link {
	color: #1969bc;
}

.ok {
	background: #E9FBE3;
	color: #21A347;
	margin-bottom: 18px;
}

.error {
	background: #FBE3E4;
	color: #D12F19;
	margin-bottom: 18px;
}

/* @end */








/* @group Catalogue and Products */

.shop-catalogue {
	background: #fff;
	border: 1px solid #ccc;
	float: left;
	height: 180px;
	margin: 0 6px 6px 0;
	overflow: hidden;
	width: 180px;
}

.shop-catalogue h4 {
	font-size: 12px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	text-indent: 9px;
}

.shop-catalogue h4 a {
	color: #1969bc;
	text-decoration: none;
}

.shop-catalogue .image {
	/* Image size should be 150px by 120px */
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
	padding: 15px;
	text-align: center;
}

.shop-main {
	margin-top: 18px;
}

.shop-main .header {
	border-bottom: 1px solid #eee;
	height: 27px;
	line-height: 27px;
	margin: 0 0 18px;
}

.shop-main .breadcrumbs {
	float: left;
	width: 40%;
}

.shop-main .cart-summary {
	float: right;
	width: 40%;
}

.shop-main .description ul {
	margin: 0 0 0 18px;
	padding: 0;
}

.shop-main .description li {
	list-style: square;
}

table.cartSummaryTable {
	border-collapse:collapse;
	border-spacing:0;	
	font-size: 12px;
	float: right;
}

td.cartSummaryItem {
	padding: 0;
}

a.cartSummaryLink {
	margin: 0 0 0 18px;
}

.shop-main ul {
	margin: 0;
	padding: 0;
}

.shop-main li {
	list-style: none;
}

table.catalogueTable {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
	margin: 0 0 18px;
}

table.catalogueTable td {
	padding: 0;
}

table.productTable {
	border-collapse:collapse;
	border-spacing:0;	
	table-layout: fixed;
	width: 100%;
}

table.productTable td {
	padding: 3px;
}

.shop-product-small {
	background: #fff;
	border: 1px solid #ddd;
	color: #666;
}

.shop-product-small h5 {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	min-height: 36px;
	padding: 18px 18px 6px;
}

.shop-product-small h4 a {
	color: #1969bc ;
}

.shop-product-small h5 a {
	text-decoration: none;
}

.shop-product-small ul {
	background: #f9f9f9;
	padding: 18px;
}

.shop-product-small ul li {
	font-size: 11px;
	margin: 0 0 6px;
}

.shop-product-small li.price {
	font-size: 11px;
}

.shop-product-small li.price strong {
	font-size: 14px;
	margin-left: 6px;
}

.shop-product-small li.stock {
	font-size: 11px;
}

.shop-product-small li.stock strong {
	color: #666;
	margin-left: 3px;
}

.shop-product-small .image {
	height: 120px;
	margin: 0 auto 9px;
	overflow: hidden;
	width: 120px;
	text-align: center;
}

.image a, td.actions a {
	border: none !important;
}

.shop-product-small li.quantity {
	line-height: 30px;
}

li.quantity img {
	position: relative;
	top: 8px;
	/* or vertical-align: middle; */
}

.shop-product-small li.quantity input.productTextInput {
	width: 50px;
}

.shop-product-small li.quantity input.productSubmitInput {
}

.shop-product-large {
	background: #fff;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	min-width: 240px;
	overflow: hidden;
}

.shop-product-large h1 {
	color: #000;
	font-size: 14px;
}

.shop-product-large .image {
	margin-left: 36%;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
}

.shop-product-large .shop-product-small .image {
 	margin: 0;
	min-height: 160px; 
	height: auto !important; /* for modern browsers */
	height: 160px; /* for IE5.x and IE6 */		
	padding: 18px;
	text-align: center;
	width: auto;
}

.shop-product-large .shop-product-small ul {
	padding: 9px;
}

.shop-product-large .shop-product-small ul, .shop-product-large .shop-product-small li  {
	margin: 0;
}

.shop-product-large li.price {
	font-size: 14px;
}

.shop-product-large li.instock {
	font-size: 10px;
}

.shop-product-large li.quantity input.productTextInput {
	width: 50px;
}

td.productItem .comment-form input#Captcha {
	width: 300px;
}

.poplets {
	border-top: 1px solid #eee;
	margin-top: 36px;
	padding: 9px 0;
}

.poplets img {
	border: 1px solid #ddd;
}

table.productPoplets {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0 auto;
}

.shop-product-large .details {
	background: #f9f9f9;
	float: left;
	min-height: 360px;
	height: auto !important; /* for modern browsers */
	height: 360px; /* for IE5.x and IE6 */	
	padding: 18px;
	width: 30%;
}

.shop-product-large ul {
	margin: 0 0 36px;
	padding: 0;
}

.shop-product-large li {
	margin: 9px 0;
}

.shop-cart .breadcrumbs {
	margin: 0 0 18px;
}

table.cart {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #ddd;
	font-size: 11px;
	width: 100%;
}

table.cart td {
	vertical-align: top; /*to make sure the div stack line up at the top */
}

table.cart a {
	color: #1969bc;
}

table.cart th, table.cart td {
	color: #666;
	padding: 9px;
}

tr.val td {
	border-bottom: 1px solid #eee;
}

tr.shipping td {
	border-bottom: 1px solid #ddd;
}

tr.discount td.quantity, tr.shipping td.quantity {
	text-align: right;
}

td.quantity input.update {
	margin: 0 0 0 3px;
}

table.cart th {
	background: #f9f9f9;
	border-bottom: 1px solid #eee;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}

input.cartInputText {
	width: 70px;
}

input#DiscountCode, input#GiftVoucher {
	width: 70px;
}

select.shippingDropDown {
	width: 150px;
}

table.cart th.quantity {
	text-align: right;
}

table.cart td.quantity {
	text-align: right;
}

.productitemcell {
	height: 23px;
	line-height: 20px;
	margin: 0 0 3px 0;
	overflow: hidden;
}

table.cart td.actions {
	text-align: right;
}

table.cart td.actions a {
	font-size: 12px;
	font-weight: bold;
	margin: 0 18px 0 0;
	text-decoration: none;
}

a#catshopclear {
	font-size: 10px;
	font-weight: normal;
}

table.cart strong {
	font-size: 14px;
}

.shop-form {
	margin: 0 0 18px;
}

.shop-form ul.form {
	background: #f9f9f9;
	border: 1px solid #eee;
	padding: 18px;
}

.shop-form label {
	font-size: 11px;
}

.shop-form ul.form li {
	margin: 0;
	padding: 9px 0;
}

.shop-form li.last {
	border-top: 1px solid #eee;
}

/*.shop-form .checkboxes {
	line-height: 27px;
}*/

input.PaymentMethodType {
	margin: 0 6px 0 0;
}

.shop-form ul.form input.cat_textbox,
.shop-form ul.form select.cat_dropdown,
.shop-form ul.form textarea.cat_listbox {
	width: 260px;
}

.shop-form textarea.cat_listbox {
	height: 100px;
}

.shop-receipt, .shop-quote-receipt {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 18px;
	padding: 18px;
}

.shop-receipt h1, .shop-quote-receipt h1 {
	border-bottom: 1px solid #ccc;
	padding: 0 0 3px;
}

.shop-receipt h2, .shop-quote-receipt h2 {
	font-size: 12px;
	font-weight: normal;
}

/* @end */

/* @group Customer Cases */

table.case-list {
	border-collapse:collapse;
	border-spacing:0;	
	margin: 0;
	width: 100%;
}

table.case-list td {
	padding: 6px;
}

table.case-list td.subject,
table.case-list td.category {
	width: 40%;
}

table.case-list td.status {
	width: 20%;
}

table.case-details {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.case-details td {
	padding: 6px;
}

table.case-details tr.odd td {
	background: #fff;
}

table.case-details td.var {
	color: #888;
	text-align: right;
	width: 130px;
}

table.case-details td.val {
	color: #000;
}

/* @end */

/* @group Customer Orders */

table.border {
	border-collapse:collapse;
	border-spacing:0;	
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

table.border td {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
}

table.border span { color: #888; }

table.order-list {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

table.order-list td {
	border: 1px solid #eee;
}

table.order-list a {
	margin: 0 9px 0 0;
}

table.order-list span.number {
	font-size: 11px;
}

/* @end */

/* @group Comment */

.comment-container {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
}

.comment-container .header {
	background: #eee;
	font-size: 11px;
	padding: 6px 18px;
}

.comment-container span.name {
	color: #000;
}

.comment-container span.rating {
	margin: 0 9px;
	vertical-align: middle;
}

.comment-container .content {
	padding: 18px;
}

.comment-form {
	background: #f9f9f9;
	border: 1px solid #eee;
	color: #666;
	margin: 0 0 18px;
	padding: 18px;
}

.comment-form h3 {
	font-size: 14px;
	margin: 0 0 18px;
}

.comment-form h5 {
	color: #666;
	font-size: 14px;
	margin: 0 0 18px;
}

/*.comment-form li.rating div {
	font-size: 10px;
}*/

/*.comment-form li.rating div input {
	margin: 0 3px;
}*/

.comment-form input.cat_textbox_small,
.comment-form textarea {
	width: 300px;
}

.comment-form textarea {
	height: 120px;
}

/* @end */

/* @group FAQ */

table.faq-search {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0 0 18px 0;
	width: 100%;
}

table.faq-search label {
	color: #888;
}

table.faq-search td {
	border-collapse:collapse;
	border-spacing:0;	
	padding: 9px;
}

table.faqresultstable {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	width: 100%;
}

table.faqresultstable td {
	color: #666;
	padding: 9px;
}

table.faqresultstable a {
	color: #1969bc;
}

table.faqresultstable td.faqresultstableinfo {
	background: #f9f9f9;
	color: #888;
	font-size: 10px;
	padding: 3px 18px;
	text-align: right;
}

table.faqresultstable td.faqresultstablecount {
	padding-left: 18px;
	width: 10px;
}

td.faqresultstablehead {
	background: #fff;
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;	
	color: #000;
	font-weight: bold;
}

/* @end */

/* @group Forums */

/* NOTE: div.post-list exists in BLOG as well */

.forum-container h1 {
	font-size: 24px;
}

table.topic-list, div.forum-posts-container div.post-list, div.forum-registration {
	color: #666;
}

div.forum-posts-container div.post-list a, div.forum-registration a {
	color: #1969bc;
}

div.forum-registration h2 {
	color: #000;
}

table.forum {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border: 1px solid #eee;
	margin: 0;
	width: 100%;	
}

table.forum td {
	font-size: 11px;
	padding: 9px;
	vertical-align: top;
}

table.forum td.topics {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 90px;
}

table.forum td.posts {
	border-right: 1px solid #eee;	
	width: 90px;
}

table.forum td.lastpost {
	border-left: 1px solid #eee;	
	width: 180px;
}

table.forum .icon {
	float: left;
	width: 50px;
}

table.forum .forum {
	margin: 0 0 0 50px;
}

table.forum h3 {
	margin: 0;
}

table.forum h3 a {
	text-decoration: none;
}

ul.cap-top,
ul.cap-bottom {
	font-size: 11px;
	height: 30px;
	margin: 0 0 18px;
	padding: 0;
}

ul.cap-bottom {
	margin: 18px 0 0;
}

ul.cap-top li,
ul.cap-bottom li {
	display: block;	
	line-height: 30px;
	list-style: none;	
}

ul.cap-top li.user,
ul.cap-bottom li.nav-page {
	float: left;
	width: 200px;
}

ul.cap-top li.actions,
ul.cap-bottom li.actions
{
	float: right;
	font-size: 12px;
	text-align: right;
	width: 350px;
}

ul.cap-top li.actions a,
ul.cap-bottom li.actions a{
	float: right;
	margin: 0;
	padding: 0 9px;
}

table.topic-list {
	background: #f9f9f9;
	border-collapse:collapse;
	border-spacing:0;	
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
}

table.topic-list th {
	background: #ddd;
	border: 1px solid #ddd;
	color: #000;
	font-size: 10px;
	padding: 6px;
	text-align: left;
}

table.topic-list .name {
	font-weight: bold;
	width: 60%;
}

table.topic-list .name .icon {
	float: left;
	width: 30px;
}

table.topic-list .replies,
table.topic-list .views {
	font-size: 10px;
	text-align: center;
	width: 10%;
}

table.topic-list .date {
	font-size: 10px;
	text-align: right;
	width: 20%;
}

table.topic-list td {
	padding: 0;
}

table.topic-list a {
	color: #1969bc;
}

table.topic {
	border-collapse:collapse;
	border-spacing:0;	
	border-bottom: 1px solid #eee;;
	margin: 0;
	width: 100%;
}

table.topic td {
	padding: 9px;
}

table.topic td.name,
table.topic td.replies,
table.topic td.views {
	border-right: 1px solid #eee;
	vertical-align: middle;
}

.forum-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.forum-registration input.cat_textbox,
.forum-registration textarea.cat_textbox {
	width: 260px;
}

.forum-registration input.cat_button {
	margin: 0 6px 0 0;
}

.forum-posts-container .breadcrumb {
	font-size: 11px;
	padding: 6px;
}

.forum-posts-container h1 {
	font-size: 18px;
	margin: 18px 0;
}

.forum-posts-container h2 {
	background: #eee;
	border: 1px solid #eee;
	color: #888;
	font-size: 10px;
	font-weight: normal;
	margin: 0;
	padding: 3px 18px;
}

.forum-posts-container table.container {
	border-collapse:collapse;
	border-spacing:0;	
	width: 100%;
}

.forum-posts-container td {
	background: #f9f9f9;	
	border: 1px solid #ddd;
	padding: 18px;
	vertical-align: top;
}

.forum-posts-container td.author {
	font-size: 11px;
	width: 160px;
}

.forum-posts-container h3.name {
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

.forum-posts-container tr.sub td {
	height: 30px;
	padding: 0 18px;
}

.forum-posts-container td.action a {
	float: right;
	line-height: 30px;
}

/* @end */

/* @group Literature */

p.literature-container img {
	vertical-align: middle;
}

p.literature-container span.icon, p.literature-container span.name {
	margin: 0 3px 0 0;
}


/* @end */

/* @group Secure Zone Markup */

.case-search {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-lost-password {
	background: #f9f9f9;
	border: 1px solid #eee;	
	padding: 18px;
}

.secure-lost-password input.cat_textbox_small {
	width: 210px;
}

.secure-update-details {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin: 0 0 18px;
	padding: 18px;
}

.secure-update-details input.cat_textbox,
.secure-update-details select.cat_dropdown {
	width: 260px;
}


/* @end */

/* @group Form Modules */

.product-form h3 {
	padding-left: 9px;
}

.secure-login, .newsletter-form {
	background: #f9f9f9;
	border: 1px solid #f2f2f2;
	margin-bottom: 18px;
}

.secure-login h3, .newsletter-form h3 {
	background: #eee;
	border-bottom: 1px solid #eee;
	font-size: 14px;
	margin: 0;
	padding: 6px 18px;
}

.secure-login div.form, .newsletter-form div.form {
	padding-left: 9px;
}

/* @end */

/* @group Search */

.search-box {
	padding: 6px;
}

.search-box input.cat_textbox_small {
	margin: 0 3px 0 0;
}

/* @end */

/* @group Photo Gallery */

#imageContainer img {
	margin: 0;
}

table.photogalleryTable td {
	padding: 9px;
}

/* @end */

/* @group Affiliate Program */

table.affiliate-stats {
	border: 1px solid #d7d7d7;
	border-collapse: collapse;
}

table.affiliate-stats td {
	border: 1px solid #d7d7d7;
	padding: 6px;
}

table.affiliate-stats td.var {
	color: #888;
}

/* @end */

/* @group Tell a Friend */

.tell-a-friend {
	border: 2px solid #333;
	background-color: #fff;
	color: #666;
	padding: 18px;
}

.tell-a-friend form {
	padding: 0 0 0 36px;
}

.tell-a-friend  h1 {
	border-bottom: 1px solid #ccc;
	color: #222;
	font-size: 18px;
	margin: 0;
	padding: 0 0 6px;
}

.tell-a-friend  h2 {
	border-bottom: 1px dotted #ccc;
	color: #222;
	font-size: 12px;
	margin: 18px 0 9px;
}

.tell-a-friend  td.var {
	text-align: right;
	width: 130px;
}

.tell-a-friend td {
	font-size: 11px;
	vertical-align: top;
}

.tell-a-friend  label {
	color: #888;
	font-size: 11px;
}

.tell-a-friend  input.cat_textbox_small {
	height: 21px;
}

.tell-a-friend  input.cat_textbox_small, .tell-a-friend textarea.cat_listbox {
	font-size: 11px;
	width: 300px;
}

/* @end */

/* @group Favourites */

.favourite-registration {
	border: 1px solid #eee;
	background: #f9f9f9;
	padding: 18px;
}

.favourite-registration input.cat_textbox,
.favourite-registration textarea.cat_textbox {
	width: 260px;
}

.favrourite-registration input.cat_button {
	margin: 0 6px 0 0;
}


/* @end */

/* @group eCommerce Browse Panel */

.browse-panel {
	border: 1px solid #d7d7d7;
}

.browse-panel h5 {
	background: #eee url(/CatalystImages/shop_bg-browse-panel.png) repeat-x;
	border-bottom: 1px solid #d7d7d7;
	font-size: 14px;
	margin: 0;
	padding: 9px;
}

.browse-panel h6 {
	background: #f7f7f7;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 3px 9px;
}

.browse-panel ol {
	background: #fff;
	border-bottom: 1px solid #e7e7e7;
	margin: 0;
	padding: 9px;
}

.browse-panel ol.browse-catalogue {
	border-bottom: none;
}

.browse-panel li {
	list-style: none;
	padding: 3px 9px;
}

.browse-panel li span {
	display: inline;
	font-weight: bold;
}

/* @end */

/* @group eCommerce Image Zoom Slider */

img.drag {
	position: relative;
	padding: 0.5em;
	/*margin: 0 0 0.5em 1.5em;*/
	margin: 0;
	cursor: move;
}
 
.slidertrack {
    background-color: #d7d7d7;
    color: #333;
    float: left;
    margin: 0;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    padding: 4px;
    border: 1px solid;
    border-color: #ccc #aaa #aaa #ccc;
}
 
.slidertrack .sliderslit {
    background-color: #333;
    color: #ccc;
    height: 2px;
    margin: 4px 4px 2px 4px;
    line-height: 0px;
    position: absolute;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
}
 
.slidertrack .slider {
    width: 16px;
    background-color: #555;
    color: #333;
    position: relative;
    margin: 0;
    height: 8px;
    z-index: 1;
    line-height: 0px;
    font-size: 0px;
    text-align: left;
    border: 2px solid;
    border-color: #999 #222 #222 #999;
}
 
#zoomcontainer{
    overflow: hidden;
    position: relative;
}

#zoomcontainer img{
    position: absolute;
}


/* @end */

/* @group Web Apps */

/*pagination*/
ul.pagination {
	margin: 0;
	padding: 0;
}

ul.pagination li {
	display: inline;
	list-style: none;
	margin: 0 2px;
}

/* @end */