/* Layout
----------------------------------------------------------------------------- */

body {
   margin:0;
   text-align:center;
   padding:0;
   font-family:Verdana, Arial, Sans-Serif;
   font-size:62.5%; /* Set base size to 10px  */
   color:#666666;
   background: #dcdcde url(/Images/background.gif) no-repeat 50% 0%;
}
#wrap {
   text-align:left;
   width:770px;
   margin:auto;
   background-color:#ffffff;
   padding-top:5px;
}
#header {
	position:relative;
	height:160px;
	margin-top: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	background-repeat: no-repeat;
	background-position: left top;
}

#logo {
	position:absolute;
	top:8px;
	left:10px;
	width: 152px;
	height: 130px;
}

#content {
   border-left:10px solid #ffffff;
   border-right:10px solid #ffffff;
   margin:10px 0 0 0px;
}

#main-col {
   float:right;
   width:580px;
   padding:0px;
}

#right-col {
   float:left;
   width:160px;
   padding:0px;
}

.clearer {
   clear:both;
   height:1px;
   font-size:1px;
   border:none;
   margin:0px; padding:0px;
   background:transparent;
}


/* Links and text
----------------------------------------------------------------------------- */

.L1-box {
	background:url(/Images/L2-blurb-background.gif) repeat-x bottom;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}

.L1-box #navlist {
   margin: 0;
   padding: 0;
   list-style: none;
}

.L1-box #navlist li {
	font-size:1.2em;
	background-image: url(/Images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.L1-box h1, .L1-box h2 {
	margin:0px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}


a {
   text-decoration: none;
   color:#4CAA78;
}
a:hover {
   text-decoration: underline;
}

p {
	font-size:1.4em;
	margin:0;
	padding:10px 0 0 0;

}
.pb15 { padding-bottom:15px; }
.pt0 { padding-top:0px; }

h1 {
   font-size:1.5em;
   letter-spacing:-1px;
   font-weight:normal;
   color:#666;
   margin:12px 0 12px 0;
   padding:0px;
}

h2 {
   font-size:16px;
   letter-spacing:-1px;
   font-weight:bold;
   color:#33CC33;
   margin:12px 0 12px 0;
   padding:0px;
}

#L2-intro {
   height:95px;
   background:url(/Images/L2-blurb-background.gif) repeat-x bottom;
}

#L2-intro h1 {
   float:left;
   width:190px;
   text-align:center;
   margin:30px 0 0 0;
   padding:0px;
}

#productinfo h1 {
   font-size:1.2em;
   margin:10px 0 0 0;
   font-weight:bold;
   padding:0px;
}

#productinfo h2 {
   font-size:1.1em;
   margin:10px 0 0 0;
   padding:0px;
}

#productinfo h3 {
   font-size:1.1em;
   margin:15px 0 0 0;
   padding:0px;
}

.shawlshop-form input, .shawlshop-form textarea, .shawlshop-form select {
   background:url(/Images/L2-blurb-background.gif) repeat-x bottom;
}

/* Site Navigation
----------------------------------------------------------------------------- */

#main-nav {
	position:absolute;
	top:10px;
	right:6px;
	width: 579px;
	height: 131px;
}
#main-nav ul {
   margin:0 auto 0 auto;
   padding:10px 0 10px 0;
   list-style-type: none;
}
#main-nav ul li {
	margin: 0;
	display: inline;
	text-align: center;
	white-space: nowrap;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 20px;
}
#main-nav .adjust {
   padding-bottom:3px;
}
#main-nav a {
   font-size:1.3em;
   text-decoration: none;
   padding-bottom:2px;
}
#main-nav a:hover {
   text-decoration: none;
   border-bottom:4px solid #bcd349;
}
#main-nav a#top-active {
   text-decoration: none;
   border-bottom:4px solid #bcd349;
}

/* horizontal list navigation
----------------------------------------------------------------------------- */

#top-nav {
   position:absolute;
   top:0px;
   right:5px;
}

ul.hori-nav {
	margin:0;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0;
	text-align: center;
}
ul.hori-nav  li {
	list-style-type: none;
	margin: 0;
	display: inline;
	text-align: center;
	white-space: normal;
	padding: 0;
	background-position: center;
}
.hori-nav a {
   font-size:1.1em;
   text-decoration: none;
   color:#666666;
   padding:0 10px 0 10px;
   border-bottom:none;
}
.hori-nav a:hover {
   text-decoration: underline;
   border-bottom:none;
}
.hori-nav .line { border-left: 1px solid #666666; }


/* L2 thumbnails
----------------------------------------------------------------------------- */

ul.thumbnails {
   margin:15px 0 0 0;
   padding:0;
   list-style:none;
   line-height:1.3em;
}

.thumbnails li {
   display:block;
   float:left;
   margin:0 10px 20px 10px;
   padding:0;
   width: auto;
   height: auto;
   text-align: center;
}

.thumbnails li img {
   text-align: center;
   margin: 5px;
}

.thumbnails li img {
   border: 1px solid #fff;
}


/* product views
----------------------------------------------------------------------------- */

ul#product-view {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
ul#product-view li {
   padding:0px;
}

ul#product-view li a {
   padding-left: 25px;
   cursor:pointer;
}

ul#product-view li a:hover {
   text-decoration: underline;
}

#product-view #model {
   background: url(/Images/model.gif) no-repeat 2px 0px;
   padding-bottom: 8px;
}
#product-view #wide {
   background: url(/Images/wide.gif) no-repeat 0px 0px;
   padding-bottom: 8px;
}
#product-view #close {
   background: url(/Images/close.gif) no-repeat 0px 0px;
   padding-bottom: 3px;
}


/* colour views
----------------------------------------------------------------------------- */

ul#colour-view {
   margin:10px 0 0 0;
   padding:0;
   list-style:none;
   line-height:1.3em;
}

#colour-view li {
   display:block;
   float:left;
   margin:0;
   padding:0;
   width: auto;
   height: auto;
   text-align: center;
}

#colour-view li img {
   text-align: center;
   margin: 0 10px 0 0;
}


/* tables
----------------------------------------------------------------------------- */

table {
   width:100%;
   padding:0px;
   margin:0px;
}

#right-col th, #right-col td {
   padding:10px 0 0 0;
   font-size:1.1em;
   text-align:left;
   vertical-align:top;
}

#right-col th {
   padding-top:0px;
}

#product-info td.label {
   font-weight:bold;
   width:60%;
}


/* nav for popup*/
 ul.enlarge { float:left; padding:9px 0 1px; margin:0 24px 0 0; position:relative; }
 ul.enlarge li { display:inline; }
 ul.enlarge li a { display:block; float:left; width:75px; height:51px; padding:4px 2px 5px; margin:0 6px 0 0; background:url(/Images/popup_thumb20070807.gif) no-repeat 0 0; }
 /*ul.enlarge li.enlarge { float:left; position:relative; width:17px; height:17px; margin:-9px -12px -17px -5px; background:url(/Images/popup_enlarge20070807.gif) no-repeat 0 0; font-size:1px; }*/

.popup,
.popupshadow { position:absolute; top:0; left:-1122px; z-index:9999; }
.popupshadow { width:780px; height:592px; }
.popupshadow img { width:100%; height:100%; }
.popupshadow.isanim img { *display:none; _display:block; }
.popup { width:700px; height:400px; margin:40px 40px 112px 40px; }
.popup .popupimg { width:100%; height:100%; }
.popup .movie { width:512px; height:552px; margin:14px auto 0; }
.popup#popup .popupnav { padding-top:9px; border-top:1px solid #ccc; }
.popup#popup.isanim .popupnav { display:none; }
.popup#popup .popupnav ul { width:261px; margin:0 auto; }
.popup#popup .popupnav ul.w2 { width:174px; }
.popup#popup .popupnav ul.w4 { width:348px; }
.popup#popup .popupnav ul.w5 { width:435px; }
.popup#popup .popupnav ul li { float:left; }
.popup#popup .popupnav ul li a { display:block; width:75px; height:51px; margin:0 5px; border:1px solid #fff; }
.popup#popup .popupnav ul li a.active { border-color:#ccc; }
.popup a.close, #popupmovie a.close { position:relative; display:block; width:28px; height:28px; top:-12px; margin:0 -28px -28px -15px; text-indent:-9999px; background:url(/Images/widget_close.png) no-repeat; cursor:pointer; outline:none; }
.popup.isanim a.close, #popupmovie.isanim a.close { display:none; }
.popup#popupmovie,
.popupshadow#popupmovieshadow { position:absolute; top:0; left:-1122px; z-index:9999; }
.popupshadow#popupmovieshadow { width:612px; height:666px; }
.popup#popupmovie { width:512px; height:566px; margin:50px; }


/* Estilo thumb*/
#main .relax { clear:both; position:relative; height:358px; padding:98px 389px 0 45px; width: 480px; }
		#main .relax img.right { float:none; position:absolute; right:0; top:-5px; }
		#main .relax h2, #main .relax p.intro, #main .relax ul { position:relative; }
		#main .relax h2 { margin-bottom:.3em; }