/* SURF SALES LAYOUT */
/* the layouts are listed in the order they appear in the page */
html, body { text-align:center; margin:0; height:100%;
}
#wrapper { position:relative; width:946px; margin:auto; text-align:left;}
#banner {position:relative; width:946px; height:185px;text-align:center;}
#contentwrapper {position:relative; width:946px;}
body#page-shop { background-image:url(images/background-2009-full-progress2.jpg); background-position:top center; background-repeat:repeat-y;}
#homeimgarray {position:relative; width:926px; padding:10px; }
#maincontent {position:relative; width:926px; padding:0 10px 10px 10px;}
#mainleftnav {position:relative; width:180px; float:left; background-image:url(images/side_square.jpg); background-position:top left; background-repeat:no-repeat;padding:10px; min-height:307px;}
#mainleftnav2 {position:relative; width:180px; float:left;padding:10px;}
#mainright {position:relative; width:680px; float:right; padding:10px;}
#lowernav {position:relative; width:946px; text-align:center; padding:10px 0;}
#copyright {position:relative; width:946px; text-align:center; clear:both;}
.xtopcell {background-color:#FFF;}
#dealersection {height:300px; position:relative;}

/* general classes */
.clear {clear:both; height:1px;}
#homeimgarray img {margin:0 1px 1px 0;}
table.tbllist td {border-bottom:1px solid #EEEEEE;}
.fullwidth {width:98%;}

/* lists */
#ulleftnav, .ulleftnav {margin:0; padding:10px 0 0 15px; width:170px;}
#ulleftnav li, .ulleftnav li {color:#FFFFFF; list-style:none; padding:5px 0; font-weight:bold;}
#ulleftnav li a, .ulleftnav li a {color:#666666;}
#uldealerareas {margin:0; padding:10px 0 0 15px; width:250px;}
#uldealerareas li {color:#666666; list-style:none; font-weight:bold; font-size:14px;  border:1px solid #CCCCCC; margin:0 0 2px 0;}
#uldealerareas li a {display:block;padding:8px;background-color:#EEEEEE;}
#uldealerareas li a:hover {background-color:#DDDDDD;}
#uldealerareas li a:active {background-color:#DDDDDD;}
#uldealerlist {padding:0; margin:0; width:200px;}
#uldealerlist li {list-style:none; margin:0 0 2px 0;}
#uldealerlist li.lifeatdealertxt {background-color:#EEEEEE; border:1px solid #CCCCCC;}
#uldealerlist li.lifeatdealertxt a:link, #uldealerlist li.lifeatdealertxt a:visited {padding:5px; display:block;background-color:#EEEEEE;}
#uldealerlist li.lifeatdealertxt a:hover, #uldealerlist li.lifeatdealertxt a:active { background-color:#DDDDDD;}
#ulnewsdoclist {padding:0 0 0 25px; margin:0;}
#ulnewsdoclist li{ padding:2px 0 2px 10px;}
li.newsdoc1 {list-style-image:url(surfshop/nav/doctypes/mini/word.gif);}
li.newsdoc2 {list-style-image:url(surfshop/nav/doctypes/mini/excel.gif);}
li.newsdoc3 {list-style-image:url(surfshop/nav/doctypes/mini/pdf.gif);}
li.newsdoc4 {list-style-image:url(surfshop/nav/doctypes/mini/image.gif);}
li.newsdoc5 {list-style-image:url(surfshop/nav/doctypes/mini/file.gif);}
#mainleftnav2 ul {padding:0; margin:0;}
#mainleftnav2 ul li {list-style:none; border-bottom:1px solid #DDDDDD;}
#mainleftnav2 ul li a {display:block;padding:5px 0 5px 5px;}
#mainleftnav2 ul li a:hover {background-color:#EEEEEE;}

/* news */
#tbllistnews td {padding:5px 0; border-bottom:1px solid #DDDDDD;}
#newsentrywrap {position:relative;}
#newsentrytitle {position:relative;}
.newsentrymemo {position:relative;}
.newsentryimg {position:relative;}
.newsentryimgside {position:relative; width:270px; float:left;}
.newsentrymemoside {position:relative; width:400px; float:right;}
.contentmemowrap {position:relative; width:680px;}
.newsentryvideo {position:relative; padding:5px 0 0 0;}
.newsentrydocs {background-color:#EEEEEE; border:1px solid #DDDDDD; padding:2px; margin:12px 2px 2px 2px;}


/* Dealer */
#maintopright {position:relative; float:right; width:320px;}
#maintopleft {position:relative; float:left; width:320px;}
table.listdealers th {text-align:left; color:#FFFFFF;}
table.listdealers th, table.listdealers th {font-size:12px;}
/* #page-dealer-details  {} */
#searchfilter {padding:2px; background-color:#EEEEEE; border:1px solid #CCCCCC; margin:5px 0;}

/* team riders */
#teamriderwrap { background-image:url(riders/nav/team_bg.png); position:top center; background-repeat:no-repeat;} /*Formatting error???*/
#teamriderleft {position:relative; float:left; width:420px; padding:20px 10px 10px 30px; color:#FFFFFF;}
#teamriderhdr {position:relative; padding:5px; font-size:16px; font-weight:bold;}
#teamriderdetails {position:relative;padding:5px;}
#teamriderright {position:relative; float:right; width:210px; padding:45px 5px 5px 0;}
#teamriderimg {position:relative; padding:15px 0 10px 35px; text-align:center;background-image:url(riders/nav/img_bg.png); background-repeat:no-repeat; height:308px; text-align:right;}
#teamriderimglimit { position:relative;overflow:hidden; width:150px;height:300px;}
#teamriderlinks {position:relative;padding:5px 0 20px 15px; background-image:url(riders/nav/team_email_bg.png); background-repeat:no-repeat; margin-top:10px;}
#teamridergallerywrap {position:relative;width:419px; padding:30px 8px 30px 35px;  background-image:url(riders/nav/team_gallery_bg.png); background-repeat:no-repeat; background-position:top left; margin-left:20px;}
.riderlistthumbimg {width:60px; height:60px; overflow:hidden; text-align:left;}
tr.trriderlistentry td {border-bottom:1px solid #DDDDDD;}

/* team riders */
.ridergalleryentry {position:relative; text-align:center; float:left; margin:0 2px 2px 0; border:1px solid #333333;}
.ridergalleryimg {position:relative;width:135px; height:135px; overflow:hidden;text-align:center;}

/* new home */
#homenewsbrands {position:relative; width:380px; float:left; text-align:left;padding:0 0 0 10px; font-weight:bold;}
#homenewspaging {position:relative; width:190px; float:right; text-align:right; padding:0 10px 0 0;}
#leftarea {position:relative; float:left; width:600px; padding:0 5px 0 0;}
#rightarea {position:relative; float:right; width:310px;}
.tblhomenews td, .tblhomenews th {text-align:left; font-size:11px; border-bottom:1px solid #DDDDDD; padding: 0 0 2px 0;}
.leftareaentry {position:relative; width:600px; margin:0 0 5px 0;}
.leftareaentrytop {position:relative; width:600px; padding:5px 0 0 5px; font-weight:bold; background-image:url(images/layout/left-top-600.gif); background-position:top left; background-repeat:no-repeat; height:21px;}
.leftareaentrymid {position:relative; width:600px; background-image:url(images/layout/left-mid-600.gif); background-position:top left; background-repeat:repeat-y; padding:5px;}
.leftareaentrybot {position:relative; width:595px; text-align:right; background-image:url(images/layout/left-bot-600.gif); background-position:top left; background-repeat:no-repeat; height:26px; padding:5px 15px 0 0;}
.rightareaentry {position:relative; width:300px; margin:0 0 5px 0;}
.rightareaentrytop {position:relative; width:305px; padding:5px 0 0 5px; font-weight:bold; background-image:url(images/layout/right-top-310.gif); background-position:top left; background-repeat:no-repeat; height:21px;}
.rightareaentrymid {position:relative; width:300px; background-image:url(images/layout/right-mid-310.gif); background-position:top left; background-repeat:repeat-y; padding:5px;}
.rightareaentrybot {position:relative; width:300px; text-align:right; background-image:url(images/layout/right-bot-310.gif); background-position:top left; background-repeat:no-repeat; height:26px; padding:5px 5px 0 5px;}
.rightprodentry {position:relative; width:300px; border-bottom:1px solid #CCCCCC;}
.rightprodimg {position:relative; width:80px; padding:5px; float:left; text-align:center;}
.rightprodmain {position:relative; width:200px; padding:5px; float:right;}
.rightprodtitle {position:relative; font-weight:bold;}
.rightprodmemo {position:relative; padding:5px;}
.rightprodprice, .rightprodretail, .rightprodsaving {position:relative; text-align:right; font-size:14px; padding:0 10px 0 0; font-weight:bold;}
.rightprodretail { color:#FF0000; }
.rightprodlink {position:relative; text-align:right; padding:5px;}
#rightteamriderswrap {position:relative; width:288px; padding:0 6px;}
#rightfullriderslist { padding:0 10px;}
.teamriderentryright {position:relative; text-align:center; float:left; width:90px; height:90px; overflow:hidden; margin:0 3px 3px 0; border:1px solid #333333;}
.teamriderentryright a {display:block;}

.left2column {position:relative; width:610px; margin:0 0 5px 0;}
.left2column1 {position:relative; width:300px; float:left;}
.left2column2 {position:relative; width:300px; float:right;}

/* paragraph fix */
.leftareaentrymid p, .rightareaentrymid p {margin:0;}

/* video area */
.videoarea {position:relative; width:595px;}
.videotitle {position:relative; padding:5px 5px 0 5px; font-weight:bold; font-size:16px;}
.videomemo {position:relative;padding:5px 5px 0 5px;}
.videorecent {position:relative;padding:5px 5px 0 5px;}
.videocomments {position:relative;padding:5px 5px 0 5px; height:20px;}
.videolink {position:relative;padding:5px 5px 0 5px; text-align:right;}
.videoplayerarea {position:relative; text-align:center; padding:5px 0;}
.ulrecentvids {padding:0 0 0 10px; margin:0;}
.ulrecentvids li {list-style:none; padding:2px 0 2px 0; border-bottom:1px solid #DDDDDD;}

/* comments */
#commentswrap {position:relative; padding:5px; background-color:#FFF; margin:2px 2px 2px 0;}
#commentlistwrap {position:relative; }
.commentlistentry {position:relative; margin:0 0 2px 0; background-color:#EEE; border:1px solid #CCC;}
.commentlistentryhdr {position:relative; padding:5px; background-color:#DDD;border-bottom:1px solid #CCC;}
.commentlistentrymemo {position:relative; padding:5px;}
.commentlistentrymemo p {margin:0;}
#addcommentwrap {position:relative; padding:5px;background-color:#DDD; border:1px solid #CCC;}
#comments {float:left; width:320px;}
#commentshare {float:right; width:200px; text-align:right;}

/* exceptions */
#page-news-details #mainright img {max-width:680px;}
#page-shop #mainleftnav {background-image:none; }
#page-shop #mainright {min-height:2600px;}

/* testing */
#page-shop2 #mainleftnav {background-image:none; }
#page-shop2 #mainright {min-height:2600px;}
#page-shop2 { background-image:url(images/dyn_backgrounds/bg-2010-all-2048.jpg); background-position:top center; background-repeat:repeat-y;}