/********************************************************************/
/*                             Reset CSS                            */
/********************************************************************/

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; vertical-align:baseline;}
ol, ul {list-style-type: none;}

/********************************************************************/
/*                            Generic tags                          */
/********************************************************************/

body, input, select, textarea {font-family:Arial, Helvetica, sans-serif;}
em { font-style:italic;}
strong { font-weight:bold;}
abbr { text-decoration:none; border:none;}
img {border:none;}
a {text-decoration:none;}
a:hover, a:focus {text-decoration:underline;}
a:focus {-moz-outline: 1px dotted #000 !important;}
.clear {clear:both;}
.skiptocontent, .relbookmark {position:absolute; margin-left: -9999px;}

legend {display:none;}
* legend{display:block !important; width:0; height:0; visibility:hidden;}

/********************************************************************/
/*                           Template tags                          */
/********************************************************************/

body {background:url('/_images/bg/body.png') 0 0 repeat-x #fcf7e2;}

h1, h2, h3 {font-family:Georgia,'Times New Roman',Times,serif;}

#pageContainer {width:970px; margin:0 auto 30px auto;}
#contentContainer {width:960px; padding:0 5px; background:url('/_images/bg/content-container.png') 0 0 repeat-y;}
#contentFoot {width:970px; height:15px; background:url('/_images/bg/content-foot.png') 0 0 repeat-y;}

.alertInfo {width:100%; margin:0 0 10px 0;} 
.alertInfo .wrapper {padding:10px 10px 0 10px; background:#CCC; border:1px solid #666; border-radius:5px; background-clip:padding-box;} 
#content .alertInfo .wrapper p {margin:0 0 10px 0;} 

.alertInfo.error .wrapper {background:#f0a6a2; border-color:#f26760;} 

/* ----- Page Options ----- */

#content .pageOptions {margin:0;}
#content .pageOptions li {margin:0; padding:0; background:none;}

/* ----- Pagination ----- */

#content .pagination {width:100%; margin:0; padding:10px 0; overflow:hidden;}
#content .pagination p {float:left; margin:0; font-size:93%;}
#content .pagination ul {float:right; font-size:93%; overflow:hidden;}
#content .pagination ul li {float:left; margin:0 3px 0 0; padding:0; background:none;}
#content .pagination ul li.all {margin:0;}
#content .pagination ul li a {display:block; padding:0 6px; line-height:20px; text-decoration:none; background-color:#CCC; background-repeat:no-repeat; background-position:center 6px;}
#content .pagination ul li a:hover, .pagination ul li a:active, .pagination ul li a:focus {color:#FFF; background-color:#000; background-position:center -11px;}
#content .pagination ul li a.selected {color:#FFF; background:#666;}
#content .pagination ul li.first a {width:20px; padding:0; background-image:url('/_images/icons/paging/first.gif');}
#content .pagination ul li.prev a {width:20px; padding:0; background-image:url('/_images/icons/paging/prev.gif');}
#content .pagination ul li.next a {width:20px; padding:0; background-image:url('/_images/icons/paging/next.gif');}
#content .pagination ul li.last a {width:20px; padding:0; background-image:url('/_images/icons/paging/last.gif');}
#content .pagination ul li a span {display:block; text-indent:-9999px;}

/* ----- Forms ----- */

.ui-selectmenu {border:1px solid #111; background:#FFF;}
.ui-selectmenu-menu {padding:5px 0; border:1px solid #111; border-top:none; background:#FFF;}
.ui-selectmenu-icon {top:8px; right:9px; width:10px; height:10px; margin:0; background:url('/_images/icons/ui-selectmenu-icon.png') 0 0 no-repeat;}
.ui-selectmenu-status {padding:5px 10px 0 10px; color:#555;}
.ui-selectmenu-menu li a {padding:0 10px; color:#000;}
.ui-selectmenu-menu li a:hover {background:#CCC;}
#content .ui-selectmenu:hover, .ui-selectmenu:hover {text-decoration:none;}
#content .ui-selectmenu:focus, .ui-selectmenu:focus {text-decoration:none;}

#content .contentForm fieldset {width:500px; margin:0 0 15px 0; padding:30px 100px; background:#DDD;}
#content .contentForm fieldset .field {width:500px; margin:0 0 10px 0; overflow:hidden;}
#content .contentForm fieldset .field label {display:block; float:left; width:200px; margin:7px 0 0 0; font-size:93%;}
#content .contentForm fieldset .text input {float:right; width:283px; margin:0; padding:5px; border:1px solid #111;}
#content .contentForm fieldset .textarea {padding:10px 0 0 0;}
#content .contentForm fieldset .textarea label {float:none; width:500px; margin:0 0 5px 0;}
#content .contentForm fieldset .textarea textarea {width:488px; height:140px; padding:5px; border:1px solid #111; resize:none;}
#content .contentForm fieldset .select select {float:right; width:293px; border:1px solid #111;}
#content .contentForm fieldset .select .ui-selectmenu {float:right; height:27px; font-weight:normal;}
#content .contentForm fieldset .dateSelect label {position:absolute; left:-9999px;}
#content .contentForm fieldset .dateSelect p {float:left; width:200px; margin:5px 0 0 0;}
#content .contentForm fieldset .dateSelect select {float:left; width:93px; margin:0 0 0 5px; padding:0; border:1px solid #111;}
#content .contentForm fieldset .dateSelect .ui-selectmenu {float:left; margin:0 0 0 5px;}
#content .contentForm fieldset .checkbox label, #content .contentForm fieldset .radio label {float:left; width:auto; margin:0 0 0 5px;}
#content .contentForm fieldset .checkbox input, #content .contentForm fieldset .radio input {float:left; margin:0; padding:0;}

#content .contentForm fieldset .optionList ul {width:500px; margin:0;}
#content .contentForm fieldset .optionList ul li {width:500px; margin:0 0 10px 0; padding:0; background:none; overflow:hidden;}
#content .contentForm fieldset .optionList ul li label {font-size:100%;}

#content .contentForm fieldset .formControls input {float:right;}

/* ----- Header ----- */

#header {z-index:1000; position:relative; width:960px;}
#header a#mainLogo {z-index:10; position:absolute; top:-3px; left:15px; display:block; width:101px; height:163px; padding:0 5px 5px 5px; background:#FFF; overflow:hidden;}
#header a#mainLogo img {float:left;}

#header .intro {float:left; margin:25px 0 25px 140px; font-family:Georgia,'Times New Roman',Times,serif;}
#header .intro .strapline {font-size:197%;}
#header .intro p {font-size:123.1%;}

#header .register {float:right; margin:30px -5px 0 0; padding:0 0 5px 0; background:url('/_images/bg/register-corner.png') bottom right no-repeat;}
#header .register:hover, #header .register:active, #header .register:focus {text-decoration:none;}
#header .register .wrapper {display:block; padding:8px 25px 8px 20px; color:#FFF; text-shadow:0 0 3px #666; font-size:138.5%; font-weight:bold; font-family:Georgia,'Times New Roman',Times,serif; border:1px solid #202020; background:#565555; box-shadow:0 1px 5px #666;}
#header .register .wrapper span {display:block; padding:0 25px 0 0; background:url('/_images/bg/register-arrow.png') right 4px no-repeat;}

#header .nav {position:relative; float:left; width:830px; padding:0 0 0 130px; background:#bcbec0;}
#header .nav li {position:relative; float:left; margin:0 0 0 20px; padding:8px 0; font-family:Georgia,'Times New Roman',Times,serif;}
#header .nav li a {font-size:153.9%; color:#FFF; text-shadow:0 0 7px #666;}
#header .nav li a:hover, #header .nav li a:active, #header .nav li a:focus, #header .nav li.selected a {color:#2d4245; text-shadow:none; text-decoration:none;}

#header .nav li.social {position:absolute; top:5px; width:30px; height:30px; padding:0;}
#header .nav li.social a {display:block; width:30px; height:30px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat;}
#header .nav li.social a:hover, #header .nav li.social a:active, #header .nav li.social a:focus {background-position:0 -30px;}
#header .nav li.facebook {right:55px;}
#header .nav li.facebook a {right:55px; background-image:url('/_images/buttons/facebook.png');}
#header .nav li.twitter {right:20px;}
#header .nav li.twitter a {right:20px; background-image:url('/_images/buttons/twitter.png');}

#header .nav li .subNav {position:absolute; top:40px; left:-9999px; width:200px; padding:5px 0 10px 0; background:#bcbec0;}
#header .nav li:hover .subNav {left:-15px;}
#header .nav li .subNav li {width:200px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}
#header .nav li .subNav li a {display:block; width:auto; padding:3px 15px; color:#2d4245; font-size:108%; font-family:Arial, Helvetica, sans-serif; text-shadow:none;}
#header .nav li .subNav li a:hover, #header .nav li .subNav li a:active, #header .nav li .subNav li a:focus {color:#FFF; background:#2d4245;}

/* ----- Side Column ----- */

#sideCol {float:left; width:200px; margin:0 0 10px 20px; padding:30px 0 0 0;}

#sideCol .sideNav {width:200px; margin:0 0 20px 0; font-size:123.1%; font-family:Georgia,'Times New Roman',Times,serif;}
#sideCol .sideNav li {width:200px; border-bottom:1px solid #DDD;}
#sideCol .sideNav li a {display:block; width:180px; padding:5px 10px; color:#000;}
#sideCol .sideNav li ul {padding:0 0 10px 0; font-size:75%; font-family:Arial, Helvetica, sans-serif;}
#sideCol .sideNav li ul li {border:none;}
#sideCol .sideNav li ul li a {width:170px; padding:3px 0 3px 20px; border:none;}
#sideCol .sideNav li ul li ul {padding:5px 0 5px 0; font-size:100%;}
#sideCol .sideNav li ul li ul li a {width:160px; padding:3px 0 3px 30px; background:url('/_images/bullets/side-nav.png') 20px 8px no-repeat;}

#sideCol .pods {width:200px;}
#sideCol .pods li {margin:0 0 5px 0;}

#sideCol .caroufredsel_wrapper {width:300px; height:530px; overflow:hidden;}
#sideCol #productStack li {float:left; overflow:hidden;}
#sideCol #productStack li a {display:block; float:left; width:300px; height:530px; overflow:hidden;}
#sideCol #productStack li img {float:left; width:300px; height:530px;}

/* ----- Content ----- */

#content .theme_home a, #content a .theme_home {color:#00ABCC;}
#content .theme_generalgifts a, #content a .theme_generalgifts {color:#C4D82E;}
#content .theme_designgifts a, #content a .theme_designgifts {color:#823F98;}
#content .theme_intronorth a, #content a .theme_intronorth {color:#2C4244;}
#content .theme_collectables a, #content a .theme_collectables {color:#FDB414;}
#content .theme_jewellery a, #content a .theme_jewellery {color:#CE133E;}
#content .theme_greetings a, #content a .theme_greetings {color:#F0668B;}

.theme_home { color: #00ABCC; }
.theme_generalgifts { color: #C4D82E; }
.theme_designgifts { color: #823F98; }
.theme_intronorth { color: #2C4244; }
.theme_collectables { color: #FDB414; }
.theme_jewellery { color: #CE133E; }
.theme_greetings { color: #F0668B; }

#contentWrap {float:right; width:700px; margin:0 20px 10px 0;}
#content {width:700px; padding:30px 0;}
#content a {color:#000; font-weight:bold;}
#content h1 {margin:0 0 15px 0; font-size:182%;}
#content h2 {margin:0 0 10px 0; font-size:153.9%;}
#content h3 {margin:0 0 10px 0; font-size:138.5%;}
#content p {margin:0 0 15px 0; font-size:93%;}

#content > ul, #content > ol {margin:0 0 15px 0; font-size:93%;}
#content ul li {margin:0 0 5px 0; padding:0 0 0 13px; background:url('/_images/bullets/content-ul-li.png') 2px 5px no-repeat;}
#content ol li {margin:0 0 5px 25px; list-style:decimal;}
#content ul ol li {padding:0; background:none;}

#content dl {overflow:hidden;}
#content dl dt {float:left;}
#content dl dd {float:right;}

#content table {width:699px; font-size:93%; border-top:1px solid #DDD; border-left:1px solid #DDD; background:#FFF;}
#content table th, #content table td {padding:5px; border-right:1px solid #DDD; border-bottom:1px solid #DDD;}
#content table th {padding:10px 5px; font-weight:bold; text-align:center; background:#DDD;}
#content table .bg td {background:#EEE;}

#content .thumbnails {width:700px; overflow:hidden;}
#content .thumbnails li {float:left; width:128px; margin:0 10px 10px 0; padding:0; border:1px solid #888; background:none;}
#content .thumbnails li:hover {border-color:#000;}
#content .thumbnails li a {display:block; overflow:hidden;}
#content .thumbnails li a img {float:left;}

/* ----- Modules ----- */

#content .categoryList, #content .moduleList {margin:0;}
#content .categoryList > li, #content .moduleList > li  {width:680px; margin:0 0 10px 0; padding:10px; background:#DDD; overflow:hidden;}
#content .categoryList li .thumbnail, #content .moduleList li .thumbnail {display:block; float:left; width:73px; border:1px solid #BCBEC0; overflow:hidden;}
#content .categoryList li .thumbnail img, #content .moduleList li .thumbnail img {float:left; width:73px;}
#content .categoryList li .details, #content .moduleList li .details {float:right; width:590px;}
#content .categoryList li .details h2, #content .moduleList li .details h2 {margin:0 0 5px 0; font-size:138.5%;}
#content .categoryList li .details p, #content .moduleList li .details p {font-size:100%;}

#content .moduleList li .details dl {font-size:93%;}
#content .moduleList li .details dl dt {margin:0 5px 5px 0; font-weight:bold;}
#content .moduleList li .details dl dd {float:left;}

#content .moduleList.faqAccordion li h2 {margin:0; font-size:138.5%;}
#content .moduleList.faqAccordion li .details {float:none; width:680px; padding:10px 0 0 0;}
#content .moduleList.faqAccordion li .details table {width:100%;}
#content .moduleList.faqAccordion li .details table th {padding:5px; background:#FFF;}

#content .articleDetails {margin:0 0 10px 0; font-size:93%;}
#content .articleDetails dt {margin:0 5px 5px 0; font-weight:bold;}
#content .articleDetails dd {float:left;}

#content .articleImage {float:right; margin:0 0 20px 20px; overflow:hidden;}

/* ----- Pods ----- */

.pods {width:610px; overflow:hidden;}
.pods li {float:left; margin:0 0 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:108%; font-weight:bold;}
.pods li.first {margin-left:0;}
.pods li a {position:relative; display:block; width:198px; height:133px; border:1px solid #DDD;}
.pods li a:hover, #contentWrap .pods li a:active, #contentWrap .pods li a:focus {text-decoration:none;}
.pods li a span {position:absolute; bottom:0; left:0; display:block; width:178px; padding:5px 10px; color:#FFF; background:#bcbec0;}
.pods li.gift a span {background:#c4d82e;}
.pods li.home a span {background:#00accd;}
.pods li.greetings a span {background:#f1678c;}
.pods li.jewellery a span {background:#da1a32;}
.pods li.intro a span {background:#2d4245;}

#content .pods li {margin:0 0 5px 5px; padding:0; background:none;}
#content .pods li.first {margin:0 0 5px 0;}

/* ----- Exhibitor Slideshow ----- */

#slideShow {position:relative; clear:both; width:918px; margin:0 20px 15px 20px; border:1px solid #DDD;}
#slideShow h2 {width:898px; padding:5px 10px; color:#FFF; text-shadow:0 0 7px #666; font-family:Arial, Helvetica, sans-serif; font-size:108%; font-weight:bold; background:#bcbec0;}
#slideShow #exhibitorSlides {width:800px; margin:0 60px; overflow:hidden;}
#slideShow #exhibitorSlides li {float:left; width:160px; height:120px; overflow:hidden; background:#FFF;}
#slideShow #exhibitorSlides li img {float:left;}

#slideShow .controls {position:absolute; top:75px; left:0; width:898px; margin:0 10px; overflow:hidden;}
#slideShow .controls .control {display:block; width:10px; height:20px; text-indent:-9999px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
#slideShow .controls .prev {float:left; background:url('/_images/buttons/arrow-prev.png');}
#slideShow .controls .next {float:right; background:url('/_images/buttons/arrow-next.png');}

/* ----- Key Brands ----- */

#keyBrands {width:970px; margin:0 0 0 -5px; padding:0 0 5px 0; color:#FFF; background:url('/_images/bg/key-brands.png') bottom center no-repeat; overflow:hidden;}
#keyBrands .wrapper {width:968px; border:1px solid #202020; background:#565555; overflow:hidden;}
#keyBrands .wrapper h2 {display:inline-block; float:left; width:120px; padding:5px 0; text-align:center; font-size:123.1%; font-weight:bold; background:#2d4245;}
#keyBrands .wrapper ul {position:relative; float:left; width:838px; height:20px; margin:0px 0 0 0; padding:0 0 0 10px; font-size:108%; line-height:29px;}
#keyBrands .wrapper ul li {float:left; width:auto; margin:0 10px 0 0; padding:0 15px 0 0; white-space:nowrap; background:url('/_images/bullets/key-brands.png') right 12px no-repeat;}
#keyBrands .mask {position:relative; width:848px; overflow:hidden;}

/* ----- Footer ----- */

#footer {position:relative; width:920px; padding:5px 25px; font-size:85%; color:#aa8e65; overflow:hidden;}
#footer a {color:#aa8e65;}
#footer ul {float:left; overflow:hidden;}
#footer ul li {float:left; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #aa8e65;}
#footer ul li.first {margin:0; padding:0; border:none;}
#footer p {float:right; text-align:right; padding:0 65px 0 0;}
#footer img {position:absolute; top:5px; right:25px;}

#footer .wrapper {clear:both; width:100%; padding:10px 0 0 0; overflow:hidden;}
#footer .wrapper #siteBy {float:left; font-weight:bold;}
#footer .wrapper .copy {float:right;}

/* ----- Homepage ----- */

body.home #contentWrap {float:left; width:610px; margin:0 0 10px 20px;}
body.home #contentWrap {margin-bottom:5px;}
body.home #content {float:left; width:610px; padding:30px 0 5px 0;}
body.home #sideCol {float:right; width:300px; margin:0 20px 10px 0; padding:10px 0 0 0;}

#content dl.times {width:160px; margin:0 0 10px 0;}

/* ----- Special Offers ----- */

#content #specialOffers {width:698px; border:1px solid #DDD; border-bottom:none;}
#content #specialOffers th, #content #specialOffers td {padding:10px; border-right:none;}
#content #specialOffers th {text-align:left; width:150px;}
#content #specialOffers th+th {width:100px;}
#content #specialOffers th+th+th {width:auto;}

/* ----- Seminars ----- */

#content .seminars {width:700px; padding:20px 0 0 0; border-top:1px solid #DDD; overflow:hidden;}
#content .seminars > li {float:left; width:200px; min-height:150px; height:auto !important; height:150px; margin:0 0 20px 20px; padding:10px; background-image:none; background:#DDD;}
#content .seminars li.first {margin-left:0;}
#content .seminars li p {font-size:100%;}
#content .seminars li .time {font-weight:bold;}
#content .seminars li a {text-decoration:underline;}

/* ----- Surgeries ----- */

#content .surgeries {width:700px; padding:20px 0 0 0; border-top:1px solid #DDD; overflow:hidden;}
#content .surgeries > li {float:left; width:320px; min-height:100px; height:auto !important; height:100px; margin:0 0 20px 20px; padding:10px; background-image:none; background:#DDD; overflow:hidden;}
#content .surgeries li.first {margin-left:0;}
#content .surgeries li .thumb {float:left; width:100px;}
#content .surgeries li .details {float:right; width:205px;}
#content .surgeries li .details p {font-size:100%;}
#content .surgeries li .details .time {font-weight:bold;}

/* ----- Sitemap ----- */

#content .sitemap {width:700px; margin:0;}
#content .sitemap > li {margin:0 0 10px 0; padding:0; font-size:123.1%; font-family:Georgia,'Times New Roman',Times,serif; background:none;}
#content .sitemap li a {font-weight:normal;}
#content .sitemap li ul {margin:0 0 0 25px; padding:10px 0 0 0;}
#content .sitemap li ul li {font-family:Arial, Helvetica, sans-serif; font-size:90%;}
#content .sitemap li ul li ul {margin:0; padding:10px 0 5px 0;}
#content .sitemap li ul li ul li {background:none;}